.live-auth{max-width:500px}.live-auth h2{font-size:27px;line-height:1.2;margin:9px 0 14px}.live-auth .eyebrow{color:var(--teal);font-size:11px;letter-spacing:.1em}.live-auth .formfield{font-size:12px;margin-bottom:17px}.live-auth form>.btn{margin:0 8px 10px 0}.live-auth .tabs{margin:20px 0}.live-auth .small{line-height:1.6}.live-auth-status{font-size:13px;line-height:1.6;min-height:24px;overflow-wrap:anywhere;margin:8px 0 15px}.live-auth-status.has-message{padding:12px;background:#e4f3f1;border-radius:9px}.live-auth-email{color:var(--teal);overflow-wrap:anywhere}.live-auth-buttons{display:flex;gap:10px;flex-wrap:wrap}dialog:has(.live-auth){max-width:550px;width:calc(100% - 32px);padding:28px}@media(max-width:650px){dialog:has(.live-auth){padding:22px}.live-auth h2{font-size:24px}.live-auth .tabs>.btn{font-size:13px}}
.live-access-list{margin:18px 0;border:1px solid #d9e4dd;border-radius:10px;overflow:hidden}.live-access-list>div{display:flex;gap:14px;justify-content:space-between;padding:14px 16px;background:#edf6f0}.live-access-list>div+div{border-top:1px solid #d9e4dd}.live-access-list strong{font-weight:500;color:var(--teal)}.live-studio-tags{display:flex;gap:9px;flex-wrap:wrap}.live-studio-tags span{padding:7px 12px;border-radius:7px;background:#e4f3f1;color:var(--teal);font-size:12px}.live-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.live-setup-grid section{background:#f4f2ed;border-radius:10px;padding:15px}.live-setup-grid h3{font-size:16px;margin:0 0 8px}.live-setup-grid p{font-size:12px;color:#637076;margin:0;line-height:1.5}@media(max-width:500px){.live-setup-grid{grid-template-columns:1fr}}

.staff-pilot-nav{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0}.staff-pilot-nav .btn{font-size:14px}.staff-pilot-main h1{font-size:32px;font-weight:500}.staff-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.staff-dashboard-grid .card{padding:24px}.staff-dashboard-grid h2{font-size:23px;font-weight:500}.staff-dashboard-grid p{line-height:1.6;min-height:52px;color:#58625e}.staff-revenue{padding:28px}.staff-revenue-empty{min-height:230px;border:1px dashed #c5d5d2;border-radius:12px;background:#f6f8f7;padding:35px;margin:25px 0;display:flex;flex-direction:column;justify-content:center}.staff-revenue-empty strong{font-size:24px;font-weight:500}.staff-revenue-empty span{font-size:13px;color:#64716c}.staff-pilot-main .notice{margin:0 0 22px;line-height:1.6}@media(max-width:700px){.staff-dashboard-grid{grid-template-columns:1fr}.staff-pilot-nav{gap:7px}.staff-pilot-nav .btn{padding:10px}.staff-pilot-main h1{font-size:28px}}

.live-auth.live-exports{max-width:none}.shared-export-studio{max-width:300px;margin:20px 0!important}.shared-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.shared-export-card{padding:24px;background:#f7f5f0;border:1px solid #e4e5de;border-radius:12px}.shared-export-card h3{font-size:22px;font-weight:500}.shared-export-card p{line-height:1.6}.shared-export-card .row{gap:10px;flex-wrap:wrap}.shared-export-card .btn{font-size:14px}.shared-export-card .small{margin-top:18px}dialog:has(.live-exports){max-width:1100px;width:calc(100% - 32px)}@media(max-width:700px){.shared-export-grid{grid-template-columns:1fr}.shared-export-card{padding:18px}.live-exports .row.between{flex-wrap:wrap;gap:14px}}

.renewal-card{margin:24px 0;background:#edf6f2}.renewal-card h2{font-size:24px;font-weight:500}.renewal-card .row.between{gap:12px;flex-wrap:wrap}.renewal-card p,.live-renewals p{line-height:1.6}.live-renewals h2{font-size:28px;font-weight:500}.live-renewals .eyebrow{color:#007f82;font-size:12px}.live-renewals .tablewrap{margin:22px 0}.live-renewals td{vertical-align:top}.live-renewals .btn{white-space:normal}dialog:has(.live-renewals){width:calc(100% - 32px);max-width:1050px}.renewal-card small{line-height:1.5}
.staff-notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.staff-notifications .row{display:flex;flex-wrap:wrap;gap:8px}.staff-notifications article p{margin:8px 0}.staff-notifications table td{vertical-align:top}

/* Fixed staff navigation shell. All workflow content and dialog components are retained. */
.staff-shell{--staff-header:96px;--staff-sidebar:234px;min-height:100vh;background:#f8f6f1;color:#293b37}.staff-shell-header{height:var(--staff-header);position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:#eaddce;border-bottom:1px solid #dcded5}.staff-shell-brand{display:flex;align-items:center;gap:17px;color:inherit;text-decoration:none;min-width:0}.staff-shell-brand img{width:73px;height:70px;object-fit:contain}.staff-shell-brand>span{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.4px}.staff-shell-brand small{display:block;font-size:12px;font-weight:400;color:#68796e;letter-spacing:.2px;margin-top:5px}.staff-shell-utilities{display:flex;align-items:center;gap:22px}.staff-shell .staff-notice-actions{margin:0;gap:8px;flex-wrap:nowrap}.staff-shell .staff-notice-actions .btn{font-size:12px;min-height:40px;padding:9px 13px;border:1px solid #c8d9d3;border-radius:8px;background:#fff}.staff-shell .staff-notice-actions .btn:last-child{background:#faf3e9;border-color:#d9c9b5}.staff-account-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#36574e;cursor:pointer;padding:7px;font:inherit;text-align:left}.staff-account-button svg{width:29px;height:29px;padding:5px;border-radius:50%;background:#d4e7e0}.staff-account-button span{font-size:13px;line-height:1.3}.staff-account-button small{display:block;color:#738275;font-size:10px;margin-top:3px}.staff-shell svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.staff-sidebar{width:var(--staff-sidebar);position:fixed;top:var(--staff-header);bottom:0;left:0;background:#fff;border-right:1px solid #e0e5da;z-index:16;overflow-y:auto;display:flex;flex-direction:column;padding:17px 13px}.staff-shell .staff-pilot-nav{display:flex;flex-direction:column;gap:3px;padding:0}.staff-nav-group{margin:17px 14px 7px;color:#86958a;font-size:9px;letter-spacing:1.7px;line-height:1.5}.staff-nav-group:not(:first-child){margin-top:27px}.staff-nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:46px;border-radius:8px;text-align:left;font:inherit;font-size:13px;font-weight:400;line-height:1.45;color:#5f7568;cursor:pointer;width:100%}.staff-nav-item svg{width:20px;height:20px}.staff-nav-item:hover{background:#f1f6ef;color:#007f82}.staff-nav-item[aria-current=page]{background:#e1f0eb;color:#007b7e;font-weight:600}.staff-nav-item[aria-current=page] svg{stroke-width:2}.staff-nav-item:disabled{opacity:.5;cursor:wait}.staff-sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #e8ece2}.staff-sidebar-bottom .staff-nav-item{font-size:12px}.staff-sidebar-bottom .staff-nav-item:last-child{color:#7d8e80;font-size:11px}.staff-shell-content{margin-left:var(--staff-sidebar);min-width:0}.staff-shell-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 30px 0;color:#829082;font-size:11px;min-height:37px}.staff-shell-context .btn{font-size:11px;min-height:32px;padding:6px 11px}.staff-shell .staff-pilot-main{max-width:1600px;margin:0 auto;padding:18px 30px 35px}.staff-shell .staff-pilot-main h1{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.7px}.staff-shell .staff-dashboard-grid{gap:18px}.staff-shell .staff-dashboard-grid h2{font-size:21px}.staff-shell-footer{padding:20px 30px;border-top:1px solid #e2e6db;gap:14px;flex-wrap:wrap}.staff-menu-toggle,.staff-menu-close,.staff-menu-scrim,.staff-sidebar-mobile{display:none}.staff-shell button:focus-visible,.staff-shell a:focus-visible{outline:3px solid #00888c;outline-offset:3px}.staff-shell .daily-toolbar,.staff-shell .daily-filters{flex-wrap:wrap}
@media(min-width:981px){.staff-shell .staff-sidebar{visibility:visible!important}.staff-shell .staff-pilot-main .daily-kpis{gap:12px}}
@media(max-width:1180px) and (min-width:981px){.staff-shell{--staff-sidebar:212px}.staff-shell-header{padding-left:20px;padding-right:20px}.staff-shell-brand>span{font-size:18px}.staff-shell-utilities{gap:10px}.staff-shell .staff-notice-actions .btn{font-size:11px;padding:8px}.staff-shell .staff-pilot-main{padding-left:22px;padding-right:22px}.staff-nav-item{font-size:12px;gap:10px}}
@media(max-width:980px){.staff-shell{--staff-header:88px}.staff-shell-header{padding:10px 18px;gap:12px;flex-wrap:wrap;height:auto;min-height:88px}.staff-menu-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff91;border:1px solid #d4ded2;border-radius:8px;color:#007f82;cursor:pointer}.staff-menu-toggle svg{width:23px;height:23px}.staff-shell-brand{flex:1;gap:12px}.staff-shell-brand img{width:59px;height:58px}.staff-shell-brand>span{font-size:18px}.staff-shell-utilities{gap:10px}.staff-account-button span{display:none}.staff-shell .staff-notice-actions .btn{font-size:11px;padding:8px 10px;min-height:37px}.staff-sidebar{width:270px;max-width:calc(100vw - 45px);top:0;bottom:0;z-index:32;transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s;padding:17px 14px;box-shadow:14px 0 40px #243b301a}.staff-sidebar-mobile{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 10px 9px;font-size:14px;color:#315c52}.staff-menu-close{display:block;font:inherit;font-size:26px;background:#f2f5ee;border:0;border-radius:50%;height:38px;width:38px;color:#43695c;cursor:pointer}.menu-open .staff-sidebar{transform:none;visibility:visible}.staff-shell-content{margin-left:0}.staff-shell-context{padding-left:20px;padding-right:20px}.staff-shell .staff-pilot-main{padding:18px 20px 28px}.menu-open .staff-menu-scrim{display:block;position:fixed;inset:0;z-index:31;background:#233e3866;border:0;width:100%;height:100%;cursor:pointer}body:has(.staff-shell.menu-open){overflow:hidden}.staff-shell-footer{padding:18px 20px}.staff-sidebar-bottom{margin-top:25px}}
@media(max-width:620px){.staff-shell-header{padding:9px 12px;gap:9px}.staff-shell-brand img{width:50px;height:52px}.staff-shell-brand>span{font-size:15px;letter-spacing:-.3px}.staff-shell-brand small{font-size:10px;margin-top:3px}.staff-menu-toggle{height:38px;width:38px}.staff-shell-utilities{width:100%;padding-left:47px;justify-content:space-between}.staff-shell .staff-notice-actions{flex:1;gap:7px}.staff-shell .staff-notice-actions .btn{font-size:10px;padding:7px 9px;min-height:34px}.staff-account-button{padding:2px}.staff-account-button svg{width:27px;height:27px}.staff-shell .staff-pilot-main{padding:17px 14px 26px}.staff-shell-context{padding:14px 14px 0}.staff-shell .staff-pilot-main h1{font-size:27px}.staff-shell .staff-dashboard-grid .card{padding:20px}.staff-shell-footer{padding:16px 14px;font-size:10px}.staff-shell-footer span{max-width:100%}}
@media(prefers-reduced-motion:reduce){.staff-sidebar{transition:none}}
@media print{.staff-shell-header,.staff-sidebar,.staff-menu-scrim,.staff-shell-context,.staff-shell-footer{display:none!important}.staff-shell-content{margin:0}}
/* Override generic public-site nav sizing inside the fixed staff sidebar. */
.staff-shell .staff-pilot-nav{flex:0 0 auto;justify-content:flex-start;flex-wrap:nowrap;order:0;overflow:visible;white-space:normal;margin:0}.staff-shell .staff-sidebar-bottom{flex:0 0 auto}

/* Pending payments: give the invoice review room without changing other dialogs. */
dialog:has(> .staff-pending-payments){width:calc(100% - 24px);max-width:1100px}
.staff-pending-payments .pending-payment-table{margin:20px 0 12px}
.staff-pending-payments table{table-layout:fixed;white-space:normal}
.staff-pending-payments th,.staff-pending-payments td{overflow-wrap:anywhere}
.staff-pending-payments th:nth-child(1){width:29%}
.staff-pending-payments th:nth-child(2){width:29%}
.staff-pending-payments th:nth-child(3){width:19%}
.staff-pending-payments th:nth-child(4){width:23%}
.pending-payment-action{margin-top:8px}
.pending-payment-action .btn{white-space:normal;text-align:center;min-height:36px}
.pending-payment-mobile-label{display:none}
@media(max-width:640px){
 dialog:has(> .staff-pending-payments){padding:18px}
 .staff-pending-payments thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .staff-pending-payments tbody{display:block}
 .staff-pending-payments tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:6px 0;border-bottom:1px solid var(--line)}
 .staff-pending-payments tbody tr:last-child{border-bottom:0}
 .staff-pending-payments tbody td{padding:8px 11px;border:0}
 .staff-pending-payments tbody td[colspan]{grid-column:1/-1}
 .pending-payment-mobile-label{display:block;font-size:.85em;color:var(--muted)}
}