:root{
  --ground:#F6F8FB;--surface:#FFFFFF;--surface-2:#EEF2F7;--surface-3:#E4EAF2;--ink:#141D29;--ink-2:#3B4A5C;--muted:#6B7A8D;
  --line:#DCE3EC;--line-strong:#C3CEDC;--accent:#1D4E9B;--accent-2:#12386F;--accent-soft:#E6EEFA;--ok:#147A4B;--ok-soft:#E1F2E9;
  --warn:#9E6407;--warn-soft:#FAEFDC;--crit:#AC2B20;--crit-soft:#FAE7E5;--purple:#5B3FA8;--purple-soft:#EDE8FA;
  --shadow:0 1px 2px rgba(20,29,41,.06),0 8px 22px -16px rgba(20,29,41,.3);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;font-size:13.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
.mono,code{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.num{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
h1,h2,h3,h4{margin:0;font-weight:700}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font-family:inherit;font-size:inherit}
button{cursor:pointer}

.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;gap:16px;height:54px;position:sticky;top:0;z-index:5}
.brand{font-weight:900;font-size:15px;white-space:nowrap}.brand span{color:var(--accent)}
.topbar .spacer{flex:1}
.selector{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:5px 11px;font-size:12.5px;display:flex;gap:9px;align-items:center;white-space:nowrap}
.selector .lbl{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,monospace}
.selector select{border:none;background:transparent;color:var(--ink);font-weight:600}
.av{width:27px;height:27px;border-radius:50%;display:inline-grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--accent);color:#fff}
.who{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}
.who form{margin:0}

.shell{display:flex;min-height:calc(100vh - 54px);align-items:stretch}
.side{width:200px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:1px}
.side .grp{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,monospace;padding:14px 10px 5px;font-weight:600}
.navbtn{display:flex;align-items:center;gap:9px;border-radius:4px;padding:7px 10px;color:var(--ink-2);font-size:12.5px;line-height:1.4}
.navbtn:hover{background:var(--surface-2);text-decoration:none}
.navbtn[aria-current="true"]{background:var(--accent-soft);color:var(--accent);font-weight:700}
.navbtn .sid{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted)}
.navbtn[aria-current="true"] .sid{color:var(--accent)}
.navbtn .badge{margin-left:auto;background:var(--crit);color:#fff;border-radius:9px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;padding:0 6px}
.main{flex:1;min-width:0;padding:22px 24px 60px}

.pagehead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pagehead h2{font-size:20px}
.pagehead .eyebrow{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;display:block;margin-bottom:3px}
.pagehead .note{font-size:12.5px;color:var(--muted);margin-left:auto;max-width:52ch;text-align:right}
.pagehead .acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.btn{display:inline-block;background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:6px 13px;color:var(--ink-2);font-size:12.5px;white-space:nowrap;line-height:1.5}
.btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.btn.pri:hover{color:#fff;background:var(--accent-2)}
.btn.sm{padding:3px 9px;font-size:11.5px}.btn.danger{color:var(--crit);border-color:var(--crit)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
form.inline{display:inline}

.pill{display:inline-block;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:3px;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.crit{background:var(--crit-soft);color:var(--crit)}
.pill.idle{background:var(--surface-2);color:var(--muted)}.pill.ai{background:var(--accent-soft);color:var(--accent)}.pill.pp{background:var(--purple-soft);color:var(--purple)}.pill.low{background:var(--surface-2);color:var(--ink-2)}
a.pill:hover{text-decoration:none;outline:1px solid var(--accent)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);margin-bottom:14px}
.card-h{padding:11px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.card-h h3{font-size:13px}.card-h .sub{font-size:11.5px;color:var(--muted);font-family:ui-monospace,monospace}
.card-h .r{margin-left:auto;display:flex;gap:8px;align-items:center}
.card-b{padding:15px}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:12.5px}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.55}
thead th{background:var(--surface-2);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;white-space:nowrap}
tbody tr:last-child td{border-bottom:none}
td.n{text-align:right;font-family:ui-monospace,monospace;white-space:nowrap}td.m{font-family:ui-monospace,monospace;white-space:nowrap}
tr.clk{cursor:pointer}tr.clk:hover{background:var(--surface-2)}
.hint{font-size:11.5px;color:var(--muted);margin-top:9px;line-height:1.7}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start}
.lockbadge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--purple);background:var(--purple-soft);border-radius:3px;padding:1px 7px;font-family:ui-monospace,monospace;font-weight:600;white-space:nowrap}
.miniav{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font-size:8.5px;font-weight:700;background:var(--surface-3);color:var(--ink-2)}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:12px 15px;display:flex;flex-direction:column;gap:2px}
.kpi .k{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,monospace;font-weight:600}
.kpi .v{font-family:ui-monospace,monospace;font-size:24px;font-weight:600;line-height:1.15}.kpi .u{font-size:11.5px;color:var(--muted)}
.kpi.alert{border-left:3px solid var(--crit)}.kpi.alert .v{color:var(--crit)}
.kpi.due{border-left:3px solid var(--warn)}.kpi.due .v{color:var(--warn)}
.kpi.mine{border-left:3px solid var(--accent)}.kpi.mine .v{color:var(--accent)}
.kpi.good{border-left:3px solid var(--ok)}.kpi.good .v{color:var(--ok)}

