/* Approved VORA dashboard layout; shared authenticated shell only. */
body:not(.auth-mode){--paper:#f6f7f8;--ink:#17231e;--muted:#35443c;--green:#176b50;--line:#e4e9e6;--radius:12px;--sidebar-width:242px;--header-height:76px;background:var(--paper)}
body:not(.auth-mode) .topbar{position:fixed;inset:0 0 auto;height:var(--header-height);padding:0 26px 0 0;gap:22px;z-index:60;border-bottom:1px solid var(--line);box-shadow:0 2px 8px #172c2205}
.topbar>.brand{height:76px;width:242px;flex-shrink:0;background:#466f4d;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 18px;gap:14px;border-right:1px solid #ffffff18}
.topbar .brand-logo{width:102px;height:58px;object-fit:contain}.topbar .brand-subtitle{align-self:auto;color:#fff;font-size:9px;letter-spacing:.12em;writing-mode:initial;max-width:80px}
.module-nav{display:flex;align-items:center;gap:6px}.module-tab{padding:12px 18px;border-radius:8px;font-size:15px;font-weight:700;color:#35453c;white-space:nowrap}.module-tab:hover{background:#f0f5f1}.module-tab.active{color:#fff;background:#176b50}
body:not(.auth-mode) .top-actions{gap:14px}.topbar .icon-btn{width:36px;height:40px;border:0;background:transparent}.topbar .icon-btn:hover{background:#f0f5f1}.top-profile{border:0;border-left:1px solid var(--line);padding:0 0 0 18px;background:none;display:flex;gap:10px;align-items:center;min-height:42px;text-align:left}.top-profile-copy{display:grid;max-width:190px}.top-profile-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-profile-copy small{font-size:11px;color:#35443c}.top-profile>.icon{width:13px}.top-profile .avatar{width:40px;height:40px;font-size:12px;background:#eaf0eb}
body:not(.auth-mode) .sidebar{top:var(--header-height);width:var(--sidebar-width);padding:0 0 16px;background:#466f4d;z-index:50;border:0;color:#fff;overscroll-behavior:contain}
.sidebar .outlet-picker-sidebar{background:transparent;border:0;border-bottom:1px solid #ffffff25;border-radius:0;padding:23px 21px;margin:0 0 12px}.sidebar .outlet-picker-label{font-size:11px;letter-spacing:0;font-weight:600;text-transform:none;margin:0 0 5px;padding-left:31px}.sidebar .outlet-picker-button{gap:12px}.sidebar .outlet-picker-button strong{font-size:17px;line-height:1.4}.sidebar .outlet-picker-button small{font-size:11px;margin-top:4px}.sidebar .outlet-picker-button>.icon:first-child{display:block;width:20px;height:20px}
.sidebar .side-nav{gap:2px}.sidebar .nav-item{font-size:14px;min-height:51px;border-radius:0;padding:14px 23px;gap:14px;font-weight:600;color:#fff;border-right:4px solid transparent}.sidebar a.nav-item.active,.sidebar .nav-item.section-active{background:#365c3d;color:#fff;border-right-color:#b9e4bd}.sidebar .nav-item.active:after{display:none}.sidebar .nav-item:hover{background:#385f41;color:#fff}.sidebar .nav-item .icon{width:21px;height:21px}.sidebar .nav-item>span{flex:1}.sidebar .nav-item>.icon:last-child:not(:first-child){width:14px;height:14px}.nav-section summary{list-style:none;cursor:pointer;user-select:none}.nav-section summary::-webkit-details-marker{display:none}.nav-section[open]>summary>.icon:last-child{transform:rotate(180deg)}.sidebar .nav-children{padding:4px 0 7px;background:#3b624233}.sidebar .nav-child{padding:11px 22px 11px 57px;font-size:12px;min-height:40px;line-height:1.5}.sidebar .side-bottom{padding:36px 20px 0;margin-top:auto}.sidebar-help{border-top:1px solid #ffffff30;padding-top:20px;display:flex;gap:11px;align-items:center;color:#fff}.sidebar-help>span{flex:1}.sidebar-help strong{display:block;font-size:13px}.sidebar-help small{display:block;font-size:10px;margin-top:4px;line-height:1.6}.sidebar-help>.icon:last-child{width:15px}.sidebar-footnote{display:block;font-size:10px;margin:24px 0 2px;color:#edf4ee;letter-spacing:.02em}
body:not(.auth-mode) .main-shell{margin-left:var(--sidebar-width);padding-top:var(--header-height);min-width:0}.dashboard-main{max-width:1700px;padding:29px 30px 24px}.page-heading{margin-bottom:22px;gap:20px;align-items:center}.page-heading h1{font-size:28px;font-weight:750;letter-spacing:-.035em;line-height:1.25}.page-heading p{font-size:12px;color:#2f4036;line-height:1.6;margin-top:8px}.page-heading-actions .btn{min-height:42px;font-size:12px;padding:11px 17px}.period-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 20px;margin-bottom:22px}.period-toolbar>div{display:flex;align-items:center;gap:20px}.period-label{font-size:12px;font-weight:700}.period-toolbar .period-select{min-width:245px;justify-content:space-between;font-size:12px;min-height:40px}.period-toolbar>p{font-size:11px;color:#35443c;text-align:right}.mobile-outlet-context{display:none}.page-footer{font-size:10px;color:#35443c;padding-top:24px}.page-footer span:last-child{color:#35443c}
.dashboard-main .subscription-card{border-radius:10px;padding:16px 20px;gap:20px;margin-bottom:22px}.subscription-card h2{font-size:16px}.subscription-card p{font-size:12px}.subscription-label{margin-bottom:4px}.subscription-actions{flex-basis:270px}
/* Product and settings pages retain their live forms and event bindings. */
.ops-page{gap:22px}.ops-heading{padding:0;margin:0 0 18px;gap:16px}.ops-heading h2:empty,.ops-heading p:empty{display:none}.ops-actions{gap:9px;flex-wrap:wrap}.ops-actions .btn{font-size:12px;min-height:42px}.ops-metrics{gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:22px}.ops-metric{border:0;border-radius:0;box-shadow:none;padding:19px 23px;border-right:1px solid var(--line);min-height:100px}.ops-metric:last-child{border-right:0}.ops-metric small,.ops-metric span{color:#243a2d;font-size:12px}.ops-metric strong{font-size:26px;font-weight:750}.ops-card{border-radius:12px;box-shadow:none;border-color:var(--line)}.ops-toolbar{padding:17px 20px;gap:12px}.ops-toolbar input,.ops-toolbar select{min-height:42px}.ops-table th{background:#f6f8f7;font-size:11px;letter-spacing:0;color:#17231e;font-weight:700}.ops-table td{font-size:12px;padding-top:15px;padding-bottom:15px}.ops-product strong{font-weight:700}.ops-product img{border-radius:8px}.ops-settings-layout{display:flex;flex-direction:column;gap:20px}.ops-settings-nav{display:flex;flex-wrap:wrap;gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 10px}.ops-settings-nav button{flex:0 1 auto;padding:13px 15px;gap:9px;min-height:46px;border-radius:6px;font-size:12px;font-weight:650;border-bottom:3px solid transparent}.ops-settings-nav button.active{background:#edf5ef;border-bottom-color:#176b50;color:#174f36}.ops-settings-nav button>.icon:last-child{display:none}.ops-settings-content{width:100%;min-width:0}.ops-settings-title h2{font-size:20px}.ops-setting-row h3{font-size:14px}.ops-user-row{gap:20px}.ops-user-row strong{font-size:14px}.ops-form-grid label{font-size:12px}.ops-settings-content input,.ops-settings-content select,.ops-settings-content textarea{font-size:14px;min-height:44px}.ops-modal-body{min-width:0}
@media(min-width:1600px){.dashboard-main{padding:34px 40px}.page-heading h1{font-size:30px}.module-tab{padding-inline:23px}}
@media(min-width:801px) and (max-width:1100px){body:not(.auth-mode){--sidebar-width:210px}.topbar>.brand{width:210px}.topbar .brand-subtitle{display:none}.module-tab{padding-inline:12px;font-size:13px}.top-profile-copy{max-width:130px}.dashboard-main{padding-inline:22px}.period-toolbar>p{display:none}.sidebar .nav-item{padding-inline:18px}.sidebar .nav-child{padding-left:49px}}
@media(max-width:800px){body:not(.auth-mode){--header-height:114px;--sidebar-width:260px}.topbar>.brand{height:62px;width:116px;padding:4px 13px;background:#466f4d;border-radius:0;margin:0 4px 0 0;order:0}.topbar .brand-logo{width:86px;height:49px}.topbar .brand-subtitle{display:none}body:not(.auth-mode) .topbar{height:114px;flex-wrap:wrap;align-content:flex-start;gap:0 8px;padding:0 12px 0 0}.topbar .menu-toggle{display:flex;order:1;align-self:center;width:40px;height:42px;min-height:42px}.topbar .top-actions{order:2;margin-left:auto;height:62px;gap:3px}.top-profile{border:0;padding:0}.top-profile-copy,.top-profile>.icon,.topbar .search-button{display:none}.topbar .avatar{width:35px;height:35px}.module-nav{order:3;width:100%;height:52px;padding:6px 12px;border-top:1px solid var(--line);gap:6px;overflow-x:auto}.module-tab{padding:8px 15px;flex:1;text-align:center;font-size:13px;line-height:23px;border-radius:6px}.topbar .icon-btn{min-width:36px}.main-shell{margin-left:0!important}.dashboard-main{padding:18px 16px 24px;max-width:none}.sidebar{transform:translateX(-100%)}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-scrim{display:block;position:fixed;inset:114px 0 0;background:#14261e66;border:0;z-index:45}.mobile-outlet-context{display:block;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;padding:12px 14px}.mobile-outlet-context .outlet-picker-mobile{display:block;max-width:none}.outlet-picker-mobile .outlet-picker-label{font-size:10px}.outlet-picker-mobile .outlet-picker-button{min-height:30px;gap:9px}.outlet-picker-mobile .outlet-picker-button strong{font-size:14px}.outlet-picker-mobile .outlet-picker-button small{display:none}.page-heading{flex-direction:row;align-items:flex-start;margin-bottom:18px;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.6}.page-heading-actions{width:auto;flex-shrink:0}.page-heading-actions .btn{padding:10px;font-size:11px;min-height:40px}.page-heading-actions .btn>.icon{display:none}.period-toolbar{padding:13px 14px;flex-direction:column;align-items:stretch;margin-bottom:18px;gap:8px}.period-toolbar>div{display:flex;flex-direction:column;align-items:stretch;gap:8px}.period-toolbar>p{display:none}.period-toolbar .period-select{min-width:0;width:100%;min-height:42px}.subscription-card .subscription-actions{flex-basis:auto}.dashboard-main .subscription-card{padding:15px;gap:12px}.ops-heading{flex-wrap:wrap;gap:12px}.ops-actions{width:100%;gap:8px}.ops-actions .btn{flex:1;min-width:100px;white-space:normal}.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-metric{padding:14px 12px;min-height:92px}.ops-metric strong{font-size:22px}.ops-metric small,.ops-metric span{font-size:10px}.ops-settings-nav{flex-wrap:nowrap;overflow:auto;max-width:100%;padding:5px}.ops-settings-nav button{flex-shrink:0;font-size:12px;padding:12px}.ops-settings-nav button .icon{width:16px;height:16px}.ops-toolbar{padding:14px}.ops-settings-content{overflow-wrap:anywhere}.ops-user-row{gap:12px}.page-footer{font-size:10px}}
@media(max-width:360px){.dashboard-main{padding-inline:12px}.module-tab{padding-inline:8px}.page-heading h1{font-size:21px}.page-heading-actions .btn{font-size:10px}.ops-metric{padding:12px 9px}.ops-metric strong{font-size:20px}}
@media print{.module-nav,.period-toolbar,.mobile-outlet-context,.sidebar,.topbar{display:none!important}body:not(.auth-mode) .main-shell{padding-top:0!important;margin-left:0!important}.dashboard-main{padding:0}.page-heading{display:none!important}}
.subscription-fold{margin:0 0 22px;background:#eef6ef;border:1px solid #d6e5d8;border-radius:10px}.subscription-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:13px 18px;font-size:12px;font-weight:650;color:#21452c}.subscription-fold>summary::-webkit-details-marker{display:none}.subscription-fold>summary>span{display:flex;align-items:center;gap:9px}.subscription-fold>summary>span:last-child{font-size:11px;font-weight:600}.subscription-fold>summary i{width:7px;height:7px;background:#278650;border-radius:50%}.subscription-fold>summary .icon{width:13px;height:13px}.subscription-fold[open]>summary .icon{transform:rotate(180deg)}.dashboard-main .subscription-fold .subscription-card{margin:0;border:0;border-top:1px solid #d6e5d8;border-radius:0 0 10px 10px}.subscription-fold[open]>summary{border-radius:10px 10px 0 0}@media(max-width:800px){.subscription-fold{margin-bottom:18px}.subscription-fold>summary{padding:12px;font-size:11px}.subscription-fold>summary>span:last-child{font-size:10px}}@media print{.subscription-fold{display:none!important}}
.ops-settings-layout{align-items:stretch}.ops-settings-nav{width:100%;flex-direction:row}.ops-settings-nav button{width:auto;min-width:0}.ops-settings-nav button>.ops-icon:last-child{display:none}.dashboard-main[data-section="staff"] .ops-settings-nav{display:none}@media(max-width:800px){.ops-settings-nav{display:flex;flex-direction:row;flex-wrap:nowrap}.ops-settings-nav button{width:auto;min-width:max-content}}
.topbar .top-profile .avatar{display:flex}.top-profile{flex-shrink:0;min-width:40px}