.dept21-public{margin:0;background:#edf2f8;color:#183451;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.dept21-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - 1280px)/2));background:#112a47;color:#dceafa}.dept21-brand{color:white;font-size:30px;font-weight:850;text-decoration:none;letter-spacing:-1px}.dept21-brand span{color:#62d8bc}.dept21-menu{display:flex;flex-wrap:wrap;gap:8px;padding:16px max(24px,calc((100vw - 1280px)/2));background:white;border-bottom:1px solid #cdd9e8}.dept21-menu a{font-size:12px;color:#365b86;padding:9px 12px;border-radius:6px;text-decoration:none;background:#edf3fc}.dept21-menu a[aria-current=page]{background:#245ee9;color:white}.dept21-container{max-width:1280px;margin:0 auto;padding:36px 24px}.dept21-hero{background:#193b61;border-radius:16px;padding:48px;color:white;margin-bottom:28px}.dept21-hero>span{font-size:11px;letter-spacing:.12em;font-weight:750;color:#c6ddfa}.dept21-hero h1{font-size:clamp(32px,4vw,54px);font-weight:760;line-height:1.15;letter-spacing:-.04em;margin:18px 0;color:#fff}.dept21-hero p{max-width:760px;font-size:17px;line-height:1.7;color:#dae7f8}.dept21-hero small{display:block;margin-top:22px;color:#d2e3f7;font-size:12px}.dept21-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dept21-area{background:white;border:1px solid #d1deee;border-top:4px solid #6b9fe9;border-radius:12px;padding:22px;text-decoration:none;color:#234360;display:flex;flex-direction:column;min-height:240px;box-shadow:0 5px 16px #15365206}.dept21-area:hover{border-color:#477de0;box-shadow:0 8px 24px #15365213}.dept21-area h2{font-size:18px;font-weight:750;margin:16px 0 10px}.dept21-area p{font-size:12px;line-height:1.7;color:#58708c}.dept21-area footer{margin-top:auto;border-top:1px solid #e1e9f3;padding-top:13px;font-size:11px;font-weight:650;display:flex;justify-content:space-between}.dept21-index{font:700 12px ui-monospace,monospace;color:#5e7aa0}.dept21-warehouse{border-top-color:#19a987}.dept21-personnel{border-top-color:#9764cf}.dept21-accounting{border-top-color:#c9952a}.dept21-delivery{border-top-color:#259fbc}.dept21-sales{border-top-color:#c66695}.dept21-store{border-top-color:#d38650}.dept21-explanation{background:white;border:1px solid #d1deee;border-radius:12px;padding:28px;margin-top:28px}.dept21-explanation h2{font-size:22px}.dept21-explanation p{font-size:13px;color:#526d8c;line-height:1.7}.wh21-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.wh21-shortcuts a{background:white;color:#285b9a;border:1px solid #c9d9ed;border-radius:7px;padding:10px 13px;font-size:12px;text-decoration:none;font-weight:650}.wh21-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.wh21-kpis article{background:white;border:1px solid #d0deef;border-top:3px solid #6697dc;border-radius:10px;padding:22px}.wh21-kpis span{font-size:11px;color:#527091;display:block}.wh21-kpis strong{display:block;font-size:26px;line-height:1.4;color:#1c446f;margin-top:10px;font-variant-numeric:tabular-nums}.wh21-filter,.wh21-chart-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.wh21-filter label{font-size:12px;color:#4a6686}.wh21-filter label:first-child{flex:1;min-width:200px}.wh21-chart-header>div:last-child{display:flex;gap:14px}.wh21-chart-header label{font-size:12px}.wh21-chart-tools{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.wh21-chart-tools .btn{font-size:12px}.wh21-chart-tools button[aria-pressed=false]{opacity:.55}.wh21-svg{width:100%;height:auto;max-height:310px;background:#f6f9fd;border:1px solid #dbe6f4;border-radius:10px}.wh21-svg text{font:11px system-ui,sans-serif;fill:#47658a}.wh21-svg circle:focus{outline:3px solid #f1bb58}.wh21-chart-header p,[data-wh21-status]{font-size:12px;color:#526c8b}.wh21-planning{min-width:1350px}.wh21-lineform{padding:20px;border:1px solid #d1dff0;border-radius:9px;margin:20px 0;display:flex;gap:18px;flex-wrap:wrap}.wh21-lineform legend{float:none;width:auto;font-size:15px}.dept21-internal{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;background:#e6effd;border:1px solid #bdcfee;border-radius:10px;margin:14px 0 20px}.dept21-internal strong{color:#244d7b;font-size:14px}.dept21-internal a{font-size:12px}.dept21-internal>div{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:1100px){.dept21-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh21-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dept21-header{padding:18px;flex-wrap:wrap;gap:16px}.dept21-header>span{font-size:12px}.dept21-header .btn{font-size:11px}.dept21-container{padding:22px 16px}.dept21-menu{padding:12px 16px}.dept21-menu a{font-size:10px;padding:8px}.dept21-hero{padding:28px}.dept21-area-grid{grid-template-columns:1fr}.dept21-area{min-height:210px}.wh21-kpis article{padding:15px}.wh21-kpis strong{font-size:21px}.wh21-chart-header>div:last-child{width:100%}.dept21-internal{align-items:flex-start;flex-direction:column}}
/* Department toolbar contrast within the existing command theme. */
.dept21-internal{background:#173b5c!important;color:#fff!important}.dept21-internal strong,.dept21-internal a{color:#fff!important;-webkit-text-fill-color:#fff!important}.dept21-internal a:hover{text-decoration:underline}.dept21-internal button{background:#fff!important;color:#244bd2!important;border-color:#cad8f8!important;-webkit-text-fill-color:#244bd2!important}