/* v003.5.0 shared appearance: Studio, client Review and LUM Shuttle. */
:root{
 --lum-app:#111925;--lum-header:#0b111b;--lum-panel:#182230;--lum-table:#141e2b;--lum-table-header:#1e2c3d;--lum-border:#2a3a4e;--lum-text:#e1e8f0;--lum-muted:#8fa2b9;--lum-accent:#80b6ff;--lum-selection:#253e5c;--lum-hover:#243449;--lum-button:#376ac2;--lum-button-text:#ffffff;
 --lum-status-progress:#9fccff;--lum-status-review:#edce8c;--lum-status-approved:#8cdbc0;--lum-status-hold:#c5c8d0;--lum-status-changes:#efa5a8;--lum-status-ready:#d6b6f4;
}
html[data-lum-appearance]{
 --bg:var(--lum-app);--panel:var(--lum-panel);--line:var(--lum-border);--text:var(--lum-text);--muted:var(--lum-muted);--accent:var(--lum-accent);--blue:var(--lum-button);--studio-accent:var(--lum-button);--ui-line:var(--lum-border);--ui-soft:var(--lum-table-header);--ui-secondary:var(--lum-muted);--ui-radius:4px;
 --hub-bg:var(--lum-table);--hub-line:var(--lum-border);--hub-head:var(--lum-table-header);--hub-link:var(--lum-accent);--hub-hover:var(--lum-hover);--hub-text:var(--lum-text);
 font-family:Inter,"Segoe UI","DejaVu Sans",Arial,sans-serif;font-size:13px;background:var(--lum-app);color:var(--lum-text);color-scheme:dark;
}
html[data-lum-appearance=light]{color-scheme:light}
html[data-lum-appearance] body{background:var(--lum-app);color:var(--lum-text);font-family:inherit;line-height:1.45}
html[data-lum-appearance] :is(button,input,select,textarea){background:var(--lum-panel);color:var(--lum-text);border:1px solid var(--lum-border);border-radius:4px;font-size:12px;line-height:1.4;padding:7px 10px;min-height:30px;box-shadow:none}
html[data-lum-appearance] button:hover{background:var(--lum-hover);border-color:var(--lum-accent)}
html[data-lum-appearance] :is(input,textarea,select){background:var(--lum-app)}
html[data-lum-appearance] :is(input,textarea)::placeholder{color:var(--lum-muted);opacity:.85}
html[data-lum-appearance] :is(input,textarea,select):focus{outline:1px solid var(--lum-accent);outline-offset:1px;border-color:var(--lum-accent)}
html[data-lum-appearance] :focus-visible{outline:2px solid var(--lum-accent);outline-offset:2px}
html[data-lum-appearance] :is(input[type=checkbox],input[type=radio]){min-height:0;width:14px;height:14px;padding:0;accent-color:var(--lum-button)}
html[data-lum-appearance] input[type=range]{min-height:0;accent-color:var(--lum-accent)}
html[data-lum-appearance] :is(.primary,.hub-blue,button[type=submit]){background:var(--lum-button)!important;border-color:var(--lum-button)!important;color:var(--lum-button-text)!important}
html[data-lum-appearance] :is(.primary,.hub-blue,button[type=submit]):hover{filter:brightness(1.12)}
html[data-lum-appearance] :is(a,.shot-link,.hub-link){color:var(--lum-accent)}
html[data-lum-appearance] :is(.muted,small,label,.meta,.eyebrow,.account-note,.scope-label,.person-username,.overview-note,.stat span){color:var(--lum-muted)}
html[data-lum-appearance] :is(h1,h2,h3,h4){color:var(--lum-text);letter-spacing:-.025em}
html[data-lum-appearance] h1{font-size:27px;margin-bottom:7px}html[data-lum-appearance] h2{font-size:22px}html[data-lum-appearance] h3{font-size:14px}
html[data-lum-appearance] :is(.panel,.card,.stat,.project-card,.version,.empty,.delivery-metric,.mini-calendar,.column-menu,.topnav-menu,.personal-settings-nav,.hub-notes,.notification-menu,.playlist-list,.review-comment,.client-feedback article){background:var(--lum-panel);border-color:var(--lum-border);color:var(--lum-text);border-radius:4px;box-shadow:none}
html[data-lum-appearance] :is(.panel,.cardbody){padding:14px}
html[data-lum-appearance] .card:hover{transform:none;border-color:var(--lum-accent);box-shadow:none}
html[data-lum-appearance] :is(.thumb,.login-art){background:var(--lum-header)}
html[data-lum-appearance] .orb{display:none}
html[data-lum-appearance] .login{background:var(--lum-app)}
html[data-lum-appearance] .login-art{border-right:1px solid var(--lum-border)}
html[data-lum-appearance] .login-art p{color:var(--lum-muted)}
html[data-lum-appearance] :is(dialog,#toast,#lumIdleWarning,#message){background:var(--lum-panel);color:var(--lum-text);border:1px solid var(--lum-border);border-radius:5px}
html[data-lum-appearance] dialog{padding:22px;box-shadow:0 24px 80px #0006}
html[data-lum-appearance] dialog::backdrop{background:#03070db3;backdrop-filter:blur(2px)}
html[data-lum-appearance] dialog.workspace-panel{background:transparent!important;border:0;box-shadow:none}
html[data-lum-appearance] :is(.dialog-head,.shot-tabs,.note,.review-comment,.todo-list article,.studio-event,.side-bottom,.topnav-controls,.report-links a,.project-overview,fieldset,.matrix-wrap,.table-wrap){border-color:var(--lum-border)}
html[data-lum-appearance] :is(.filters,.column-tools,.hub-toolbar,.hub-titlebar,.widget-handle,.bulk-toolbar){background:var(--lum-panel);border-color:var(--lum-border);border-radius:4px}
html[data-lum-appearance] .filters{padding:11px 12px;gap:10px;margin:14px 0}
html[data-lum-appearance] .filters label{gap:4px}
html[data-lum-appearance] :is(.actions,.row-actions,.column-tools,.shot-tabs){gap:6px}
html[data-lum-appearance] table{background:var(--lum-table);color:var(--lum-text);font-size:12px}
html[data-lum-appearance] :is(td,th){padding:7px 9px;border-color:var(--lum-border);line-height:1.35}
html[data-lum-appearance] :is(thead,th){background:var(--lum-table-header);color:var(--lum-muted);font-size:10px;letter-spacing:.035em;font-weight:600}
html[data-lum-appearance] :is(.managed-columns .pinned-column,.hub-grid td:first-child){background:var(--lum-table)}
html[data-lum-appearance] .managed-columns th.pinned-column{background:var(--lum-table-header)}
html[data-lum-appearance] :is(.list,.hub-grid,.shot-matrix) tbody tr:hover{background:var(--lum-hover)}
html[data-lum-appearance] :is(tr.selected,tr:has([data-select-task]:checked)){background:var(--lum-selection)}
html[data-lum-appearance] tr:has([data-select-task]:checked)>td{background:var(--lum-selection)}
html[data-lum-appearance] :is(.hub-grid .hub-group td,.hub-grid .hub-total td){background:var(--lum-table-header);padding:7px 9px}
html[data-lum-appearance] :is(.inline-cell,.task-status,.shot-link){background:transparent;border-color:transparent}
html[data-lum-appearance] .inline-cell:hover{border-color:var(--lum-border)}
html[data-lum-appearance] .artist-hub-page #workspaceContent{color:var(--lum-text)}
html[data-lum-appearance] .artist-hub-page #workspaceContent :is(.hub-toolbar button,.hub-titlebar button,.shot-tabs button){font-size:12px;padding:6px 9px;border-radius:4px}
html[data-lum-appearance] .artist-hub-page #workspaceContent .hub-grid :is(th,td){border-color:var(--lum-border);padding:6px 8px}
html[data-lum-appearance] .artist-hub-page #workspaceContent .hub-grid th{background:var(--lum-table-header);color:var(--lum-muted)}
html[data-lum-appearance] .artist-hub-page #workspaceContent .hub-titlebar button.active{background:var(--lum-selection);color:var(--lum-accent);border-color:var(--lum-accent)}
html[data-lum-appearance] :is(.sticky-horizontal-scroll,.hub-footer){background:var(--lum-panel);border-color:var(--lum-border);color:var(--lum-muted)}
html[data-lum-appearance] .hub-footer{padding:7px 2px;font-size:11px;flex-shrink:0}
html[data-lum-appearance] :is(.badge,.permission-chip){background:var(--lum-table-header);color:var(--lum-muted);border-radius:3px;padding:3px 6px;font-size:10px;line-height:1.3}
html[data-lum-appearance] .colored-status{background:color-mix(in srgb,var(--status-color) 16%,var(--lum-panel))!important;color:var(--status-color)!important;border-color:color-mix(in srgb,var(--status-color) 35%,var(--lum-border))!important}
html[data-lum-appearance] :is(.badge.wip,.badge.assigned){background:color-mix(in srgb,var(--lum-status-progress) 16%,var(--lum-panel));color:var(--lum-status-progress)}
html[data-lum-appearance] :is(.badge.ready,.badge.review-pending,.badge.warn){background:color-mix(in srgb,var(--lum-status-review) 16%,var(--lum-panel));color:var(--lum-status-review)}
html[data-lum-appearance] :is(.badge.done,.badge.good){background:color-mix(in srgb,var(--lum-status-approved) 16%,var(--lum-panel));color:var(--lum-status-approved)}
html[data-lum-appearance] :is(.badge.change,.badge.bad){background:color-mix(in srgb,var(--lum-status-changes) 16%,var(--lum-panel));color:var(--lum-status-changes)}
html[data-lum-appearance] .badge.client-ready{background:color-mix(in srgb,var(--lum-status-ready) 16%,var(--lum-panel));color:var(--lum-status-ready)}
html[data-lum-appearance] :is(.badge.unassigned,.badge.on-hold){background:color-mix(in srgb,var(--lum-status-hold) 16%,var(--lum-panel));color:var(--lum-status-hold)}
html[data-lum-appearance] :is(.danger,.error,.danger-action,.danger-zone>summary){color:var(--lum-status-changes)!important}
html[data-lum-appearance] :is(.danger-zone,.danger-action){border-color:color-mix(in srgb,var(--lum-status-changes) 45%,var(--lum-border))!important}
html[data-lum-appearance] .deadline-late{background:color-mix(in srgb,var(--lum-status-changes) 20%,var(--lum-panel))!important;color:var(--lum-status-changes)!important}
html[data-lum-appearance] .deadline-on-time{background:color-mix(in srgb,var(--lum-status-approved) 20%,var(--lum-panel))!important;color:var(--lum-status-approved)!important}
html[data-lum-appearance] :is(.review-banner,.history-notice){background:var(--lum-table-header);border-color:var(--lum-border);color:var(--lum-text)}
html[data-lum-appearance] :is(.avatar,.topnav-account summary){background:var(--lum-table-header);color:var(--lum-text);border-color:var(--lum-border)}
html[data-lum-appearance] :is(.delivery-metric.selected,.version.selected,.personal-settings-nav button.active){background:var(--lum-selection);border-color:var(--lum-accent);color:var(--lum-text)}
html[data-lum-appearance] :is(progress,.project-card progress){accent-color:var(--lum-accent)}
html[data-lum-appearance] :is(#productFooter,footer){background:var(--lum-app);color:var(--lum-muted);border-color:var(--lum-border);font-size:10px}
html[data-lum-appearance] [data-theme-toggle]{display:none!important}
/* Logo-only compact navigation. Existing permitted navigation nodes remain intact. */
html[data-lum-appearance] #app>.studio-topnav{background:var(--lum-header);border-bottom:1px solid var(--lum-border);padding:7px 17px!important;gap:16px;box-shadow:none}
html[data-lum-appearance] .studio-topnav .brand{background:transparent;margin:0;min-width:112px}
html[data-lum-appearance] .studio-topnav .brand img{height:30px;width:110px;max-width:110px;object-fit:contain}
html[data-lum-appearance] .studio-topnav .brand :is(span,small){display:none}
html[data-lum-appearance] .studio-topnav .nav{background:transparent;color:var(--lum-muted);border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;padding:10px 8px;min-height:36px;box-shadow:none;margin:0}
html[data-lum-appearance] .studio-topnav .nav:hover{background:var(--lum-hover);color:var(--lum-text)}
html[data-lum-appearance] .studio-topnav .nav.active{background:var(--lum-panel);color:var(--lum-text);border-bottom-color:var(--lum-accent)}
html[data-lum-appearance] .topnav-gear{background:transparent;color:var(--lum-muted);border-color:transparent}
html[data-lum-appearance] .topnav-primary{gap:2px}
html[data-lum-appearance] #app>main{padding:19px 22px}
html[data-lum-appearance] .dashboard-custom{gap:12px}
html[data-lum-appearance] .dashboard-widget{border:1px solid var(--lum-border);border-radius:4px}
html[data-lum-appearance] .widget-handle{padding:5px 7px;border-bottom:1px solid var(--lum-border);border-radius:0;font-size:12px}
html[data-lum-appearance] .widget-handle select{padding:3px 6px;min-height:25px;font-size:11px}
html[data-lum-appearance] .project-card{border-radius:4px;grid-template-columns:94px minmax(0,1fr)}
html[data-lum-appearance] .project-card>.thumb{height:54px!important;margin:11px 0 11px 12px;border-radius:3px}
html[data-lum-appearance] .project-card .shot-link{font-size:22px;color:var(--lum-text)}
/* Shared player chrome; picture/canvas colours remain faithful to media. */
html[data-lum-appearance] :is(.lum-player,.review-player,.review-comments,.client-feedback){border-color:var(--lum-border)}
html[data-lum-appearance] .lum-player :is(.player-toolbar,.player-controls,.transport,.annotation-tools,.timeline){background:var(--lum-panel);color:var(--lum-text);border-color:var(--lum-border)}
/* Public/standalone headers and forms consume the same token palette. */
html[data-lum-appearance] body>header{background:var(--lum-header);color:var(--lum-text);border-color:var(--lum-border);padding:13px 28px}
html[data-lum-appearance] body>header img{max-height:34px;max-width:120px}
html[data-lum-appearance] body>main article{background:var(--lum-panel);border:1px solid var(--lum-border);border-radius:4px}
/* Appearance editor */
.lum-appearance{max-width:1050px;margin:auto}.lum-appearance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.lum-appearance-head h2{margin:0 0 5px}.lum-appearance-head p{margin:0;font-size:12px;color:var(--lum-muted)}
.lum-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.lum-preset{text-align:left;white-space:nowrap;padding:9px!important}.lum-preset[aria-pressed=true]{border-color:var(--lum-accent)!important;background:var(--lum-selection)!important}.lum-swatches{display:flex;height:25px;border-radius:3px;overflow:hidden;margin-bottom:8px}.lum-swatches i{flex:1}
.lum-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.lum-token-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--lum-border);font-weight:400!important;margin:0!important}.lum-token-colour{display:flex;align-items:center;gap:7px}.lum-token-colour input[type=color]{width:27px;height:26px;min-height:26px;padding:2px;border-radius:3px;cursor:pointer}.lum-token-colour input[type=text]{width:86px;font-family:ui-monospace,Consolas,monospace;font-size:11px;padding:4px 6px;min-height:26px}.lum-token-row [aria-invalid=true]{outline:1px solid var(--lum-status-changes)}
.lum-appearance h3{margin:20px 0 7px}.lum-theme-preview{display:flex;gap:16px;align-items:center;padding:12px;background:var(--lum-selection);border:1px solid var(--lum-border);border-radius:3px;margin:18px 0;color:var(--lum-text);font-size:12px}.lum-theme-preview strong{color:var(--lum-accent)}.lum-theme-preview .badge{color:var(--lum-status-progress);background:color-mix(in srgb,var(--lum-status-progress) 18%,var(--lum-panel))}.lum-appearance-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--lum-border);padding-top:15px}.lum-appearance-actions [data-reset]{margin-left:auto}.lum-theme-message{min-height:22px;font-size:12px;color:var(--lum-muted);margin:10px 0}.lum-theme-message[data-error=true]{color:var(--lum-status-changes)}.lum-theme-preview-note{font-size:11px;color:var(--lum-muted);margin:12px 0 0}
@media(max-width:850px){.lum-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.lum-token-grid{grid-template-columns:1fr}.lum-theme-preview{flex-wrap:wrap}.lum-appearance-actions [data-reset]{margin-left:0}}
@media(max-width:650px){html[data-lum-appearance] #app>main{padding:14px}.lum-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}