/* One optical layer per surface; child rows do not frost their parent's glass again. */
html[data-theme] .content :is(.panel,.metric,.session-card,.table-wrap,.project-card,.task-lane,.invoice-list,.whatsapp-inbox,.settings-card,.portal-hero,.people-card,.employee-card,.finance-hero,.invoice-stat,.calendar-day,.workspace-surface,.access-note,.today-utility-card,.notification-history,.stage-tile,.calendar-stream,.invoice-stats,.client-switcher){
 background:linear-gradient(145deg,var(--clear-sheen),transparent 65%),var(--panel)!important;
 border:1px solid var(--line)!important;
 box-shadow:none!important;
 backdrop-filter:blur(5px) saturate(1)!important;
 -webkit-backdrop-filter:blur(5px) saturate(1)!important;
 color:var(--text)!important;
}
html[data-theme] .content :is(.panel,.workspace-surface,.project-card,.task-lane,.settings-card,.invoice-list,.whatsapp-inbox) :is(.panel,.table-wrap,.metric,.access-note,.invoice-list,.workspace-surface){
 background:transparent!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 box-shadow:none!important;
}
/* Finance's older three-cell strip used a four-column template and solid green cells. */
html[data-theme] .content .invoice-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border-radius:14px;overflow:hidden}
html[data-theme] .content .invoice-stats>div{min-width:0;padding:20px 24px;background:transparent!important;border:0;border-inline-end:1px solid var(--line);box-shadow:none;backdrop-filter:none}
html[data-theme] .content .invoice-stats>div:last-child{border-inline-end:0}
html[data-theme] .content :is(.finance-metrics,.upgrade-metrics,.portal-stats,.delivery-summary) .metric strong,
html[data-theme] .content :is(.metric,.portal-stat,.stage-tile)>strong,
html[data-theme] .content .delivery-summary>div>strong{
 font:500 clamp(25px,2.2vw,30px)/1.3 var(--font-ui)!important;
 letter-spacing:-.025em!important;
 font-variant-numeric:tabular-nums lining-nums;
 overflow-wrap:anywhere;
}
html[data-theme] .content .metric{min-height:116px;padding:22px}
html[data-theme] .content .metric strong{margin:10px 0 6px}
html[data-theme] .content .invoice-stats strong{font:500 20px/1.4 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}
html[data-theme] .content .metric.featured :is(span,small){color:var(--muted)!important}
/* Buttons representing project/task rows must reset the browser's grey button fill. */
html[data-theme] .content :is(.portal-project.editable,.portal-task.editable,.portal-task,.invoice-row,.task-card,.employee-body,.permission-tags){
 background:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 color:var(--text)!important;
}
html[data-theme] .content .portal-project.editable{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;padding:18px 0;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;text-align:left}
html[data-theme] .content .portal-project.editable>span{display:grid;gap:5px}
html[data-theme] .content .portal-project.editable :is(strong,b){color:var(--text)!important;font-size:14px;font-weight:500}
html[data-theme] .content .portal-project.editable>i{grid-column:1/-1;height:3px;border:0;background:rgb(128 128 128 / .18)!important;border-radius:4px}
html[data-theme] .content .portal-project.editable>i em{display:block;height:100%;background:var(--text)!important;opacity:.7;box-shadow:none}
html[data-theme] .content .portal-task.editable{border:0!important;border-bottom:1px solid var(--line)!important;padding:18px 0;border-radius:0}
html[data-theme] .content .portal-task.editable strong{color:var(--text)!important;font-weight:500}
html[data-theme] .content .task-card{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0}
html[data-theme] .content .delivery-summary{background:transparent!important;border:0;gap:14px}
html[data-theme] .content .delivery-summary>div{background:transparent!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:none!important}
html[data-theme] .content .delivery-summary>div::after{display:none}
html[data-theme] .content .stage-tile::after{display:none}
html[data-theme] .content .stage-tile:hover{border-color:var(--muted)!important}
html[data-theme] .content .invoice-number{color:var(--text)}
html[data-theme] .content .employee-card footer button{font-size:12px}
html[data-theme] .content .permission-tags span{font-size:11px;line-height:1.5}
/* Row mode still uses the same material for its deliberate glass surfaces. */
html[data-theme][data-workspace-layout=rows] .content :is(.workspace-main-column>.workspace-surface,.workspace-agenda,.operational-insights,.session-card,.project-card,.settings-card,.people-card){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important}
html[data-theme=dark] .content :is(.panel,.metric,.session-card,.table-wrap,.project-card,.task-lane,.invoice-list,.whatsapp-inbox,.settings-card,.portal-hero,.employee-card,.workspace-surface,.invoice-stats){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(hover:hover){html[data-theme] .content :is(.portal-project.editable,.portal-task.editable,.task-card,.invoice-row):hover{background:rgb(128 128 128 / .06)!important}}
@media(max-width:740px){html[data-theme] .content .invoice-stats{grid-template-columns:1fr}html[data-theme] .content .invoice-stats>div{border-inline-end:0;border-bottom:1px solid var(--line)}html[data-theme] .content .invoice-stats>div:last-child{border-bottom:0}}
@media(prefers-reduced-transparency:reduce){html[data-theme] .content :is(.panel,.metric,.session-card,.table-wrap,.project-card,.task-lane,.invoice-list,.whatsapp-inbox,.settings-card,.portal-hero,.employee-card,.workspace-surface,.invoice-stats){background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}