:root{--ink:#16202e;--mut:#5b6677;--line:#dfe4ec;--bg:#f6f8fb;--blue:#1d3a6e;--acc:#1d4ed8;--red:#c81e3a;--amb:#b45309;--grn:#15803d}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;font:.9375rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1180px;margin:0 auto;padding:16px}
h1{font-size:1.55rem;line-height:1.25;margin:.2em 0 .5em;color:var(--blue)}h2{font-size:1.15rem;margin:1.2em 0 .5em}
.langbar{float:right}.better{margin:.3em 0 .8em;padding-left:1.2em}.better li{margin:.25em 0}
.lede{background:#fff;border-left:4px solid var(--red);padding:.6em .9em;margin:.6em 0}.scope{font-size:max(.9em,.8125rem);color:var(--mut);margin:.4em 0}
.cta{display:flex;gap:.6em;flex-wrap:wrap;align-items:center;margin:.8em 0}
button,.buy{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.45em .9em;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-block}
button.go,.buy{background:var(--acc);color:#fff;border-color:var(--acc);font-weight:600}.buy.alt{background:var(--blue);border-color:var(--blue)}
.mode{font-size:max(.9em,.8125rem);color:var(--mut)}
.exbar{background:#fff7e6;border:1px solid #f3c77a;padding:.5em .8em;border-radius:8px;margin:.5em 0}
.tabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin-top:1em;overflow-x:auto}
.tabs button{border:0;border-radius:8px 8px 0 0;background:transparent;padding:.55em 1em;white-space:nowrap}.tabs button.on{background:#fff;font-weight:700;box-shadow:inset 0 -3px 0 var(--acc)}
.pane{background:#fff;border:1px solid var(--line);border-top:0;padding:14px;border-radius:0 0 10px 10px}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.tile{border:1px solid var(--line);border-radius:10px;padding:.5em .8em}.tile b{display:block;font-size:1.6rem;line-height:1.1}.tile.red b{color:var(--red)}.tile.amb b{color:var(--amb)}
.qbar{display:flex;justify-content:space-between;gap:.6em;flex-wrap:wrap;align-items:center;margin:.4em 0}
.filters button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:12px;margin-top:8px}
.queue{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;max-height:640px;overflow:auto}
.queue li{padding:.55em .7em;border-bottom:1px solid var(--line);cursor:pointer}.queue li:hover{background:#f3f6fb}.queue li.sel{background:#e8efff}
.queue li.br{border-left:4px solid var(--red)}.queue li.wn{border-left:4px solid var(--amb)}
.queue .t1{font-weight:600}.queue .t2{font-size:max(.85em,.8125rem);color:var(--mut)}
.chip{display:inline-block;font-size:max(.78em,.8125rem);border-radius:99px;padding:.05em .55em;margin:.15em .25em 0 0;border:1px solid var(--line);white-space:nowrap}
.chip.breach,.chip.missed{background:#fde8ec;color:var(--red);border-color:#f5b5c1;font-weight:700}.chip.warn{background:#fff4e0;color:var(--amb);border-color:#f3c77a}
.chip.met{background:#e7f6ec;color:var(--grn);border-color:#a8dcb8}.chip.ok{background:#eef3ff;color:var(--acc)}.chip.paused{background:#f1f1f4;color:var(--mut)}
.chip.P1{background:var(--red);color:#fff;border-color:var(--red)}.chip.P2{background:#f97316;color:#fff;border-color:#f97316}
.detail{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:200px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form .full,.grid5 .wide{grid-column:1/-1}
label span{display:block;font-size:max(.82em,.8125rem);color:var(--mut)}input,select,textarea{font:inherit;width:100%;padding:.4em .5em;border:1px solid #c9d1dd;border-radius:7px;background:#fff;font-size:max(1rem,1em)}
input[type=checkbox],input[type=radio]{width:auto}
.grid5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;margin-bottom:12px}
.clocks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.clock{border-radius:10px;padding:.5em .7em;border:1px solid var(--line)}
.clock b{display:block;font-size:1.15rem}.clock.breach,.clock.missed{background:#fde8ec;border-color:#f5b5c1}.clock.breach b,.clock.missed b{color:var(--red)}
.clock.warn{background:#fff4e0}.clock.met{background:#e7f6ec}.clock.paused{background:#f1f1f4}
.thread{list-style:none;padding:0;margin:8px 0}.thread li{padding:.45em .65em;border-radius:8px;margin:.35em 0;background:#f3f6fb;white-space:pre-wrap}
.thread li.req{background:#fff;border:1px solid var(--line)}.thread li.int{background:#fffbea;border:1px dashed #e7c75a}.thread .who{font-size:max(.78em,.8125rem);color:var(--mut);display:block}
.row{display:flex;gap:.5em;align-items:center;flex-wrap:wrap;margin:.4em 0}
table{border-collapse:collapse;width:100%;margin:.4em 0}th,td{border-bottom:1px solid var(--line);padding:.35em .5em;text-align:left;vertical-align:top}th{font-size:max(.85em,.8125rem);color:var(--mut)}
td.n{text-align:right;font-variant-numeric:tabular-nums}
.hint{font-size:max(.88em,.8125rem);color:var(--mut)}.ok{color:var(--grn)}.err{color:var(--red)}
.buybox{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.btns{display:flex;gap:.6em;flex-wrap:wrap}
.card{border:1px solid var(--line);border-radius:10px;padding:.6em .8em;margin:.5em 0}.card h3{margin:0 0 .2em;font-size:1rem}
.big{font-size:1.9rem;font-weight:700;line-height:1.1}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.printArea{display:none}
@media (max-width:760px){.split{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid5,.form,.kpis{grid-template-columns:minmax(0,1fr)}h1{font-size:1.3rem}}
@media print{body{background:#fff}.wrap>*:not(#printArea){display:none!important}#printArea{display:block!important}.printArea h1{font-size:1.3rem}.printArea table{font-size:.8125rem}}