#app .shell{grid-template-columns:264px minmax(0,1fr)!important}
#app .sidebar{padding:18px 14px 20px!important;background:linear-gradient(180deg,#03101ff8,#020914fc)!important;border-right:1px solid #163f68!important;box-shadow:18px 0 60px #0009,0 0 28px #00d9ff0d inset!important}
#app .nav{display:grid!important;gap:6px!important;margin-top:6px!important}
#app .nav .owner-nav-section{margin:15px 10px 5px;color:#657e9b;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
#app .nav .owner-nav-link{position:relative;display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:48px;padding:9px 11px!important;border:1px solid transparent!important;border-radius:14px!important;color:#b7c9dd!important;background:transparent!important;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}
#app .nav .owner-nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00ffc80d,#16e8ff09,#8f36ff0c);opacity:0;transition:opacity .18s ease;pointer-events:none}
#app .nav .owner-nav-link:hover,#app .nav .owner-nav-link:focus-visible{transform:translateX(2px);color:#f4fbff!important;border-color:#1b6a8f!important;box-shadow:0 0 20px #16e8ff20,inset 0 0 16px #16e8ff0b!important;outline:none}
#app .nav .owner-nav-link:hover:before,#app .nav .owner-nav-link:focus-visible:before{opacity:1}
#app .nav .owner-nav-link.active{color:#dffff6!important;border-color:#00ffc87a!important;background:linear-gradient(90deg,#063829e8,#082947d9)!important;box-shadow:0 0 24px #00ff9d38,inset 0 0 18px #16e8ff12!important}
#app .nav .owner-nav-link.active:after{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:99px;background:linear-gradient(#9dff18,#16e8ff,#9d55ff);box-shadow:0 0 14px #16e8ff}
#app .owner-nav-icon{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;border:1px solid #214f73;border-radius:10px;background:#071a2c;color:#63fbd0;font-size:16px;font-weight:950;box-shadow:inset 0 0 12px #00d9ff0b;transition:.18s ease}
#app .owner-nav-link:hover .owner-nav-icon,#app .owner-nav-link.active .owner-nav-icon{border-color:#00e6b873;color:#dffff6;background:linear-gradient(145deg,#073a31,#0b2844);box-shadow:0 0 18px #00ffc843,inset 0 0 12px #16e8ff17;text-shadow:0 0 9px currentColor}
#app .owner-nav-copy{position:relative;z-index:1;min-width:0;display:grid;gap:1px}
#app .owner-nav-copy b{font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .owner-nav-copy small{font-size:9px;line-height:1.2;color:#68819c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .owner-nav-link.active .owner-nav-copy small{color:#7fa9ad}
#app .owner-nav-arrow{position:relative;z-index:1;color:#4c6883;font-size:14px;transition:.18s ease}
#app .owner-nav-link.active .owner-nav-arrow{color:#84ffe0;transform:translateX(2px);text-shadow:0 0 8px #00ffc8}
#app .hero{min-height:136px!important;padding:19px 28px 18px!important}
#app .hero h1{font-size:clamp(30px,3vw,42px)!important;margin:8px 0 2px!important}
#app .hero h2{font-size:18px!important;margin:0!important}
#app .hero p{font-size:13px!important;margin:8px 0 0!important}
#app .content{padding:18px 20px 26px!important}
#app .content>.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
#app .owner-route-hidden{display:none!important}
#app .owner-route-page{animation:ownerPageIn .2s ease both}
@keyframes ownerPageIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
#app .owner-route-page.card,#app .owner-route-page.owner-dashboard-v1{grid-column:1/-1!important;width:100%}
#app .owner-route-titlebar{display:none}
#app .owner-customer-account-grid{display:grid;gap:10px;margin-top:12px}
#app .owner-customer-account{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(135px,.8fr) minmax(120px,.8fr) minmax(190px,1fr);gap:10px;align-items:center;padding:13px 14px;border:1px solid #1d486d;border-radius:14px;background:linear-gradient(180deg,#091a30,#071426)}
#app .owner-customer-account:hover{border-color:#16e8ff66;box-shadow:0 0 18px #16e8ff12}
#app .owner-customer-account .name{font-size:15px;font-weight:900;color:#eefaff;overflow-wrap:anywhere}
#app .owner-customer-account .meta{font-size:11px;color:#8ea7c0;line-height:1.55}
#app .owner-customer-state{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:30px;padding:5px 9px;border:1px solid #31516f;border-radius:999px;font-size:10px;font-weight:900;color:#c6d5e5;background:#08182b}
#app .owner-customer-state.active{color:#7dffd0;border-color:#21845d;background:#052a20;box-shadow:0 0 14px #00ff9d1f}
#app .owner-customer-state.suspended{color:#ff9eae;border-color:#7d3445;background:#2a1019;box-shadow:0 0 14px #ff41641a}
#app .owner-customer-state.pending{color:#ffe58a;border-color:#786223;background:#2b2408}
#app .owner-customer-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
#app .owner-customer-actions button{min-height:38px!important;padding:8px 11px!important;border-radius:10px!important}
#app .owner-customer-actions .suspend{border-color:#7d3445!important;color:#ffc0ca!important;background:#2a111b!important}
#app .owner-customer-actions .resume{border-color:#21845d!important;color:#a7ffd5!important;background:#063225!important;box-shadow:0 0 16px #00ff9d18!important}
#app .owner-customer-actions .details{border-color:#245b83!important;color:#bceaff!important;background:#08243c!important}
#app .owner-customer-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:13px 0 4px}
#app .owner-customer-toolbar input,#app .owner-customer-toolbar select{min-height:42px;border:1px solid #214a71;border-radius:11px;background:#07162b;color:#eef7ff;padding:9px 11px;font-size:13px}
#app .owner-customer-toolbar input{flex:1;min-width:230px}
#app .owner-customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
#app .owner-customer-summary>div{padding:12px;border:1px solid #1e456a;border-radius:13px;background:#071529}
#app .owner-customer-summary span{display:block;color:#8da6bf;font-size:11px}
#app .owner-customer-summary strong{display:block;margin-top:5px;font-size:28px;line-height:1;font-weight:950}
#app .owner-customer-feedback{min-height:20px;margin-top:10px;color:#9cb3c8;font-size:12px}
#app .owner-customer-feedback.ok{color:#7dffd0}
#app .owner-customer-feedback.bad{color:#ff9eae}
#app .owner-mobile-page-nav{display:none}
@media(min-width:651px) and (max-width:1100px){#app .shell{grid-template-columns:230px minmax(0,1fr)!important}#app .owner-nav-copy b{font-size:13px}#app .owner-nav-copy small{font-size:8px}#app .owner-nav-icon{width:30px;height:30px}}
@media(max-width:780px){#app .owner-customer-account{grid-template-columns:1fr 1fr}#app .owner-customer-actions{grid-column:1/-1;justify-content:flex-start}#app .owner-customer-summary{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#app .sidebar{display:none!important}#app .content{padding:12px 10px 82px!important}#app .hero{padding:15px 14px!important;min-height:124px!important}#app .hero h1{font-size:28px!important}#app .hero h2{font-size:16px!important}#app .hero p{font-size:12px!important}#app .owner-mobile-page-nav{display:flex;position:fixed;z-index:80;left:8px;right:8px;bottom:8px;gap:6px;overflow-x:auto;padding:7px;border:1px solid #24516f;border-radius:17px;background:#04101bef;backdrop-filter:blur(18px);box-shadow:0 12px 35px #000b}#app .owner-mobile-page-nav a{flex:0 0 68px;min-height:54px;display:grid;place-items:center;gap:2px;padding:6px 3px;border:1px solid transparent;border-radius:11px;color:#7890a9;text-decoration:none;font-size:9px;font-weight:850}#app .owner-mobile-page-nav a.active{color:#b9ffeb;border-color:#00ffc866;background:#063327;box-shadow:0 0 15px #00ff9d28}#app .owner-mobile-page-nav i{font-style:normal;font-size:17px;text-shadow:0 0 8px currentColor}#app .owner-customer-account{grid-template-columns:1fr}#app .owner-customer-actions{grid-column:auto}#app .owner-customer-summary{grid-template-columns:1fr 1fr}}

/* Sidebar reference alignment v2: one clean menu list + consistent outline icon family. */
@media(min-width:651px){#app .shell{grid-template-columns:244px minmax(0,1fr)!important}#app .sidebar{padding:20px 14px 22px!important}#app .nav{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:12px!important}#app .nav .owner-nav-section{display:none!important}#app .nav .owner-nav-link{grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important;min-height:44px!important;padding:8px 12px!important;border-radius:10px!important}#app .owner-nav-copy{display:block!important}#app .owner-nav-copy b{font-size:13px!important;line-height:1.25!important;font-weight:760!important}#app .owner-nav-copy small{display:none!important}#app .owner-nav-arrow{display:none!important}#app .owner-nav-icon{width:22px!important;height:22px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;color:#9eb0c5!important}#app .owner-nav-link:hover .owner-nav-icon{color:#dffbff!important;background:transparent!important;box-shadow:none!important}#app .owner-nav-link.active{border-color:#a8ff19!important;background:linear-gradient(105deg,#b9ff2f,#54f48d)!important;color:#07140e!important;box-shadow:0 0 24px #a8ff1948!important}#app .owner-nav-link.active:after{display:none!important}#app .owner-nav-link.active .owner-nav-icon{color:#07140e!important;background:transparent!important;border:0!important;box-shadow:none!important}#app .owner-nav-link.active .owner-nav-copy b{color:#07140e!important}}
#app .owner-nav-icon::before,#app .owner-mobile-page-nav a i::before{content:"";display:block;width:20px;height:20px;background:currentColor;mask:var(--owner-icon) center/contain no-repeat;-webkit-mask:var(--owner-icon) center/contain no-repeat}
#app [data-owner-route="home"] .owner-nav-icon,#app [data-owner-mobile-route="home"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%203l9%207.5%22%2F%3E%3Cpath%20d%3D%22M5%209.5V21h14V9.5%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="businesses"] .owner-nav-icon,#app [data-owner-mobile-route="businesses"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207h2M14%207h2M8%2011h2M14%2011h2M8%2015h2M14%2015h2M9%2021v-3h6v3%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="customers"] .owner-nav-icon,#app [data-owner-mobile-route="customers"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3.5%2020c.8-4%202.7-6%205.5-6s4.7%202%205.5%206%22%2F%3E%3Cpath%20d%3D%22M16%205.5a3%203%200%200%201%200%205.5M17%2014c2%20.5%203.2%202.2%203.7%205%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="crm"] .owner-nav-icon,#app [data-owner-mobile-route="crm"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%227%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%205v6c0%201.7%203.1%203%207%203s7-1.3%207-3V5%22%2F%3E%3Cpath%20d%3D%22M5%2011v6c0%201.7%203.1%203%207%203s7-1.3%207-3v-6%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="ads"] .owner-nav-icon,#app [data-owner-mobile-route="ads"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2013h4l9%204V7l-9%204H4z%22%2F%3E%3Cpath%20d%3D%22M8%2013v5a2%202%200%200%200%202%202h1%22%2F%3E%3Cpath%20d%3D%22M20%209v6%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="resources"] .owner-nav-icon,#app [data-owner-mobile-route="resources"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%202v3M15%202v3M9%2019v3M15%2019v3M2%209h3M2%2015h3M19%209h3M19%2015h3%22%2F%3E%3Cpath%20d%3D%22m13%208-4%206h4l-2%204%205-7h-4z%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="automation"] .owner-nav-icon,#app [data-owner-mobile-route="automation"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%206h8M7%208l4%208M17%208l-4%208%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="incidents"] .owner-nav-icon,#app [data-owner-mobile-route="incidents"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%202.5%2020h19z%22%2F%3E%3Cpath%20d%3D%22M12%209v5%22%2F%3E%3Cpath%20d%3D%22M12%2017.5h.01%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="actions"] .owner-nav-icon,#app [data-owner-mobile-route="actions"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2012%202.5%202.5L16%209%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="billing"] .owner-nav-icon,#app [data-owner-mobile-route="billing"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="audit"] .owner-nav-icon,#app [data-owner-mobile-route="audit"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h4M9%2011h6M9%2015h6M9%2019h4%22%2F%3E%3C%2Fsvg%3E")}
#app [data-owner-route="recovery"] .owner-nav-icon,#app [data-owner-mobile-route="recovery"] i{--owner-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5%22%2F%3E%3Cpath%20d%3D%22M19%2012a7%207%200%201%200-2%205%22%2F%3E%3Cpath%20d%3D%22m20%207-3-3%22%2F%3E%3C%2Fsvg%3E")}
#app .owner-mobile-page-nav a i{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;font-size:0!important;color:currentColor!important;text-shadow:none!important}

/* Gen Z neon selected state v3: color-only override, no navigation/runtime changes. */
#app .nav .owner-nav-link:hover,#app .nav .owner-nav-link:focus-visible{border-color:#22f0ff!important;background:linear-gradient(105deg,#22f0ff14,#a45cff18,#ff4fd814)!important;box-shadow:0 0 16px #22f0ff42,0 0 28px #a45cff24,inset 0 0 18px #ff4fd80d!important}
@media(min-width:651px){#app .nav .owner-nav-link.active{border-color:#7ffcff!important;background:linear-gradient(105deg,#74ffe6 0%,#37d8ff 31%,#8d63ff 66%,#ff55cf 100%)!important;color:#03111c!important;box-shadow:0 0 10px #22f0ffcc,0 0 28px #8d63ff99,0 0 44px #ff4fd866,inset 0 1px 0 #ffffffb8!important}#app .nav .owner-nav-link.active .owner-nav-icon,#app .nav .owner-nav-link.active .owner-nav-copy b{color:#03111c!important;text-shadow:none!important}}
@media(max-width:650px){#app .owner-mobile-page-nav a.active{color:#03111c!important;border-color:#7ffcff!important;background:linear-gradient(105deg,#74ffe6 0%,#37d8ff 34%,#8d63ff 68%,#ff55cf 100%)!important;box-shadow:0 0 10px #22f0ffb8,0 0 24px #8d63ff88,0 0 34px #ff4fd855!important}}

/* Independent desktop scrolling v4: sidebar and main content scroll separately. */
@media(min-width:651px){
  #app .shell{height:100vh!important;min-height:100vh!important;overflow:hidden!important;align-items:stretch!important}
  #app .sidebar{position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
  #app .main{height:100vh!important;max-height:100vh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;min-width:0}
}

/* Sidebar menu box refinement v5: compact frame + translucent Gen Z neon glow only. */
@media(min-width:651px){
  #app .nav .owner-nav-link{min-height:38px!important;padding:6px 10px!important;margin:0 4px!important;border-radius:8px!important}
  #app .nav .owner-nav-link:hover,#app .nav .owner-nav-link:focus-visible{border-color:#4beeff8a!important;background:linear-gradient(105deg,#22f0ff0f,#8d63ff12,#ff55cf0f)!important;box-shadow:0 0 9px #22f0ff3d,0 0 16px #8d63ff22,inset 0 0 10px #ff55cf0a!important}
  #app .nav .owner-nav-link.active{border-color:#7ffcff9e!important;background:linear-gradient(105deg,#22f0ff22 0%,#37d8ff20 32%,#8d63ff26 67%,#ff55cf20 100%)!important;color:#ecfbff!important;box-shadow:0 0 8px #22f0ff66,0 0 16px #8d63ff45,0 0 24px #ff55cf2f,inset 0 0 12px #ffffff08!important;backdrop-filter:blur(10px)}
  #app .nav .owner-nav-link.active .owner-nav-icon,#app .nav .owner-nav-link.active .owner-nav-copy b{color:#f3fbff!important;text-shadow:0 0 8px #22f0ff55!important}
}

/* Locked right-column header v6: the header stays put and the page scrolls
   under it.
   From 651px up, v4 above makes .main the scroller, so the header scrolled
   away with the content and the Owner lost the LIVE CONTROL / STAGING ONLY
   badges and the Refresh and Logout buttons the moment they scrolled. Sticky
   pins it to the top of that scrollport without moving it in the layout or
   changing its design. The hero's own background is opaque, so the content
   passes behind it rather than through it. z-index 35 clears everything that
   can paint at this width: the Owner stylesheets top out at 8, and the served
   shell's .owner-final-mobile-nav declares 30. The 40, 80, 130 and 155 used by
   the phone navigation and its drawer live in max-width:650px blocks this
   never reaches. On the chat route .main is a non-scrolling flex column, where
   sticky is inert and the existing layout stands.
   Phone keeps the document scroll it has today: there is no right column. */
@media(min-width:651px){
  #app .main>.hero{position:sticky!important;top:0!important;z-index:35!important}
}