/* Smart Shrimp Log — Global Mobile Top Typography v1
   Presentation-only typography convergence for Dashboard/Farms/Inventory/Admin/Settings.
   Owner screenshots 2026-10-02 are the visual authority. */
@media (max-width:900px){
  :root{
    --ssl-mobile-top-domain-size:clamp(10px,2.8vw,11.5px);
    --ssl-mobile-top-title-size:16px;
    --ssl-mobile-top-pill-size:12.5px;
    --ssl-mobile-top-domain-leading:1.2;
    --ssl-mobile-top-title-leading:1.18;
    --ssl-mobile-top-pill-leading:1.2;
    --ssl-mobile-top-domain-tracking:.055em;
  }

  /* Shared primary page identity: Dashboard detail, Inventory, Admin, Settings. */
  #app .primary-mobile-toolbar .primary-mobile-identity>div{
    min-width:0!important;
    gap:2px!important;
    line-height:1!important;
  }
  #app .primary-mobile-toolbar .primary-mobile-identity small{
    display:block!important;
    max-width:none!important;
    font-size:var(--ssl-mobile-top-domain-size)!important;
    line-height:var(--ssl-mobile-top-domain-leading)!important;
    font-weight:850!important;
    letter-spacing:var(--ssl-mobile-top-domain-tracking)!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #app .primary-mobile-toolbar .primary-mobile-identity strong{
    display:block!important;
    font-size:var(--ssl-mobile-top-title-size)!important;
    line-height:var(--ssl-mobile-top-title-leading)!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  #app .primary-mobile-toolbar .primary-mobile-pill{
    font-size:var(--ssl-mobile-top-pill-size)!important;
    line-height:var(--ssl-mobile-top-pill-leading)!important;
    font-weight:800!important;
  }

  /* Farm Overview uses its own toolbar markup; bind it to the same type scale. */
  #app .gm-farm-toolbar .gm-farm-identity>div{
    min-width:0!important;
    gap:2px!important;
    line-height:1!important;
  }
  #app .gm-farm-toolbar .gm-farm-identity small{
    display:block!important;
    max-width:none!important;
    font-size:var(--ssl-mobile-top-domain-size)!important;
    line-height:var(--ssl-mobile-top-domain-leading)!important;
    font-weight:850!important;
    letter-spacing:var(--ssl-mobile-top-domain-tracking)!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #app .gm-farm-toolbar .gm-farm-identity strong{
    display:block!important;
    max-width:none!important;
    font-size:var(--ssl-mobile-top-title-size)!important;
    line-height:var(--ssl-mobile-top-title-leading)!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  #app .gm-farm-toolbar .gm-holy-pill{
    font-size:var(--ssl-mobile-top-pill-size)!important;
    line-height:var(--ssl-mobile-top-pill-leading)!important;
    font-weight:800!important;
  }

  /* Dashboard landing brand keeps its content but follows the same 16/11.5 hierarchy. */
  #app .marix-reference-shell .marix-reference-brand-copy b{
    font-size:var(--ssl-mobile-top-title-size)!important;
    line-height:var(--ssl-mobile-top-title-leading)!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
  #app .marix-reference-shell .marix-reference-brand-copy span{
    font-size:var(--ssl-mobile-top-domain-size)!important;
    line-height:var(--ssl-mobile-top-domain-leading)!important;
    font-weight:850!important;
    letter-spacing:var(--ssl-mobile-top-domain-tracking)!important;
  }
}