:root{font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#182c40;background:#f3f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,.chart [tabindex]:focus-visible{outline:3px solid #f6ae3c;outline-offset:2px}[hidden]{display:none!important}
.site-header{background:#123953;color:#fff;box-shadow:0 3px 14px #142f4720}.header-inner{max-width:1480px;margin:auto;padding:21px 34px;display:flex;align-items:center;gap:15px}.brand-mark{width:45px;height:45px;border-radius:12px;background:#11a9ad;display:grid;place-items:center;font-size:27px;font-weight:800;flex:none}.brand-copy{min-width:0}.eyebrow,.section-kicker{margin:0 0 3px;font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow{color:#a8d8e4}.brand-copy h1{margin:0;font-size:23px;letter-spacing:.025em}.header-badge{margin-left:auto;padding:7px 12px;border:1px solid #72b9ca;border-radius:999px;background:#ffffff17;font-size:12px;font-weight:700;white-space:nowrap}
.page-shell{max-width:1480px;margin:auto;padding:28px 34px 50px}.notice{display:flex;gap:13px;align-items:flex-start;padding:15px 19px;background:#fff9e8;border:1px solid #f2d893;border-left:5px solid #e6a934;border-radius:10px;color:#654a17;margin-bottom:23px}.notice-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#db9f25;color:#fff;font-weight:800;flex:none}.notice strong{font-size:14px}.notice p{margin:4px 0 0;font-size:12px;line-height:1.6}
.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.filter-card,.panel{background:#fff;border:1px solid #dfe7ee;border-radius:15px;box-shadow:0 6px 24px #1838510a}.filter-card{padding:21px;position:sticky;top:18px}.filter-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e9eef2}.section-kicker{color:#448594}.filter-heading h2,.content-intro h2{margin:0;font-size:20px}.filter-count,.panel-tag{background:#e9f6f5;color:#177a7e;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.filter-group{border:0;margin:18px 0 0;padding:0;min-width:0}.filter-group legend,.filter-group>label{display:block;font-size:13px;font-weight:800;margin-bottom:9px;padding:0}.filter-shortcuts{display:flex;gap:8px;align-items:center;margin-bottom:11px;color:#aab8c1;font-size:12px}.text-button{border:0;padding:0;background:none;color:#087b87;font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}.product-filters{display:grid;gap:7px}.check{display:flex;align-items:center;gap:9px;min-height:35px;padding:6px 9px;border:1px solid #e5edf0;border-radius:8px;background:#fbfcfd;font-size:12px;cursor:pointer}.check:has(input:checked){border-color:#81c7c8;background:#eefafa;color:#176b70;font-weight:700}.check input{accent-color:#11949a;width:15px;height:15px;margin:0}.filter-group select,.toolbar select,.field input,.field select{width:100%;min-height:38px;padding:7px 10px;border:1px solid #cfdce4;border-radius:8px;background:#fff;color:#263c4f}.filter-note{font-size:11px;line-height:1.65;color:#657889;border-top:1px solid #e9eef2;margin:21px 0 0;padding-top:14px}
.content{min-width:0}.content-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 18px}.content-intro p:last-child{color:#627687;font-size:12px;margin:5px 0 0}.sample-pill{display:inline-flex;align-items:center;gap:7px;color:#1c777b;background:#e5f6f3;border:1px solid #cceae5;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#1ba48f}.tabs{display:flex;gap:5px;overflow-x:auto;padding:0 2px 10px;scrollbar-width:thin}.tab{border:1px solid transparent;border-radius:9px;padding:11px 17px;background:transparent;color:#576f81;font-weight:800;font-size:13px;white-space:nowrap}.tab:hover{background:#e8eff3}.tab.active{background:#133e59;color:#fff;box-shadow:0 3px 8px #123c5724}.panel{padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.panel-heading h3{margin:3px 0 5px;font-size:21px}.panel-heading p:last-child{margin:0;color:#667b8b;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:21px}.stat,.single-stat{border:1px solid #e1e9ef;border-radius:11px;background:#f8fafc;padding:16px 18px}.stat span,.single-stat span{display:block;color:#5e7484;font-size:12px;font-weight:700}.stat strong{display:block;font-size:27px;color:#174a67;line-height:1.35;margin-top:4px}.stat small{color:#718392;font-size:11px}.chart-card{border:1px solid #e5ebf0;border-radius:12px;padding:17px 18px 12px;background:#fff;overflow:hidden}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;color:#5c7181;font-size:11px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.legend-swatch{display:inline-block;width:16px;height:9px;border-radius:2px;background:#2e8195}.bar-swatch{background:#2b8fa2}.line-swatch{height:3px;background:#e3a643}.defect-swatch{height:3px;background:#276eab}.front-a-swatch{background:#2b8fa2}.front-b-swatch{background:#e1a53e}.front-c-swatch{background:#7b80c4}.chart-host{width:100%;min-height:260px;overflow-x:auto}.chart{display:block;width:100%;min-width:620px;height:auto}.axis{stroke:#9eb2bf;stroke-width:1.5}.grid{stroke:#e6edf1;stroke-width:1}.tick{fill:#698091;font-size:12px;font-family:"Yu Gothic UI","Meiryo",sans-serif}.pareto-label{font-size:10px}.bar{fill:#2b8fa2}.bar:hover,.front-target:hover{opacity:.78}.rate-line{fill:none;stroke:#e2a53a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.rate-dot{fill:#e2a53a;stroke:#fff;stroke-width:2}.defect-line{fill:none;stroke:#276eab;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.defect-dot{fill:#276eab;stroke:#fff;stroke-width:2}.front-a{fill:#2b8fa2}.front-b{fill:#e1a53e}.front-c{fill:#7b80c4}.chart [tabindex]{cursor:help}.chart-help{margin:12px 2px 0;color:#718392;font-size:11px}.empty{text-align:center;color:#73899a;padding:35px 10px;font-size:13px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 19px}.toolbar label{font-size:12px;font-weight:800}.toolbar select{width:auto;min-width:150px}.toolbar .wide-select{max-width:100%;width:min(360px,100%)}.toolbar-summary{margin-left:auto;color:#245f72;font-size:13px;font-weight:800}.single-stat{display:inline-flex;align-items:baseline;gap:12px;margin-bottom:18px}.single-stat strong{color:#174a67;font-size:22px}
.db-notice{padding:11px 14px;border-radius:8px;background:#fff9ea;border:1px solid #f0dca9;color:#6e531f;font-size:12px;line-height:1.6}.db-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.primary-button,.secondary-button{border-radius:8px;padding:9px 14px;font-size:12px;font-weight:800;min-height:36px}.primary-button{background:#147b88;border:1px solid #147b88;color:#fff}.primary-button:hover{background:#0e6370}.secondary-button{background:#fff;border:1px solid #c8d7df;color:#31556a}.secondary-button:hover{background:#eef4f7}.table-scroll{overflow:auto;border:1px solid #e0e9ee;border-radius:10px}table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}th,td{padding:10px 11px;border-bottom:1px solid #e8eef2;text-align:left;white-space:nowrap}thead th{background:#f1f6f8;color:#506879;font-size:11px;font-weight:800}tbody tr:hover{background:#f8fbfc}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;border-radius:999px;background:#eaf5f5;color:#266e76;padding:4px 8px;font-size:11px;font-weight:700}.table-action{border:0;background:transparent;color:#137989;font-size:12px;font-weight:800;padding:3px 5px}.table-action:hover{text-decoration:underline}.table-action.danger{color:#a85151}
.editor-dialog{border:1px solid #d6e1e7;border-radius:14px;padding:0;width:min(720px,calc(100% - 24px));max-height:min(88vh,900px);box-shadow:0 18px 55px #0e293454}.editor-dialog::backdrop{background:#102c3b9c}.editor-dialog form{padding:23px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:20px;margin:0}.dialog-note{background:#fff9e9;border-radius:7px;color:#6c5425;padding:9px 11px;font-size:11px;margin:14px 0}.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{min-width:0}.field span{display:block;color:#475e70;font-size:12px;font-weight:700;margin-bottom:5px}.field input,.field select{font-size:13px}.form-section{grid-column:1/-1;margin:10px 0 0;padding-top:14px;border-top:1px solid #e5edf1;font-size:14px;color:#23546b}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:16px;border-top:1px solid #e5edf1}.tooltip{position:fixed;z-index:20;max-width:min(280px,calc(100vw - 20px));background:#15364a;color:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 8px 20px #0e293454;font-size:11px;line-height:1.6;pointer-events:none}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.filter-card{position:static}.product-filters{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filter-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.filter-heading,.product-group,.filter-note{grid-column:1/-1}}@media(max-width:620px){.header-inner{padding:16px}.brand-copy h1{font-size:17px}.eyebrow{font-size:9px}.brand-mark{width:38px;height:38px;font-size:23px}.header-badge{font-size:10px;padding:5px 7px}.page-shell{padding:16px 12px 35px}.notice{padding:12px}.workspace{gap:17px}.filter-card{padding:17px}.content-intro{align-items:flex-start;flex-direction:column;gap:10px}.tabs{gap:3px}.tab{padding:10px 12px;font-size:12px}.panel{padding:17px 13px}.panel-heading h3{font-size:18px}.stat-grid{grid-template-columns:1fr;gap:7px}.stat{display:flex;align-items:baseline;gap:9px;padding:10px 13px}.stat strong{margin:0 0 0 auto;font-size:20px}.stat small{font-size:10px}.chart-card{padding:10px}.chart-legend{justify-content:flex-start}.editor-fields{grid-template-columns:1fr}.editor-dialog form{padding:16px}}@media(max-width:390px){.filter-card{display:block}.header-badge{display:none}.product-filters{grid-template-columns:1fr 1fr}}

.auth-panel{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin:0 0 1rem}.auth-panel form{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap}.auth-panel label{display:grid;gap:.25rem}.auth-panel input{padding:.65rem;border:1px solid #c7d3dc;border-radius:.5rem}.auth-panel [hidden],.workspace[hidden],.panel[hidden]{display:none!important}.db-actions{align-items:center}.table-scroll{max-height:65vh;overflow:auto}.table-scroll th{position:sticky;top:0;background:#f4f8fb}.editor-fields{max-height:65vh;overflow:auto}.notice{white-space:pre-line}.header-badge{text-decoration:none}.editor-fields .field input,.editor-fields .field select{width:100%}.db-status{display:inline-block;padding:.2rem .5rem;border-radius:1rem;background:#e8f0f5}.db-status.warn{background:#fff1cf}.table-action:disabled{opacity:.45;cursor:not-allowed}

.queue-section{margin:1.3rem 0 1.7rem;padding:1rem;border:1px solid #dce5ea;border-radius:.8rem}.queue-section h4{margin:0 0 .4rem}.queue-section .table-scroll{max-height:18rem}

/* Operations dashboard: compact white surfaces, square edges, restrained charts. */
:root{font-family:"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;color:#1f2933;background:#fff}
body{background:#fff;line-height:1.4}
button:focus-visible,select:focus-visible,input:focus-visible,.chart [tabindex]:focus-visible{outline:2px solid #356aa0;outline-offset:1px}
.site-header{background:#fff;color:#1f2933;border-bottom:1px solid #cbd3db;box-shadow:none}
.header-inner{max-width:1600px;padding:12px 24px;gap:12px}
.brand-mark{width:35px;height:35px;border-radius:0;background:#203d5a;color:#fff;font-size:20px}
.eyebrow,.section-kicker{color:#627384;font-size:10px;letter-spacing:.08em;font-weight:700}
.brand-copy h1{font-size:19px;letter-spacing:0;font-weight:700}
.header-badge{border-radius:0;background:#fff;color:#264e73;border-color:#b9c8d5;padding:6px 10px;font-size:11px}
.header-badge:hover{background:#edf3f8}
.header-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.header-nav .header-badge{margin-left:0;text-decoration:none}
.page-shell{max-width:1600px;padding:18px 24px 36px}
.notice{border-radius:0;border-color:#d4dee7;border-left:3px solid #52759a;background:#f5f8fb;color:#294056;margin-bottom:14px;padding:9px 12px}
.notice-icon{border-radius:0;background:#52759a}
.workspace{grid-template-columns:222px minmax(0,1fr);gap:18px}
.filter-card,.panel{border-radius:0;box-shadow:none;border-color:#d8e0e7}
.filter-card{padding:15px;top:12px}
.filter-heading{padding-bottom:11px}
.filter-heading h2,.content-intro h2{font-size:17px}
.filter-count,.panel-tag,.pill,.db-status{border-radius:0;background:#edf2f6;color:#425970;padding:3px 6px;font-size:10px}
.filter-group{margin-top:12px}
.filter-group legend,.filter-group>label{font-size:12px;margin-bottom:5px}
.filter-shortcuts{margin-bottom:6px}
.text-button,.table-action{color:#275985}
.product-filters{gap:4px}
.check{min-height:28px;border-radius:0;padding:4px 7px;background:#fff;font-size:11px}
.check:has(input:checked){border-color:#718ba5;background:#eef3f7;color:#1f405f}
.check input{accent-color:#315d85;width:14px;height:14px}
.filter-group select,.toolbar select,.field input,.field select,.auth-panel input{min-height:31px;border-radius:0;border-color:#bfcbd5;padding:5px 8px}
.filter-note{line-height:1.4;margin-top:13px;padding-top:10px}
.content-intro{margin:0 0 11px}
.content-intro p:last-child{margin-top:3px}
.tabs{gap:0;padding:0;border-bottom:1px solid #becbd6;margin-bottom:12px}
.tab{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 13px;color:#506579;font-size:12px}
.tab:hover{background:#f1f5f8}
.tab.active{background:#fff;color:#1c476e;border-bottom-color:#2e638f;box-shadow:none}
.panel{padding:17px}
.panel-heading{margin-bottom:12px}
.panel-heading h3{font-size:18px;margin:2px 0 3px}
.stat-grid{gap:0;margin-bottom:13px;border:1px solid #d8e0e7}
.stat{border:0;border-right:1px solid #d8e0e7;border-radius:0;background:#fff;padding:10px 13px}
.stat:last-child{border-right:0}
.stat strong{font-size:24px;color:#203d5a;margin-top:1px;line-height:1.2;font-variant-numeric:tabular-nums}
.stat span,.single-stat span{font-size:11px;color:#5d6e7d}
.chart-card{border-radius:0;border-color:#d8e0e7;padding:12px 14px 8px}
.chart-legend{gap:15px;color:#4d6071;font-size:10px}
.chart-host{min-height:235px}
.axis{stroke:#a8b5c0;stroke-width:1}
.grid{stroke:#e8edf1}
.tick{fill:#647586;font-family:"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;font-size:11px}
.bar,.bar-swatch,.front-a,.front-a-swatch{fill:#52779b;background:#52779b}
.rate-line,.line-swatch{stroke:#294e78;background:#294e78;stroke-width:2}
.rate-dot{fill:#294e78;stroke:#fff;stroke-width:1.5}
.defect-line,.defect-swatch{stroke:#315f8b;background:#315f8b;stroke-width:2}
.defect-dot{fill:#315f8b;stroke:#fff;stroke-width:1.5}
.front-b,.front-b-swatch{fill:#8b9bad;background:#8b9bad}
.front-c,.front-c-swatch{fill:#b7c2cc;background:#b7c2cc}
.chart-help{margin-top:8px;color:#697a88}
.toolbar{margin:0 0 12px}
.toolbar-summary{color:#315d85}
.single-stat{border-radius:0;background:#f7f9fb;padding:8px 12px;margin-bottom:12px}
.single-stat strong{color:#203d5a}
.db-notice,.dialog-note{border-radius:0;background:#f5f8fb;border-color:#d6e0e8;color:#465b6e}
.db-actions{margin:10px 0}
.primary-button,.secondary-button{border-radius:0;min-height:31px;padding:6px 11px;font-size:11px}
.primary-button{background:#274f75;border-color:#274f75}
.primary-button:hover{background:#1d3c59}
.secondary-button{border-color:#b7c5d0;color:#31526f}
.secondary-button:hover{background:#f1f5f8}
.table-scroll{border-radius:0;border-color:#d8e0e7}
table{font-size:11px}
th,td{padding:7px 9px;border-bottom-color:#e4e9ee}
thead th,.table-scroll th{background:#eef2f5;color:#3f5365;font-size:10px}
tbody tr:hover{background:#f5f8fa}
.editor-dialog{border-radius:0;box-shadow:0 12px 36px #152b3e30}
.editor-dialog::backdrop{background:#1b2a386b}
.editor-dialog form{padding:18px}
.editor-fields{gap:9px}
.tooltip{border-radius:0;background:#253d55;box-shadow:0 6px 16px #1a2f4240}
.queue-section{margin:12px 0;padding:10px;border-radius:0;border-color:#d8e0e7}
.auth-panel{margin-bottom:10px}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.filter-card{position:static}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.header-inner{padding:10px 12px}.brand-copy h1{font-size:16px}.brand-mark{width:31px;height:31px;font-size:18px}.page-shell{padding:12px}.workspace{gap:11px}.filter-card{padding:12px}.panel{padding:12px}.panel-heading h3{font-size:16px}.stat-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #d8e0e7}.stat:last-child{border-bottom:0}.stat strong{font-size:19px}.chart-card{padding:8px}.tab{padding:8px 10px}.editor-dialog form{padding:13px}}

/* Neutral monochrome palette requested for the business view. */
:root{color:#202124}
button:focus-visible,select:focus-visible,input:focus-visible,.chart [tabindex]:focus-visible{outline-color:#333}
.site-header,.filter-card,.panel,.chart-card,.table-scroll,.queue-section,.stat-grid{border-color:#d5d5d5}
.brand-mark,.primary-button{background:#303030;border-color:#303030;color:#fff}
.primary-button:hover{background:#111;border-color:#111}
.header-badge,.secondary-button{color:#333;border-color:#bdbdbd}
.header-badge:hover,.secondary-button:hover,.tab:hover,tbody tr:hover{background:#f3f3f3}
.eyebrow,.section-kicker,.content-intro p:last-child,.panel-heading p:last-child,.chart-help,.filter-note{color:#666}
.notice,.db-notice,.dialog-note{background:#f7f7f7;border-color:#d7d7d7;border-left-color:#666;color:#333}
.notice-icon{background:#555}
.filter-count,.panel-tag,.pill,.db-status,.db-status.warn{background:#eee;color:#444}
.filter-heading,.filter-note,.tabs{border-color:#ddd}
.text-button,.table-action,.toolbar-summary{color:#333}
.check{border-color:#d6d6d6}
.check:has(input:checked){border-color:#aaa;background:#f2f2f2;color:#222}
.check input{accent-color:#444}
.filter-group select,.toolbar select,.field input,.field select,.auth-panel input{border-color:#c4c4c4;color:#222}
.tab{color:#555}.tab.active{color:#111;border-bottom-color:#222}
.stat,.single-stat{border-color:#d5d5d5;background:#fff}
.stat strong,.single-stat strong{color:#222}
.stat span,.single-stat span,.chart-legend,.tick{color:#666;fill:#666}
.grid{stroke:#e8e8e8}.axis{stroke:#aaa}
.bar,.bar-swatch,.front-a,.front-a-swatch{fill:#777;background:#777}
.rate-line,.line-swatch{stroke:#252525;background:#252525}
.rate-dot{fill:#252525}
.defect-line,.defect-swatch{stroke:#555;background:#555}
.defect-dot{fill:#555}
.front-b,.front-b-swatch{fill:#999;background:#999}
.front-c,.front-c-swatch{fill:#bdbdbd;background:#bdbdbd}
thead th,.table-scroll th{background:#f2f2f2;color:#333}
th,td{border-bottom-color:#e5e5e5}
.table-action.danger{color:#555}
.tooltip{background:#303030}
.db-pages{display:flex;align-items:center;gap:12px;margin:12px 0 8px}
#table-count{padding:0 6px;white-space:nowrap}
@media(max-width:620px){.db-pages{gap:8px}}

/* Color is reserved for chart series so each measure remains identifiable. */
.bar,.bar-swatch{fill:#4b7698;background:#4b7698}
.rate-line,.line-swatch{stroke:#c87832;background:#c87832}
.rate-dot{fill:#c87832}
.defect-line,.defect-swatch{stroke:#376c9a;background:#376c9a}
.defect-dot{fill:#376c9a}
.front-a,.front-a-swatch{fill:#4b7698;background:#4b7698}
.front-b,.front-b-swatch{fill:#c87832;background:#c87832}
.front-c,.front-c-swatch{fill:#806b9b;background:#806b9b}
.confirm-dialog{width:min(430px,calc(100% - 24px));padding:18px 20px;border:1px solid #aaa;border-radius:0;box-shadow:0 12px 36px #0003;color:#202124;background:#fff}
.confirm-dialog::backdrop{background:#0007}
.confirm-dialog p{margin:0;font-size:14px;line-height:1.6}
.confirm-dialog .dialog-actions{margin-top:18px;padding-top:12px;border-color:#ddd}