html:has(#app:not([hidden])),body:has(#app:not([hidden])){overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:auto!important}
#app{overflow:visible!important;font-size:15px}
#app .shell{align-items:start;min-height:100vh;overflow:visible}
#app .main{min-width:0;min-height:100vh;overflow:visible}
#app .content{overflow:visible}
#app .sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:18px 14px}
#app .sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
#app .nav{gap:8px}
#app .nav a{min-height:44px;display:flex;align-items:center;padding:12px 14px;font-size:14px;line-height:1.35;font-weight:750;border-radius:13px}
#app .nav a span{display:inline!important}
#app .nav .section{margin:16px 10px 5px;font-size:10px;letter-spacing:.16em}
#app .nav a:hover,#app .nav a:focus-visible{color:#eaffff;border-color:#1f7ba6;background:linear-gradient(90deg,#08233b,#0a2f43);box-shadow:0 0 18px #16e8ff22}
#app:has(#business:target) .nav a.active,#app:has(#resources:target) .nav a.active,#app:has(#activity:target) .nav a.active,#app:has(#recovery:target) .nav a.active{color:#c5d5ea;border-color:transparent;background:transparent;box-shadow:none}
#app:has(#business:target) .nav a[href="#business"],#app:has(#resources:target) .nav a[href="#resources"],#app:has(#activity:target) .nav a[href="#activity"],#app:has(#recovery:target) .nav a[href="#recovery"]{color:#8dffe1;border-color:#00ffc877;background:linear-gradient(90deg,#063925cc,#07345199);box-shadow:0 0 20px #00ff9950,inset 0 0 14px #00c8ff18}
#app .hero{min-height:148px}
#app .eyebrow{font-size:12px}
#app .hero h1{font-size:clamp(32px,3.4vw,44px)}
#app .hero h2{font-size:clamp(18px,1.9vw,23px)}
#app .hero p{font-size:15px;line-height:1.6}
#app .controls .badge{font-size:12px}
#app .controls button{font-size:13px;padding:9px 13px}
#app .owner-dashboard-kicker{font-size:11px}
#app .owner-dashboard-head h2{font-size:clamp(30px,3.2vw,40px)}
#app .owner-dashboard-head p{font-size:15px;line-height:1.65}
#app .owner-dashboard-chip{font-size:11px}
#app .owner-dashboard-kpi .label{font-size:13px}
#app .owner-dashboard-kpi strong{font-size:42px}
#app .owner-dashboard-kpi small{font-size:13px;line-height:1.55}
#app .owner-dashboard-panel-head h3{font-size:18px}
#app .owner-dashboard-panel-head .muted{font-size:13px}
#app .owner-dashboard-provider b{font-size:14px}
#app .owner-dashboard-provider span{font-size:12px}
#app .owner-dashboard-attention span{font-size:12px}
#app .owner-dashboard-attention strong{font-size:26px}
#app .owner-dashboard-action{font-size:12px;min-height:38px}
#app .section-title h3{font-size:clamp(20px,1.8vw,24px)}
#app .label{font-size:13px}
#app .metric{font-size:40px}
#app .muted,#app .small,#app .provider .small,#app .business .small,#app .ent .small{font-size:14px;line-height:1.68}
#app .provider h4,#app .business h4,#app .ent h4{font-size:16px}
#app .provider .big,#app .business .big{font-size:24px}
#app .item{font-size:14px;line-height:1.6}
#app button,#app input{font-size:14px}
#app button{min-height:40px;padding:9px 13px}
#app input{min-height:44px}
#app .badge{font-size:12px}
#app .owner-action-kpi span,#app .owner-audit-kpi span,#app .owner-billing-kpi span{font-size:13px}
#app .owner-action-kpi strong,#app .owner-audit-kpi strong,#app .owner-billing-kpi strong{font-size:36px}
#app .owner-action-row-title,#app .owner-audit-title{font-size:17px}
#app .owner-action-row-meta,#app .owner-audit-meta{font-size:14px;line-height:1.7}
#app .owner-action-row-reason,#app .owner-audit-reason{font-size:14px;line-height:1.7}
#app .owner-billing-row{font-size:14px;line-height:1.6}
#app .owner-billing-source span{font-size:12px}
#app .subscription-card h4{font-size:16px}
#app .subscription-card .plan{font-size:24px}
#app .recovery-note,#app .brand-gate-note,#app .owner-action-guard,#app .owner-audit-contract,#app .owner-billing-contract{font-size:14px;line-height:1.7}
#app .owner-final-mobile-nav a{font-size:12px;min-height:50px;padding:9px 4px}
@media(min-width:651px) and (max-width:1100px){#app{font-size:15px}#app .shell{grid-template-columns:210px minmax(0,1fr)!important}#app .sidebar{width:auto;height:100vh;overflow-y:auto;padding:14px 10px}#app .logoBox{justify-content:flex-start}#app .logoBox .owner-brand-master{width:150px!important}#app .nav a{font-size:13px!important;justify-content:flex-start!important;padding:11px 12px!important}#app .nav a span{display:inline!important;font-size:13px!important}#app .nav .section{display:block!important;font-size:9px!important}#app .hero p{font-size:14px}}
@media(max-width:650px){html:has(#app:not([hidden])),body:has(#app:not([hidden])){overflow-y:auto!important}#app{font-size:15px}#app .sidebar{display:none}#app .hero h1{font-size:30px}#app .hero h2{font-size:19px}#app .hero p{font-size:14px}#app .owner-dashboard-head h2{font-size:29px}#app .owner-dashboard-head p{font-size:14px}#app .owner-dashboard-kpi .label{font-size:12px}#app .owner-dashboard-kpi strong{font-size:34px}#app .owner-dashboard-kpi small{font-size:12px}#app .section-title h3{font-size:20px}#app .muted,#app .small,#app .provider .small,#app .business .small,#app .ent .small{font-size:13px}#app .owner-final-mobile-nav{display:block;position:sticky;bottom:0;z-index:40}}

/* Sidebar reference match v3: dark navy rail, compact 42px rows, 16px labels, aqua/cyan translucent active state. */
@media(min-width:651px){
  html body #app .sidebar{background:linear-gradient(180deg,#020b18 0%,#031225 52%,#020a16 100%)!important;border-right:1px solid #0e2c48!important;box-shadow:16px 0 42px #0008,inset -1px 0 0 #0d4f6b2b!important}
  html body #app .sidebar .nav{gap:4px!important}
  html body #app .sidebar .nav .owner-nav-link{min-height:42px!important;padding:8px 11px!important;margin:0 3px!important;border-radius:10px!important;border-color:transparent!important;background:transparent!important;color:#b9c9dc!important;box-shadow:none!important;transform:none!important}
  html body #app .sidebar .owner-nav-copy b{font-size:16px!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.01em!important;color:inherit!important}
  html body #app .sidebar .owner-nav-icon{width:22px!important;height:22px!important;color:#a9bdd3!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body #app .sidebar .owner-nav-icon::before{width:20px!important;height:20px!important}
  html body #app .sidebar .nav .owner-nav-link:hover,html body #app .sidebar .nav .owner-nav-link:focus-visible{border-color:#18e5d84a!important;background:linear-gradient(90deg,#00e6b812 0%,#00cef819 100%)!important;color:#dff8ff!important;box-shadow:0 0 9px #00e6c124,inset 0 0 13px #00cfff0b!important;transform:none!important}
  html body #app .sidebar .nav .owner-nav-link:hover .owner-nav-icon,html body #app .sidebar .nav .owner-nav-link:focus-visible .owner-nav-icon{color:#c8f8ff!important}
  html body #app .sidebar .nav .owner-nav-link.active{border-color:#21f0cf78!important;background:radial-gradient(circle at 92% 18%,#24d9ff2b 0,transparent 42%),linear-gradient(100deg,#00e59e29 0%,#00d3d92d 48%,#079bdc27 100%)!important;color:#2ef0d0!important;box-shadow:0 0 8px #00f2c644,0 0 17px #00c9ff29,inset 0 0 15px #13e9cc12!important;backdrop-filter:blur(7px)!important}
  html body #app .sidebar .nav .owner-nav-link.active .owner-nav-icon{color:#2ef0d0!important;text-shadow:0 0 7px #00f5d052!important}
  html body #app .sidebar .nav .owner-nav-link.active .owner-nav-copy b{color:#2ef0d0!important;text-shadow:0 0 6px #00dabb35!important}
}

/* Sidebar icon clarity v4: glow supports the icon; icon remains the highest-contrast element. */
html body #app .sidebar .owner-nav-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border:1px solid rgba(60,180,220,.30)!important;border-radius:12px!important;background:rgba(8,20,34,.72)!important;color:#b9c7d8!important;box-shadow:inset 0 0 10px rgba(40,210,230,.06)!important;text-shadow:none!important;filter:none!important;overflow:visible!important}
html body #app .sidebar .owner-nav-icon::before{width:29px!important;height:29px!important;opacity:1!important;filter:none!important}
html body #app .sidebar .nav .owner-nav-link:hover .owner-nav-icon,html body #app .sidebar .nav .owner-nav-link:focus-visible .owner-nav-icon{background:rgba(8,28,42,.76)!important;border-color:rgba(54,220,240,.52)!important;color:#d8fbff!important;box-shadow:0 0 10px rgba(36,221,238,.16),inset 0 0 10px rgba(36,221,238,.07)!important;text-shadow:none!important;filter:none!important}
html body #app .sidebar .nav .owner-nav-link:hover .owner-nav-icon::before,html body #app .sidebar .nav .owner-nav-link:focus-visible .owner-nav-icon::before{filter:drop-shadow(0 0 2px rgba(216,251,255,.34))!important}
html body #app .sidebar .nav .owner-nav-link.active .owner-nav-icon{background:rgba(12,36,42,.72)!important;border-color:rgba(40,255,215,.75)!important;color:#53ffe0!important;box-shadow:0 0 12px rgba(40,255,215,.22),inset 0 0 10px rgba(40,255,215,.08)!important;text-shadow:none!important;filter:none!important}
html body #app .sidebar .nav .owner-nav-link.active .owner-nav-icon::before{opacity:1!important;filter:drop-shadow(0 0 3px rgba(83,255,224,.55))!important}

/* Owner Access · iPad portrait PIN refinement.
   Presentation-only: keep the form position and transparent typing state, then align the populated PIN glyphs to the visual slot. */
@media(min-width:621px) and (max-width:980px) and (orientation:portrait){
  #login.owner-access-shell .owner-access-form{transform:translateY(-10px)!important}
  #login.owner-access-shell .owner-access-pin-wrap input:not(:placeholder-shown){background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fff!important;caret-color:#fff!important;transform:translateY(-13px)!important;text-indent:48px!important}
  #login.owner-access-shell .owner-access-pin-wrap input:-webkit-autofill:not(:placeholder-shown),
  #login.owner-access-shell .owner-access-pin-wrap input:-webkit-autofill:hover:not(:placeholder-shown),
  #login.owner-access-shell .owner-access-pin-wrap input:-webkit-autofill:focus:not(:placeholder-shown){background:transparent!important;background-image:none!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;box-shadow:none!important;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,0) inset!important;transform:translateY(-13px)!important;text-indent:48px!important}
}