.stage{display:inline-flex;gap:3px;align-items:center;min-width:90px;vertical-align:middle}
.stage i{height:5px;flex:1;min-width:18px;border-radius:2px;background:var(--surface-3)}
.stage i.on{background:var(--accent)}.stage i.done{background:var(--ok)}
.stage-lbl{font-size:11px;color:var(--muted);margin-left:8px;white-space:nowrap}

.feed{display:flex;flex-direction:column}
.fi{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}
.fi:last-child{border-bottom:none}.fi .t{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--muted);flex:none;padding-top:2px;width:86px}
.fi .b{color:var(--ink-2)}.fi .b b{color:var(--ink)}

.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}
.fld{display:flex;flex-direction:column;gap:5px}.fld.wide{grid-column:1/-1}
.fld label{font-size:11px;letter-spacing:.05em;color:var(--muted);font-weight:700}
.fld input,.fld select,.fld textarea,input.txt,select.txt,textarea.txt{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:4px;padding:7px 10px;color:var(--ink);font-size:12.5px;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.fld .help{font-size:10.5px;color:var(--muted);line-height:1.5}
.formfoot{display:flex;gap:9px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);align-items:center}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--ink-2)}.chk input{width:auto;margin-top:4px}

.find{border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:0 4px 4px 0;padding:10px 12px;margin-bottom:9px;background:var(--surface)}
.find.crit{border-left-color:var(--crit);background:var(--crit-soft)}.find.warn{border-left-color:var(--warn);background:var(--warn-soft)}
.find.human{border-left-color:var(--purple);background:var(--purple-soft)}.find.done{opacity:.7}
.find .fh{display:flex;gap:8px;align-items:center;margin-bottom:5px;flex-wrap:wrap}
.find .rid{font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600;color:var(--accent)}
.find .ft{font-size:12.5px;font-weight:700;line-height:1.45;flex:1 1 100%}
.find .fb{font-size:11.5px;color:var(--ink-2);line-height:1.65}
.find .amt{margin-left:auto;font-family:ui-monospace,monospace;font-weight:600;font-size:12px}
.find .fq{margin-top:8px;padding:8px 10px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:3px;font-size:11.5px;color:var(--ink-2);line-height:1.7}
.find .fq .qh{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:3px}
.find .fa{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;align-items:center}
.find .fa select,.find .fa input{background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:3px 7px;font-size:11.5px;color:var(--ink)}
.find .fa input.c{flex:1;min-width:160px}
.find textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:6px 8px;font-size:11.5px;min-height:52px;margin-top:6px}
.src{font-family:ui-monospace,monospace;font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:3px;letter-spacing:.04em;white-space:nowrap}
.src.rule{background:var(--surface-2);color:var(--ink-2)}.src.man{background:var(--purple-soft);color:var(--purple)}.src.carry{background:var(--ok-soft);color:var(--ok)}
.scope{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;white-space:nowrap}
.scope.ext{background:var(--warn-soft);color:var(--warn)}.scope.int{background:var(--surface-2);color:var(--muted)}.scope.none{background:var(--crit-soft);color:var(--crit)}
.thr{margin-top:8px;border-top:1px dashed var(--line-strong);padding-top:7px;display:flex;flex-direction:column;gap:5px}
.cmt{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.6}.cmt .who{font-family:ui-monospace,monospace;font-size:9.5px;color:var(--muted);flex:none;min-width:110px;padding-top:2px}
.carry{background:var(--ok-soft);border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:0 4px 4px 0;padding:10px 14px;margin-bottom:12px;font-size:12.5px}
.carry .tag{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok);font-weight:600}
.carry ul{margin:4px 0 0;padding-left:1.2em;color:var(--ink-2)}
.callout{background:var(--accent-soft);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding:12px 16px;margin:12px 0;font-size:12.5px;line-height:1.8;color:var(--ink-2)}
.callout.warn{background:var(--warn-soft);border-left-color:var(--warn)}.callout.ok{background:var(--ok-soft);border-left-color:var(--ok)}.callout.crit{background:var(--crit-soft);border-left-color:var(--crit)}
.msg{background:var(--accent-soft);border:1px solid var(--accent);border-radius:4px;padding:8px 14px;margin-bottom:14px;font-size:12.5px;color:var(--accent-2)}

