/* Smart Shrimp Log — Primary Mobile Surfaces Compact v1
   Shared presentation grammar for Inventory / Admin / Settings.
   Presentation only: no route, data, finance, inventory, or persistence semantics. */

@media(max-width:760px){
  :root{
    --ssl-primary-mobile-gap:10px;
    --ssl-primary-mobile-radius:16px;
    --ssl-primary-mobile-panel-pad:12px;
    --ssl-primary-mobile-soft-shadow:0 5px 16px rgba(17,78,62,.045);
    --ssl-primary-mobile-line:#dce9e3;
    --ssl-primary-mobile-surface:rgba(255,255,255,.97);
    --ssl-primary-mobile-soft:#f7fbf8;
  }

  /* Shared page rhythm */
  #app :where(.warehouse-workspace,.admin-primary-page,.settings-primary-page){
    padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar){
    min-height:54px!important;
    margin:0 0 8px!important;
    padding:7px 10px!important;
    border:1px solid var(--ssl-primary-mobile-line)!important;
    border-radius:var(--ssl-primary-mobile-radius)!important;
    background:var(--ssl-primary-mobile-surface)!important;
    box-shadow:var(--ssl-primary-mobile-soft-shadow)!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-identity{
    gap:8px!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-brand{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:10px!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-brand img{
    width:29px!important;
    height:29px!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-identity small{
    font-size:11px!important;
    line-height:1.15!important;
    letter-spacing:.065em!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-identity strong{
    font-size:15px!important;
    line-height:1.15!important;
  }
  #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar) .primary-mobile-pill{
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }

  /* One compact top family */
  #app :where(.global-mobile-top-inventory,.global-mobile-top-admin,.global-mobile-top-settings){
    min-height:114px!important;
    margin:0 0 8px!important;
    border:1px solid var(--ssl-primary-mobile-line)!important;
    border-radius:var(--ssl-primary-mobile-radius)!important;
    box-shadow:var(--ssl-primary-mobile-soft-shadow)!important;
    overflow:hidden!important;
  }

  /* Inventory */
  #app .global-mobile-top-inventory{
    grid-template-columns:minmax(0,1fr) 122px!important;
    grid-template-rows:64px 50px!important;
  }
  #app .global-mobile-top-inventory .inventory-mobile-visual{
    min-height:64px!important;
    height:64px!important;
  }
  #app .global-mobile-top-inventory .inv-mobile-title-copy{
    padding:7px 0 6px 10px!important;
  }
  #app .global-mobile-top-inventory .inv-mobile-title-copy h3{
    font-size:15px!important;
    line-height:1.12!important;
  }
  #app .global-mobile-top-inventory .inventory-mobile-kpis{
    margin:5px 8px 5px 0!important;
  }
  #app #inventoryWorkspace .inv-tabs{
    min-height:46px!important;
    margin:0 0 8px!important;
    padding:4px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  #app #inventoryWorkspace .inv-tabs button{
    min-height:38px!important;
    padding:6px 5px!important;
    border-radius:10px!important;
  }
  #app #inventoryWorkspace .inv-overview-actions{
    gap:6px!important;
    margin:0 0 8px!important;
    padding:6px!important;
    border-radius:14px!important;
  }
  #app #inventoryWorkspace .inv-overview-actions button{
    min-height:44px!important;
    padding:6px 8px!important;
  }
  #app #inventoryWorkspace .inv-stats{
    gap:8px!important;
    margin-bottom:9px!important;
  }
  #app #inventoryWorkspace .inv-stats .stat-card{
    min-height:88px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
    box-shadow:0 3px 10px rgba(17,78,62,.035)!important;
  }
  #app #inventoryWorkspace .inv-stats .stat-value{
    font-size:20px!important;
    line-height:1!important;
  }
  #app #inventoryWorkspace :where(.inv-wh-overview,.inv-balance-panel,.inv-movements-recent,.inv-products-panel,.inv-warehouses-panel,.inv-movements-panel){
    padding:11px 12px!important;
    border-radius:var(--ssl-primary-mobile-radius)!important;
    box-shadow:0 3px 12px rgba(17,78,62,.035)!important;
  }
  #app #inventoryWorkspace :where(.inv-wh-overview,.inv-balance-panel,.inv-movements-recent) .section-head{
    margin-bottom:8px!important;
  }
  #app #inventoryWorkspace .inv-wh-item{
    min-height:54px!important;
    padding:8px 10px!important;
    border-radius:11px!important;
  }
  #app #inventoryWorkspace :where(.inv-cost-integrity-banner,.inv-low-stock-alert,.inv-attention,.inventory-cost-integrity){
    margin-bottom:8px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
  }

  /* Admin / Management */
  #app .admin-primary-page{
    display:grid!important;
    gap:var(--ssl-primary-mobile-gap)!important;
  }
  #app .admin-primary-page>.admin-mobile-toolbar,
  #app .admin-primary-page>.global-mobile-top-admin{
    margin-bottom:0!important;
  }
  #app .global-mobile-top-admin{
    grid-template-rows:64px 50px!important;
    min-height:114px!important;
  }
  #app .global-mobile-top-admin>.domain-mobile-visual{
    min-height:64px!important;
    height:64px!important;
    padding:8px 10px!important;
  }
  #app .global-mobile-top-admin>.global-mobile-top-kpis span{
    padding:5px 4px!important;
  }
  #app .admin-primary-page :where(.management-dashboard,.management-overview,.management-panel,.panel){
    border-radius:var(--ssl-primary-mobile-radius)!important;
  }
  #app .admin-primary-page :where(.management-tabs,.management-tab-grid){
    gap:5px!important;
    padding:5px!important;
    border-radius:14px!important;
  }
  #app .admin-primary-page .management-tab{
    min-height:52px!important;
    padding:7px 8px!important;
    border-radius:11px!important;
  }
  #app .admin-primary-page :where(.management-kpi-row,.management-kpi-grid){
    gap:8px!important;
  }
  #app .admin-primary-page :where(.management-kpi-card,.management-kpi-row article){
    min-height:88px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
    box-shadow:0 3px 10px rgba(17,78,62,.035)!important;
  }
  #app .admin-primary-page :where(.management-command-card,.management-attention,.management-history-card,.service-category-card,.worker-management-card,.opener-management-card){
    padding:11px 12px!important;
    border-radius:14px!important;
    box-shadow:0 3px 10px rgba(17,78,62,.03)!important;
  }
  #app .admin-primary-page :where(.management-panel-head,.management-section-head,.admin-section-heading,.section-head){
    margin-bottom:8px!important;
  }

  /* Settings */
  #app .settings-primary-page{
    display:grid!important;
    gap:var(--ssl-primary-mobile-gap)!important;
  }
  #app .settings-primary-page>.settings-mobile-toolbar,
  #app .settings-primary-page>.global-mobile-top-settings{
    margin-bottom:0!important;
  }
  #app .settings-primary-page .global-mobile-top-settings{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 132px!important;
    grid-template-rows:78px 54px!important;
    min-height:132px!important;
    padding:0!important;
    column-gap:0!important;
    row-gap:0!important;
    background:#fff!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.domain-mobile-visual{
    grid-column:1/-1!important;
    grid-row:1!important;
    min-height:78px!important;
    height:78px!important;
    padding:9px 10px!important;
    align-items:flex-end!important;
    border-radius:15px 15px 0 0!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-live{
    left:10px!important;
    top:7px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-visual-copy{
    max-width:235px!important;
    gap:2px!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-visual-copy b{
    font-size:15px!important;
    line-height:1.12!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-visual-copy small{
    max-width:230px!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:13px!important;
  }
  #app .settings-primary-page .global-mobile-top-settings .domain-mobile-icon svg{
    width:27px!important;
    height:27px!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.domain-mobile-summary-copy{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    min-width:0!important;
    padding:6px 0 6px 10px!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.domain-mobile-summary-copy .eyebrow{
    font-size:8px!important;
    line-height:1!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.domain-mobile-summary-copy h2{
    margin:2px 0 0!important;
    font-size:14.5px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.domain-mobile-summary-copy p{
    display:none!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.global-mobile-top-kpis{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
    width:auto!important;
    margin:4px 8px 4px 0!important;
    border:1px solid #dfeae4!important;
    border-radius:10px!important;
    background:#f8fbf9!important;
    overflow:hidden!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.global-mobile-top-kpis span{
    min-width:0!important;
    padding:4px 2px!important;
    border-radius:0!important;
    font-size:8px!important;
    line-height:1!important;
    text-align:center!important;
  }
  #app .settings-primary-page .global-mobile-top-settings>.global-mobile-top-kpis b{
    margin-bottom:1px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  #app .settings-primary-page .settings-content-grid{
    margin-top:0!important;
    gap:10px!important;
  }
  #app .settings-primary-page .settings-report-panel{
    margin-top:0!important;
  }
  #app .settings-primary-page :where(.panel,.dofarm-import-tools){
    padding:12px 13px!important;
    border-radius:var(--ssl-primary-mobile-radius)!important;
    box-shadow:0 3px 12px rgba(17,78,62,.035)!important;
  }
  #app .settings-primary-page .dofarm-import-tools{
    min-height:auto!important;
  }
  #app .settings-primary-page .dofarm-import-actions-inline{
    gap:6px!important;
  }
  #app .settings-primary-page .dofarm-import-actions-inline button{
    min-height:44px!important;
    height:44px!important;
    padding:6px 10px!important;
    border-radius:11px!important;
  }
  #app .settings-primary-page .section-head{
    margin-bottom:9px!important;
  }
  #app .settings-primary-page .guide{
    padding:8px 0!important;
  }
  #app .settings-primary-page .panel>button.primary{
    min-height:44px!important;
    margin-top:10px!important;
    padding:7px 13px!important;
    border-radius:11px!important;
  }
  #app .settings-primary-page .inventory{
    gap:8px!important;
  }
  #app .settings-primary-page .module-card{
    min-height:94px!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  #app .settings-primary-page .module-card .module-icon{
    width:40px!important;
    height:40px!important;
    margin-bottom:7px!important;
  }
  #app .settings-primary-page .module-card h3{
    margin:3px 0!important;
  }

  /* Dark-mode parity */
  :root[data-theme="dark"] #app :where(.inventory-mobile-toolbar,.admin-mobile-toolbar,.settings-mobile-toolbar),
  :root[data-theme="dark"] #app :where(.global-mobile-top-inventory,.global-mobile-top-admin,.global-mobile-top-settings),
  :root[data-theme="dark"] #app .settings-primary-page :where(.panel,.dofarm-import-tools){
    border-color:#315149!important;
  }
}


