/* Visual 1.9.7: loaded only when selected; previous themes are kept intact. */
:root{--navy:#102c43;--navy-deep:#0b2033;--green:#16675b;--green-deep:#0d5147;--bg:#f5f6f3;--text:#172d40;--muted:#536676;--line:#e2e8e5;--radius:14px}
body.design-visual{background:var(--bg);color:var(--text)}
.design-visual .sidebar{background:linear-gradient(160deg,#122f48,#0a2238);border-right:0}
.design-visual .sidebar nav a{color:#d4e0e9}.design-visual .sidebar nav a.active{background:#ffffff12;color:white;box-shadow:inset 3px 0 #9acdbf}.design-visual .sidebar nav a:hover{background:#ffffff17;color:white}.design-visual .brand small{color:#c2d3df}.design-visual .sidebar-bottom,.design-visual .profile-link{color:#e1e9ef}
.design-visual .workspace-topbar{background:#ffffffd9;border-bottom:1px solid var(--line)}
.design-visual .content{max-width:1520px;margin-inline:auto}
.design-visual .page-heading{position:relative;isolation:isolate;padding:26px 28px;border:1px solid #dfe8e2;border-radius:16px;background:#edf3ee;overflow:hidden;min-height:130px;gap:22px;align-items:center}
.design-visual .page-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf3ee 0%,#edf3ee 52%,#edf3eeec 65%,#edf3ee20 100%),url('visual-desk.webp') right center/auto 100% no-repeat;pointer-events:none}
.design-visual .page-heading>div{min-width:0}.design-visual .page-heading>div:first-child{max-width:760px}.design-visual .page-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;overflow-wrap:anywhere}
.design-visual .page-heading .muted{color:#3f5862;font-size:.9rem;max-width:650px}.design-visual .eyebrow{color:#48655d}
.design-visual .page-heading .actions{position:relative;flex-wrap:wrap;justify-content:flex-end;padding:10px;border-radius:12px;background:#f7faf7f0;max-width:520px}
.design-visual .page-heading .heading-meta{background:#ffffffd9;border-radius:8px;padding:8px;display:inline-flex;flex-wrap:wrap}
.design-visual .worker-heading{min-height:210px;padding:36px}.design-visual .worker-heading>div:first-child{max-width:66%}.design-visual .worker-heading:before{background:linear-gradient(90deg,#edf3ee 0%,#edf3eef5 42%,#edf3eea6 62%,#edf3ee00 80%),url('visual-desk.webp') right center/cover no-repeat}.design-visual .worker-heading h1{font-size:clamp(2rem,3.5vw,3.3rem)}
.design-visual .panel{background:white;border:1px solid var(--line);box-shadow:0 4px 18px #193b2e04;border-radius:14px}.design-visual .panel-heading{border-bottom-color:var(--line)}
.design-visual .button.primary{background:#16675b;color:white;border-color:#16675b;box-shadow:0 3px 8px #16675b12}.design-visual .button.primary:hover{background:#0e554b;border-color:#0e554b}.design-visual .button.primary:disabled{background:#16675b;opacity:.48}
.design-visual .button.secondary{background:#fff;color:#145f55;border:1px solid #8cb2a9;box-shadow:none}.design-visual .button.secondary:hover{background:#eff6f3;border-color:#286f61}.design-visual .button{border-radius:9px;min-height:44px}.design-visual .button.danger{color:#9c2424;background:#fff1f1;border-color:#e6b4b4}
.design-visual a:focus-visible,.design-visual button:focus-visible,.design-visual summary:focus-visible{outline:3px solid #b5781e;outline-offset:3px}.design-visual input:focus,.design-visual select:focus,.design-visual textarea:focus{outline:2px solid #3e8979;border-color:#3e8979;outline-offset:2px}
.design-visual input,.design-visual select,.design-visual textarea{border-color:#cbd7d2;border-radius:9px;background:#fff;color:#172d40}.design-visual input:disabled,.design-visual select:disabled{background:#f0f3f1;color:#64736c}.design-visual label{font-weight:600}.design-visual .form-section h2{color:#193d42}.design-visual .form-section{padding:26px}
.design-visual .back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:14px;padding:8px 13px;border:1px solid #ccdad3;border-radius:9px;background:white;color:#1b6355;font-weight:600}
.design-visual th{background:#f4f7f5;color:#4d635b}.design-visual td{border-color:#e9eeeb}.design-visual tbody tr:hover{background:#f7faf8}.design-visual .worker-history-row{border-color:#e6ece8}.design-visual .worker-history-row strong{color:#173e39}
.design-visual .worker-quick{border-top:3px solid #227363}.design-visual .quick-month-info strong{font-size:1.7rem;color:#173d38}.design-visual .quick-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.design-visual .quick-buttons .button{min-height:78px;padding:16px 20px;font-size:1rem}.design-visual .quick-buttons .button span{font-size:.76rem}.design-visual .quick-company-name{color:#536b61}
.design-visual .worker-help{border-color:#d5e4dc;background:#f5f9f6}.design-visual .footer{color:#61746b}.design-visual .stat-card{border:1px solid var(--line);box-shadow:none;background:#fff}
.design-visual .notice{border-radius:10px}.design-visual .text-link{color:#1b6658}.design-visual .appearance-options label{background:#f7faf8;border-color:#d4e2da}.design-visual .appearance-options input{accent-color:#16675b}
/* Login and recovery share the same photographic visual identity. */
body.design-visual.auth-body{background:linear-gradient(120deg,#0a2134ef,#0f3a3acd),url('visual-desk.webp') center/cover fixed;min-height:100vh}
.design-visual .auth-card{border:1px solid #fff9;border-radius:20px;background:#fffffff7;box-shadow:0 20px 70px #06132130;border-top:5px solid #377c6b}.design-visual .auth-card h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#152f43;font-size:2.4rem;letter-spacing:-.035em}
@media(min-width:1150px){.design-visual .worker-heading{margin-bottom:22px}.design-visual .worker-quick{padding:28px 30px}.design-visual .worker-quick .quick-buttons{max-width:780px}}
@media(max-width:850px){.design-visual .sidebar{background:#102c43}.design-visual .content{padding:18px}.design-visual .page-heading{padding:22px 20px;min-height:122px;align-items:stretch}.design-visual .page-heading>div:first-child{max-width:100%}.design-visual .page-heading:before{background:linear-gradient(90deg,#edf3ee 0%,#edf3eef7 60%,#edf3ee9c 100%),url('visual-desk.webp') right top/auto 150px no-repeat}.design-visual .page-heading .muted{font-size:.83rem;line-height:1.55}.design-visual .page-heading .actions{max-width:none;justify-content:flex-start;padding:8px}.design-visual .worker-heading{min-height:165px;padding:26px 22px}.design-visual .worker-heading:before{background:linear-gradient(90deg,#edf3ee 0%,#edf3eef7 48%,#edf3eeb8 74%,#edf3ee40 100%),url('visual-desk.webp') right center/auto 100% no-repeat}.design-visual .worker-heading h1{max-width:75%;font-size:2.15rem}.design-visual .worker-heading .muted{max-width:80%}.design-visual .form-section{padding:22px 18px}.design-visual .button{min-height:46px}.design-visual .quick-buttons{grid-template-columns:1fr 1fr;gap:10px}.design-visual .quick-buttons .button{padding:14px 10px;min-height:86px}.design-visual .quick-buttons .button span{font-size:.7rem}.design-visual .auth-card{border-radius:16px}.design-visual .workspace-switch{min-height:44px}}
@media(max-width:380px){.design-visual .content{padding:14px}.design-visual .page-heading{padding:20px 16px}.design-visual .worker-heading h1{max-width:90%;font-size:2rem}.design-visual .worker-heading .muted{max-width:95%}.design-visual .quick-buttons{grid-template-columns:1fr}.design-visual .auth-card{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.design-visual *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.design-visual .page-heading:before{display:none}.design-visual .page-heading,.design-visual .panel,.design-visual .button{border:1px solid CanvasText}.design-visual .button.primary,.design-visual .button.secondary{color:ButtonText;background:ButtonFace}.design-visual .sidebar nav a.active{outline:2px solid Highlight}}
@media print{body.design-visual{background:#fff}.design-visual .page-heading{padding:0;min-height:0;border:0;background:transparent}.design-visual .page-heading:before{display:none}.design-visual .panel{box-shadow:none}.design-visual .page-heading h1{font-family:inherit}}
.design-visual .content>h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em;padding:26px;border:1px solid #dfe8e2;border-radius:14px;background:linear-gradient(90deg,#edf3ee 0%,#edf3eef5 65%,#edf3ee90 100%),url('visual-desk.webp') right center/auto 100% no-repeat;margin-bottom:18px;font-size:clamp(1.8rem,3vw,2.5rem);overflow-wrap:anywhere}.design-visual .content>p{line-height:1.6}.design-visual .stat{background:white;border:1px solid var(--line);box-shadow:0 4px 18px #193b2e04}.design-visual .stat>strong{color:#183e39}
@media(max-width:850px){.design-visual .content>h1{padding:22px 18px;font-size:1.9rem}}
@media print{.design-visual .content>h1{background:none;border:0;padding:0;font-family:inherit}}
.design-visual .form-section h2{padding-inline-end:36px;overflow-wrap:anywhere;line-height:1.45}.design-visual .section-number{color:#52766b;background:#edf4f0}.design-visual .appearance-options label:has(input:checked){border-color:#4d8876;background:#edf5f0}.design-visual .badge.draft{background:#fbf1d9;color:#865b06}.design-visual .badge.submitted{background:#e8f0fa;color:#285c88}.design-visual .badge.approved{background:#e6f4ed;color:#286546}.design-visual .badge.paid{background:#def0eb;color:#155f51}.design-visual .badge.returned{background:#fff0e9;color:#994a1d}