.gate{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.gr{display:grid;grid-template-columns:74px 1fr auto;gap:12px;background:var(--surface);padding:10px 14px;align-items:center;font-size:12.5px}
.gr .rid{font-family:ui-monospace,monospace;font-size:11px;color:var(--accent);font-weight:600}.gr .txt{color:var(--ink-2);line-height:1.6}
.gr.bad{background:var(--crit-soft)}.gr.bad .txt{color:var(--ink)}

.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pg{background:var(--surface);border:1px solid var(--line);border-radius:5px;overflow:hidden}.pg.skip{opacity:.55}
.pg img{width:100%;display:block;border-bottom:1px solid var(--line);background:#fff;aspect-ratio:1/1.2;object-fit:contain}
.pg .b{padding:6px 8px;font-size:11px;line-height:1.5}.pg .b .p{font-family:ui-monospace,monospace;font-weight:600;font-size:10.5px;color:var(--accent)}
.pg:target{outline:3px solid var(--accent)}
.drop{border:2px dashed var(--line-strong);border-radius:6px;padding:22px 20px;text-align:center;background:var(--surface);color:var(--muted);font-size:12.5px}
.drop .big{font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:5px}
.drop input[type=file]{margin-top:10px}
.login{max-width:380px;margin:80px auto;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:28px 30px;box-shadow:var(--shadow)}
.login h1{font-size:18px;margin-bottom:4px}.login .sub{color:var(--muted);font-size:12px;margin-bottom:18px}
.err{color:var(--crit);font-size:12px;margin-bottom:10px}
.lines th,.lines td{padding:6px 9px;font-size:12px}
.lines td.w{min-width:150px}
details summary{cursor:pointer;color:var(--accent);font-size:12.5px}
@media (max-width:820px){.shell{flex-direction:column}.side{width:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:8px 10px;gap:4px}.side .grp{display:none}.navbtn{white-space:nowrap}.main{padding:14px 14px 48px}.pagehead .note{margin-left:0;text-align:left}.topbar .selector.hideS{display:none}}