/* Presentation only: a softer blue, glass depth and compact readable type. */
@media screen{
 html:not([data-theme=light]){--o-base:#14273c;--o-ink:#eff5fc;--o-muted:#bbccde;--o-accent:#acd5f4;--o-line:#d4e9ff33;--o-table:#192f46ed;--o-head:#29425af2;--o-field:#172e46e0;--o-total:#29455fe8;--o-row-hover:#35536bcc;--o-input-border:#b2cbe35c;--o-glass:linear-gradient(130deg,#eaf6ff14,#ffffff03 65%),#3e63862e;--o-frame:linear-gradient(145deg,#d6ecff12,#ffffff02 65%),#203b5666;--o-shadow:inset 0 1px 0 #e7f5ff7a,inset 1px 0 0 #e0f2ff24,0 12px 30px #07162526;--o-primary:linear-gradient(145deg,#3979a9,#2d638e);--o-secondary:linear-gradient(130deg,#e0f3ff14,#ffffff03),#34577666;--o-secondary-ink:#d7e9f8}
 html:not([data-theme=light]) body{background:radial-gradient(ellipse at 18% 0%,#88b4d329,transparent 58%),radial-gradient(ellipse at 90% 90%,#5687b21c,transparent 60%),var(--o-base)!important;font-size:16px;line-height:1.4}
 html:not([data-theme=light]) body #main :is(.box,.stat),html:not([data-theme=light]) body .workspace #director-brief.brief-ocean :is(.box,.brief-kpi){background:radial-gradient(ellipse at 4% 0%,#e4f4ff19,transparent 52%),linear-gradient(125deg,#d7edff0e,#ffffff02 60%,#d9f2ff08),#30537248!important;border-color:#c5dff64d!important;box-shadow:inset 0 1.5px 1px #f0faff8c,inset 1px 0 1px #cfeaff35,inset -1px -1px 0 #a9c9e51f,0 10px 28px #071a2d29!important;backdrop-filter:blur(40px) saturate(115%);-webkit-backdrop-filter:blur(40px) saturate(115%)}
 html:not([data-theme=light]) body #main :is(.box,.stat)::before,html:not([data-theme=light]) body #director-brief .brief-kpi::before{background:linear-gradient(125deg,#f1faff9c,#b7d6ed14 28%,#ffffff03 50%,#cee6f437 80%,#f1faff70)}
 html:not([data-theme=light]) body :is(.sidebar,.workspace .topbar){background:var(--o-frame)!important;backdrop-filter:blur(40px) saturate(110%);-webkit-backdrop-filter:blur(40px) saturate(110%);border-color:#cfe6fc38!important}
 html:not([data-theme=light]) body .workspace #director-brief.brief-ocean .brief-hero{background:radial-gradient(ellipse at 0 0,#d7efff1c,transparent 65%),linear-gradient(115deg,#355675a3,#294e7180)!important}
 html:not([data-theme=light]) body .button.secondary{background:var(--o-secondary)!important;box-shadow:inset 0 1px 0 #e2f2ff50,0 3px 8px #071a2b19!important}
 html:not([data-theme=light]) body .sidebar nav a.active,html:not([data-theme=light]) body .sidebar .navigation-group a.active{background:linear-gradient(125deg,#e6f4ff17,#ffffff03),#47789d42!important;color:#edf7ff!important}
 html:not([data-theme=light]) body :is(dialog,.memo-dialog,.compact-operation-drawer){background:linear-gradient(125deg,#dbedfa0d,#ffffff02),#213b54e8!important;backdrop-filter:blur(36px) saturate(110%);-webkit-backdrop-filter:blur(36px) saturate(110%);border-color:#bed7ed69!important}
 html:not([data-theme=light]) body :is(.helper,.cell-sub,.profile small,.memo-filters label,.erp-toolbar label,.form-pair label){font-size:14px;line-height:1.4}
 html:not([data-theme=light]) body :is(.button,.counterparty-picker-trigger,.budget-search-picker>summary,.uc-trigger){font-size:15px!important;line-height:1.3}
 html:not([data-theme=light]) body .sidebar nav a{font-size:15px}
 html:not([data-theme=light]) body #main table,html:not([data-theme=light]) body dialog table{font-size:16px!important;line-height:1.3!important;letter-spacing:-.15px}
 html:not([data-theme=light]) body #main :is(table td,table th),html:not([data-theme=light]) body dialog :is(table td,table th){padding:6px 8px!important;font-size:16px!important;line-height:1.3!important}
 html:not([data-theme=light]) body #main table th,html:not([data-theme=light]) body dialog table th{font-size:15px!important;white-space:normal}
 html:not([data-theme=light]) body :is(table td,table th):not(.num){overflow-wrap:normal}
 html:not([data-theme=light]) body table :is(.button,.budget-value,.row-open){font-size:14.5px!important;line-height:1.3;min-height:30px;padding:5px 7px}
 html:not([data-theme=light]) body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 html:not([data-theme=light]) .uc-panel{--uc-bg:#223c55;--uc-text:#eff5fc;--uc-line:#b2cbe35c;--uc-hover:#3e607d;--uc-muted:#bbccde;--uc-selected:#3979a9}
 html:not([data-theme=light]) .uc-field>.uc-trigger{background:#172e46dd;color:#eff5fc;border-color:#b2cbe35c}
 .sidebar [data-nav=employees]>span{display:inline-flex;align-items:center;justify-content:center}.sidebar [data-nav=employees] svg{display:block;flex-shrink:0}
 @media(pointer:coarse){html:not([data-theme=light]) body table :is(.button,.budget-value,.row-open){min-height:44px}}
 @supports not (backdrop-filter:blur(1px)){html:not([data-theme=light]) body #main :is(.box,.stat){background:#233d56!important}}
 /* Shared surfaces also override legacy section-specific dark palettes. */
 html:not([data-theme=light]) body:has(#director-brief.brief-ocean){background:radial-gradient(ellipse at 18% 0%,#88b4d329,transparent 58%),radial-gradient(ellipse at 90% 90%,#5687b21c,transparent 60%),var(--o-base)!important}
 html:not([data-theme=light]) body:has(#director-brief.brief-ocean) :is(.sidebar,.workspace .topbar){background:var(--o-frame)!important;border-color:#cfe6fc38!important;box-shadow:var(--o-shadow)!important}
 html:not([data-theme=light]) body:has(#director-brief.brief-ocean) .sidebar nav a{color:var(--o-muted)!important}
 html:not([data-theme=light]) body:has(#director-brief.brief-ocean) .sidebar nav a.active{background:linear-gradient(125deg,#e6f4ff17,#ffffff03),#47789d42!important;color:#edf7ff!important}
 html:not([data-theme=light]) body:has(#director-brief.brief-ocean) :is(.navigation-collapse,#theme-toggle){background:var(--o-secondary)!important;color:var(--o-secondary-ink)!important;border-color:var(--o-input-border)!important}
 html:not([data-theme=light]) body .workspace #director-brief.brief-ocean{--brief-text:var(--o-ink);--brief-muted:var(--o-muted);--brief-border:var(--o-line);--brief-accent:var(--o-accent);--brief-glass:var(--o-glass);--brief-shadow:var(--o-shadow)}
 html:not([data-theme=light]) body #director-brief.brief-ocean :is(select,.brief-mini-footer,.brief-list,.brief-count){background:var(--o-field)!important;color:var(--o-ink)!important;border-color:var(--o-input-border)!important}
 html:not([data-theme=light]) body #director-brief.brief-ocean .brief-icon{background:var(--o-primary);box-shadow:inset 0 1px 0 #e2f2ff50,0 3px 8px #071a2b19}
 html:not([data-theme=light]) body #director-brief.brief-ocean .brief-fluid{opacity:.3;filter:saturate(.45)}
 html:not([data-theme=light]) body #main .budget-sheet :is(td,th){background:#20374a!important;color:var(--o-ink)!important}
 html:not([data-theme=light]) body #main .budget-sheet thead th{background:#2b4358!important;color:var(--o-muted)!important}
 html:not([data-theme=light]) body #main .budget-sheet .sheet-group>*{background:#294258!important;color:var(--o-ink)!important}
 html:not([data-theme=light]) body #main .budget-sheet .sheet-selected{background:#2d4b62!important}
 html:not([data-theme=light]) body #main .budget-sheet :is(.sheet-article-edit,.budget-value,.budget-project-link){color:var(--o-accent)!important;background:transparent!important}
 html:not([data-theme=light]) body #main .budget-sheet td.budget-favorable{background:#25483f!important;color:#b6ecd5!important}
 html:not([data-theme=light]) body #main .budget-sheet td.budget-adverse{background:#4b3442!important;color:#ffd0cb!important}
 html:not([data-theme=light]) body #main .budget-sheet td.budget-favorable .budget-value{background:transparent!important;color:#b6ecd5!important}
 html:not([data-theme=light]) body #main .budget-sheet td.budget-adverse .budget-value{background:transparent!important;color:#ffd0cb!important}
}

@media screen{
 /* Keep larger text readable: wrap at words, never inside names or dates. */
 html body #main table :is(td,th,a,button,small,span,strong),html body dialog table :is(td,th,a,button,small,span,strong){overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important}
 html body :is(#main,dialog) .button{overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;max-width:100%;flex-shrink:0}
 html body :is(#main,dialog) :is(.icon-button,.uc-trigger){overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap!important;flex-shrink:0}
 html body :is(#main,dialog) table.crm-readable-table{table-layout:auto!important;width:100%;max-width:100%}
 html body :is(#main,dialog) table.crm-readable-table :is(td,th){line-height:1.3;vertical-align:middle}
 html body :is(#main,dialog) table .crm-date,html body :is(#main,dialog) table .num{white-space:nowrap!important;font-variant-numeric:tabular-nums}
 html body :is(#main,dialog,.floating-table-header) table :is(.num,.crm-column-number){text-align:right!important;font-variant-numeric:tabular-nums}
 html body :is(#main,dialog,.floating-table-header) table .crm-column-text:not(.num){text-align:left!important}
 html body :is(#main,dialog,.floating-table-header) table :is(.crm-column-controls,.crm-column-actions){text-align:center!important}
 html body :is(#main,dialog,.floating-table-header) table th.crm-column-group{text-align:center!important}
 html body :is(#main,dialog,.floating-table-header) table th :is(.numeric-sort,.memo-sort){max-width:100%;color:inherit}
 html body :is(#main,dialog,.floating-table-header) table th.crm-column-number>.numeric-sort{display:flex;width:100%;justify-content:flex-end;text-align:right}
 html body :is(#main,dialog,.floating-table-header) table th.crm-column-text>.numeric-sort{display:flex;width:100%;justify-content:flex-start;text-align:left}
 html body :is(#main,dialog) table td.crm-column-number:not(:has(input,textarea,select)){white-space:nowrap!important}
 html body :is(#main,.floating-table-header) .payroll-detail-table .sort-label-line{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 html body :is(#main,.floating-table-header) .payroll-detail-table thead th{vertical-align:middle;line-height:1.3!important}
 html body dialog.pa-dialog table.payroll-comparison-table :is(th.num,td.num){text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
 html body dialog.pa-dialog table.payroll-comparison-table :is(th,td):first-child{text-align:left!important}
 html body :is(#main,dialog) td.crm-actions-cell{min-width:176px;white-space:normal!important}
 html body :is(#main,dialog) td.crm-actions-cell>.button{display:flex;align-items:center;justify-content:center;width:100%;min-width:max-content;min-height:30px;padding:5px 8px!important;margin:3px 0!important;font-size:14px!important;line-height:1.25!important;box-sizing:border-box;white-space:nowrap!important}
 html body :is(#main,dialog) .table-wrap{max-width:100%;overflow-x:auto}
 @media(pointer:coarse){html body :is(#main,dialog) td.crm-actions-cell>.button{min-height:44px}}
}


/* Compact request register: every column keeps its place, with no overlay. */
@media screen and (min-width:761px){
 html body :is(#main,.floating-table-header) table.request-register-table{min-width:0!important;width:100%;table-layout:auto!important}
 html body :is(#main,.floating-table-header) .request-register-table :is(th,td){padding:7px 5px!important;min-width:0!important;max-width:none;position:static;box-shadow:none}
 html body :is(#main,.floating-table-header) .request-register-table :is(th,td):nth-child(5){min-width:150px!important;max-width:240px}
 html body :is(#main,.floating-table-header) .request-register-table :is(th,td):nth-child(10){min-width:125px!important;max-width:175px}
 html body :is(#main,.floating-table-header) .request-register-table :is(th,td):last-child:not([colspan]){min-width:150px!important;width:150px;max-width:165px;box-sizing:border-box}
 html body #main .request-register-table td:last-child>.button{width:100%;min-width:0!important;max-width:100%;white-space:normal!important;box-sizing:border-box;padding:5px 6px!important}
}
