/* Screen-only cosmetic variants. Original adds no overrides. Printed documents keep their own layout. */
@media screen {
html[data-ui-design="classic"]{--jd-design-bg:#141b25;--jd-design-panel:#202b3b;--jd-design-field:#111923;--jd-design-line:#657991;--jd-design-accent:#bad4f1;--jd-design-ink:#f1f5fb;--jd-design-font:"Segoe UI",Arial,sans-serif;--jd-design-radius:6px}
html[data-ui-design="retro"]{--jd-design-bg:#191b1a;--jd-design-panel:#252c27;--jd-design-field:#141a16;--jd-design-line:#91a68d;--jd-design-accent:#d8efb3;--jd-design-ink:#f0f6e9;--jd-design-font:"Courier New",monospace;--jd-design-radius:2px}
html[data-ui-design="neon"]{--jd-design-bg:#100c1c;--jd-design-panel:#21172e;--jd-design-field:#120e20;--jd-design-line:#9264c5;--jd-design-accent:#74eeef;--jd-design-ink:#f4edff;--jd-design-font:"Segoe UI",Arial,sans-serif;--jd-design-radius:14px}
html[data-ui-design="paper"]{--jd-design-bg:#211c16;--jd-design-panel:#322a21;--jd-design-field:#201a15;--jd-design-line:#aa8c64;--jd-design-accent:#f2d3a2;--jd-design-ink:#f7eddd;--jd-design-font:Georgia,"Times New Roman",serif;--jd-design-radius:8px}
html[data-ui-design]:not([data-ui-design="original"]){color-scheme:dark;--bg:var(--jd-design-bg);--panel:var(--jd-design-panel);--ink:var(--jd-design-ink);--text:var(--jd-design-ink);--line:var(--jd-design-line);--border:var(--jd-design-line)}
html[data-ui-design]:not([data-ui-design="original"]) body:not(.family-report-printing){background-color:var(--jd-design-bg)!important;color:var(--jd-design-ink)!important;font-family:var(--jd-design-font)!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(h1,h2,h3,h4,.app-name,.brand,.section-title,.panel-title){font-family:var(--jd-design-font)!important;color:var(--jd-design-ink)!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(.hero,.panel,.card,.bubble,.composer,.chat-tabs,.ipad-status,.window-header,.confirm-card,.dialog,.chat,.sidebar,#jdBottomAppDock,#jdWorkbar,.jd-display-size select){background:var(--jd-design-panel)!important;border-color:var(--jd-design-line)!important;border-radius:var(--jd-design-radius)!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select){background-color:var(--jd-design-field)!important;color:var(--jd-design-ink)!important;border-color:var(--jd-design-line)!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(input,textarea,select)::placeholder{color:#b5b6bf!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(.desktop-app,.btn:not(.danger):not(.red):not(.green):not(.gold):not(.primary),.chat-tab:not(.active)){border-color:var(--jd-design-line)!important;border-radius:var(--jd-design-radius)!important}
html[data-ui-design]:not([data-ui-design="original"]) :is(.desktop-app:hover,.desktop-app:focus-visible,.jd-display-size select:focus-visible){outline:2px solid var(--jd-design-accent);outline-offset:-2px}
html[data-ui-design="retro"] :is(.hero,.panel,.card,#jdBottomAppDock){background-image:radial-gradient(#b5d09b0d .7px,transparent .7px)!important;background-size:4px 4px!important}
html[data-ui-design="retro"] :is(h1,h2,.app-name){letter-spacing:.04em!important;text-shadow:1px 1px #000!important}
html[data-ui-design="neon"] :is(.hero,.ipad-status,#jdBottomAppDock){box-shadow:inset 0 -1px #74eeef77,0 0 16px #a143df22!important}
html[data-ui-design="paper"] :is(h1,h2,.section-title){font-weight:700!important;letter-spacing:.02em!important}
/* Status, access, warning and department colors remain controlled by each app. */
@media(max-width:700px) and (pointer:coarse){
 html[data-mobile-density="comfortable"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select){min-height:40px!important;font-size:16px!important}
 html[data-mobile-density="comfortable"] :is(.btn,.chat-tab){min-height:40px!important}
 html[data-mobile-density="comfortable"] textarea{font-size:16px!important}
}
}
@media screen{
html[data-ui-design="retro"]{--jd-design-radius:0px;--jd-design-line:#91b37e;--jd-design-accent:#d6ee95}
html[data-ui-design="retro"] :is(button,input,select,textarea,.btn,.tag,.badge,.avatar,.person,.dialog,.panel,.card,.hero,.desktop-app,.app-tile,#jdSidebarAvatar,#jdSidebarProfile,#jdSidebarTools,#jdChatDock){border-radius:0!important;font-family:"Courier New",monospace!important;border-width:2px!important;image-rendering:pixelated}
html[data-ui-design="retro"] :is(button,.btn,.panel,.card,.dialog,.person,.desktop-app){box-shadow:4px 4px 0 #030a05!important;transition:none!important}
html[data-ui-design="retro"] :is(button,.btn):active{box-shadow:1px 1px 0 #030a05!important;transform:translate(2px,2px)}
html[data-ui-design="retro"] :is(.hero,.panel,.dialog,#jdSidebarProfile,#jdSidebarTools,#appsTop){background-color:#202b20!important;background-image:linear-gradient(#adcc9710 1px,transparent 1px),linear-gradient(90deg,#adcc9710 1px,transparent 1px)!important;background-size:8px 8px!important}
html[data-ui-design="retro"] :is(h1,h2,h3,.app-name,.jd-sidebar-brand){font-family:"Courier New",monospace!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase;text-shadow:2px 2px #020901!important}
html[data-ui-design="retro"] :is(.avatar,img){image-rendering:pixelated;border-radius:0!important}
html[data-ui-design="light"]{color-scheme:light!important;--jd-design-bg:#edf2f7;--jd-design-panel:#fff;--jd-design-field:#f7f9fc;--jd-design-line:#c2cfdd;--jd-design-accent:#315f92;--jd-design-ink:#172c44;--jd-design-font:"Segoe UI",Arial,sans-serif;--jd-design-radius:12px;--muted:#52667d;--text-muted:#52667d}
html[data-ui-design="light"] body{background:#edf2f7!important;color:#172c44!important}
html[data-ui-design="light"] :is(.shell,.workspace,.case-body,.case-top,.dialog-actions,.profile-grid,.person,.record,.record-main,.record-actions,.section-card,.history-card,.account,.panel-body,.case-tabs,.tags,.staff-stat,.org-tier,.md-tier,.profile-hero,#jdSidebarProfile,#jdSidebarTools,#appsTop,#jdDesignMenu .jd-design-options,#createForm){background:#fff!important;color:#172c44!important;border-color:#c2cfdd!important;box-shadow:none!important}
html[data-ui-design="light"] :is(p,small,label,.muted,.helper,.field>span,.person small,.badge,.tag,.profileMeta,#jdSidebarRank,#jdSidebarName,.jd-sidebar-brand,.jd-sidebar-brand small,.jd-sidebar-status){color:#52667d!important}
html[data-ui-design="light"] :is(.btn,button,.tag,.badge,.jd-profile-tabs button,.case-tabs button,.jd-side-actions summary){background:#e8eff8!important;color:#244b74!important;border-color:#b5c8dd!important}
html[data-ui-design="light"] :is(.btn.primary,button.primary,.jd-profile-tabs button[aria-selected=true],.case-tabs button.active){background:#315f92!important;color:#fff!important;border-color:#315f92!important}
html[data-ui-design="light"] :is(.btn.danger,button.danger){background:#ffeded!important;color:#972c3c!important;border-color:#dfa5ae!important}
html[data-ui-design="light"] :is(input,textarea)::placeholder{color:#64758a!important}
html[data-ui-design="light"] #jdDesignMenu select{background:#f7f9fc!important;color:#172c44!important;border-color:#b5c8dd!important}
html[data-ui-design="light"] body.jd-command-sidebar #appsTop .desktop-app{color:#243f5c!important;background:#fff!important}
html[data-ui-design="light"] body.jd-command-sidebar #appsTop .desktop-app:hover{background:#e5eef8!important;color:#172c44!important}
html[data-ui-design="light"] .jd-side-clock :is(strong,small){color:#244b74!important}
html[data-ui-design="light"] .jd-side-account button{color:#315f92!important}
html[data-ui-design="light"] .jd-number-help{background:#f5f8fc!important}
}
@media(min-width:701px){.jd-phone-layout,.jd-mobile-control{display:none!important}}
@media screen{
html[data-ui-design="light"]{--jd-bg:#edf2f7;--jd-surface:#ffffff;--jd-panel:#ffffff;--jd-text:#172c44;--jd-muted:#52667d;--jd-line:#c2cfdd;--jd-line-soft:#dae2eb}
html[data-ui-design="light"] body :is(.sidebar,.sidebar-head,.sidebar-list,.toolbar,.topbar,.content-card,.detail-card,.list-button,.window-tab,.window-tabs,.workspace-tabs,.app-window,.window-body,.tabs,.table-wrap,thead,th,.md-table th,.md-table td){background:#f7f9fc!important;color:#172c44!important;border-color:#c2cfdd!important}
html[data-ui-design="light"][data-app-placement="left"] body.jd-command-sidebar #jdSidebarProfile,
html[data-ui-design="light"][data-app-placement="left"] body.jd-command-sidebar #appsTop,
html[data-ui-design="light"][data-app-placement="left"] body.jd-command-sidebar #jdSidebarTools{background:#f4f7fb!important;color:#172c44!important;border-color:#c2cfdd!important}
html[data-ui-design="light"][data-app-placement="left"] body.jd-command-sidebar #appsTop .desktop-app{color:#244b74!important;background:transparent!important;border-radius:9px!important}
html[data-ui-design="light"] body.jd-command-sidebar .jd-side-clock strong,
html[data-ui-design="light"] body.jd-command-sidebar .jd-side-clock small,
html[data-ui-design="light"] body.jd-command-sidebar #jdSidebarName,
html[data-ui-design="light"] body.jd-command-sidebar .jd-sidebar-brand{color:#244b74!important;text-shadow:none!important}
html[data-ui-design="light"] body.jd-command-sidebar #jdSidebarProfile #dutyToggle{background:#e5edf6!important;color:#244b74!important;border-color:#b5c8dd!important}
html[data-ui-design="light"] .jd-sidebar-status select{box-shadow:none!important}
html[data-ui-design="light"] body :is(.sidebar h2,.sidebar h3,.sidebar b,.sidebar p,.sidebar small){color:#36516e!important}
html[data-ui-design="retro"][data-app-placement="left"] body.jd-command-sidebar #jdSidebarProfile,
html[data-ui-design="retro"][data-app-placement="left"] body.jd-command-sidebar #appsTop{background:#202b20!important;border-color:#91b37e!important}
html[data-ui-design="retro"][data-app-placement="left"] body.jd-command-sidebar #appsTop .desktop-app,
html[data-ui-design="retro"] body.jd-command-sidebar #workspaceRailToggle,
html[data-ui-design="retro"] body.jd-command-sidebar #jdDesignMenu .jd-design-options{border-radius:0!important}
}