/* Reference palette: porcelain, royal blue and lavender. Optional night mode. */
html[data-xt-theme="light"]{color-scheme:light;--xt-bg:#f4f5fc;--xt-rail:#fff;--xt-surface:#fff;--xt-surface-raised:#f2f0fd;--xt-surface-inset:#f8f9fe;--xt-line:#dfe2f0;--xt-line-strong:#cdd0e5;--xt-text:#24273e;--xt-muted:#727891;--xt-subtle:#8a90a7;--xt-lime:#4a3ddd;--xt-cyan:#187d92;--xt-violet:#7760c9;--xt-shadow:0 14px 45px #35387109,inset 0 1px #fff}
html[data-xt-theme="dark"]{color-scheme:dark;--xt-lime:#a992ff;--xt-violet:#b49bff;--xt-cyan:#73dce7}
html[data-xt-theme="light"].session-loading,html[data-xt-theme="light"].session-loading:after{background:#f4f5fc;color:#5d587e}
html[data-xt-theme="light"] ::selection{background:#d8d0fa;color:#302553}
html[data-xt-theme="light"] input::-webkit-calendar-picker-indicator{filter:none!important;opacity:.7!important}
#app .app-shell .atelier-theme-toggle,#app .auth-shell>.atelier-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:43px;padding:10px 13px;border:1px solid #b2a1f346;border-radius:13px;background:linear-gradient(135deg,#a992ff19,#ffffff05);box-shadow:inset 0 1px #ffffff09;color:#d8caff;font:700 11px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}
.atelier-theme-toggle svg{width:18px;height:18px;flex-shrink:0}
#app .auth-shell>.atelier-theme-toggle{position:absolute;top:26px;right:26px;z-index:2}
#app .app-shell .topbar{flex-wrap:wrap;gap:16px}
#app .app-shell .topbar>div:first-child{margin-right:auto}
#app .app-shell .top-actions{flex:0 1 290px;min-width:180px;max-width:340px}
#app .app-shell button.primary,body:has(.app-shell)>dialog button.primary,#app .production-commandbar .production-save-section:not([hidden]){background:linear-gradient(120deg,#7460ec,#4837d4)!important;border:1px solid #aa99ff80!important;color:white!important;box-shadow:0 5px 16px #5640cf22,inset 0 1px #ffffff35!important}
#app .atelier-shortcuts button:first-child{background:linear-gradient(120deg,#7460ec,#4837d4);border-color:#ad9bff60;color:#fff}
html[data-xt-theme="dark"] #app .app-shell .sidebar .nav button.active{background:linear-gradient(100deg,#9d79ff37,#9065ff16);box-shadow:inset 0 1px #d1bbff14}
html[data-xt-theme="dark"] #app .auth-card button.primary{background:linear-gradient(120deg,#7f68ef,#4c3bdd);color:#fff}
html[data-xt-theme="light"] body,html[data-xt-theme="light"] body:has(.app-shell){background:#f4f5fc;color:#24273e}
html[data-xt-theme="light"] #app .app-shell{color-scheme:light;color:#24273e;background:radial-gradient(ellipse at 100% 0,#e4def875,transparent 47%),#f4f5fc;--text:#24273e;--muted:#727891;--line:#dfe2f0;--panel:#fff;--bg:#f4f5fc;--panel-background:#f4f5fc}
html[data-xt-theme="light"] #app .app-shell .sidebar{background:linear-gradient(165deg,#fff,#fdfdff);border-color:#e4e3f1;box-shadow:0 12px 45px #39386c0c}
html[data-xt-theme="light"] #app .app-shell .sidebar .logo{background:radial-gradient(ellipse at 0 0,#a693e9,#5442c1 70%);border-radius:16px;min-height:106px;margin:5px 3px 14px;box-shadow:0 8px 20px #7961c924}
html[data-xt-theme="light"] #app .app-shell .sidebar .nav-label{color:#9598ad}
html[data-xt-theme="light"] #app .app-shell .sidebar .nav button{color:#6e728b}
html[data-xt-theme="light"] #app .app-shell .sidebar .nav button:is(.active,[aria-current="page"]){background:linear-gradient(100deg,#ebe7fb,#f3f0ff);border-color:#ded6f4;color:#5140c7;box-shadow:none}
html[data-xt-theme="light"] #app .app-shell .sidebar .nav button.active .menu-standard-label{color:#5140c7}
html[data-xt-theme="light"] #app .app-shell .sidebar .nav button.active .menu-standard-icon{color:#6651d3;filter:none}
html[data-xt-theme="light"] #app .app-shell .sidebar .account-profile{background:#f5f4fb;border-color:#e6e4f1;box-shadow:none}
html[data-xt-theme="light"] #app .app-shell .sidebar .account-profile b{color:#373652}
html[data-xt-theme="light"] #app .app-shell .sidebar .account-profile .avatar{background:#e9e3fa;border-color:#dcd3f3;color:#6b52bb}
html[data-xt-theme="light"] #app .app-shell .sidebar :is([data-menu-compact],.logout){background:#efedf9;color:#7969a7;border-color:#e0daef}
html[data-xt-theme="light"] #app .app-shell .sidebar .platform-brand{background:#322f56;border-radius:12px;margin-top:15px;padding:14px;opacity:1;color:#d4d0ed}
html[data-xt-theme="light"] #app .app-shell .sidebar .platform-brand small{color:#d4d0ed}
html[data-xt-theme="light"] #app .app-shell .topbar h1{color:#24243e}
html[data-xt-theme="light"] #app .app-shell .topbar p{color:#8a89a0}
html[data-xt-theme="light"] #app .app-shell .atelier-theme-toggle,html[data-xt-theme="light"] #app .auth-shell>.atelier-theme-toggle{color:#5e4cc7;background:linear-gradient(135deg,#fff,#f1edfc);border-color:#dfd9f2;box-shadow:0 4px 14px #55418607,inset 0 1px #fff}
html[data-xt-theme="light"] #app .app-shell .header-search{background:#ffffffdc;border-color:#e0dff0;box-shadow:0 4px 18px #49458004}
html[data-xt-theme="light"] #app .app-shell .header-search>span{color:#7c6aba}
html[data-xt-theme="light"] #app .app-shell .header-results{background:#fff;border-color:#d6ceed;box-shadow:0 18px 50px #55487a23;color:#33314f}
html[data-xt-theme="light"] #app .app-shell .header-results :is(button,small){color:#575875}
html[data-xt-theme="light"] #app .app-shell :is(.glass.panel,.glass.metric,.master-banner,.social-card,.drive-banner){background:#fff;border-color:#e3e4f0;box-shadow:0 12px 40px #4c498008,inset 0 1px #fff}
html[data-xt-theme="light"] #app .app-shell :is(.panel-head h2,h2,h3,h4){color:#2c2b47}
html[data-xt-theme="light"] #app .app-shell :is(.panel-head p,.panel>p,.op-muted){color:#777a93}
html[data-xt-theme="light"] #app .app-shell .eyebrow{color:#7968bb}
html[data-xt-theme="light"] #app .app-shell :is(.op-controls,.panel-head,.toolbar,.modal-actions)>button:not(.primary):not(.danger),html[data-xt-theme="light"] #app .app-shell .icon-button{background:linear-gradient(140deg,#fff,#f5f3fd);border-color:#dfdcef;color:#695792;box-shadow:0 3px 8px #50457004,inset 0 1px #fff}
html[data-xt-theme="light"] #app .app-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),html[data-xt-theme="light"] body:has(.app-shell)>dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){color-scheme:light;background-color:#fafaff!important;border-color:#d9dbea!important;color:#30324a!important;box-shadow:inset 0 1px 3px #28244603}
html[data-xt-theme="light"] #app .app-shell :is(input,textarea)::placeholder,html[data-xt-theme="light"] body:has(.app-shell)>dialog :is(input,textarea)::placeholder{color:#9296ac}
html[data-xt-theme="light"] #app .app-shell :is(input,select,textarea):focus-visible,html[data-xt-theme="light"] body:has(.app-shell)>dialog :is(input,select,textarea):focus-visible{border-color:#927be0!important;box-shadow:0 0 0 4px #a591dc18}
html[data-xt-theme="light"] #app .app-shell label{color:#555974}
html[data-xt-theme="light"] #app .app-shell :is(input[type="checkbox"],input[type="radio"]){accent-color:#6551d6}
html[data-xt-theme="light"] #app .app-shell :is(.operation-tabs,.workflow-tabs) button{background:#f7f5fc;border-color:#e4def2;color:#77738d}
html[data-xt-theme="light"] #app .app-shell :is(.operation-tabs,.workflow-tabs) button:is(.active,[aria-current="step"],[aria-pressed="true"]){background:#ece7fa;border-color:#b8a7e3;color:#6550b9;box-shadow:inset 0 -2px #9c87d3}
html[data-xt-theme="light"] #app .app-shell .data-table th{background:#f3f2fa;color:#79728e}
html[data-xt-theme="light"] #app .app-shell .data-table td{border-color:#ebeaf3;color:#555570}
html[data-xt-theme="light"] #app .app-shell .mobile-menu-toggle{background:linear-gradient(135deg,#fff,#eeeafa);border-color:#dbd4ef;color:#6750b8;box-shadow:0 3px 13px #45327409}

/* Large gradient banner uses the exact blue/lilac family from the reference. */
html[data-xt-theme="light"] .atelier-welcome{border:1px solid #7461ce44;background:radial-gradient(ellipse at 8% 0,#c0acd88c,transparent 65%),linear-gradient(116deg,#9680c5,#5646ba 64%,#3524b0);box-shadow:0 16px 35px #5447bd1c,inset 0 1px #ffffff45}
html[data-xt-theme="light"] .atelier-welcome-kicker{color:#ede5ff}
html[data-xt-theme="light"] #app .atelier-welcome h2{color:#fff}
html[data-xt-theme="light"] .atelier-welcome p:not(.atelier-welcome-kicker){color:#e3dcfa}
html[data-xt-theme="light"] .atelier-date{color:#eee9ff}
html[data-xt-theme="light"] .atelier-date svg{color:#e5daff}
html[data-xt-theme="light"] #app .atelier-shortcuts button{background:#ffffff15;border:1px solid #ffffff60;color:#fff;box-shadow:inset 0 1px #ffffff12;backdrop-filter:blur(8px)}
html[data-xt-theme="light"] #app .atelier-shortcuts button:first-child{background:#fff;border-color:#fff;color:#5140b5;box-shadow:0 5px 20px #1f187820}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .op-stats .metric{--metric-accent:var(--metric-light,#5e4cbe)!important;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--metric-light,#6556d4) 5%,white),white 74%);border-color:#e2e3f0;box-shadow:0 7px 25px #57518b07}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .metric-label{color:#70718b!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .metric>small{color:#9494a9}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard :is(.income-redesign,.monthly-show-metrics,.dashboard-rail,.tour-timeline,.request-summary,.dashboard-brazil-map){background:#fff;border-color:#e4e5f0;box-shadow:0 12px 36px #51497d07}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .income-and-volume>.income-redesign{background:radial-gradient(ellipse at 0 0,#eee8fc,transparent 68%),#fff!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .income-total .revenue-value{color:#393358}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .revenue-legend>span{background:#f8f7fd;border-color:#e4e1f1;color:#65617e}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-metrics-scroll{background:#fdfdff;border-color:#e7e5f1}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics th{background:#f0edf9;color:#766d93}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics td{color:#56526e;border-color:#eeecf6}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics tbody tr:nth-child(even){background:#faf9fe}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .vertical-rail .op-event{background:#faf9fe;border-color:#e6e1f2;color:#494460}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .date-chip{background:#eee9fc;border-color:#d9cff0;color:#7455bc}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard :is(.event-title,.employee-info h3){color:#343048}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .event-meta{color:#858298}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .panel-head{border-color:#ece9f4}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .panel-head button{background:#f4f0fb;border-color:#e1d8f0;color:#7962a6}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .tour-stop{background:linear-gradient(150deg,#f2edfb,#fff);border-color:#e2d9f1;color:#524860}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .tour-stop :is(h3,p){color:inherit}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .brazil-map-heading{background:linear-gradient(110deg,#f0ebfc,#f6f4fe);border-color:#e4ddf3}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .brazil-map-heading button,html[data-xt-theme="light"] #app .app-shell .refined-dashboard .map-year-control{background:#fff;color:#67539c;border-color:#ded6ef}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard :is(.map-status-legend,.map-period-note){color:#837590}

/* Dialogs and master views share the light foundation. */
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog{background:radial-gradient(ellipse at 100% 0,#ece6fca8,transparent 45%),#fff;border-color:#d9d0eb;color:#33334a;box-shadow:0 30px 100px #2c23584a;color-scheme:light}
html[data-xt-theme="light"] body:has(.app-shell)>dialog::backdrop{background:#21193855;backdrop-filter:blur(10px)}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(fieldset,.repeat-card,.staff-agreement){background:#f9f8fd;border-color:#e1deed;color:#55536c}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(h2,h3,legend,label,strong){color:#4a4563}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(small,p){color:#878097}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(.sticky-save,.persistent-save-actions){background:#f9f7fff5;border-color:#e8e2f2}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog>header{border-color:#e6e1f0}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog>header button{background:#f0eafa;color:#8064ae;border-color:#ded1ed}
html[data-xt-theme="light"] #app .app-shell :is(.master-stat,.master-tenant,.master-account-card,.master-client-card,.op-info){background:#faf9ff;border-color:#e4dff0;color:#58516f}
html[data-xt-theme="light"] #app .app-shell .master-banner{background:linear-gradient(120deg,#e9e2fa,#f8f6ff);color:#5a4b80}
html[data-xt-theme="light"] .system-save-feedback{background:#f0eafa;color:#67518f;border-color:#ccbce5;box-shadow:0 12px 38px #5b368522}
html[data-xt-theme="light"] .connection-recovery{background:#fff;border-color:#e2dcf0;color:#37314f}

html[data-xt-theme="light"] #app .auth-shell{background:radial-gradient(ellipse at 0 30%,#c9bbea70,transparent 54%),#f6f5fd;color:#3b3258}
html[data-xt-theme="light"] #app .auth-card{background:#ffffffd9;border-color:#ddd3f0;box-shadow:0 25px 80px #55457c15;color:#504264;backdrop-filter:blur(14px)}
html[data-xt-theme="light"] #app .auth-copy h1{color:#332e54}
html[data-xt-theme="light"] #app .auth-copy h1 i{color:#7c5cca}
html[data-xt-theme="light"] #app .auth-copy p{color:#8a7b9c}
html[data-xt-theme="light"] #app .auth-card :is(h2,label){color:#5c4b74}
html[data-xt-theme="light"] #app .auth-card input{background:#fcfaff;color:#49405c;border-color:#ded2ed}
html[data-xt-theme="light"] #app .auth-card button.primary{background:linear-gradient(120deg,#8b6cdb,#4d38c2);color:#fff}
html[data-xt-theme="light"] #app .auth-brand{background:#6654bd;border-radius:14px;padding:15px 20px}
@media(max-width:980px){#app .app-shell .topbar>.atelier-theme-toggle{position:absolute;right:0;top:0;width:43px;height:43px;padding:0}#app .app-shell .topbar>.atelier-theme-toggle span{display:none}#app .app-shell .topbar>div:first-child{padding-right:48px}#app .app-shell .top-actions{flex-basis:100%;max-width:none;width:100%}}
@media(max-width:600px){#app .app-shell .topbar h1{font-size:23px}.atelier-welcome{padding:23px 20px}#app .auth-shell>.atelier-theme-toggle{top:14px;right:14px}.atelier-theme-toggle span{font-size:10px}}
@media(hover:hover) and (pointer:fine){
 #app .app-shell .atelier-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 7px 24px #8063c91f}
 html[data-xt-theme="light"] #app .app-shell .sidebar .nav button:not(.active):hover{background:#f3effc;border-color:#e7dff5;color:#7359b1}
 html[data-xt-theme="light"] #app .app-shell button.primary:hover{background:linear-gradient(120deg,#806aee,#5646d4)!important;box-shadow:0 6px 22px #6951d52f!important}
 html[data-xt-theme="light"] #app .app-shell .refined-dashboard .vertical-rail .op-event:hover{background:#f0eafa;border-color:#c9b8e5}
 html[data-xt-theme="light"] #app .app-shell .data-table tbody tr:hover{background:#f5f0fc}
}
/* Legacy per-status styling used !important; keep status meaning without dark tiles in light mode. */
html[data-xt-theme="light"]{--atelier-month-1:#514768;--atelier-month-2:#287b56;--atelier-month-3:#96601e;--atelier-month-4:#96601e;--atelier-month-5:#96601e;--atelier-month-6:#78509d;--atelier-month-7:#287b56;--atelier-month-8:#b14167}
#app .app-shell .atelier-welcome h2{font-size:clamp(28px,2.5vw,38px)!important;line-height:1.16!important;letter-spacing:-.05em!important;color:#fff!important}
#app .app-shell .sidebar .logo{height:124px!important;min-height:124px!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .op-stats .metric{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--metric-light,#6556d4) 5%,white),white 74%)!important;color:#29293f!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .metric>small{color:#7b7c91!important;font-size:11px!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics :is(th,td){font-size:11px!important;color:#66657e!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics :is(th,td):is(:nth-child(3),:nth-child(8)){color:#287b56!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics :is(th,td):is(:nth-child(4),:nth-child(5),:nth-child(6)){color:#a56928!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics :is(th,td):nth-child(7){color:#8560b2!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .monthly-show-metrics :is(th,td):nth-child(9){color:#b95172!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard :is(.revenue-period,.revenue-plot,.revenue-comparison,.revenue-chart,.chart-caption,.bar-labels,.map-year-control,.map-year-control strong){color:#77748d!important}
html[data-xt-theme="light"] #app .app-shell .refined-dashboard .map-year-control button{color:#735f9e!important}
html[data-xt-theme="light"] #app .app-shell .pill.confirmed{background:#e4f4ec!important;color:#277957!important;border-color:#cce6d9!important}
html[data-xt-theme="light"] #app .app-shell .pill.pending{background:#fcf1e3!important;color:#9d682e!important;border-color:#efdabd!important}
html[data-xt-theme="light"] #app .app-shell .pill.cancelled{background:#f9e9ef!important;color:#b65776!important;border-color:#eecbd7!important}
/* Modal forms are outside #app. Override legacy dark !important rules here too. */
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog{background:#fff!important;color:#30324a!important;border-color:#dad5ea!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(fieldset,.repeat-card,.staff-agreement,.op-form,.event-form-section){background:#faf9fe!important;border-color:#e4e0ef!important;color:#515369!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(label,legend,strong,h2,h3){color:#393950!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(small,p){color:#6d6d83!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog .workflow-tabs button{background:#f6f3fd!important;border-color:#e2dcef!important;color:#665882!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog .workflow-tabs button[aria-current="step"]{background:#ebe5fa!important;color:#4f3da6!important;border-color:#a490d0!important;box-shadow:inset 0 -2px #8b72c5!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog .event-choice-group button{background:#fff!important;border-color:#dfdcea!important;color:#57536f!important;box-shadow:none!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog .event-choice-group button[aria-pressed="true"]{background:#ede8fa!important;border-color:#8e78c9!important;color:#57408f!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog [data-choice="status"] [data-value="Confirmado"][aria-pressed="true"],html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog [data-choice="status"] [data-value="Concluído"][aria-pressed="true"]{background:#e8f4ed!important;border-color:#8dbea4!important;color:#256847!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog [data-choice="status"] :is([data-value="Reserva"],[data-value="Negociação"],[data-value="Proposta"])[aria-pressed="true"]{background:#fff2e1!important;border-color:#d5ad75!important;color:#8c5917!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog [data-choice="status"] [data-value="Cancelado"][aria-pressed="true"]{background:#fae8ee!important;border-color:#d89caf!important;color:#a43f5a!important}
html[data-xt-theme="light"] body:has(.app-shell)>dialog.op-dialog :is(.persistent-save-actions,.sticky-save){background:#fff!important;border-color:#e7e1f0!important;box-shadow:none!important}
html[data-xt-theme="light"] #app .content .shows-intro.shows-heading-card{background:linear-gradient(120deg,#ebe5fb,#fff)!important;border-color:#ded5ee!important;box-shadow:0 12px 30px #55447f0a!important}
html[data-xt-theme="light"] #app .content .shows-intro.shows-heading-card h2{color:#302943!important}
html[data-xt-theme="light"] #app .content .shows-intro.shows-heading-card p{color:#716581!important}
html[data-xt-theme="light"] #app .content .shows-intro.shows-heading-card button[data-removed-shows]{background:#fff!important;border-color:#d9cdec!important;color:#675079!important}

/* Readable hierarchy in both themes, without changing the approved layout. */
#app .app-shell .panel-head h2 { font-size:clamp(18px,1.5vw,21px)!important; font-weight:800!important; line-height:1.3; letter-spacing:-.025em; }
#app .app-shell .sidebar .nav .menu-standard-label { font-size:13px; font-weight:750!important; }
#app .app-shell .refined-dashboard .metric-label { font-size:13px!important; font-weight:750!important; line-height:1.45!important; }
#app .app-shell .refined-dashboard .event-title { font-size:14px; font-weight:800; line-height:1.4; }
#app .app-shell .production-workspace .production-section-chooser .production-editor-nav button strong { font-size:15px!important; font-weight:800!important; line-height:1.35!important; }
#app .app-shell .production-workspace :is(.production-general h2,.production-preparation-summary h2,.hotel-plan-block h3) { font-size:18px!important; font-weight:800!important; line-height:1.35; }
#app .app-shell :is(.op-form,.repeat-card,.production-inline-editor) label,
body:has(.app-shell)>dialog.op-dialog :is(.op-form,.repeat-card,.event-form-section) label { font-size:14px!important; font-weight:700!important; line-height:1.5; }
html[data-xt-theme="light"] #app .app-shell .production-workspace .production-inline-editor label { color:#55516e; }
html[data-xt-theme="light"] #app .app-shell .production-workspace :is(.production-general h2,.production-preparation-summary h2,.hotel-plan-block h3) { color:#37314f; }

/* Safari's date/time controls have an intrinsic width. Constrain the control
   itself and its grid/flex ancestors, rather than clipping the card or picker. */
#app .app-shell :is(.production-inline-editor,.op-form,.repeat-card,.hotel-plan-block,.technical-contact),
body:has(.app-shell)>dialog.op-dialog :is(.op-form,.repeat-card,.event-form-section) { min-width:0; min-inline-size:0; max-width:100%; box-sizing:border-box; }
#app .app-shell :is(.production-inline-editor,.op-form,.repeat-card) :is(form,fieldset,label),
body:has(.app-shell)>dialog.op-dialog :is(form,fieldset,label) { min-width:0; min-inline-size:0; max-width:100%; box-sizing:border-box; }
#app .app-shell :is(.production-inline-editor,.op-form,.repeat-card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
body:has(.app-shell)>dialog.op-dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) { min-width:0!important; min-inline-size:0!important; max-width:100%!important; max-inline-size:100%!important; box-sizing:border-box!important; }
#app .app-shell input:is([type="date"],[type="time"],[type="datetime-local"]),
body:has(.app-shell)>dialog.op-dialog input:is([type="date"],[type="time"],[type="datetime-local"]) { display:block; -webkit-appearance:none; appearance:none; width:100%!important; inline-size:100%!important; min-width:0!important; min-inline-size:0!important; max-width:100%!important; max-inline-size:100%!important; box-sizing:border-box!important; }
#app .app-shell input::-webkit-date-and-time-value,
body:has(.app-shell)>dialog.op-dialog input::-webkit-date-and-time-value { min-height:1.5em; text-align:left; }
#app .app-shell input::-webkit-datetime-edit,
body:has(.app-shell)>dialog.op-dialog input::-webkit-datetime-edit { min-width:0; padding:0; }

/* Dashboard uses employee cards outside [data-staff-cards]. Give these cards
   their own light surfaces; legacy dark !important rules otherwise win here. */
#app .app-shell .dashboard-team .employee-card { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:16px; min-width:0; }
#app .app-shell .dashboard-team .employee-photo { width:64px; height:85px; margin:0; object-fit:cover; border-radius:13px; box-shadow:none; }
#app .app-shell .dashboard-team .employee-info { min-width:0; }
#app .app-shell .dashboard-team .employee-info h3 { font-size:18px!important; font-weight:800!important; line-height:1.35; overflow-wrap:anywhere; }
#app .app-shell .dashboard-team .employee-info p { font-size:14px; margin:7px 0 13px; line-height:1.45; }
#app .app-shell .dashboard-team .employee-info .wa { display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:42px; padding:10px 12px; border-radius:11px; font-size:12px; font-weight:750; line-height:1.4; white-space:normal; overflow-wrap:anywhere; box-sizing:border-box; }
html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-card { background:linear-gradient(125deg,#fff,#f6f3ff)!important; border:1px solid #e3ddf2!important; box-shadow:0 5px 18px #65509806; }
html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-photo { background:#ece7fc; color:#6550b6; border:1px solid #ddd4f0; }
html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-info h3 { color:#302b48; }
html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-info p { color:#66617a; }
html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-info .wa { background:#efebff!important; color:#5140b5!important; border:1px solid #d9cff6!important; box-shadow:inset 0 1px #fff; }
@media(max-width:600px) {
  #app .app-shell .topbar h1 { font-size:26px; font-weight:800; }
  #app .app-shell .refined-dashboard .metric-label { min-height:38px; }
  #app .app-shell .production-workspace .production-inline-editor :is(.extra-production-form>.op-form,.repeat-card) { padding:14px; gap:18px; }
  #app .app-shell .production-workspace .production-inline-editor label { font-size:14px!important; }
  #app .app-shell .dashboard-team .employee-card { grid-template-columns:56px minmax(0,1fr); padding:16px!important; gap:13px; }
  #app .app-shell .dashboard-team .employee-photo { width:56px; height:75px; }
  #app .app-shell .dashboard-team .employee-info h3 { font-size:17px!important; }
}
@media(hover:hover) and (pointer:fine) {
  html[data-xt-theme="light"] #app .app-shell .dashboard-team .employee-info .wa:hover { background:#e4ddfb!important; border-color:#baa9e7!important; color:#443393!important; }
}