/* XCC Space: neutral greys, black and orange. */
:root{color-scheme:light;--bg:#f2f2f2;--paper:#fff;--ink:#202020;--muted:#626262;--line:#d5d5d5;--orange:#ff8a32;--orange-hover:#f57920;--accent:#a34408;--tint:#fff0e4;--hover:#e8e8e8;--dark:#181818;--lime:var(--orange);--radius:17px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
:root[data-theme="night"]{color-scheme:dark;--bg:#121212;--paper:#1e1e1e;--ink:#f0f0f0;--muted:#adadad;--line:#414141;--accent:#ffab70;--tint:#33261e;--hover:#303030;--dark:#0b0b0b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0}a{color:inherit}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}.loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:var(--hover);padding:35px 22px 22px;position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#ffffff;font-weight:650;letter-spacing:-.8px;font-size:23px}.brand img{width:35px;height:35px}.brand span span{font-weight:350}.workspace-tag{font-size:10px;letter-spacing:1.7px;margin:34px 15px 13px;color:var(--hover)}.nav{display:flex;flex-direction:column;gap:6px}.nav :is(button,a){background:transparent;color:inherit;display:flex;gap:13px;align-items:center;text-align:left;padding:13px 15px;border-radius:9px;font-weight:450}.nav :is(button,a):hover{background:var(--hover);color:#ffffff}.nav :is(button,a).active{background:var(--lime);color:var(--hover);font-weight:650}.nav .count{margin-left:auto;font-size:11px;opacity:.65}.sidebar-foot{margin-top:auto;border-top:1px solid var(--hover);padding:23px 10px 0;font-size:12px;line-height:1.8}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px}.sidebar-foot small{display:block;color:var(--hover)}.main{grid-column:2;padding:0 46px 40px;max-width:1660px;width:100%;margin:auto}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.breadcrumb{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px}.breadcrumb b{color:var(--ink);font-weight:500}.top-actions{display:flex;gap:13px;align-items:center}.date-chip{font-size:12px;color:var(--muted);padding-right:15px;border-right:1px solid var(--line)}.avatar{background:var(--hover);color:var(--hover);border-radius:50%;display:grid;place-items:center;width:34px;height:34px;font-size:12px;font-weight:600}.icon-button{background:transparent;padding:7px;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--hover);color:var(--ink)}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin:0 0 12px;text-transform:uppercase}h1{font-size:31px;font-weight:560;letter-spacing:-1.25px;line-height:1.2;margin:0 0 10px}h2{font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}h3{font-size:15px;font-weight:600;margin:0 0 9px}p{line-height:1.6}.subtle{color:var(--muted);font-size:13px;margin:0}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:12px 17px;background:var(--ink);color:#ffffff;font-weight:550;font-size:12px;text-decoration:none;white-space:nowrap}.button:hover{background:var(--hover)}.button.lime{color:var(--hover);background:var(--lime)}.button.lime:hover{background:var(--hover)}.button.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--hover)}.button.small{padding:8px 12px}.button.text{color:var(--accent);background:transparent;padding:6px 0}.button.text:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:22px 24px;position:relative}.stat-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-head svg{color:var(--muted)}.stat-value{font-size:38px;font-weight:500;letter-spacing:-1.5px;margin:17px 0 6px;line-height:1}.stat-caption{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-head p{margin:5px 0 0;font-size:12px;color:var(--muted)}.empty{padding:43px 25px 46px;text-align:center}.empty .empty-art{width:88px;height:70px;color:var(--muted);margin-bottom:17px}.empty h3{font-weight:550}.empty p{max-width:320px;margin:0 auto 21px;color:var(--muted);font-size:12px}.steps{margin-top:23px}.steps h2{font-size:14px;margin:0 0 13px}.step{width:100%;display:flex;align-items:center;gap:12px;background:transparent;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}.step:last-child{border-bottom:0}.step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:11px}.step-number.complete{background:var(--tint);border-color:var(--tint);color:var(--hover)}.step-text{flex:1}.step-text strong{display:block;font-size:12px;font-weight:550}.step-text small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.step>svg{width:14px;color:var(--muted)}.calendar-card{padding:24px;background:var(--tint);border:0}.calendar-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--tint);margin-bottom:22px}.calendar-card .eyebrow{margin-bottom:8px;font-size:9px;color:var(--muted)}.calendar-card h2{font-size:20px;line-height:1.4;font-weight:500;margin-bottom:12px;letter-spacing:-.5px}.calendar-card p{color:var(--muted);font-size:12px;margin-bottom:18px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:var(--muted)}.mini-note{padding:22px 3px;display:flex;gap:11px;color:var(--muted);font-size:11px;line-height:1.7}.mini-note svg{width:17px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.search{position:relative;max-width:330px;width:100%}.search svg{position:absolute;left:13px;top:12px;width:16px;color:var(--muted)}.search input{padding-left:39px}.filter{display:flex;gap:5px;flex-wrap:wrap}.filter button{background:transparent;color:var(--muted);font-size:11px;padding:8px 11px;border-radius:7px}.filter button.active{background:var(--hover);color:var(--hover)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:500;font-size:10px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;padding:15px 24px;background:var(--hover);border-bottom:1px solid var(--line)}td{padding:18px 24px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{font-weight:550;display:block;margin-bottom:5px}.cell-note{font-size:11px;color:var(--muted);line-height:1.5}.badge{font-size:10px;padding:5px 8px;border-radius:5px;display:inline-flex;white-space:nowrap}.badge.OPTION{color:var(--hover);background:var(--tint)}.badge.CONFIRMED{color:var(--hover);background:var(--hover)}.badge.DONE{color:var(--muted);background:var(--hover)}.badge.CANCELLED{color:var(--muted);background:var(--hover)}.kind{font-size:9px;letter-spacing:.8px;color:var(--muted)}.row-action{background:transparent;color:var(--muted);padding:7px;border-radius:6px}.row-action:hover{background:var(--hover);color:var(--hover)}.workspace-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;padding-top:35px;margin-top:18px}.row-click{color:var(--ink);text-decoration:none;background:none;font-weight:550;text-align:left;padding:0;max-width:100%;overflow-wrap:anywhere}.row-click:hover{text-decoration:underline}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--hover)}.auth-aside{background:var(--dark);padding:50px 10%;display:flex;flex-direction:column;color:#ffffff;min-height:100vh}.auth-aside .brand{font-size:27px}.auth-copy{margin:auto 0;max-width:450px;padding:70px 0}.auth-copy h1{font-size:52px;font-weight:400;letter-spacing:-2.3px;line-height:1.12;margin-bottom:25px}.auth-copy h1 span{color:var(--lime)}.auth-copy p{color:var(--hover);max-width:330px;font-size:14px;line-height:1.9}.auth-caption{color:var(--hover);font-size:11px;letter-spacing:1px}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form{width:100%;max-width:370px}.auth-form h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin-bottom:10px}.auth-form>.subtle{margin-bottom:30px;line-height:1.8}.auth-form .button{width:100%;margin-top:12px}.auth-privacy{font-size:11px;color:var(--muted);line-height:1.8;margin-top:25px;display:flex;gap:9px}.auth-privacy svg{width:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;min-width:0}.field label{font-size:12px;font-weight:550}.field input,.field select,.field textarea,.search input{background:var(--paper);border:1px solid var(--line);border-radius:8px;width:100%;padding:11px 12px;color:var(--ink);outline:none;min-height:41px}.search input{padding-left:39px}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--tint)}.field textarea{resize:vertical;min-height:86px;line-height:1.6}.field small{font-size:10px;color:var(--muted);line-height:1.6}.field [aria-invalid=true]{border-color:var(--hover)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{padding:12px 14px;border-radius:8px;background:var(--tint);color:var(--hover);font-size:12px;line-height:1.6;margin:0 0 18px}.form-error:empty{display:none}dialog{border:0;border-radius:19px;padding:0;width:min(580px,calc(100vw - 28px));max-height:92vh;color:var(--ink);box-shadow:0 25px 100px #00000033}dialog::backdrop{background:#00000080;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:21px;font-weight:550}.dialog-body{padding:23px 28px 5px}.dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:19px 28px 23px;border-top:1px solid var(--line);background:var(--hover);position:sticky;bottom:0}.dialog-note{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 21px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);border-radius:9px;background:var(--dark);color:#ffffff;box-shadow:0 8px 30px #00000022;padding:14px 22px;font-size:12px;z-index:10;max-width:calc(100vw - 30px)}.toast[hidden]{display:none}.detail-info{padding-bottom:20px}.detail-info p{font-size:13px;white-space:pre-wrap;color:var(--muted)}.detail-list{padding:0;list-style:none}.detail-list li{padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-list strong{font-size:12px;display:block;margin-bottom:6px}.detail-list small{font-size:11px;color:var(--muted)}.empty-inline{padding:24px;color:var(--muted);font-size:12px;text-align:center}.record-count{font-size:11px;color:var(--muted)}.error-state{padding:50px 25px;text-align:center}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(min-width:1450px){.main{padding-left:65px;padding-right:65px}}
@media(max-width:1100px){.main{padding:0 27px 30px}.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-left:16px;padding-right:16px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px}.stat{padding:20px}td,th{padding:16px}.heading h1{font-size:28px}}
@media(max-width:870px){.shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{width:78px;padding:30px 12px 18px;align-items:center}.sidebar .brand>span,.workspace-tag,.nav :is(button,a)>span,.sidebar-foot{display:none}.sidebar .brand{margin-bottom:35px}.nav{width:100%}.nav :is(button,a){justify-content:center;padding:14px}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:23px}.mini-note{grid-column:1/-1;padding:0}.steps{margin:0}.auth-aside{padding:40px 10%}.auth-copy h1{font-size:40px}.date-chip{display:none}.stats{gap:12px}}
@media(max-width:590px){.shell{display:block;padding-bottom:70px}.sidebar{inset:auto 0 0;width:auto;height:65px;z-index:5;display:block;padding:7px 14px;box-shadow:0 -1px 0 #ffffff11}.sidebar .brand{display:none}.nav{flex-direction:row;justify-content:space-around;gap:4px}.nav :is(button,a){padding:9px 12px;flex:1;flex-direction:column;gap:4px;font-size:9px;border-radius:7px}.nav :is(button,a)>span{display:block}.nav .count{display:none}.nav svg{width:17px;height:17px}.main{padding:0 20px 25px}.topbar{height:69px}.breadcrumb{font-size:11px}.mobile-brand{display:block;font-weight:650;font-size:15px;letter-spacing:-.5px}.breadcrumb>.crumb-root,.breadcrumb>.crumb-slash{display:none}.top-actions{gap:5px}.heading{padding:29px 0 23px;align-items:start}.heading h1{font-size:26px}.heading .subtle{font-size:12px}.heading>.button{font-size:11px;padding:11px 12px;margin-top:22px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.stats{gap:8px;margin-bottom:17px}.stat{padding:16px 12px;border-radius:12px}.stat-head{font-size:10px;min-height:26px;line-height:1.4}.stat-head svg{display:none}.stat-value{font-size:30px;margin-top:14px}.stat-caption{font-size:9px;line-height:1.5;min-height:26px}.dashboard-aside{grid-template-columns:1fr}.panel-head{padding:19px}.panel-head h2{font-size:15px}.panel-head .button{font-size:10px}.empty{padding:34px 20px}.calendar-card{padding:23px}.calendar-card h2{font-size:19px}.calendar-icon{margin-bottom:15px}.list-toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}.form-row{grid-template-columns:1fr;gap:0}.dialog-head{padding:21px}.dialog-body{padding:21px 21px 4px}.dialog-foot{padding:16px 21px}.auth-layout{display:block}.auth-aside{min-height:auto;padding:26px 25px 30px}.auth-copy{padding:30px 0 0}.auth-copy h1{font-size:32px;max-width:300px;letter-spacing:-1px;margin-bottom:0}.auth-copy p,.auth-caption{display:none}.auth-main{padding:32px 25px}.auth-form{max-width:420px}.auth-form h2{font-size:24px}.workspace-footer{font-size:9px;line-height:1.7}td,th{padding:14px;font-size:11px}.table-wrap table{min-width:540px}.toast{bottom:80px}.dashboard-grid{gap:21px}.mini-note{font-size:10px}.filter button{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}.panel{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
.availability-panel{display:flex;align-items:center;gap:17px;background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px;margin-bottom:22px}.availability-symbol{height:42px;width:42px;flex-shrink:0;background:var(--tint);border-radius:12px;display:grid;place-items:center;color:var(--hover)}.availability-panel h2{font-size:15px;margin-bottom:6px}.availability-panel p{font-size:12px;color:var(--muted);margin:0}.availability-panel .button{margin-left:auto}.availability-result{padding:20px 0 7px;border-top:1px solid var(--line);margin-top:7px}.availability-result h3{font-size:20px;font-weight:550;color:var(--hover)}.availability-result.NOT_AVAILABLE h3{color:var(--hover)}.availability-result.CONDITIONAL h3{color:var(--hover)}.availability-result>p{font-size:12px;line-height:1.8}.availability-result h4{font-size:11px;margin:0 0 10px;font-weight:600}.availability-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.availability-neighbours p{font-size:12px;line-height:1.6;margin:0}.availability-neighbours strong,.availability-conflict strong{font-weight:550}.availability-warnings{padding-left:18px;color:var(--muted);font-size:11px;line-height:1.8;margin:18px 0}.availability-conflicts{margin-top:23px}.availability-conflict{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.availability-conflict p{margin:0;font-size:12px;line-height:1.6}.file-help{min-height:100vh;display:grid;place-items:center;padding:30px}.file-help-card{max-width:620px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:42px}.file-help-card>img{margin-bottom:25px}.file-help-card p{color:var(--muted);font-size:14px}.file-help-card ol{font-size:13px;line-height:1.8;padding-left:20px;margin:26px 0}.file-help-card li{margin:10px 0}.file-help-card .subtle{font-size:11px;margin-top:21px}.file-help-card .button{white-space:normal;text-align:center}.file-help-card h1{font-size:30px}@media(max-width:870px){.availability-panel{flex-wrap:wrap}.availability-panel .button{margin-left:59px}}@media(max-width:590px){.availability-panel{padding:20px;gap:12px}.availability-panel>div:nth-child(2){flex:1}.availability-panel .button{margin:5px 0 0;width:100%}.availability-panel p{font-size:11px;line-height:1.6}.availability-panel h2{font-size:14px}.availability-symbol{width:36px;height:36px}.availability-neighbours{grid-template-columns:1fr;gap:20px}.file-help{padding:17px}.file-help-card{padding:29px 24px}.file-help-card h1{font-size:26px}}

.address-fields{border:0;padding:0;margin:7px 0 0;min-width:0}.address-fields legend{font-size:13px;font-weight:600;letter-spacing:-.1px;padding:0;margin-bottom:18px}

.sidebar{color:#c8c8c8}.brand,.auth-aside,.nav :is(button,a):hover{color:#fff}.sidebar-foot small,.workspace-tag,.auth-caption{color:#aaa}.auth-copy p{color:#bbb}.nav :is(button,a):hover{background:#303030}.nav :is(button,a).active,.button.lime{color:#201208}.button{background:var(--orange);color:#201208}.button:hover,.button.lime:hover{background:var(--orange-hover)}.button.secondary{background:var(--paper);color:var(--ink)}.button.secondary:hover{background:var(--hover)}.avatar{background:var(--tint);color:var(--accent)}.step-number.complete,.filter button.active{background:var(--tint);color:var(--accent)}.tag,.calendar-card .eyebrow{color:var(--accent)}.toast{color:#fff}dialog{background:var(--paper)}.file-help-card{background:var(--paper)}.availability-result h3,.availability-result.NOT_AVAILABLE h3,.availability-result.CONDITIONAL h3{color:var(--accent)}.form-error{color:var(--accent)}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;font-size:11px;white-space:nowrap}.theme-toggle:hover{background:var(--hover)}.auth-main{position:relative}.auth-main>.theme-toggle{position:absolute;top:22px;right:25px}.empty-art ellipse{fill:var(--hover)}.empty-art path{fill:var(--paper);stroke:var(--accent)}
@media(max-width:590px){.theme-toggle span{display:none}.auth-main{padding-top:72px}.auth-main>.theme-toggle span{display:inline}}
.postal-status{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px}.postal-status:empty{display:none}#postal-choices:not(:empty){margin-bottom:19px}

.client-logo{width:40px;height:40px;object-fit:contain;float:left;margin-right:12px;border-radius:6px;background:white}.client-logo-preview{max-width:160px;max-height:120px;object-fit:contain;background:white;border-radius:8px;margin-bottom:12px}.client-logo-preview[hidden]{display:none}.extra-contact{margin-top:16px}

.brand-home{background:transparent;padding:0;text-align:left;cursor:pointer}.brand-home:hover{background:transparent}.mobile-brand.brand-home{color:var(--ink)}.mobile-brand img{width:24px;height:24px}.menu-settings{padding:25px;max-width:820px}.menu-settings>h2{margin-bottom:12px}.menu-settings form{margin-top:22px}.menu-settings table{min-width:0}.menu-settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--orange);cursor:pointer}.menu-settings .dialog-note{margin-top:18px}.menu-settings td{text-align:center}.menu-settings thead th:not(:first-child){text-align:center}
@media(min-width:591px){.nav :is(button,a).menu-hide-desktop{display:none}}
@media(max-width:590px){.nav :is(button,a).menu-hide-mobile{display:none}.mobile-brand.brand-home{display:flex;align-items:center;gap:5px}.breadcrumb{min-width:0}.breadcrumb b{display:none}.top-actions{gap:2px}.top-actions .avatar{display:none}.menu-settings{padding:18px}.menu-settings th,.menu-settings td{padding:12px 7px}}

.profile-menu{position:relative}.profile-trigger{cursor:pointer;list-style:none;border:1px solid var(--line)}.profile-trigger::-webkit-details-marker{display:none}.profile-trigger:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.profile-dropdown{position:absolute;right:0;top:44px;z-index:8;min-width:220px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 10px 35px #0003}.profile-dropdown p{font-size:12px;margin:8px;padding:0 5px;color:var(--muted);overflow-wrap:anywhere}.profile-dropdown :is(button,a){display:flex;align-items:center;gap:8px;width:100%;background:transparent;color:var(--ink);padding:12px;text-align:left;border-radius:7px;font-size:12px}.profile-dropdown :is(button,a):hover{background:var(--hover)}
@media(max-width:590px){.top-actions .profile-trigger{display:grid}.profile-dropdown{min-width:210px}}

.access-settings{margin-top:24px}.accountant-page{max-width:1100px;margin:0 auto;padding:0 24px 40px}.accountant-page .menu-settings{max-width:none}

#sauron-root{position:fixed;right:24px;bottom:24px;z-index:30;font:inherit;color:var(--ink)}.sauron-launcher{display:flex;align-items:center;gap:9px;background:var(--orange);color:#201208;padding:13px 19px;border-radius:30px;box-shadow:0 5px 20px #0003;font-size:13px;font-weight:650;margin-left:auto}.sauron-panel{position:fixed;right:24px;bottom:82px;width:min(410px,calc(100vw - 32px));height:min(640px,calc(100dvh - 110px));display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 60px #0004;overflow:hidden}.sauron-panel[hidden]{display:none}.sauron-panel>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.sauron-panel header small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sauron-body{overflow-y:auto;flex:1;padding:15px 18px;overscroll-behavior:contain}.sauron-intro,.sauron-permission{font-size:11px;line-height:1.6;color:var(--muted)}.sauron-permission{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.sauron-help{display:flex;flex-wrap:wrap;gap:6px}.sauron-help button{font-size:10px;background:var(--hover);color:var(--ink);padding:7px 9px;border-radius:15px}.sauron-message{background:var(--hover);padding:12px;border-radius:10px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}.sauron-message.user{background:var(--tint)}.sauron-message strong{font-size:10px;color:var(--muted)}.sauron-message p{white-space:pre-wrap;margin:5px 0 0}.sauron-panel>form{padding:12px 16px;border-top:1px solid var(--line)}.sauron-panel textarea{width:100%;resize:vertical;max-height:130px;min-height:55px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--ink);font-size:12px}.sauron-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.sauron-error{font-size:12px;color:var(--accent)}.sauron-config-check{display:flex;gap:10px;font-size:12px;margin:16px 0;align-items:center}.sauron-config-check input{width:20px;height:20px;accent-color:var(--orange)}.workspace-footer{padding-right:115px}.toast{z-index:40}
@media(max-width:590px){#sauron-root{right:16px;bottom:79px}.sauron-panel{right:12px;bottom:136px;width:calc(100vw - 24px);height:min(590px,calc(100dvh - 155px))}.sauron-launcher{padding:10px 14px}.workspace-footer{padding-right:0}}

/* UI icon family: optical sizes, stable alignment and contrast in both themes. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
.nav .ui-icon{width:21px;height:21px}.nav :is(button,a).active .ui-icon{stroke-width:2}
.button .ui-icon{width:17px;height:17px}.button.text .ui-icon{width:16px;height:16px}
.icon-button,.row-action{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}
.theme-toggle .ui-icon{width:17px;height:17px}.profile-dropdown .ui-icon{width:18px;height:18px}
.availability-symbol,.calendar-icon{color:var(--accent)}.availability-symbol .ui-icon,.calendar-icon .ui-icon{width:23px;height:23px}
.step-number .ui-icon{width:15px;height:15px}.stat-head .ui-icon{color:var(--accent)}
.empty-art path{fill:none}.sauron-launcher .ui-icon{width:21px;height:21px}
@media(max-width:590px){.nav .ui-icon{width:20px;height:20px}.icon-button,.row-action{min-width:38px;min-height:38px}}
.search .ui-icon{width:16px;height:16px}.mini-note .ui-icon,.auth-privacy .ui-icon{width:17px;height:17px}

/* Surface depth: neutral materials with restrained warm highlights. */
:root{
  --surface-top:#fff;--surface-bottom:#f7f7f7;
  --edge-light:rgba(255,255,255,.9);--shadow-soft:rgba(20,20,20,.055);
  --shadow-deep:rgba(20,20,20,.09);--ambient:rgba(255,138,50,.065);
  --tint-top:#fff5ed;--tint-bottom:#ffe9d7;--input-top:#f5f5f5;
  --orange-top:#ffa452;--orange-bottom:#f5822c;--orange-pressed:#e97724;
  --surface-shadow:inset 0 1px 0 var(--edge-light),0 3px 7px var(--shadow-soft),0 16px 32px -24px var(--shadow-deep);
  --floating-shadow:inset 0 1px 0 var(--edge-light),0 12px 28px var(--shadow-deep),0 32px 80px -32px rgba(0,0,0,.28);
}
:root[data-theme="night"]{
  --surface-top:#282828;--surface-bottom:#1e1e1e;
  --edge-light:rgba(255,255,255,.075);--shadow-soft:rgba(0,0,0,.18);
  --shadow-deep:rgba(0,0,0,.32);--ambient:rgba(255,138,50,.045);
  --tint-top:#3d2d22;--tint-bottom:#29221d;--input-top:#191919;
  --orange-top:#ff9d48;--orange-bottom:#f5822c;--orange-pressed:#e97724;
}
body{
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 90% 0%,var(--ambient),transparent 48%);
}
.sidebar,.auth-aside{
  background:radial-gradient(ellipse at 0% 0%,rgba(255,138,50,.075),transparent 55%),linear-gradient(155deg,#292929 0%,var(--dark) 65%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.06),8px 0 28px rgba(0,0,0,.06);
}
.panel,.stat,.file-help-card,.profile-dropdown,.sauron-panel,dialog{
  background:linear-gradient(155deg,var(--surface-top),var(--surface-bottom));
  box-shadow:var(--surface-shadow);
}
.stat{border-top-color:var(--edge-light)}
.panel-head,.sauron-panel>header{
  background:linear-gradient(180deg,var(--surface-top),var(--surface-bottom));
  box-shadow:inset 0 1px 0 var(--edge-light);
}
.calendar-card,.availability-panel{
  background:radial-gradient(ellipse at 100% 0%,rgba(255,138,50,.1),transparent 65%),linear-gradient(140deg,var(--tint-top),var(--tint-bottom));
  border:1px solid var(--line);
  box-shadow:var(--surface-shadow);
}
.calendar-icon,.availability-symbol,.avatar,.step-number.complete{
  background:linear-gradient(145deg,var(--tint-top),var(--tint-bottom));
  box-shadow:inset 0 1px 0 var(--edge-light),0 2px 5px var(--shadow-soft);
}
.button,.button.lime,.nav :is(button,a).active,.sauron-launcher{
  background:linear-gradient(165deg,var(--orange-top),var(--orange-bottom));
  color:#201208;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(126,54,0,.15),0 3px 7px rgba(95,43,9,.13);
}
.button:hover,.button.lime:hover,.nav :is(button,a).active:hover,.sauron-launcher:hover{
  background:linear-gradient(165deg,var(--orange-top),var(--orange-pressed));
}
.button.secondary,.theme-toggle{
  background:linear-gradient(165deg,var(--surface-top),var(--surface-bottom));
  color:var(--ink);box-shadow:inset 0 1px 0 var(--edge-light),0 2px 4px var(--shadow-soft);
}
.button.secondary:hover,.theme-toggle:hover{
  background:linear-gradient(165deg,var(--surface-top),var(--hover));
}
.button.text,.button.text:hover{background:transparent;box-shadow:none;color:var(--accent)}
.button:active:not(:disabled),.theme-toggle:active:not(:disabled),.sauron-launcher:active{
  box-shadow:inset 0 2px 4px rgba(0,0,0,.16);
}
.field input,.field select,.field textarea,.search input,.sauron-panel textarea{
  background:linear-gradient(180deg,var(--input-top),var(--paper) 65%);
  box-shadow:inset 0 1px 2px var(--shadow-soft),0 1px 0 var(--edge-light);
}
.field input:focus,.field select:focus,.field textarea:focus,.search input:focus,.sauron-panel textarea:focus{
  border-color:var(--orange);box-shadow:0 0 0 3px var(--tint),inset 0 1px 2px var(--shadow-soft);
}
.profile-dropdown,.sauron-panel,dialog{box-shadow:var(--floating-shadow)}
.dialog-foot{background:linear-gradient(180deg,var(--surface-top),var(--surface-bottom))}
.auth-layout{background:radial-gradient(ellipse at 100% 0%,var(--ambient),transparent 65%),var(--bg)}
.status-dot{box-shadow:0 0 0 3px rgba(255,138,50,.12)}
@media(max-width:590px){
  .sidebar{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 -6px 24px rgba(0,0,0,.12)}
}
@media(forced-colors:active){
  .panel,.stat,.button,.theme-toggle,.sidebar,.auth-aside,.availability-panel,.calendar-card{background-image:none;box-shadow:none}
}

.sauron-voice{display:flex;align-items:center;gap:10px;margin-top:8px}.sauron-voice select{min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px;font-size:11px}.sauron-voice .is-listening{border-color:var(--orange);background:var(--tint)}.sauron-voice-status{font-size:11px;color:var(--accent);line-height:1.4;margin:7px 0}.sauron-voice-status:empty{display:none}.sauron-voice-privacy{font-size:10px;line-height:1.4;color:var(--muted);margin:7px 0}.sauron-panel>form{flex-shrink:0}

@media(max-height:560px){.sauron-panel{bottom:12px;height:calc(100dvh - 24px)}}

.work-view-tabs{padding-top:24px}.history-year{display:flex;align-items:center;gap:8px;font-size:12px}.history-year select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;font-size:11px}.history-issues{font-size:12px;color:var(--accent);line-height:1.7;padding-left:18px}.history-invoice-picker{max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:9px;margin-bottom:16px}.history-invoice-option{display:flex;gap:10px;align-items:start;padding:11px 12px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5;cursor:pointer}.history-invoice-option[hidden]{display:none}.history-invoice-option input{width:18px;height:18px;flex-shrink:0;accent-color:var(--orange)}.history-invoice-option strong{font-size:12px}.history-invoice-option:last-child{border-bottom:0}

.history-bulk{padding:16px 20px;margin-bottom:18px}.history-bulk summary{cursor:pointer;font-size:12px;font-weight:550}.history-bulk form{padding-top:16px}

/* Full Bible navigation remains reachable on small screens. */
@media(min-width:591px){.sidebar{height:100dvh;overflow-y:auto}.nav{flex-shrink:0}.sidebar-foot{margin-top:auto}}
@media(max-width:590px){.sidebar .nav{overflow-x:auto;justify-content:flex-start;overscroll-behavior-x:contain}.sidebar .nav :is(button,a){flex:0 0 88px;min-width:88px}.sidebar .nav :is(button,a) span:not(.count){white-space:normal;font-size:10px}}
.work-client-filter{max-width:440px;margin:18px 0}.work-client-filter select{width:100%}

.revision-groups{padding:22px;margin-bottom:18px}.revision-groups h2{font-size:18px}.revision-reasons{display:flex;flex-wrap:wrap;gap:9px}.revision-reasons b{margin-left:8px}.revision-reasons .button{white-space:normal;text-align:left}.work-view-tabs{flex-wrap:wrap}

/* Film library: footage is the primary surface; management lives in Settings. */
.reel-library{padding:32px 0 12px}.reel-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.reel-library-heading h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.065em;line-height:1.03;margin:6px 0 12px;font-weight:650}.reel-title-dot{color:var(--orange)}.reel-library-heading .eyebrow{letter-spacing:.18em}.reel-library-heading-right{display:flex;align-items:center;gap:18px;padding-bottom:6px;color:var(--muted);font-size:12px}.reel-library-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:28px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reel-library-toolbar .search{flex:1;min-width:150px}.reel-library-toolbar select{max-width:230px;border:0;background:transparent;color:var(--ink);padding:10px;font:inherit;font-size:12px}.reel-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.reel-film-card{min-width:0}.reel-film-poster{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border-radius:12px;background:#181b1d;border:1px solid var(--line);cursor:pointer;text-align:left;color:white}.reel-film-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.reel-film-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0009);pointer-events:none}.reel-film-poster:hover>img{transform:scale(1.035);filter:brightness(.85)}.reel-play-disc{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #ffffff75;background:#1117;backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}.reel-play-disc .ui-icon{width:20px;height:20px;margin-left:3px;fill:currentColor;stroke-width:1}.reel-film-poster:hover .reel-play-disc{background:var(--orange);color:#21160e;transform:translate(-50%,-50%) scale(1.08)}.reel-film-duration,.reel-film-privacy{position:absolute;z-index:1;bottom:10px;font-size:10px;line-height:18px;letter-spacing:.025em}.reel-film-duration{right:10px;background:#0009;padding:0 6px;border-radius:4px;font-variant-numeric:tabular-nums}.reel-film-privacy{left:11px;display:flex;align-items:center;gap:5px}.reel-film-privacy .ui-icon{width:12px;height:12px}.reel-film-info{padding:13px 2px 0}.reel-film-info>p{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.07em;margin-bottom:8px}.reel-film-info>p span{font-size:9px;letter-spacing:0}.reel-film-info h2{font-size:14px;line-height:1.45;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}.reel-film-info h2 button{font:inherit;color:inherit;background:none;padding:0;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.reel-film-client{display:block;font-size:11px;color:var(--muted);line-height:1.6}.reel-poster-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(135deg,#262d32,#15191b);color:#b5bec3;font-size:11px}.reel-poster-fallback>.ui-icon{width:30px;height:30px}.reel-library-empty,.reel-library-loading{grid-column:1/-1}.reel-settings{margin-top:22px}.reel-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:23px 25px;font-weight:600}.reel-settings>summary>span{display:flex;gap:10px;align-items:center}.reel-settings>summary small{font-weight:400;color:var(--muted)}.reel-settings-body{padding:0 25px 25px}.reel-settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.work-video-thumbnail{position:relative;float:left;width:94px;aspect-ratio:16/9;margin:0 13px 5px 0;border-radius:7px;overflow:hidden;background:#20262b;color:white;padding:0;cursor:pointer;flex-shrink:0}.work-video-thumbnail img{width:100%;height:100%;object-fit:cover}.work-video-thumbnail>span:not(.reel-poster-fallback){position:absolute;inset:0;display:grid;place-items:center;background:#0002}.work-video-thumbnail>span>.ui-icon{width:17px;height:17px;fill:white;filter:drop-shadow(0 1px 3px #000)}.work-video-thumbnail b{position:absolute;bottom:3px;right:4px;padding:1px 4px;border-radius:3px;background:#000b;font-size:9px}.work-video-thumbnail .reel-poster-fallback span{display:none}dialog:has(.reel-player-dialog){width:min(1080px,calc(100vw - 32px));max-width:1080px}.reel-player-dialog .dialog-head{align-items:flex-start}.reel-player-dialog h2{font-size:16px;line-height:1.5;max-width:850px}.reel-player-frame{position:relative;aspect-ratio:16/9;background:#090a0b}.reel-player-frame iframe{position:absolute;width:100%;height:100%;border:0}.reel-player-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:12px;flex-wrap:wrap}.reel-playlist-navigation{display:flex;align-items:center;gap:12px}.reel-playlist-navigation>span{font-size:11px;color:var(--muted)}.reel-player-access-note{font-size:11px;line-height:1.7;color:var(--muted);padding:0 22px 20px;margin:0}.reel-film-poster:focus-visible,.reel-film-info button:focus-visible,.work-video-thumbnail:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(min-width:1600px){.reel-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.reel-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.reel-library{padding-top:22px}.reel-library-heading{gap:12px;margin-bottom:20px}.reel-library-heading h1{font-size:52px}.reel-library-heading .subtle{font-size:11px;max-width:240px}.reel-library-heading-right{gap:8px}.reel-library-heading-right>span{display:none}.reel-library-toolbar{flex-wrap:wrap;gap:3px;margin-bottom:20px}.reel-library-toolbar>.search{flex-basis:100%;margin-bottom:6px}.reel-library-toolbar select{max-width:160px;padding:8px 3px;font-size:11px}.reel-library-grid{gap:23px 12px}.reel-film-poster{border-radius:8px}.reel-play-disc{width:32px;height:32px}.reel-play-disc .ui-icon{width:14px;height:14px}.reel-film-privacy{font-size:0;bottom:7px;left:7px}.reel-film-duration{font-size:9px;bottom:7px;right:7px}.reel-film-info h2{font-size:12px}.reel-film-info>p span{display:none}.reel-film-client{font-size:10px}.work-video-thumbnail{width:76px;margin-right:9px}.reel-settings>summary,.reel-settings-body{padding-left:16px;padding-right:16px}.reel-settings>summary small{display:none}.reel-player-footer{padding:12px;gap:10px}.reel-playlist-navigation{gap:7px}.reel-player-access-note{padding:0 12px 15px}}
@media(max-width:360px){.reel-library-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reel-film-poster>img,.reel-play-disc{transition:none}.reel-film-poster:hover>img{transform:none}}

/* Callsheets: urgent shooting information stays first at every width. */
.cs-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.cs-filters{padding:20px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:14px;margin-bottom:24px}.cs-filters label{display:grid;gap:8px;font-size:13px}.cs-filters input,.cs-filters select{width:100%;min-width:0}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cs-card{text-align:left;padding:26px;cursor:pointer;color:var(--ink);font:inherit;overflow:hidden}.cs-card:hover{border-color:var(--accent)}.cs-card h2{font-size:22px;margin:16px 0 8px}.cs-status{font-size:12px;font-weight:700}.cs-time{font-size:36px;letter-spacing:-1px;font-weight:700;margin-top:20px}.cs-alert{border-left:3px solid #bd7b25;padding-left:12px;white-space:pre-wrap;max-height:100px;overflow:auto}.cs-pending{color:#95611d;font-weight:600}.cs-urgent{padding:28px;display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:24px;border-top:4px solid #bd7b25;margin-bottom:24px}.cs-urgent>.cs-field:last-child{grid-column:1/-1}.cs-date{display:flex;flex-direction:column;gap:10px}.cs-date strong{font-size:48px;line-height:1.1}.cs-details{padding:28px;margin-bottom:24px}.cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cs-field{min-width:0}.cs-field h3{font-size:13px;opacity:.75;margin:0 0 10px}.cs-field p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.cs-details details{padding:16px 0;border-top:1px solid var(--line)}.cs-details summary{cursor:pointer;font-weight:600}.cs-source{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;font-size:12px}.cs-evidence{padding:10px 0;border-bottom:1px solid var(--line)}.cs-evidence p{white-space:pre-wrap;overflow-wrap:anywhere}.cs-card small{display:block;margin-top:20px}.cs-field small{font-size:11px}.cs-details a{overflow-wrap:anywhere}
@media(max-width:900px){.cs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-urgent{grid-template-columns:1fr 1fr}.cs-date{grid-column:1/-1}}
@media(max-width:590px){.cs-urgent,.cs-fields,.cs-filters{grid-template-columns:1fr}.cs-urgent,.cs-details{padding:20px}.cs-urgent>.cs-field:last-child,.cs-date{grid-column:auto}.cs-date strong{font-size:52px}.cs-actions .button{white-space:normal}.cs-source{max-height:320px}}

/* Shared Reel typography and rhythm for all workspace page headers. */
.heading,.reel-library-heading{
  display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;
  gap:20px 24px;padding:32px 0 28px;margin:0;
}
.heading>div:first-child,.reel-library-heading>div:first-child{flex:1 1 340px;min-width:0}
.heading h1,.reel-library-heading h1{
  font-size:clamp(44px,6vw,76px);letter-spacing:-.065em;line-height:1.03;
  margin:6px 0 12px;font-weight:650;overflow-wrap:anywhere;
}
.heading .eyebrow,.reel-library-heading .eyebrow{letter-spacing:.18em}
.heading .subtle,.reel-library-heading .subtle{line-height:1.6;margin:0}
.heading>div:not(:first-child),.reel-library-heading-right{max-width:100%;min-width:0;flex:0 1 auto}
.heading>.button{margin:0 0 6px;max-width:100%;white-space:normal}
.heading>.cs-actions{margin:0 0 6px}
@media(max-width:590px){
  .heading,.reel-library-heading{align-items:flex-start;gap:12px;padding:22px 0 20px}
  .heading>div:first-child,.reel-library-heading>div:first-child{flex-basis:240px}
  .heading h1,.reel-library-heading h1{font-size:52px}
  .heading .subtle,.reel-library-heading .subtle{font-size:11px;max-width:none}
  .heading>.button{margin:0}
  .heading>.cs-actions{margin:0;gap:8px}
  .heading>.cs-actions .button{white-space:normal}
}

.listing-controls{display:flex;flex-wrap:wrap;gap:12px;padding:18px;margin:18px 0;align-items:end}.listing-controls label{display:grid;gap:6px;font-size:12px;flex:1 1 130px;min-width:110px}.listing-controls input,.listing-controls select{width:100%;min-width:0}.listing-controls small{flex-basis:100%;color:var(--muted)}.work-callsheet-picker{max-height:260px;overflow:auto;display:grid;gap:8px}.work-callsheet-picker>label{display:flex;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:8px}.work-callsheet-picker small{display:block;color:var(--muted);font-size:11px}.work-extra{margin:20px 0}.work-extra legend{font-weight:700}.table-wrap td .button.small{margin:4px 0;max-width:220px;white-space:normal}.listing-controls .button{min-height:38px}
@media(max-width:590px){.listing-controls{padding:14px;gap:10px}.listing-controls label{flex-basis:calc(50% - 10px)}.listing-controls label:has(select[data-list-control="client"]){flex-basis:100%}}
/* Keep the manual Vimeo refresh accessible beside the library actions. */
.reel-library-heading-right{flex-wrap:wrap;justify-content:flex-end}.reel-settings-body input#vimeo-token{display:block;width:100%;max-width:520px;margin:8px 0 12px}.reel-settings-body>section{padding:18px 0;border-bottom:1px solid var(--line)}
@media(max-width:590px){.reel-library-heading-right{justify-content:flex-start;gap:12px}}

.reel-film-info .reel-rename-button{margin:0 0 9px;font-size:11px;padding:5px 9px}

.column-sort{display:flex;align-items:center;gap:4px;width:100%;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.column-sort:hover{color:var(--orange)}.column-sort:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:3px}th[aria-sort="ascending"],th[aria-sort="descending"]{color:var(--ink)}

.client-options{min-width:110px;max-width:160px;margin-left:auto}.client-options>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px;padding:3px 12px;font-size:25px;line-height:1.2;width:44px;margin-left:auto}.client-options>summary::-webkit-details-marker{display:none}.client-options>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.client-options-menu{display:flex;flex-direction:column;padding:5px;margin-top:5px;background:var(--panel,var(--bg));border:1px solid var(--line);border-radius:8px}.client-options-menu :is(button,a){text-align:left;padding:8px 10px;background:transparent;border:0;border-radius:5px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.client-options-menu :is(button,a):hover:not(:disabled){background:var(--line)}.client-options-menu :is(button,a):disabled{opacity:.4;cursor:not-allowed}

#menu-settings-form input[type="text"]{width:100%;min-width:170px;max-width:300px}.menu-order-buttons{display:flex;gap:6px}.menu-order-buttons .button{min-width:36px}

.history-table .column-sort{white-space:normal;min-width:84px;line-height:1.35}.history-table td:nth-child(3){min-width:160px}.history-table td:nth-child(4){min-width:110px}.history-table .work-options{min-width:44px}

.history-table td:first-child{width:110px;min-width:110px}.history-table td:first-child .work-video-thumbnail{float:none;margin:0}

/* All row action menus float independently of table width and row height. */
.client-options{position:relative;min-width:44px;max-width:44px;width:44px}
.client-options-menu{position:fixed;inset:auto;margin:0;width:max-content;min-width:170px;max-width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;z-index:1000;background:var(--panel,var(--bg));color:var(--ink);box-shadow:0 10px 30px #0003;white-space:normal;overflow-wrap:anywhere}
.client-options:not([open])>.client-options-menu{display:none}
.client-options[open]>.client-options-menu{display:flex}

.client-options>summary{border:0;background:transparent;box-shadow:none;padding:4px 12px}

/* Stable list columns: long names never stretch the table. */
.table-wrap table{table-layout:fixed;width:100%}
.table-wrap td{overflow:hidden;text-overflow:ellipsis}
.table-wrap .list-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}
.history-table table{width:1479px;min-width:100%}
.history-table td{min-width:0!important;white-space:nowrap}
.clients-table table{min-width:640px}
.clients-table .client-logo{float:left}

.column-width-110{width:110px}.column-width-118{width:118px}.column-width-230{width:230px}.column-width-190{width:190px}.column-width-105{width:105px}.column-width-160{width:160px}.column-width-120{width:120px}.column-width-130{width:130px}.column-width-76{width:76px}
.clients-table .client-name-column{width:45%}.clients-table .client-nif-column{width:25%}

.work-status{border-radius:999px;padding:7px 12px;font-weight:600;border:1px solid var(--line);white-space:nowrap!important}.work-status.status-PAID{background:#ddf1df;color:#20572b}.work-status.status-DONE{background:#e6edf8;color:#274b75}.work-status.status-INVOICED{background:#efe5fa;color:#63378c}.work-status.status-IN_PROGRESS{background:#fff0d5;color:#775010}.work-status.status-CONFIRMED{background:#deeeef;color:#23565a}.work-status.status-OPTION{background:var(--bg);color:var(--muted)}

.client-options.work-status-options{width:max-content;max-width:100%;margin:0;min-width:0}
.client-options.work-status-options>summary{width:auto;margin:0;font-size:12px;line-height:1.3;gap:8px;padding:7px 10px;white-space:nowrap;border:1px solid var(--line);border-radius:999px}
.work-status.status-PAID,.client-options-menu .status-PAID{background:#dcf2df;color:#215c2d}
.work-status.status-INVOICED,.client-options-menu .status-INVOICED{background:#deebff;color:#214f87}
.work-status.status-DONE,.client-options-menu .status-DONE{background:#fff4bf;color:#705700}
.work-status.status-IN_PROGRESS,.client-options-menu .status-IN_PROGRESS{background:#ffe1bf;color:#8a4209}
.work-status.status-CONFIRMED,.client-options-menu .status-CONFIRMED{background:#eedfff;color:#63328d}
.work-status.status-OPTION,.client-options-menu .status-OPTION{background:#fff;color:#383838}
.work-status-options .client-options-menu{gap:4px}

.tariffs-table table{width:100%;min-width:800px}.tariffs-table .tariff-name-column{width:auto}.tariffs-table col:nth-child(2){width:12%}.tariffs-table col:nth-child(3){width:19%}.tariffs-table col:nth-child(4){width:15%}.tariffs-table col:nth-child(5){width:19%}.tariffs-table col:last-child{width:60px}.tariffs-table td{white-space:nowrap}.tariffs-table .column-sort{white-space:normal;line-height:1.35}.tariff-statistics .dialog-body{max-height:75vh;overflow:auto}.tariff-statistics h2{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tariff-history table{width:1400px;min-width:1400px}.tariff-history td{white-space:nowrap}

/* Shared list appearance, using the Tariffs list as the reference. */
.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.table-wrap table{border-collapse:collapse}
.table-wrap th{padding:15px 24px;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--muted);background:var(--hover);vertical-align:middle;white-space:normal}
.table-wrap td{padding:18px 24px;font-size:12px;line-height:1.45;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--paper)}
.table-wrap .column-sort{white-space:normal;line-height:1.35}
.table-wrap td .button.small{white-space:nowrap;border-radius:8px}
.table-wrap tbody tr:last-child td{border-bottom:0}
.table-wrap .client-options:not(.work-status-options)>summary{background:transparent;border:0;box-shadow:none}
.table-wrap .work-status-options>summary{border:1px solid var(--line)}
@media(max-width:1100px){.table-wrap th,.table-wrap td{padding-left:16px;padding-right:16px}}
@media(max-width:590px){.table-wrap th{font-size:10px;padding:14px}.table-wrap td{font-size:11px;padding:16px 14px}}

/* Every row options menu uses the Tariffs menu's layout. */
.client-options:not(.work-status-options) .client-options-menu>button{display:block;width:100%;min-height:34px;margin:0;padding:8px 10px;justify-content:flex-start;text-align:left;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--ink);font:inherit;font-size:12px;line-height:1.45;white-space:normal}
.client-options:not(.work-status-options) .client-options-menu>button:hover:not(:disabled){background:var(--hover);box-shadow:none}
.text-link{padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-link:hover{color:var(--accent);text-decoration:underline}.client-overview{padding:24px;margin-bottom:24px}.client-overview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-overview dt{font-size:11px;color:var(--muted)}.client-overview dd{margin:6px 0;overflow-wrap:anywhere}.related-section{margin:28px 0}.related-section>h2{margin-bottom:16px}.related-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.related-table table{min-width:650px}.related-table th:nth-child(1){width:150px}.related-table th:nth-child(3){width:170px}.related-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.related-video{padding:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-align:left}.related-video img{width:100%;aspect-ratio:16/9;object-fit:cover}.related-video>span{display:block;padding:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-connections{padding:16px 24px}.client-overview .client-logo-preview{max-height:90px}@media(max-width:590px){.client-overview dl{grid-template-columns:1fr}.client-overview{padding:18px}.related-actions .button{white-space:normal}}

/* The page constrains the frame; wide records scroll inside it. */
.history-table{width:100%;max-width:100%;min-width:0;overflow-x:auto}
.history-table .list-name .text-link{display:block;width:100%;text-align:left;justify-content:flex-start}

/* Compact navigation: one accessible, scrollable menu instead of a long bottom bar. */
.mobile-menu-trigger{display:none}.mobile-navigation{padding:0;border:1px solid var(--line);color:var(--ink);background:var(--paper);width:min(360px,90vw);max-width:90vw;max-height:100dvh;height:100dvh;margin:0 auto 0 0;border-radius:0 20px 20px 0;overflow:hidden}
.mobile-navigation[open]{display:flex;flex-direction:column}.mobile-navigation::backdrop{background:#0008;backdrop-filter:blur(3px)}.mobile-navigation header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);gap:12px}.mobile-navigation header button{min-width:44px;min-height:44px}.mobile-navigation nav{overflow-y:auto;overscroll-behavior:contain;padding:12px;flex:1;min-height:0}.mobile-navigation nav :is(button,a),.mobile-navigation footer :is(button,a){display:block;width:100%;text-align:left;background:transparent;color:var(--ink);min-height:48px;padding:13px 16px;border-radius:10px;white-space:normal;line-height:1.4;font-size:14px}.mobile-navigation nav :is(button,a)[aria-current="page"]{background:var(--tint);color:var(--accent);font-weight:650}.mobile-navigation button:hover{background:var(--hover)}.mobile-navigation footer{padding:12px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.appearance-options{display:flex;gap:16px;flex-wrap:wrap;border:0;padding:16px 0;margin:0;min-width:0}.appearance-options legend{font-size:12px}.appearance-options label{display:flex;align-items:center;gap:6px;min-height:44px}.appearance-options input{width:20px;height:20px;accent-color:var(--orange)}
@media(max-width:900px){
 .shell{display:block;padding-bottom:0;min-width:0}.sidebar{display:none}.main{grid-column:auto;width:100%;max-width:100%;min-width:0;padding:0 16px 24px}.main>*{min-width:0;max-width:100%}.mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:24px;flex-shrink:0}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);height:64px;gap:8px;padding-top:env(safe-area-inset-top)}.breadcrumb{flex:1;min-width:0}.breadcrumb>.crumb-root,.breadcrumb>.crumb-slash,.breadcrumb>b{display:none}.mobile-brand.brand-home{display:flex;align-items:center;gap:6px;font-size:16px;white-space:nowrap}.mobile-brand img{width:25px;height:25px}.top-actions{gap:4px;flex-shrink:0}.top-actions .date-chip{display:none}.top-actions .avatar{display:grid;min-width:40px;min-height:40px}.top-actions>.icon-button{min-width:40px;min-height:40px}.profile-dropdown{right:0;max-width:calc(100vw - 32px)}
 .heading,.reel-library-heading{flex-wrap:wrap;gap:16px;padding:24px 0 20px}.heading>div,.reel-library-heading>div{min-width:0;max-width:100%}.heading h1,.reel-library-heading h1{font-size:clamp(30px,7vw,44px);line-height:1.12;letter-spacing:-1.3px;overflow-wrap:anywhere}.heading>.button{margin-top:0;min-height:44px}.heading .subtle{font-size:12px}.heading p,.dialog-note,.subtle{overflow-wrap:anywhere}.list-toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.list-toolbar>.search{flex:1 1 240px;width:100%;max-width:none;min-width:0}.filter{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.filter button{min-height:40px}.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.menu-settings{max-width:100%;padding:18px}.menu-settings table{min-width:640px}.form-row{grid-template-columns:1fr}.field,input,select,textarea{min-width:0;max-width:100%}input,select,textarea{font-size:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-aside{grid-template-columns:1fr}.panel,.stat,.calendar-card{min-width:0}.workspace-footer{flex-wrap:wrap;padding-bottom:70px}.history-pagination{flex-wrap:wrap;gap:10px}.cs-urgent,.cs-fields,.cs-filters{grid-template-columns:1fr}.client-overview dl{grid-template-columns:1fr}
 dialog:not(.mobile-navigation){width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-head,.dialog-foot{flex-wrap:wrap;gap:10px}.dialog-body{max-width:100%;overflow-x:hidden}.dialog-body .table-wrap{overflow-x:auto}body:has(.mobile-navigation[open]){overflow:hidden}#sauron-root{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.sauron-panel{right:12px;bottom:76px;width:calc(100vw - 24px);max-width:420px;height:min(590px,calc(100dvh - 100px))}.sauron-launcher{padding:12px}.toast{bottom:80px;max-width:calc(100vw - 32px)}
}

/* One card system for every configuration section. */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:100%;margin-bottom:28px}
.settings-layout>.panel{width:100%;max-width:none;min-width:0;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:none}
.settings-layout>.menu-settings{padding:24px}.settings-layout h2{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 12px}.settings-layout p{font-size:12px;line-height:1.7;max-width:80ch}.settings-layout p:not(.form-error){color:var(--muted)}.settings-layout form{margin-top:20px}.settings-layout .field{margin-bottom:18px}.settings-layout .field input{width:100%}.settings-layout .button{min-height:42px}.settings-layout .dialog-note{margin:16px 0}.settings-layout .reel-settings>summary{padding:24px;font-size:17px;font-weight:600;line-height:1.4;gap:12px;align-items:center;flex-wrap:wrap}.settings-layout .reel-settings>summary>span{font-size:17px}.settings-layout .reel-settings>summary small{font-size:12px;font-weight:400;color:var(--muted)}.settings-layout .reel-settings[open]>summary{border-bottom:1px solid var(--line)}.settings-layout .reel-settings-body{padding:24px}.settings-layout .reel-settings-body>p:first-child{margin-top:0}.settings-layout .access-settings{margin:0}.settings-layout .sauron-config-check{display:flex;align-items:center;gap:10px;min-height:44px;line-height:1.5}.settings-layout .table-wrap{max-width:100%;min-width:0}
@media(max-width:900px){
 .list-toolbar>.search{flex:0 1 auto;min-height:44px}
 .settings-layout{gap:16px}.settings-layout>.menu-settings,.settings-layout .reel-settings-body{padding:18px}.settings-layout .reel-settings>summary{padding:18px}.settings-layout .reel-settings>summary small{display:block}.settings-layout .button{min-height:44px;white-space:normal}.settings-layout form>.button{width:100%}.settings-layout .appearance-options{justify-content:space-between;gap:8px}.settings-layout .appearance-options label{font-size:13px}
 #menu-settings-form .table-wrap{border:0;overflow:visible;background:transparent}#menu-settings-form table{display:block;width:100%;min-width:0}#menu-settings-form thead{display:none}#menu-settings-form tbody{display:grid;gap:12px}#menu-settings-form tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}#menu-settings-form tr>th{grid-column:1/-1;padding:0;text-align:left;background:transparent;font-size:14px;color:var(--ink)}#menu-settings-form td{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0;border:0;text-align:left;overflow:visible;white-space:normal;font-size:12px}#menu-settings-form td::before{content:attr(data-label);font-size:11px;color:var(--muted)}#menu-settings-form td[data-label="Nom al menú"]{grid-column:1/-1}#menu-settings-form input[type="text"]{width:100%;min-width:0;max-width:none;font-size:16px}#menu-settings-form td[data-label="Ordre"]{grid-column:1/-1}#menu-settings-form .menu-order-buttons{width:100%}#menu-settings-form .menu-order-buttons .button{min-width:48px;min-height:44px}
}

/* Monthly calendar: a fixed frame with seven equal day columns. */
.calendar-month-panel{padding:0;min-width:0;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;flex-wrap:wrap}.calendar-toolbar h2{text-transform:capitalize}.calendar-month-navigation{display:flex;gap:6px}.calendar-month-navigation .button{min-width:42px;min-height:42px}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 20px}.calendar-legend-item{font-size:11px;border-radius:6px;padding:6px 10px}.calendar-shoot{background:#e6e2ff;color:#49328c}.calendar-edit{background:#dceeff;color:#204d80}.calendar-commission{background:#ffedd6;color:#78501b}.calendar-personal{background:var(--hover);color:var(--muted)}.calendar-weekdays,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{text-align:center;font-size:11px;padding:12px;color:var(--muted);border-top:1px solid var(--line)}.calendar-day{min-height:120px;min-width:0;padding:7px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.calendar-day:nth-child(7n){border-right:0}.calendar-day-number{display:inline-grid;place-items:center;min-width:32px;min-height:32px;border-radius:50%;background:transparent;color:var(--ink);font-size:12px}.calendar-is-today .calendar-day-number{background:var(--tint);color:var(--accent);font-weight:700}.calendar-selected{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-outside{opacity:.5}.calendar-event{display:block;width:100%;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:11px;text-align:left;line-height:1.5;padding:6px;border-radius:5px;margin:4px 0}.calendar-day-count{display:none}.calendar-sync-note{padding:12px 24px;border-top:1px solid var(--line)}.calendar-day-agenda,.calendar-warnings{padding:24px;margin-top:20px}.calendar-day-agenda>.calendar-event{white-space:normal;min-height:44px;font-size:12px}.calendar-day-agenda h2,.calendar-warnings h2{margin-bottom:14px}.calendar-overlap{margin-top:16px;border:1px solid var(--line);border-left-width:4px;padding:16px;border-radius:8px}.calendar-overlap p{margin:4px 0;font-size:12px}.calendar-conflict{border-left-color:#d04b37}.calendar-warning{border-left-color:#c99023}.calendar-warnings>.subtle{max-width:80ch}.calendar-month-panel>.form-error,.calendar-month-panel>.dialog-note{padding:0 24px}.calendar-settings form+form{padding-top:20px;border-top:1px solid var(--line)}
[data-theme=night] .calendar-shoot{background:#393052;color:#ddd0ff}[data-theme=night] .calendar-edit{background:#21384c;color:#b5d9ff}[data-theme=night] .calendar-commission{background:#473823;color:#ffdda5}
@media(max-width:900px){.calendar-toolbar{padding:18px;gap:14px}.calendar-toolbar h2{font-size:17px;flex:1 1 100%;order:-1}.calendar-legend{padding:0 18px 18px}.calendar-day{min-height:72px;padding:4px;position:relative}.calendar-day-number{min-width:32px;min-height:36px}.calendar-cell-events{display:none}.calendar-day-count{display:block;text-align:center;font-size:10px;color:var(--accent);font-weight:650}.calendar-weekdays span{padding:10px 0}.calendar-day-agenda,.calendar-warnings{padding:18px}.calendar-sync-note{padding:12px 18px}.calendar-toolbar>.button{font-size:11px;padding:10px}.calendar-legend-item{padding:5px 7px;font-size:10px}.calendar-overlap .calendar-event{white-space:normal;min-height:40px}}
.calendar-heading-actions,.calendar-agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.calendar-agenda-heading{margin-bottom:14px}.calendar-agenda-heading h2{margin:0}.calendar-visibility{border:0;border-top:1px solid var(--line);padding:18px 24px;margin:0;min-width:0}.calendar-visibility legend{padding:0 6px;font-size:12px;font-weight:600}.calendar-visibility>div{display:flex;flex-wrap:wrap;gap:8px}.calendar-visibility-item{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;max-width:100%}.calendar-visibility-item input{width:18px;height:18px;margin:0;accent-color:var(--accent);flex-shrink:0}.calendar-visibility-item span{overflow-wrap:anywhere}.calendar-visibility-item:has(input:not(:checked)){background:var(--hover);color:var(--muted);opacity:.7}.calendar-visibility .dialog-note{margin:12px 0 0;font-size:11px}
@media(max-width:900px){.calendar-heading-actions{width:100%;justify-content:flex-start}.calendar-heading-actions .button{min-height:44px}.calendar-visibility{padding:14px 18px}.calendar-visibility-item{min-height:44px;padding:8px 10px}.calendar-agenda-heading .button{min-height:44px;white-space:normal}}

/* Unique page symbols and configurable statistics cards. */
.mobile-navigation nav :is(button,a){display:flex;align-items:center;gap:12px}.mobile-navigation nav .ui-icon{flex-shrink:0}.calendar-settings>.calendar-visibility{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px}
.statistics-actions{display:flex;flex-wrap:wrap;gap:8px}.statistics-filters{display:flex;gap:18px;flex-wrap:wrap;padding:18px 24px;margin-bottom:20px}.statistics-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:140px}.statistics-filters label:last-child{flex:1;max-width:420px}.statistics-filters select{min-height:44px;width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--paper);color:var(--ink)}.statistics-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.statistics-widget{min-width:0;max-width:100%;padding:0}.statistics-widget>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);gap:12px}.statistics-widget>header h2{font-size:17px;line-height:1.45}.statistics-widget-body{padding:22px 24px;min-width:0}.statistics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.statistics-kpis>div{padding:16px;background:var(--hover);border:1px solid var(--line);border-radius:12px;min-width:0}.statistics-kpis p{font-size:11px;color:var(--muted);margin:0 0 12px}.statistics-kpis strong{display:block;font-size:clamp(18px,2vw,27px);font-weight:550;letter-spacing:-.7px;overflow-wrap:anywhere}.statistics-kpis small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:10px}.statistics-widget .dialog-note{font-size:11px;margin:18px 0 0}.statistics-chart{width:100%;max-width:100%;min-width:0;overflow-x:auto;margin:0 0 18px}.statistics-chart svg{display:block;width:100%;min-width:560px;height:auto}.statistics-chart text{fill:var(--muted);font:11px Montserrat,sans-serif}.statistics-chart-axis{stroke:var(--line);fill:none}.statistics-series-work{fill:#77a5cc}.statistics-series-invoice{fill:var(--orange)}.statistics-chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:10px 0 20px}.statistics-chart-legend span::before{content:'';display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:3px;background:var(--orange)}.statistics-chart-legend .statistics-dot-work::before{background:#77a5cc}.statistics-table{width:100%;max-width:100%;overflow-x:auto}.statistics-table table{width:100%;min-width:800px}.statistics-table th:first-child{width:26%}.statistics-table td{white-space:nowrap}.statistics-table .text-link{display:block;text-overflow:ellipsis;overflow:hidden;max-width:100%}.statistics-widget-body>details>summary{cursor:pointer;font-size:12px;min-height:40px;padding:10px 0}.statistics-method{font-size:12px;line-height:1.7;margin:24px 0;color:var(--muted)}.statistics-method summary{cursor:pointer;color:var(--ink);font-weight:600}.statistics-quality{padding-left:20px;font-size:12px;line-height:1.9}.statistics-widget-body>ul{font-size:12px;line-height:1.9}.statistics-widget-body>h3{margin-top:20px}.statistics-widget-options{display:grid;gap:0;margin:18px 0}.statistics-widget-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.statistics-widget-option label{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;cursor:pointer}.statistics-widget-option input{width:20px;height:20px;flex-shrink:0;accent-color:var(--orange)}.statistics-widget-option>div{display:flex;gap:6px}.statistics-widget-option .button{min-width:40px;min-height:40px}.statistics-settings{max-width:100%;margin-bottom:20px}
@media(max-width:900px){.statistics-filters{padding:16px;gap:12px}.statistics-filters label{flex:1 1 100%;max-width:none!important}.statistics-actions{width:100%}.statistics-actions .button{min-height:44px}.statistics-widget>header{padding:18px}.statistics-widget-body{padding:18px}.statistics-widget>header h2{font-size:16px}.statistics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statistics-kpis>div{padding:13px}.statistics-kpis strong{font-size:21px}.statistics-widget-option{align-items:flex-start}.statistics-widget-option .button{min-width:44px;min-height:44px}.statistics-chart svg{min-width:580px}}

/* Fundamental UI contract: Reel is the shared page/header/action reference. */
.heading,.reel-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 0 28px;margin:0;flex-wrap:wrap}
.reel-library{padding:0 0 12px}.heading>div:first-child,.reel-library-heading>div:first-child{min-width:0;max-width:100%}
.page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px;padding-bottom:6px;max-width:100%;min-width:0}
.page-actions>.button{height:44px;min-height:44px;line-height:1.4;flex-shrink:0}.page-actions>.button:not(.icon-button){padding:10px 16px}.page-actions>.icon-button,.calendar-agenda-heading>.page-add{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:9px}
.page-actions .ui-icon{width:20px;height:20px}.settings-layout>[id]{scroll-margin-top:84px}
@media(max-width:900px){.heading,.reel-library-heading{align-items:flex-start;padding:24px 0 20px;gap:16px}.heading>div:first-child,.reel-library-heading>div:first-child{flex:1 1 100%}.page-actions{width:100%;justify-content:flex-start;gap:12px;padding-bottom:0}.page-actions>.button{margin:0}.heading h1,.reel-library-heading h1{font-size:clamp(30px,7vw,44px);line-height:1.12;letter-spacing:-1.3px}.settings-layout>[id]{scroll-margin-top:80px}}
.remember-access{display:flex;align-items:center;gap:10px;margin:18px 0 4px;min-height:44px;font-size:12px;line-height:1.5;cursor:pointer}.remember-access input{width:20px;height:20px;flex-shrink:0;accent-color:var(--orange)}.auth-form>.dialog-note{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 20px}.security-users-table{margin-top:22px}.security-users-table table{min-width:760px}.security-users-table th:first-child{width:25%}.security-users-table th:nth-child(2){width:30%}.security-users-table th:last-child{width:76px}.security-settings .list-name{text-align:left}.security-users-table .client-options-menu{text-align:left}
.work-billing{margin:24px 0;padding:0;min-width:0;max-width:100%}.work-billing>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.work-billing h2{font-size:17px}.work-billing .subtle{margin-top:8px}.work-billing-body{padding:22px 24px;min-width:0}.billing-lines-table table{min-width:620px}.billing-lines-table th:first-child{width:46%}.billing-lines-table td small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.billing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.billing-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.billing-totals>div{background:var(--hover);border:1px solid var(--line);padding:14px;border-radius:10px;min-width:0}.billing-totals dt{font-size:11px;line-height:1.6;color:var(--muted)}.billing-totals dd{margin:7px 0 0;font-size:17px;font-weight:600;overflow-wrap:anywhere}.work-billing .dialog-note{font-size:11px;line-height:1.7}.billing-add-line{display:flex;align-items:end;gap:12px;margin-bottom:20px}.billing-add-line .field{flex:1;margin:0;min-width:0}.billing-add-line .page-add{width:44px;height:44px;min-width:44px;padding:10px;border-radius:9px}.billing-edit-line{min-width:0;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:12px}.billing-edit-line legend{font-size:12px;padding:0 8px}.billing-line-values{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:12px}.tariff-planned{margin:24px 0;border-top:1px solid var(--line);padding-top:20px}.tariff-statistics .dialog-body>h3{margin-top:24px}.invoice-draft-dialog .dialog-body{max-height:70vh;overflow:auto}.invoice-draft-dialog .dialog-body h3{margin-top:22px}.invoice-draft-dialog .dialog-body>ul{font-size:12px;line-height:1.8}.tariffs-table table{min-width:1000px}.tariffs-table col:nth-child(2){width:10%}.tariffs-table col:nth-child(3){width:17%}.tariffs-table col:nth-child(4){width:13%}.tariffs-table col:nth-child(5){width:18%}.tariffs-table col:nth-child(6){width:13%}.tariffs-table col:last-child{width:60px}
@media(max-width:900px){.work-billing>header,.work-billing-body{padding:18px}.billing-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-line-values{grid-template-columns:1fr}.billing-edit-line{padding:14px}.billing-actions .button{min-height:44px;white-space:normal}.billing-add-line select{width:100%}.invoice-draft-dialog .dialog-body{max-height:calc(100dvh - 220px)}}

/* Keep shared dialog actions clear of the always-available Sauron launcher. */
@media(max-width:600px){dialog:has(#sauron-root) .dialog-foot{padding-bottom:80px}}

/* Shared breadcrumb links, with the same route hierarchy on every page. */
.breadcrumb-trail{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb-trail a{color:var(--muted);text-decoration:none;white-space:nowrap;padding:8px 0}.breadcrumb-trail a:hover{text-decoration:underline;color:var(--ink)}.breadcrumb-trail .crumb-current{color:var(--ink);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{min-width:0}.breadcrumb-trail{overflow:hidden}
@media(max-width:900px){.breadcrumb{display:flex;flex-direction:column;align-items:flex-start;gap:0}.breadcrumb-trail{font-size:10px;gap:5px;max-width:100%;line-height:1.3}.breadcrumb-trail>.crumb-root,.breadcrumb-trail>.crumb-root-separator{display:none}.breadcrumb-trail a{padding:3px 0}.breadcrumb-trail .crumb-current{max-width:180px}.breadcrumb .mobile-brand.brand-home{font-size:14px}.breadcrumb .mobile-brand img{width:20px;height:20px}}

.date-picker-control{position:relative;display:block;min-width:0;width:100%}.date-picker-control>input:first-child{padding-right:48px;width:100%}.date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);display:flex}.native-calendar-picker{position:absolute!important;right:0;top:0;width:44px!important;height:100%;min-height:42px;opacity:0;cursor:pointer;padding:0!important}.date-picker-control:focus-within{outline:2px solid var(--orange);outline-offset:2px;border-radius:8px}

.client-activity-table{width:100%;max-width:100%;overflow-x:auto}.client-activity-table table{table-layout:fixed;min-width:960px;width:100%}.client-activity-table th,.client-activity-table td{overflow:hidden;text-overflow:ellipsis;vertical-align:top}.client-invoice-cell{min-height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-activity>.subtle{margin-bottom:16px}.client-activity-table .list-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-activity-table col:nth-child(1){width:120px}.client-activity-table col:nth-child(2){width:280px}.client-activity-table col:nth-child(3){width:130px}.client-activity-table col:nth-child(4){width:150px}.client-activity-table col:nth-child(5){width:130px}.client-activity-table col:nth-child(6){width:150px}

.client-contact-link{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.client-contact-link:hover{color:var(--accent)}

.app-navigation-link{text-decoration:none;cursor:pointer}.profile-dropdown .app-navigation-link{display:flex;align-items:center;gap:8px;padding:12px;width:100%;text-align:left}

/* Shared list filters live behind the same toolbar control on every page. */
.page-filter-panel{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;margin:0 0 20px}.page-filter-panel[hidden]{display:none}.page-filter-panel>label,.page-filter-panel>.field{min-width:160px;margin:0}.page-filter-panel label{font-size:12px;color:var(--muted)}.page-filter-panel select{display:block;min-height:42px;margin-top:6px}.page-filter-panel>.filter{flex-wrap:wrap}.page-filter-panel .listing-controls,.page-filter-panel .statistics-filters{border:0;box-shadow:none;padding:0;margin:0;flex:1}.page-filter-panel .filter button{min-height:42px}.default-views-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.default-views-grid fieldset{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.default-views-grid legend{font-weight:600;padding:0 6px}.default-views-grid .field:last-child{margin-bottom:0}.default-views-grid select{width:100%;min-height:44px}.client-row-identity{display:flex;align-items:center;gap:12px;min-height:44px;min-width:0}.client-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:#fff;border:1px solid var(--line)}.client-avatar img{width:100%;height:100%;object-fit:contain}.client-avatar-initial{font-size:19px;font-weight:650;background:#fff;color:#242424}.client-row-name{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.clients-table td{vertical-align:middle}.clients-table .client-row-name .list-name{margin:0;line-height:1.4}.history-table .history-thumbnail-column{width:150px}.history-table td:first-child{width:150px;min-width:150px;padding-left:12px;padding-right:12px}.history-table td:first-child .work-video-thumbnail{width:126px;max-width:100%;margin:0;aspect-ratio:16/9}.history-table .work-video-thumbnail img{object-fit:cover;object-position:center}
@media(max-width:600px){.default-views-grid{grid-template-columns:1fr}.page-filter-panel{padding:16px;gap:12px}.page-filter-panel>label,.page-filter-panel>.field{flex:1;min-width:130px}.page-actions{flex-wrap:wrap}.page-filter-toggle{min-height:44px}.client-avatar{width:38px;height:38px;flex-basis:38px}.client-row-identity{gap:9px}}

.client-overview>.client-avatar{width:64px;height:64px;font-size:28px;margin-bottom:20px;padding:5px;background:#fff}

.settings-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;min-width:0}.settings-navigation{position:sticky;top:20px;padding:12px;min-width:0}.settings-section-links{display:flex;flex-direction:column;gap:4px}.settings-section-links .button{justify-content:flex-start;text-align:left;min-height:44px;width:100%;background:transparent;border-color:transparent;box-shadow:none}.settings-section-links .button[aria-current]{background:var(--tint);border-color:var(--line);color:var(--ink)}.settings-section-label,#settings-section-picker{display:none}@media(max-width:1100px){.settings-workspace{grid-template-columns:minmax(0,1fr)}.settings-navigation{top:64px;z-index:15;margin:0;padding:12px}.settings-section-links{display:none}.settings-section-label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}#settings-section-picker{display:block;width:100%;min-height:44px}.settings-layout>[id]{scroll-margin-top:190px}}

.history-table tbody tr,.history-table tbody td{height:96px}.history-table tbody td{padding-top:12px;padding-bottom:12px;vertical-align:middle}.history-table .work-cell-content{max-height:72px;overflow:auto;line-height:1.45}.history-table td:first-child .work-video-thumbnail{display:block;height:70.875px}

.list-toolbar.reel-library-toolbar{border:0;padding:0;gap:16px;margin-bottom:20px}.list-toolbar.reel-library-toolbar .record-count{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:12px}@media(max-width:600px){.list-toolbar.reel-library-toolbar .record-count{margin-left:0;flex-basis:100%}}

.progressive-list-end{padding:20px 12px;text-align:center;font-size:12px;color:var(--muted);min-height:56px}.progressive-list-end:focus-visible{outline:2px solid var(--orange);outline-offset:-3px;border-radius:8px}

.table-wrap{position:relative}
.invoice-composer-line{border-bottom:1px solid var(--line);padding:16px 0}.invoice-composer-line:last-child{border-bottom:0}.invoice-composer-line .field{min-width:0}.invoice-review-check{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;margin:20px 0}.invoice-review-check input{width:20px;height:20px;flex-shrink:0}.invoice-composer-group .page-add{margin-top:16px}#invoice-composer-form .dialog-body{max-height:70dvh;overflow:auto}#invoice-settings textarea{min-height:100px}#invoice-settings fieldset{min-width:0}#invoice-composer-form .dialog-foot{flex-wrap:wrap;gap:10px}@media(max-width:900px){#invoice-composer-form .dialog-body{max-height:calc(100dvh - 260px)}#invoice-composer-form .dialog-foot .button{min-height:44px}}

/* Invoice creation uses the shared page shell; forms scroll with the page. */
.invoice-flow-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 24px;counter-reset:none}.invoice-flow-steps li{border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--muted);font-size:12px}.invoice-flow-steps li[aria-current="step"]{color:var(--ink);background:var(--hover);font-weight:600}.invoice-flow-content{min-width:0;max-width:100%;padding:0;overflow:hidden}.invoice-flow-content .dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.invoice-flow-content .dialog-head,.invoice-flow-content .dialog-body,.invoice-flow-content .dialog-foot{padding:24px}.invoice-flow-content .dialog-head h2{font-size:20px}.invoice-flow-content .dialog-head,.invoice-flow-content .dialog-foot{border-color:var(--line)}.invoice-flow-content .dialog-foot{display:flex;flex-wrap:wrap;gap:12px}.invoice-flow-content .dialog-body,#invoice-flow-content #invoice-composer-form .dialog-body{max-height:none;overflow:visible}.invoice-flow-content fieldset{min-width:0}.invoice-flow-content .field{min-width:0}.invoice-flow-content .invoice-composer-group{margin-top:24px}.invoice-pdf-frame{width:100%;height:75dvh;min-height:440px;border:1px solid var(--line);border-radius:10px;background:white}.invoice-pdf-result{margin-top:24px}.invoice-pdf-result h2{font-size:18px;margin-bottom:12px}.invoice-pdf-result .dialog-note{margin-bottom:16px}.invoice-flow-content .history-invoice-picker{max-height:none}.invoice-flow-content .history-invoice-option{min-width:0}.invoice-flow-content .dialog-body>p{overflow-wrap:anywhere}@media(max-width:900px){.invoice-flow-content .dialog-head,.invoice-flow-content .dialog-body,.invoice-flow-content .dialog-foot{padding:18px}.invoice-flow-steps{gap:8px}.invoice-flow-steps li{padding:8px 10px;font-size:11px}.invoice-flow-content .dialog-foot .button{min-height:44px;white-space:normal}.invoice-pdf-frame{min-height:420px;height:70dvh}}

.invoice-inline-pdf{margin-top:20px}.invoice-inline-pdf summary{cursor:pointer;padding:14px 0;font-size:12px}.invoice-inline-pdf[open] .dialog-note{margin:12px 0}

/* Shared profile branding, readable in both appearance modes. */
.brand img,.mobile-brand img,.file-help-card>img{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0}

[data-login-security][hidden],[data-login-security] [hidden]{display:none!important}