/* Smart Shrimp Log — Global Mobile Top Toolbar v1
   Canonical shared spatial family for Dashboard / Farms / Inventory / Admin / Settings.
   Presentation only: no route, data, auth, persistence, or business semantics. */

@media (max-width:760px){
  :root{
    --ssl-global-mobile-toolbar-height:54px;
    --ssl-global-mobile-toolbar-radius:16px;
    --ssl-global-mobile-toolbar-pad-y:7px;
    --ssl-global-mobile-toolbar-pad-x:10px;
    --ssl-global-mobile-toolbar-gap:10px;
    --ssl-global-mobile-toolbar-brand:34px;
    --ssl-global-mobile-toolbar-pill:32px;
  }

  /* One outer geometry for every primary mobile destination. */
  html body #app .primary-mobile-toolbar,
  html body #app .shell.farm-select-shell .gm-farm-toolbar{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:var(--ssl-global-mobile-toolbar-gap)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:var(--ssl-global-mobile-toolbar-height)!important;
    min-height:var(--ssl-global-mobile-toolbar-height)!important;
    max-height:var(--ssl-global-mobile-toolbar-height)!important;
    margin:0 0 10px!important;
    padding:var(--ssl-global-mobile-toolbar-pad-y) var(--ssl-global-mobile-toolbar-pad-x)!important;
    border:1px solid #dce9e3!important;
    border-radius:var(--ssl-global-mobile-toolbar-radius)!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 5px 16px rgba(17,78,62,.045)!important;
  }

  /* Shared identity rhythm. */
  html body #app .primary-mobile-toolbar .primary-mobile-identity,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-identity{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  html body #app .primary-mobile-toolbar .primary-mobile-identity>div,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-identity>div{
    display:grid!important;
    align-content:center!important;
    gap:2px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  /* Same brand tile on every page. */
  html body #app .primary-mobile-toolbar .primary-mobile-brand,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-brand{
    box-sizing:border-box!important;
    width:var(--ssl-global-mobile-toolbar-brand)!important;
    height:var(--ssl-global-mobile-toolbar-brand)!important;
    min-width:var(--ssl-global-mobile-toolbar-brand)!important;
    min-height:var(--ssl-global-mobile-toolbar-brand)!important;
    max-width:var(--ssl-global-mobile-toolbar-brand)!important;
    max-height:var(--ssl-global-mobile-toolbar-brand)!important;
    flex:0 0 var(--ssl-global-mobile-toolbar-brand)!important;
    border-radius:10px!important;
  }
  html body #app .primary-mobile-toolbar .primary-mobile-brand img,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-brand img{
    width:29px!important;
    height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    object-fit:contain!important;
  }

  /* Keep the existing typography scale, but align its line geometry. */
  html body #app .primary-mobile-toolbar .primary-mobile-identity small,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-identity small{
    font-size:11px!important;
    line-height:1.15!important;
    letter-spacing:.065em!important;
    white-space:nowrap!important;
  }
  html body #app .primary-mobile-toolbar .primary-mobile-identity strong,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-farm-identity strong{
    font-size:15px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  /* Status controls share one touch/visual height. */
  html body #app .primary-mobile-toolbar .primary-mobile-pill,
  html body #app .shell.farm-select-shell .gm-farm-toolbar .gm-holy-pill{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    height:var(--ssl-global-mobile-toolbar-pill)!important;
    min-height:var(--ssl-global-mobile-toolbar-pill)!important;
    max-height:var(--ssl-global-mobile-toolbar-pill)!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
}