@media screen{
    html{
        color-scheme:light;
        --ink:#17354a;
        --muted:#617b8e;
        --line:#d5e3ed;
        --paper:#edf5fb;
        --white:#ffffff;
        --surface:#ffffff;
        --surface-soft:#f4f9fd;
        --surface-raised:#ffffff;
        --border:#d5e3ed;
        --text:#17354a;
        --text-muted:#617b8e;
        --primary:#247eaa;
        --green:#259fc5;
        --green-dark:#1b638c;
        --green-soft:#e7f6fb;
        --blue:#315f9b;
        --blue-soft:#eaf2fb;
        --shadow:0 10px 28px rgba(32,83,116,.07)
    }

    html body,html .app-shell,html .main-content,html .content-frame{
        background:var(--paper)!important;
        color:var(--ink)!important
    }

    html .corporate-sidebar{
        background:#f8fbfe!important;
        border-right:1px solid #cedfea;
        color:var(--ink)!important;
        box-shadow:8px 0 28px rgba(24,71,101,.055)
    }
    html .official-brand-card{
        padding:0!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important
    }
    html .corporate-nav :where(.nav-home,.nav-group summary,.nav-group>div>a){
        color:#36576b!important
    }
    html .corporate-nav :where(.nav-home,.nav-group summary,.nav-group>div>a):hover,html .corporate-nav :where(.nav-home,.nav-group>div>a).active{
        background:#e5f3fa!important;
        color:#185f82!important
    }
    html .nav-group-icon{
        background:#e9f3f9!important;
        color:#2b7396!important
    }
    html .nav-group summary>small,html .nav-subtitle,html .corporate-user small{
        color:#71899a!important
    }
    html .corporate-user{
        border-color:#d4e2eb!important
    }
    html .corporate-user .link-button{
        color:#456b81!important
    }
    html .corporate-topbar{
        background:#fafdff!important;
        border-color:#d4e2eb!important;
        color:var(--ink)!important
    }

    html .content-frame :where(
        .panel,.stat-card,.list-card,.focus-strip,.summary-strip-v3,.record-status-strip,
        .record-tabs,.workspace-tabs,.version-pill,.notice,fieldset,details,
        [class$="-panel"],[class*="-panel "],[class$="-card"],[class*="-card "],
        [class$="-kpi"],[class*="-kpi "],[class$="-summary"],[class*="-summary "]
    ){
        background:#fff;
        border-color:var(--line);
        color:var(--ink)
    }
    html .content-frame :where(
        .panel,.stat-card,.list-card,[class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]
    ){
        box-shadow:var(--shadow)
    }
    html .content-frame :where(
        .panel-header,.form-section-head,thead,.assistant-people-head-v1,.assistant-report-table-v1 th
    ){
        background-color:#f4f9fd
    }
    html :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,dialog,[role="dialog"],[role="menu"],[role="listbox"]){
        background-color:#fff!important;
        border-color:#cbdde8!important;
        color:var(--ink)!important;
        -webkit-text-fill-color:var(--ink)
    }
    html :where(input,select,textarea):focus-visible{
        border-color:#3e9dc4!important;
        box-shadow:0 0 0 3px rgba(62,157,196,.16)!important
    }
    html table :where(th,td),html dl div{
        border-color:#dce8ef
    }
    html tbody tr:nth-child(even){
        background:#f8fbfd
    }

    @media (max-width:720px){
        html .corporate-sidebar{box-shadow:12px 0 32px rgba(24,71,101,.12)}
        html .content-frame :where(.panel,.stat-card,[class$="-card"],[class*="-card "]){
            max-width:100%;
            min-width:0
        }
        html :where(input,select,textarea,.button){font-size:16px}
    }
}

@media print{
    html body,html .app-shell,html .main-content,html .content-frame,html .content-frame :where(.panel,.stat-card,[class$="-card"],[class*="-card "]){
        background:#fff!important;
        color:#000!important;
        box-shadow:none!important
    }
}