/* DWET glass theme. Decorative surfaces only; document canvases stay unchanged. */
@media screen{
 :root{--dwet-blue:#0081cc;--dwet-blue-hover:#006ba8;--glass-edge:rgba(255,255,255,.84);--glass-ink:#233d53;--glass-blue:var(--dwet-blue);--glass-shadow:0 5px 22px #234e7310,inset 0 1px 0 #ffffffed}
 body:has(#app .shell){background:#f4f8fc}
 #app .shell{background:radial-gradient(ellipse at 8% 6%,#dbedfa8c,transparent 42%),radial-gradient(ellipse at 96% 72%,#e9e5f66b,transparent 45%),#f8fbfd}
 #app .shell .main{background:transparent}
 #app .shell .content{background:transparent}
 #app .shell>.sidebar{background:linear-gradient(155deg,#ffffffd9,#edf5fbd9)!important;border-right:1px solid #ffffffd9;box-shadow:4px 0 22px #31546f09;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
 #app .sidebar .nav-item{transition:background .16s ease;color:#3d5367}
 #app .sidebar .nav-item:hover{background:#ffffff9c}
 #app .sidebar .nav-item.active,#app .shell.sidebar-compact .sidebar .nav-item.active{color:#0076b1;background:linear-gradient(130deg,#ffffffdf,#dceffbbf)!important;box-shadow:inset 0 1px 0 #fff,0 2px 9px #2275a812,0 0 0 1px #ffffffd9}
 #app .sidebar .sidebar-edge-toggle{background:#f4f9fce8!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:0;box-shadow:none}
 #app .shell .main>.topbar{background:var(--dwet-blue)!important;border-bottom:1px solid #ffffff66;box-shadow:0 3px 14px #16496b12;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
 #app .topbar .work-tabs .work-tab-group>.work-tab{border:1px solid #ffffff35;box-shadow:inset 0 1px 0 #ffffff30}
 #app .topbar .work-tabs .work-tab-group>.work-tab:not(.current){background:linear-gradient(130deg,#ffffff40,#ffffff24)}
 #app .topbar .work-tabs .work-tab-group>.work-tab.current{background:linear-gradient(135deg,#fff,#f0f8ff)!important;color:#0073ac;border-color:#fff;box-shadow:0 2px 8px #164d7019,inset 0 1px 0 #fff}
 #app .content :is(.panel,.card,.department-hub-item){background:linear-gradient(140deg,#ffffffeb,#f9fcffcc);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow),0 0 0 1px #cbddea50;border-radius:14px}
 #app .content .panel-head{background:linear-gradient(110deg,#f6fbffdc,#ffffff96);border-bottom:1px solid #dbe6ef88}
 #app .content :is(.notice,.dev-preview-bar){background:linear-gradient(130deg,#eef8ffd9,#f9fcffb8);border:1px solid #d6e9f4b0;box-shadow:inset 0 1px 0 #fff;border-radius:12px}
 #app .content :is(button,.download-button):not(.link):not(.primary):not(.danger):not(.query-chip):not(.selection-option){background:linear-gradient(145deg,#ffffffeb,#f3f9ffbe);border-color:#d6e4ee;box-shadow:inset 0 1px 0 #fff,0 2px 5px #31567406}
 #app .content button.primary,#modal button.primary{background:var(--dwet-blue);border-color:var(--dwet-blue);box-shadow:inset 0 1px 0 #ffffff55,0 3px 8px #007ab91a;color:#fff}
 #app .content :is(input:not([type=checkbox]):not([type=radio]),select,textarea),#modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#ffffffeb;border-color:#cddfeb;box-shadow:inset 0 1px 2px #1a456305}
 #app .content .overview-links a{border-radius:9px;border-bottom-color:#dce8f080}
 #app .content .overview-links a:hover{background:#ffffffc9}
 #modal[open]{background:linear-gradient(140deg,#fffffffa,#f5fafff5);border:1px solid #ffffffd9;box-shadow:0 22px 70px #173d602b,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 #modal::backdrop{background:#23415844;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 #modal :is(.modal-head,.modal-foot){background:#f6faffb8;border-color:#dce7ef99}
 #modal .profile-banner{background:linear-gradient(125deg,#eaf6ffd9,#ffffffb8);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff}
 #app .ui-language-menu{background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#fff;box-shadow:0 12px 35px #23476520}
 /* Text, tables and printable documents are deliberately opaque and crisp. */
 #app .content .table-wrap{background:#fff}
 #app .content :is(th,td){backdrop-filter:none;-webkit-backdrop-filter:none}
 @media(max-width:760px),(pointer:coarse) and (max-width:1000px){#app .shell>.sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#app .content :is(.panel,.card,.department-hub-item){box-shadow:inset 0 1px 0 #fff,0 0 0 1px #d9e5ef80}}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#app .shell>.sidebar{background:#f3f8fc!important}#modal[open]{background:#fbfdff}}
 @media(prefers-reduced-transparency:reduce),(forced-colors:active){#app .shell,#app .shell>.sidebar,#app .content :is(.panel,.card,.overview-tile,.department-hub-item),#modal[open]{background:Canvas!important;color:CanvasText;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}#modal::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
 @media(prefers-reduced-motion:reduce){#app .sidebar .nav-item{transition:none}}
}
/* A readable, softly translucent foreground sheet over a quiet scrim. */
@media screen{
 #modal[open]{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(238,247,255,.56));border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:0 20px 64px #16324c30,inset 0 1px 0 #fff;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}
 #modal::backdrop{background:rgba(24,43,62,.14);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
 #modal .modal-body{background:transparent;color:#263c50}
 #modal :is(.modal-head,.modal-foot){background:rgba(249,252,255,.18);border-color:rgba(190,211,227,.45)}
 #modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:rgba(255,255,255,.94)}
 #modal .modal-head{border-radius:20px 20px 0 0}
 #modal .modal-foot{border-radius:0 0 20px 20px}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#modal[open]{background:#fafcfe}}
 @media(prefers-reduced-transparency:reduce),(forced-colors:active){#modal[open],#modal :is(.modal-head,.modal-foot){background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none}#modal::backdrop{background:#263b5155;backdrop-filter:none;-webkit-backdrop-filter:none}}
}

/* CI wordmark uses #0081CC. Keep action and navigation blues on that same brand token. */
@media screen{
 #app .content button.primary:hover,#modal button.primary:hover{background:var(--dwet-blue-hover);border-color:var(--dwet-blue-hover)}
 #app .topbar .desktop-department-tabs>.department-glass-tab.current{color:var(--dwet-blue)!important;background:#fff!important}
}