/* Admin + Settings Mobile Density v2 */
@media(max-width:760px){
  #app .admin-primary-page .management-kpi-row,
  #app .admin-primary-page .management-kpi-row.compact{gap:6px!important}
  #app .admin-primary-page .management-kpi-row article{min-height:82px!important;padding:9px 10px!important}
  #app .admin-primary-page .management-kpi-icon{width:26px!important;height:26px!important;margin-bottom:5px!important;border-radius:8px!important}
  #app .admin-primary-page .management-kpi-row article>b{margin:3px 0 2px!important}
  #app .admin-primary-page .management-attention{gap:8px!important;margin:7px 0!important;padding:9px 10px!important}
  #app .admin-primary-page .management-attention-icon{width:30px!important;height:30px!important}
  #app .admin-primary-page .management-attention button{min-height:44px!important}

  #app .admin-primary-page .management-panel-head{gap:7px!important;padding:10px 11px!important}
  #app .admin-primary-page .management-panel-head p{margin-top:2px!important;line-height:1.3!important}
  #app .admin-primary-page .management-head-actions{gap:6px!important}
  #app .admin-primary-page .management-create-worker{min-height:44px!important}
  #app .admin-primary-page .worker-management-grid{gap:8px!important}
  #app .admin-primary-page .worker-management-card{padding:10px 11px!important}
  #app .admin-primary-page .worker-management-card header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}
  #app .admin-primary-page .worker-management-card header h3{margin:2px 0!important}
  #app .admin-primary-page .worker-management-card header small{line-height:1.25!important}
  #app .admin-primary-page .worker-card-actions{gap:4px!important}
  #app .admin-primary-page .worker-edit-button{min-height:44px!important;padding:0 12px!important}
  #app .admin-primary-page .worker-rule-strip{gap:5px!important;margin:8px 0!important}
  #app .admin-primary-page .worker-rule-strip span{padding:7px 8px!important;border-radius:9px!important}
  #app .admin-primary-page .labor-allocation{padding-top:8px!important}
  #app .admin-primary-page .labor-allocation-row{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:6px 0!important}
  #app .admin-primary-page .management-note{margin-top:7px!important;padding:7px 8px!important;line-height:1.35!important}

  #app .admin-primary-page .service-category-grid{gap:7px!important;margin-bottom:9px!important}
  #app .admin-primary-page .service-category-card{min-height:68px!important;gap:9px!important;padding:9px 10px!important;border-radius:13px!important}
  #app .admin-primary-page .service-category-icon{width:32px!important;height:32px!important;border-radius:10px!important}
  #app .admin-primary-page .service-category-card h3{margin:1px 0!important}
  #app .admin-primary-page .service-category-card p{line-height:1.25!important}
  #app .admin-primary-page .service-provider-head{margin-top:0!important}
  #app .admin-primary-page .opener-management-grid{gap:8px!important}
  #app .admin-primary-page .opener-management-card{padding:10px 11px!important}
  #app .admin-primary-page .opener-management-card header{display:flex!important;gap:8px!important}
  #app .admin-primary-page .opener-rate-strip,
  #app .admin-primary-page .opener-history-mini{gap:5px!important;margin:8px 0!important}
  #app .admin-primary-page .opener-rate-strip span,
  #app .admin-primary-page .opener-history-mini span{padding:7px!important;border-radius:9px!important}
  #app .admin-primary-page .opener-add-rate,
  #app .admin-primary-page .sludge-provider-actions button{min-height:44px!important}

  #app .admin-primary-page .management-energy-settings{gap:8px!important}
  #app .admin-primary-page .management-energy-farm{padding:9px 10px!important;border-radius:14px!important}
  #app .admin-primary-page .management-energy-farm .management-section-head{gap:7px!important;margin-bottom:7px!important}
  #app .admin-primary-page .management-energy-farm .management-head-actions{grid-template-columns:1fr 1fr!important;gap:6px!important}
  #app .admin-primary-page .management-energy-farm .management-head-actions button{min-height:44px!important;padding:6px 8px!important}
  #app .admin-primary-page .management-energy-grid{gap:6px!important}
  #app .admin-primary-page .management-energy-profile{padding:9px 10px!important;border-radius:12px!important}
  #app .admin-primary-page .management-energy-profile h4{margin:5px 0 2px!important}
  #app .admin-primary-page .management-energy-profile p,
  #app .admin-primary-page .management-energy-profile small{line-height:1.3!important}
  #app .admin-primary-page .energy-card-hint{margin-top:6px!important}

  #app .settings-primary-page .settings-content-grid{gap:8px!important}
  #app .settings-primary-page :where(.panel,.dofarm-import-tools){padding:10px 11px!important}
  #app .settings-primary-page .panel>h3{margin:0 0 5px!important}
  #app .settings-primary-page .panel>p,
  #app .settings-primary-page .guide{margin-top:3px!important;margin-bottom:5px!important;line-height:1.35!important}
  #app .settings-primary-page .dofarm-import-tools{gap:8px!important}
  #app .settings-primary-page .dofarm-import-actions-inline{gap:6px!important}
  #app .settings-primary-page .module-card{min-height:76px!important;padding:9px 10px!important}
  #app .settings-primary-page .module-card .module-icon{width:34px!important;height:34px!important;margin-bottom:4px!important;border-radius:10px!important}
  #app .settings-primary-page .module-card h3{margin:1px 0!important}
  #app .settings-primary-page .module-card p{margin:2px 0 0!important;line-height:1.3!important}
  #app .settings-primary-page .settings-report-panel{margin-top:0!important}
  #app .settings-primary-page .settings-report-panel .section-head{margin-bottom:6px!important}
  #app .settings-primary-page .panel>button.primary{min-height:44px!important;margin-top:7px!important}
}