/* Shared dashboard glass surfaces. Geometry and workflow styles stay in their modules. */
@layer asc-dashboard-glass {
@media screen {
    body.smarthr-system {
        --dashboard-glass:rgba(255,255,255,.88);
        --dashboard-glass-soft:rgba(244,248,253,.72);
        --dashboard-glass-border:rgba(255,255,255,.58);
        background:linear-gradient(rgba(7,24,44,.20),rgba(7,24,44,.30)),url('../images/auth-one-bg.png') center/cover no-repeat fixed!important;
    }
    html[data-asc-theme="dark"] body.smarthr-system {
        --dashboard-glass:rgba(23,34,53,.88);
        --dashboard-glass-soft:rgba(32,47,69,.72);
        --dashboard-glass-border:rgba(137,164,194,.42);
    }
    body.smarthr-system :is(.main-wrapper,.page-wrapper,.page-wrapper>.content,.page-wrapper>.container-fluid,.content>.container-fluid,.smarthr-dashboard,.page-header):not(:where(.formal-report,.program-report-paper,.asc-document-content)) { background:transparent!important; }
    body.smarthr-system .header {
        background:linear-gradient(90deg,rgba(16,32,68,.92),rgba(23,43,99,.92) 54%,rgba(16,32,68,.92))!important;
        backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    }
    body.smarthr-system .sidebar { background:rgba(4,28,48,.64)!important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-right:1px solid #ffffff26!important; bottom:0!important; }
    @media(min-width:992px) {
        body.smarthr-system.role-department-head { --smarthr-sidebar-width:300px; }
        body.smarthr-system:not(.mini-sidebar) .sidebar { width:var(--smarthr-sidebar-width)!important; }
        body.smarthr-system:not(.mini-sidebar) .page-wrapper { margin-left:var(--smarthr-sidebar-width)!important; }
        body.smarthr-system.mini-sidebar .sidebar { width:var(--smarthr-sidebar-mini)!important; }
        body.smarthr-system.mini-sidebar.expand-menu .sidebar { width:var(--smarthr-sidebar-width)!important; }
        body.smarthr-system.mini-sidebar .page-wrapper { margin-left:var(--smarthr-sidebar-mini)!important; }
    }
    @media(max-width:991.98px) { body.smarthr-system .page-wrapper { margin-left:0!important; } }
    body.smarthr-system .sidebar :is(.sidebar-inner,.sidebar-menu,ul,.menu-title,.academic-sidebar) { background:transparent!important; }
    body.smarthr-system .sidebar :is(a,span,strong,small,i,button,.menu-title) { color:#f1f7ff!important; }
    body.smarthr-system .sidebar :is(a,button) { background:transparent!important; }
    body.smarthr-system .sidebar-menu :is(.menu-dropdown,.qa-submenu-dropdown)>ul::before,
    body.smarthr-system .sidebar-menu :is(.menu-dropdown,.qa-submenu-dropdown) .nav-link::before,
    body.smarthr-system .sidebar-menu .admin-tree-panel>ul::before,
    body.smarthr-system .sidebar-menu .admin-tree-panel .nav-link::before {
        content:none!important; display:none!important; border:0!important;
    }
    body.smarthr-system .sidebar :is(a:hover,a.active,li.active>a,button:hover) { background:rgba(0,143,146,.6)!important; color:#fff!important; }
    body.smarthr-system .sidebar :is(a:hover,a.active,li.active>a,button:hover) :is(span,i,strong) { color:#fff!important; }
    /* Native details parents need the same contrast as active navigation links. */
    :root[data-asc-theme] body.smarthr-system.role-department-head .sidebar .dh-sidebar-details > summary:is(.active,:hover,:focus-visible),
    :root[data-asc-theme] body.smarthr-system.role-department-head .sidebar .dh-sidebar-details[open] > summary {
        background:rgba(0,112,118,.78)!important;
        color:#fff!important;
    }
    :root[data-asc-theme] body.smarthr-system.role-department-head .sidebar .dh-sidebar-details > summary:is(.active,:hover,:focus-visible) :is(span,i),
    :root[data-asc-theme] body.smarthr-system.role-department-head .sidebar .dh-sidebar-details[open] > summary :is(span,i) {
        color:#fff!important;
        opacity:1;
    }
    body.smarthr-system .page-wrapper { display:flex!important; flex-direction:column; min-height:100vh!important; padding:var(--smarthr-header-height) 0 0!important; margin-right:0!important; max-width:none!important; width:auto!important; }
    body.smarthr-system .page-wrapper>.content { flex:1 0 auto; min-height:0!important; }
    body.smarthr-system .page-wrapper>.smarthr-footer {
        position:static!important; flex:0 0 auto; align-self:stretch; width:100%!important; max-width:none!important; transform:none!important;
        margin:0!important; border-radius:0!important; box-sizing:border-box;
        background:var(--dashboard-glass)!important; border-top:1px solid var(--dashboard-glass-border)!important;
        backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:none!important;
    }
    /* Explicit gutters also cover older Bootstrap columns with missing padding. */
    body.smarthr-system .page-wrapper .content .row:not(:where(.modal *,.formal-report *,.program-report-paper *,.asc-document-content *)) {
        --bs-gutter-x:20px; --bs-gutter-y:20px;
        display:flex; flex-wrap:wrap; column-gap:0; row-gap:20px;
        margin-left:-10px!important; margin-right:-10px!important; margin-top:0!important; margin-bottom:20px!important;
    }
    body.smarthr-system .page-wrapper .content .row:not(:where(.modal *,.formal-report *,.program-report-paper *,.asc-document-content *))>* {
        min-width:0; max-width:100%; padding-left:10px!important; padding-right:10px!important; margin-top:0!important;
    }
    body.smarthr-system .page-wrapper :is(.card,.fw-panel,.fw-stat,.stats-info,.stats-list) { min-width:0; max-width:100%; box-sizing:border-box; }
    body.smarthr-system .page-wrapper .row>[class*="col-"]>.card { width:100%; margin-bottom:0!important; }
    body.smarthr-system .page-wrapper .card-group { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:20px; margin-bottom:0!important; }
    body.smarthr-system .page-wrapper .card-group>.card { width:auto!important; margin:0!important; border-radius:8px!important; }
    body.smarthr-system .page-wrapper :is(.card-header,.fw-panel-head,.dh-dashboard-head) { gap:12px; flex-wrap:wrap; }
    body.smarthr-system .page-wrapper :is(.fw-columns,.fw-form-grid,.dh-overview-grid,.fw-stats)>* { min-width:0; }
    body.smarthr-system .page-wrapper :is(.fw-columns,.fw-form-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
    body.smarthr-system .page-wrapper .table-responsive { max-width:100%; overflow-x:auto; }
    body.smarthr-system .page-wrapper>.content>.container-fluid:not(.smarthr-dashboard,.dh-dashboard):not(:where(.formal-report,.program-report-paper,.asc-document-content)) {
        background:var(--dashboard-glass)!important; color:var(--asc-text)!important;
        padding:24px!important; border:1px solid var(--dashboard-glass-border); border-radius:10px;
        backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    }
    body.smarthr-system .report-catalog :is(h1,h2,h3,p,.report-breadcrumb,.report-type-context,label,.report-pagination) { color:var(--asc-text)!important; }
    body.smarthr-system .report-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--asc-border); }
    body.smarthr-system .page-wrapper>.content>.container-fluid:not(.smarthr-dashboard,.dh-dashboard) .page-header :is(h1,h2,h3,.breadcrumb,.breadcrumb a,.breadcrumb-item,.page-subtitle) { color:var(--asc-text)!important; text-shadow:none; }
    @media(max-width:991.98px) { body.smarthr-system .page-wrapper :is(.fw-columns,.fw-form-grid) { grid-template-columns:minmax(0,1fr); } }
    body.smarthr-system :is(.card,[class$="-card"],[class$="-panel"],[class$="-hero"],[class$="-banner"],[class$="-context"],[class$="-summary"],.stats-info,.stats-list,.asc-appearance,.dh-survey-facts,.dh-survey-metrics article,.maintenance-help-shell,.area-metrics,.workspace-totals,.instrument-toolbar):not(:where(.sidebar *,.header *,.modal *,.formal-report,.formal-report *,.program-report-paper,.program-report-paper *,.asc-document-content,.asc-document-content *)) {
        background:var(--dashboard-glass)!important;
        border-color:var(--dashboard-glass-border)!important;
        backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
        box-shadow:0 4px 18px rgba(9,29,52,.12)!important;
    }
    body.smarthr-system :is(.card-body,.card-header,.card-footer,.activity-list,.activity-content,.dh-survey-facts>div,.maintenance-help-main):not(:where(.modal *,.formal-report *,.program-report-paper *,.asc-document-content *)) { background:transparent!important; }
    body.smarthr-system :is(.card table,.card .table,.card tbody,.card tr,.card td):not(:where(.formal-report *,.program-report-paper *,.asc-document-content *)) { background:transparent!important; --bs-table-bg:transparent; }
    body.smarthr-system .card :is(thead th,.table-striped tbody tr:nth-of-type(odd)>*):not(:where(.formal-report *,.program-report-paper *,.asc-document-content *)) { background:var(--dashboard-glass-soft)!important; }
    body.smarthr-system .footer { background:var(--dashboard-glass-soft)!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
    body.smarthr-system .page-header :is(h1,h2,h3,.breadcrumb,.breadcrumb a,.breadcrumb-item,.page-subtitle) { color:#fff!important; text-shadow:0 1px 4px #001b36b3; }
    @media(max-width:767.98px) { body.smarthr-system { background-attachment:scroll!important; } }
}
}