/* 画面モック v2.28 の CSS（コメントは除去して配信）。独自の追加は app.css へ */

:root{
  --bg-body:#EEF1F3; --bg-panel:#FFFFFF; --bg-deep:#E3E8EB;
  --border:#D6DDE1; --border-strong:#BCC6CC; --border-grey:#8E9AA1;
  --accent:#1C6DB0; --accent-server:#8A6A22; --accent-local:#1C6DB0;
  --gold:#8A6A22; --gold-lt:#A9821F; --gold-dk:#6A5119;
  --bg-row-hl-server:#FAF2DC; --bg-row-hl-local:#E4F0F8;
  --bg-row-alt-a:#FFFFFF; --bg-row-alt-b:#F6F9FA; --bg-row-inactive:#D5DCE0;
  --bg-title:#DCE6ED; --bg-ov:#EDF3F7; --bg-ov-bd:#C6D4DE; --bg-ov2:#D9E4EC; --bg-ov2-bd:#AEC0CE;
  --text:#171D21; --text-muted:#4E585E; --text-weak:#677278; --text-disabled:#A3ADB3;
  --lamp-red:#C62828; --lamp-yellow:#B08600; --lamp-white:#5A6469;
  --mk5:#2C7BC7; --mk4:#2E8B3D; --mk3:#FFFFFF; --mk2:#E8B21F; --mk1:#D2342B;
  --mk5t:#1C6DB0; --mk4t:#237A31; --mk3t:#5A6469; --mk2t:#9A7400; --mk1t:#C62828; --lamp-blue:#1C6DB0; --lamp-green:#2E7D32;
  --badge-new:#C2185B; --badge-sync:#2E7D32; --badge-old:#6E777C; --badge-conf:#A55A00;
  --mark-attn:#C62828; --mark-attn-bg:#FBEAEA; --mark-fav-bg:#FBF3DE;
  --shadow:rgba(20,30,40,.22);
  --login-bg:radial-gradient(1200px 600px at 50% -10%,#FFFFFF 0%,#EEF1F3 60%);
  --mock-bg:repeating-linear-gradient(135deg,#F0E6CE,#F0E6CE 10px,#E9DDBF 10px,#E9DDBF 20px);
  --row-h:26px; --header-h:56px; --status-h:24px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
  --bg-body:#0F1314; --bg-panel:#161B1E; --bg-deep:#0A0D0F;
  --border:#222A2C; --border-strong:#2C3739; --border-grey:#555555;
  --accent:#4C9CE1; --accent-server:#D4A853; --accent-local:#4C9CE1;
  --gold:#D4A853; --gold-lt:#E8C469; --gold-dk:#8A6D2C;
  --bg-row-hl-server:#2E2615; --bg-row-hl-local:#1F2D2A;
  --bg-row-alt-a:#13191B; --bg-row-alt-b:#181E20; --bg-row-inactive:#3A3F42;
  --bg-title:#1C262C; --bg-ov:#111A1F; --bg-ov-bd:#26343C; --bg-ov2:#0A1116; --bg-ov2-bd:#31434E;
  --text:#E6E6E6; --text-muted:#A8AFB3; --text-weak:#8B9397; --text-disabled:#5A6165;
  --lamp-red:#E53935; --lamp-yellow:#F4C430; --lamp-white:#ECECEC;
  --mk5:#4C9CE1; --mk4:#5FBA63; --mk3:#FFFFFF; --mk2:#F4C430; --mk1:#E4574C;
  --mk5t:#6FB4EA; --mk4t:#7FCB82; --mk3t:#FFFFFF; --mk2t:#F4C430; --mk1t:#F0736A; --lamp-blue:#4C9CE1; --lamp-green:#6ABF69;
  --badge-new:#E91E63; --badge-sync:#6ABF69; --badge-old:#888888; --badge-conf:#FFB74D;
  --mark-attn:#FF6B6B; --mark-attn-bg:#3B1F1F; --mark-fav-bg:#3B311E;
  --shadow:rgba(0,0,0,.62);
  --login-bg:radial-gradient(1200px 600px at 50% -10%,#16202a 0%,#0F1314 60%);
  --mock-bg:repeating-linear-gradient(135deg,#2a1f0a,#2a1f0a 10px,#241a08 10px,#241a08 20px);
  }
}
:root[data-theme="dark"]{
  --bg-body:#0F1314; --bg-panel:#161B1E; --bg-deep:#0A0D0F;
  --border:#222A2C; --border-strong:#2C3739; --border-grey:#555555;
  --accent:#4C9CE1; --accent-server:#D4A853; --accent-local:#4C9CE1;
  --gold:#D4A853; --gold-lt:#E8C469; --gold-dk:#8A6D2C;
  --bg-row-hl-server:#2E2615; --bg-row-hl-local:#1F2D2A;
  --bg-row-alt-a:#13191B; --bg-row-alt-b:#181E20; --bg-row-inactive:#3A3F42;
  --bg-title:#1C262C; --bg-ov:#111A1F; --bg-ov-bd:#26343C; --bg-ov2:#0A1116; --bg-ov2-bd:#31434E;
  --text:#E6E6E6; --text-muted:#A8AFB3; --text-weak:#8B9397; --text-disabled:#5A6165;
  --lamp-red:#E53935; --lamp-yellow:#F4C430; --lamp-white:#ECECEC;
  --mk5:#4C9CE1; --mk4:#5FBA63; --mk3:#FFFFFF; --mk2:#F4C430; --mk1:#E4574C;
  --mk5t:#6FB4EA; --mk4t:#7FCB82; --mk3t:#FFFFFF; --mk2t:#F4C430; --mk1t:#F0736A; --lamp-blue:#4C9CE1; --lamp-green:#6ABF69;
  --badge-new:#E91E63; --badge-sync:#6ABF69; --badge-old:#888888; --badge-conf:#FFB74D;
  --mark-attn:#FF6B6B; --mark-attn-bg:#3B1F1F; --mark-fav-bg:#3B311E;
  --shadow:rgba(0,0,0,.62);
  --login-bg:radial-gradient(1200px 600px at 50% -10%,#16202a 0%,#0F1314 60%);
  --mock-bg:repeating-linear-gradient(135deg,#2a1f0a,#2a1f0a 10px,#241a08 10px,#241a08 20px);
}
*{box-sizing:border-box;}
html{margin:0;padding:0;}
body{margin:0;padding:0;overflow-x:hidden;}
body{
  background:var(--bg-body); color:var(--text);
  font-family:"Kozuka Gothic Pro","KozGoPr6N","小塚ゴシック Pro 6N","Meiryo UI","Meiryo","Yu Gothic UI","Segoe UI",sans-serif;
  font-size:14px; line-height:1.7;
}
h1,h2,h3,h4{margin:0;font-weight:600;}
a{color:var(--accent);}
button{font-family:inherit;font-size:14px;cursor:pointer;}
.mockbar{
  background:var(--mock-bg);
  border-bottom:1px solid var(--gold-dk); padding:6px 14px;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px;
}
.mockbar .tag{
  background:var(--gold-dk); color:#FFF7E2; padding:1px 8px; border-radius:3px;
  font-weight:700; letter-spacing:.06em;
}
.mockbar label{color:var(--gold);font-weight:600;}
.rolebtns{display:flex;gap:4px;}
.rolebtns button{
  background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);
  padding:3px 10px;border-radius:3px;
}
.rolebtns button:hover{background:rgba(76,156,225,.12);color:var(--text);}
.rolebtns button.on{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);font-weight:700;}
.mockbar .mnote{color:var(--text-weak);margin-left:auto;}
.app{display:flex;flex-direction:column;min-height:calc(100vh - 33px);}
.hd{
  height:var(--header-h); background:var(--bg-deep); border-bottom:1px solid var(--border-strong);
  display:flex;align-items:center;padding:0 16px;gap:16px;flex:0 0 auto;
}
.logo{font-size:16px;font-weight:700;letter-spacing:.04em;}
.logo .hris{color:var(--accent);}
.cycle{color:var(--text-muted);font-size:12px;border-left:1px solid var(--border-strong);padding-left:16px;}
.cycle b{color:var(--gold);font-weight:600;}
.hd .right{margin-left:auto;display:flex;align-items:center;gap:14px;}
.netbadge{font-size:11px;padding:2px 8px;border-radius:3px;border:1px solid var(--border-strong);color:var(--text-muted);}
.netbadge.inhouse{border-color:var(--gold-dk);color:var(--gold);}
.netbadge.web{border-color:#2b5b84;color:var(--accent);}
#pBadge.pin{border-color:var(--badge-sync);color:var(--badge-sync);background:rgba(106,191,105,.08);}
#pBadge.pout{border-color:var(--border-grey);color:var(--text-weak);}
.who{display:flex;flex-direction:column;line-height:1.3;}
.who .n{font-size:13px;}
.who .r{font-size:11px;color:var(--text-muted);}
.bell{position:relative;color:var(--text-muted);font-size:16px;}
.bell .dot{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border-radius:50%;background:var(--badge-new);}
.body{display:flex;flex:1 1 auto;min-height:0;}
.nav{
  width:212px;flex:0 0 212px;background:var(--bg-panel);border-right:1px solid var(--border);
  padding:10px 0;
}
.nav .grp{font-size:11px;color:var(--text-weak);padding:12px 14px 5px;letter-spacing:.1em;}
.nav a{
  display:flex;align-items:center;gap:8px;padding:9px 14px;color:var(--text-muted);
  text-decoration:none;border-left:3px solid transparent;
}
.nav a:hover{background:var(--bg-row-hl-local);color:var(--text);}
.nav a.on{background:var(--bg-row-hl-local);color:var(--text);border-left-color:var(--accent);}
.nav a.sub{padding-left:28px;font-size:12px;}
.nav a.sub:before{content:"└";position:absolute;margin-left:-14px;color:var(--text-disabled);}
.nav a{position:relative;}
.nav a .ct{margin-left:auto;font-size:12px;color:var(--text-weak);}
.nav a.on .ct{color:var(--accent);}
.main{flex:1 1 auto;padding:20px 26px 40px;overflow:auto;}
.sb{
  height:var(--status-h);background:var(--bg-deep);border-top:1px solid var(--border);
  display:flex;align-items:center;padding:0 14px;gap:16px;font-size:11px;color:var(--text-weak);flex:0 0 auto;
}
.sb .lamp{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;}
.page-h{display:flex;align-items:flex-end;gap:14px;margin-bottom:4px;}
.page-h h2{font-size:23px;letter-spacing:.01em;}
.page-h .sub{color:var(--text-muted);font-size:13px;padding-bottom:4px;}
.lead{color:var(--text-muted);margin:0 0 18px;font-size:13px;line-height:1.8;}
.panel{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;
  padding:18px 20px;margin-bottom:18px;
}
.panel > h3{
  font-size:16px;margin:-2px 0 14px;display:flex;align-items:center;gap:8px;
  padding-left:11px;border-left:3px solid var(--accent);line-height:1.4;
}
.panel > h3 .k{
  font-size:10px;color:var(--bg-deep);background:var(--gold);padding:1px 6px;border-radius:2px;font-weight:700;
}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:1100px){.grid2{grid-template-columns:1fr;}}
.note{
  background:var(--bg-deep);border:1px solid var(--border);
  padding:10px 13px;margin:13px 0;font-size:12.5px;line-height:1.8;color:var(--text-muted);border-radius:3px;
}
.note::before{content:"Tips：";color:var(--text-weak);font-weight:600;}
.note b{color:var(--text);font-weight:600;}
.note.warn, .note.deny, .note.ok{background:var(--bg-deep);border-color:var(--border);}
.panel > h3 .hmeta{font-size:11.5px;color:var(--text-muted);font-weight:400;}
.panel > h3 .badge{margin-left:auto;}
#adjTitle{flex-wrap:wrap;}
table{border-collapse:collapse;width:100%;font-size:13px;}
th{
  background:var(--bg-deep);color:var(--text-muted);font-weight:600;text-align:left;
  padding:9px 10px;border-bottom:1px solid var(--border-strong);white-space:nowrap;font-size:12.5px;
}
td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle;}
tbody tr:nth-child(odd){background:var(--bg-row-alt-a);}
tbody tr:nth-child(even){background:var(--bg-row-alt-b);}
tbody tr:hover{background:var(--bg-row-hl-local);}
td.num{text-align:right;font-variant-numeric:tabular-nums;}
td.c{text-align:center;}
th.c{text-align:center;}
th.num{text-align:right;}
.badge{font-size:11.5px;padding:2px 9px;border-radius:10px;white-space:nowrap;display:inline-block;font-weight:600;}
.b-todo{background:#33251a;color:var(--badge-conf);}
.b-draft{background:#2b2410;color:var(--gold-lt);}
.b-done{background:#16301a;color:var(--badge-sync);}
.b-lock{background:#26292b;color:var(--text-weak);}
.b-back{background:#3B1F1F;color:var(--mark-attn);}
.btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);padding:6px 14px;border-radius:3px;font-size:13px;}
.btn:hover{background:rgba(76,156,225,.12);color:var(--text);}
.btn.pri{border-color:var(--accent);color:var(--accent);}
.btn.pri:hover{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);}
.btn.gold{border-color:var(--gold);color:var(--gold);}
.btn.gold:hover{background:var(--gold);color:var(--bg-deep);}
.btn.dgr:hover{background:rgba(255,80,80,.18);color:var(--text);}
.btn.sm{padding:4px 11px;font-size:12px;}
.prog{height:7px;background:var(--bg-deep);border-radius:4px;overflow:hidden;border:1px solid var(--border);}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#69b4f0);}
.prog.g i{background:linear-gradient(90deg,#4a9a4a,var(--badge-sync));}
.sechide{display:none !important;}
.peelock .seccard,.evlock > .seccard{opacity:.40;pointer-events:none;}
.seccard{
  border:1px solid var(--border);border-radius:5px;background:var(--bg-panel);
  padding:14px 16px;margin:0 0 11px;cursor:pointer;display:flex;align-items:center;gap:16px;
}
.seccard:hover{border-color:var(--accent);}
.seccard .sctx{flex:1;min-width:0;}
.seccard .scttl{font-size:14.5px;font-weight:700;color:var(--text);}
.seccard .scsub{font-size:12px;color:var(--text-muted);margin-top:5px;
  display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;}
.seccard .scsub .rest{color:var(--mk2t);font-weight:600;}
.seccard .scsub .done{color:var(--badge-sync);}
.seccard .scmk{display:inline-flex;gap:5px;align-items:center;}
.seccard .scmk .mark{width:21px;height:21px;font-size:12px;}
.seccard .scmk em{font-style:normal;color:var(--text-muted);font-size:11.5px;}
#sv{position:fixed;inset:0;background:rgba(5,8,10,.72);display:none;z-index:236;
    align-items:flex-start;justify-content:center;padding:26px 18px;}
#sv.on{display:flex;}
#sv .svbox{background:var(--bg-panel);border:1px solid var(--border-grey);border-radius:6px;
  width:min(1040px,100%);max-height:calc(100vh - 52px);overflow:auto;padding:0;
  box-shadow:0 24px 60px var(--shadow);}
#sv .svhd{position:sticky;top:0;background:var(--bg-panel);border-bottom:1px solid var(--border);
  padding:15px 22px;display:flex;align-items:center;gap:14px;z-index:2;}
#sv .svhd .t{font-size:15px;font-weight:700;}
#sv .svhd .s{font-size:12px;color:var(--text-muted);}
#sv .svhd .sp{flex:1;}
#sv .svbd{padding:18px 22px 20px;}
#sv .svbd > .panel{border:0;padding:0;margin:0;background:transparent;box-shadow:none;}
#sv .svbd > .panel > h3,
#sv .svbd > .sec > h4.band{display:none;}   
#sv .svbd > .sec{margin:0;}
table.evfocus td.skill-name small{display:none;}
table.evfocus .lv{display:none;}
table.evfocus button.cmt{display:none;}
table.evfocus tbody tr:not(.cmtrow){cursor:pointer;}
table.evfocus tbody tr:not(.cmtrow):hover{background:var(--bg-deep);}
table.evfocus td.skill-name{font-weight:600;}
table.evfocus tr.ivghost{opacity:.45;pointer-events:none;}
table.evfocus tr.ivghost td.skill-name::after{content:'　評価中';font-size:11px;color:var(--accent);}
.ivnow .todo{font-size:12px;color:var(--text-muted);}
.ivnow .cmted{font-size:11px;color:var(--text-muted);margin-left:7px;}
.ivcount{font-size:12px;color:var(--text-muted);margin:0 0 7px;}
.ivcount b{color:var(--text);}
.ivcount .rest{color:var(--mk2t);}
#iv{position:fixed;inset:0;background:rgba(5,8,10,.72);display:none;z-index:240;
    align-items:center;justify-content:center;padding:18px;}
#iv.on{display:flex;}
#iv .ivbox{background:var(--bg-panel);border:1px solid var(--border-grey);border-radius:6px;
  width:min(680px,100%);max-height:92vh;overflow:auto;padding:22px 24px 18px;
  box-shadow:0 24px 60px var(--shadow);}
#iv .ivgrp{font-size:12px;color:var(--text-muted);display:flex;align-items:baseline;gap:10px;}
#iv .ivgrp .pos{margin-left:auto;}
#iv .ivttl{font-size:19px;font-weight:700;margin:7px 0 0;color:var(--text);}
#iv .ivdesc{font-size:13.5px;line-height:1.8;margin:9px 0 14px;color:var(--text-muted);}
#iv .ivmeta{display:flex;gap:22px;font-size:12.5px;color:var(--text-muted);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:9px 0;margin-bottom:13px;}
#iv .ivmeta b{color:var(--text);font-size:13px;}
#iv .ivtbl{width:100%;}
#iv .ivtbl tr:not(.cmtrow) td:nth-child(1),
#iv .ivtbl tr:not(.cmtrow) td:nth-child(2),
#iv .ivtbl tr:not(.cmtrow) td:nth-child(4){display:none;}
#iv .ivtbl tr:not(.cmtrow) td{border:0;padding:0;vertical-align:middle;}
#iv .ivtbl tr.cmtrow td{border:0;padding:12px 0 0;}
#iv .ivtbl td:nth-child(3){padding-right:14px;}
#iv .ivtbl .lv{display:inline-flex;}
#iv .ivtbl button.cmt{display:inline-block;}
#iv .ivtbl .evbtn,#iv .ivtbl .ivnow{display:none;}
#iv .ivnav{display:flex;gap:9px;align-items:center;margin-top:14px;
  border-top:1px solid var(--border);padding-top:13px;}
#iv .ivnav .sp{flex:1;}
.lv{display:inline-flex;gap:5px;}
.lv label{
  width:38px;height:34px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;
  color:var(--text-weak);font-size:17px;font-weight:600;background:var(--bg-deep);user-select:none;
}
.lv label:hover{border-color:var(--accent);color:var(--text);}
.lv input{display:none;}
.lv input:checked + span{}
.lv label{position:relative;}
.lv label.sel{color:var(--bg-deep);font-weight:700;}
.lv label:nth-child(1).sel{background:var(--mk5);border-color:var(--mk5);color:#FFFFFF;}
.lv label:nth-child(2).sel{background:var(--mk4);border-color:var(--mk4);color:#FFFFFF;}
.lv label:nth-child(3).sel{background:var(--mk3);border-color:var(--border-grey);color:#14191C;}
.lv label:nth-child(4).sel{background:var(--mk2);border-color:var(--mk2);color:#14191C;}
.lv label:nth-child(5).sel{background:var(--mk1);border-color:var(--mk1);color:#FFFFFF;}
.lv label:nth-child(3){margin-right:11px;}
.lv label:nth-child(3):after{
  content:"";position:absolute;right:-8px;top:-2px;bottom:-2px;width:2px;
  background:var(--gold);border-radius:1px;
}
.mark{
  font-size:17px;display:inline-block;min-width:26px;text-align:center;font-weight:700;
  font-variant-numeric:tabular-nums;
}
.m-5{color:var(--mk5t);}   
.m-4{color:var(--mk4t);}   
.m-3{color:var(--mk3t);}   
.m-2{color:var(--mk2t);}   
.m-1{color:var(--mk1t);}   
.req{font-size:11.5px;color:var(--text-weak);}
.scale{
  display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;padding:8px 10px;
  background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;
  font-size:12.5px;color:var(--text-muted);
}
.scale span{display:flex;align-items:center;gap:5px;padding-right:8px;border-right:1px solid var(--border);}
.scale span:last-child{border-right:none;}
.scale b{
  font-size:14px;min-width:23px;height:23px;display:flex;align-items:center;justify-content:center;
  border:1px solid currentColor;border-radius:3px;
}
.scale .base{color:var(--text);}
.scale .base i{color:var(--gold);font-style:normal;font-size:10px;}
.skill-name{font-size:13.5px;}
.skill-name small{display:block;color:var(--text-weak);font-size:12px;line-height:1.5;margin-top:2px;}
.steps{display:flex;gap:0;margin:0 0 18px;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.steps div{
  flex:1;padding:10px 6px;text-align:center;font-size:13px;color:var(--text-weak);
  background:var(--bg-panel);border-right:1px solid var(--border);position:relative;
}
.steps div:last-child{border-right:none;}
.steps div.on{background:var(--bg-row-hl-local);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);}
.steps div.ok{color:var(--badge-sync);}
.steps div b{display:block;font-size:11.5px;color:var(--text-weak);font-weight:400;}
textarea,input[type=text],input[type=password],select{
  width:100%;background:var(--bg-deep);border:1px solid var(--border-strong);color:var(--text);
  border-radius:3px;padding:8px 10px;font-family:inherit;font-size:12.5px;resize:vertical;
}
textarea:focus,input:focus,select:focus{outline:none;border-color:var(--accent);}
label.fl{display:block;font-size:11px;color:var(--text-muted);margin:12px 0 5px;}
.rel{display:flex;flex-direction:column;gap:6px;}
.rel .opt{
  display:flex;gap:11px;align-items:flex-start;padding:9px 12px;border:1px solid var(--border);
  border-radius:3px;background:var(--bg-deep);cursor:pointer;
}
.rel .opt:hover{border-color:var(--accent);}
.rel .opt.sel{border-color:var(--accent);background:var(--bg-row-hl-local);}
.rel .opt .n{
  width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--bg-panel);
  border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;
}
.rel .opt.sel .n{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);}
.rel .opt .d{font-size:13.5px;color:var(--text-muted);}
.rel .opt.sel .d{color:var(--text);}
.rel .opt .base{font-size:11.5px;color:var(--gold);margin-left:7px;font-weight:600;}
.dist{
  display:flex;height:20px;border-radius:3px;overflow:hidden;
  border:1px solid var(--border);min-width:190px;
}
.dist i{display:block;height:100%;}
.dist .d5{background:var(--mk5);}
.dist .d4{background:var(--mk4);}
.dist .d3{background:var(--mk3);}
.dist .d2{background:var(--mk2);}
.dist .d1{background:var(--mk1);}
.dist i{box-shadow:inset 0 0 0 1px rgba(128,138,144,.35);}
.dist .d3{box-shadow:inset -2px 0 0 var(--gold-lt);}   
.dist i b{
  display:block;text-align:center;line-height:20px;font-size:11px;font-weight:700;
  color:rgba(0,0,0,.75);font-variant-numeric:tabular-nums;
}
.dist .d5 b, .dist .d4 b, .dist .d1 b{color:rgba(255,255,255,.95);}
.dist .d3 b, .dist .d2 b{color:rgba(0,0,0,.72);}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--text-muted);margin-top:10px;flex-wrap:wrap;}
.legend i{border:1px solid var(--border-strong);box-sizing:border-box;width:13px;height:13px;display:inline-block;border-radius:2px;margin-right:6px;vertical-align:-2px;}
.cmp{display:grid;grid-template-columns:1fr 34px 1fr;gap:0;align-items:center;}
.cmp .col{padding:10px 13px;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;}
.cmp .col.after{border-color:var(--gold-dk);background:var(--bg-row-hl-server);}
.cmp .ar{text-align:center;color:var(--text-weak);font-size:15px;}
.cmp h4{font-size:11px;color:var(--text-muted);margin-bottom:7px;font-weight:400;}
.tl{border-left:1px solid var(--border-strong);margin-left:7px;padding-left:16px;}
.tl .ev{position:relative;padding:0 0 14px;}
.tl .ev:before{
  content:"";position:absolute;left:-21px;top:5px;width:9px;height:9px;border-radius:50%;
  background:var(--bg-panel);border:2px solid var(--border-grey);
}
.tl .ev.a:before{border-color:var(--accent);}
.tl .ev.g:before{border-color:var(--badge-sync);}
.tl .t{font-size:10.5px;color:var(--text-weak);font-variant-numeric:tabular-nums;}
.tl .m{font-size:12px;}
.tl .h{font-size:10px;color:var(--text-disabled);font-family:ui-monospace,Consolas,monospace;}
.secret{
  border:1px dashed var(--mark-attn);background:var(--mark-attn-bg);border-radius:4px;padding:14px 16px;
}
.secret h3{color:var(--mark-attn);font-size:13px;margin-bottom:8px;}
.hidden-s{
  border:1px dashed var(--border-strong);border-radius:4px;padding:22px;text-align:center;
  color:var(--text-disabled);font-size:11.5px;
}
.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;font-size:13px;line-height:1.8;}
.kv dt{color:var(--text-muted);}
.kv dd{margin:0;}
.goal{
  border:1px solid var(--gold-dk);border-radius:4px;padding:16px 18px;background:var(--bg-row-hl-server);
}
.goal h3{color:var(--gold-lt);font-size:14px;margin-bottom:9px;}
.goal p{margin:0 0 10px;font-size:13px;line-height:1.85;}
.goal .from{font-size:11px;color:var(--text-muted);}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:16px;}
.tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:13px 15px;}
.tile .l{font-size:12.5px;color:var(--text-muted);}
.tile .v{font-size:25px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;}
.tile .v small{font-size:13px;color:var(--text-weak);font-weight:400;}
.tile.acc .v{color:var(--accent);} .tile.gld .v{color:var(--gold);} .tile.grn .v{color:var(--badge-sync);}
.wt{font-variant-numeric:tabular-nums;}
.wtact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 13px;}
.blrow{display:flex;align-items:center;gap:11px;margin:7px 0;}
.blrow .nm{width:230px;font-size:13px;}
.blrow input[type=range]{flex:1;accent-color:var(--accent);height:18px;}
.blrow .pc{width:54px;text-align:right;font-size:13.5px;font-variant-numeric:tabular-nums;}
.blbar{display:flex;height:18px;border:1px solid var(--border);border-radius:3px;overflow:hidden;margin-top:10px;}
.blbar i{display:block;height:100%;}
.blsum{margin-top:22px;font-size:12.5px;color:var(--text-muted);}
.blsum b{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums;}
.blsum .ngv{color:var(--badge-conf);}
.blro{font-size:13px;}
.blro .blbar{margin-top:7px;}
.sgb{margin:4px 0 2px;user-select:none;}
.sgb .sgnm,.sgb .sgpc{display:flex;width:100%;}
.sgb .sgnm span,.sgb .sgpc span{
  box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;
}
.sgb .sgnm span{font-size:12.5px;color:var(--text);padding-bottom:5px;}
.sgb .sgpc span{font-size:13px;color:var(--text-muted);padding-top:6px;}
.sgb .sgbar{position:relative;display:flex;height:22px;border-radius:4px;}
.sgb .sgbar i{display:block;height:100%;}
.sgb .sgbar i:first-child{border-radius:4px 0 0 4px;}
.sgb .sgbar i:last-child{border-radius:0 4px 4px 0;}
.sgb .sgh{
  position:absolute;top:-9px;height:40px;width:2px;margin-left:-1px;
  background:var(--text);cursor:ew-resize;touch-action:none;z-index:2;
}
.sgb .sgh b{
  position:absolute;left:50%;top:31px;transform:translateX(-50%);
  font-size:12px;letter-spacing:-2px;color:var(--text);line-height:1;pointer-events:none;
}
.sgb.ro .sgh{cursor:default;}
.sgb.ro .sgh b{display:none;}
.sgb .sgh.on{background:var(--accent);}
.sgtip{margin-top:20px;font-size:12px;color:var(--text-muted);}
.blex{margin-top:20px;padding-top:11px;border-top:1px dashed var(--border);}
.blex .exh{font-size:12px;color:var(--text-muted);margin-bottom:6px;}
.blex .exr{display:flex;align-items:baseline;gap:9px;font-size:13px;margin:3px 0;}
.blex .exr .exn{font-weight:600;}
.blex .exr .exd{font-size:12px;color:var(--text-muted);}
.blnone{font-size:13px;color:var(--text-muted);padding:8px 0;}
.fold{margin:10px 0 0;}
.fold > .foldbtn{
  display:inline-flex;align-items:center;gap:7px;background:var(--bg-deep);
  border:1px solid var(--border);border-radius:4px;padding:6px 13px;
  font-size:12.5px;color:var(--text);cursor:pointer;font-family:inherit;
}
.fold > .foldbtn:hover{border-color:var(--accent);}
.fold > .foldbtn .ar{font-size:10px;color:var(--text-muted);transition:transform .12s;}
.fold[data-open="1"] > .foldbtn .ar{transform:rotate(90deg);}
.fold > .foldbody{display:none;margin-top:10px;}
.fold[data-open="1"] > .foldbody{display:block;}
body.initpicking .rt-g{cursor:pointer;}
body.initpicking .rt-g circle{stroke-width:3;}
.lvpick{border-color:rgb(198,40,40)!important;}
.lvpick .lvtx b{color:rgb(198,40,40);}
.wtact .btn{font-size:15px;padding:10px 26px;}
.wtdlg{display:flex;align-items:center;gap:10px;margin:7px 0;}
.wtdlg label{flex:1;font-size:13px;}
.wtdlg input{width:92px;text-align:right;font-variant-numeric:tabular-nums;}
.wtsum{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;}
.wtsum b{font-size:16px;font-variant-numeric:tabular-nums;}
.wtsum .ngv{color:var(--badge-conf);}
.wtbar{display:inline-block;height:6px;background:var(--accent);border-radius:3px;vertical-align:1px;margin-right:7px;}
#login{
  position:fixed;inset:0;z-index:150;display:none;overflow:auto;
  background:var(--login-bg);
  padding:130px 20px 40px;
}
#login.on{display:block;}
.lwrap{max-width:404px;margin:0 auto;}
#login input:-webkit-autofill,#keymodal input:-webkit-autofill{
  -webkit-text-fill-color:var(--text);
  box-shadow:0 0 0 1000px var(--bg-deep) inset;
  caret-color:var(--text);
}
.lcard{
  background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:6px;
  padding:30px 32px 26px;box-shadow:0 24px 60px var(--shadow);
}
.lbrand{text-align:center;margin-bottom:6px;font-size:21px;font-weight:700;letter-spacing:.04em;}
.lbrand .hris{color:var(--accent);}
.lsub{text-align:center;font-size:11.5px;color:var(--text-muted);margin-bottom:20px;}
.lnet{
  display:flex;align-items:center;gap:8px;justify-content:center;font-size:11px;
  padding:6px 10px;border-radius:3px;margin-bottom:20px;border:1px solid var(--border-strong);
}
.lnet.in{border-color:var(--gold-dk);color:var(--gold);background:var(--bg-row-hl-server);}
.lnet.out{border-color:#2b5b84;color:var(--accent);background:rgba(76,156,225,.08);}
.lf{margin-bottom:14px;}
.lf label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:5px;}
.lf input{width:100%;padding:9px 11px;font-size:13px;}
.lbtn{
  width:100%;padding:10px;border-radius:3px;border:1px solid var(--accent);
  background:var(--accent);color:var(--bg-deep);font-weight:700;font-size:13px;margin-top:6px;
}
.lbtn:hover{background:#69b4f0;border-color:#69b4f0;}
.lbtn.ghost{background:transparent;color:var(--text-muted);border-color:var(--border-strong);font-weight:400;}
.lbtn.ghost:hover{background:rgba(76,156,225,.12);color:var(--text);}
.lnote{font-size:10.5px;color:var(--text-weak);line-height:1.8;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);}
.lnote b{color:var(--text-muted);}
.llink{font-size:11px;color:var(--accent);text-align:center;margin-top:13px;}
.lerr{
  border:1px solid var(--mark-attn);background:var(--mark-attn-bg);border-radius:3px;
  padding:11px 13px;font-size:11.5px;color:var(--text);margin-bottom:18px;line-height:1.8;
}
.lerr b{color:var(--mark-attn);}
.lchk{display:flex;gap:7px;align-items:center;font-size:11.5px;color:var(--text-muted);margin-top:12px;}
.codes{display:flex;gap:7px;justify-content:center;margin:6px 0 4px;}
.codes input{
  width:44px;height:52px;text-align:center;font-size:22px;font-weight:700;padding:0;
  font-variant-numeric:tabular-nums;
}
.ctimer{text-align:center;font-size:10.5px;color:var(--text-weak);margin-bottom:6px;}
#keymodal{
  position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;
  background:rgba(5,8,10,.72);padding:20px;
}
#keymodal.on{display:flex;}
.kmcard{
  width:430px;max-width:100%;background:var(--bg-panel);border:1px solid var(--border-grey);
  border-radius:6px;padding:22px 24px;box-shadow:0 24px 60px var(--shadow);
}
.kmcard h4{font-size:14px;margin-bottom:10px;color:var(--mark-attn);}
.kmcard p{margin:0 0 14px;font-size:12px;color:var(--text-muted);line-height:1.8;}
.kmnote{
  font-size:11px;color:var(--text-muted);line-height:1.85;margin-top:14px;padding-top:12px;
  border-top:1px solid var(--border);
}
.kmnote b{color:var(--text);}
.hd .out{
  font-size:11px;color:var(--text-weak);background:none;border:none;padding:4px 6px;cursor:pointer;
}
.hd .out:hover{color:var(--text);}
.lsteps{display:flex;gap:6px;margin-bottom:20px;}
.lsteps div{
  flex:1;text-align:center;font-size:10px;color:var(--text-weak);padding:6px 2px;
  border-bottom:2px solid var(--border);
}
.lsteps div.on{color:var(--text);border-bottom-color:var(--accent);}
.lsteps div.ok{color:var(--badge-sync);border-bottom-color:var(--badge-sync);}
.qr{
  width:142px;height:142px;margin:4px auto 12px;border:1px solid var(--border-grey);border-radius:3px;
  background:
    repeating-linear-gradient(90deg,#E0E0E0 0 8px,#0A0D0F 8px 16px),
    repeating-linear-gradient(0deg,#E0E0E0 0 8px,#0A0D0F 8px 16px);
  background-blend-mode:difference;opacity:.85;
}
.bkup{
  font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--gold-lt);
  background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;padding:11px 13px;
  line-height:2;letter-spacing:.06em;text-align:center;
}
.mockbar{position:relative;z-index:300;}
.admbar{
  display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 13px;
  border:1px solid var(--gold-dk);border-left:3px solid var(--gold);
  background:var(--bg-row-hl-server);border-radius:0 3px 3px 0;font-size:11.5px;color:var(--gold-lt);
}
.admbar b{color:var(--text);}
.admbar .sp{margin-left:auto;color:var(--text-muted);}
.chk{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:13px;line-height:1.8;}
.chk .ic{width:15px;flex:0 0 15px;text-align:center;font-size:12px;line-height:1.5;}
.chk.ok .ic{color:var(--badge-sync);} .chk.warn .ic{color:var(--badge-conf);} .chk.ng .ic{color:var(--mark-attn);}
.chk .tx{color:var(--text-muted);} .chk .tx b{color:var(--text);}
.chk + .chk{border-top:1px solid var(--border);}
select.sm{
  width:auto;min-width:118px;padding:2px 6px;font-size:11.5px;
  background:var(--bg-panel);border-color:var(--border);
}
select.sm.unset{border-color:var(--mark-attn);color:var(--mark-attn);}
.fbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:11.5px;color:var(--text-muted);}
.fbar select{width:auto;min-width:126px;padding:3px 8px;font-size:11.5px;}
.addbox{
  border:1px dashed var(--border-grey);border-radius:4px;padding:14px 16px;margin-top:14px;
  background:var(--bg-deep);
}
.addbox h4{font-size:12px;margin-bottom:11px;color:var(--gold-lt);}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;}
.frow label{display:block;font-size:10.5px;color:var(--text-muted);margin-bottom:4px;}
.frow input,.frow select{width:100%;padding:5px 8px;font-size:12px;}
.ind{color:var(--text-weak);margin-right:6px;}
tr.off td{opacity:.5;}
.grp-h td{
  background:var(--bg-deep)!important;color:var(--gold);font-size:11px;
  border-bottom:1px solid var(--border-strong);padding:5px 9px;
}
.dt{
  width:118px;padding:5px 8px;font-size:12.5px;font-variant-numeric:tabular-nums;
  background:var(--bg-deep);border:1px solid var(--border-strong);color:var(--text);border-radius:3px;
}
.dt:focus{outline:none;border-color:var(--accent);}
.ref{font-size:11.5px;color:var(--text-weak);font-variant-numeric:tabular-nums;}
.dif{font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;}
.dif.same{color:var(--text-weak);}
.dif.short{color:var(--badge-conf);}
.dif.long{color:var(--accent);}
.yrbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.yrbar select{width:auto;min-width:190px;padding:5px 10px;font-size:13px;}
.stg{white-space:nowrap;}
.stg b{font-size:13.5px;}
.stg small{display:block;color:var(--text-weak);font-size:11.5px;}
.wiz{display:flex;gap:0;margin-bottom:18px;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.wiz div{
  flex:1;padding:11px 8px;text-align:center;font-size:12.5px;color:var(--text-weak);
  background:var(--bg-panel);border-right:1px solid var(--border);
}
.wiz div:last-child{border-right:none;}
.wiz div.on{background:var(--bg-row-hl-local);color:var(--text);box-shadow:inset 0 -3px 0 var(--accent);}
.wiz div.ok{color:var(--badge-sync);}
.wiz div b{display:block;font-size:11.5px;font-weight:400;color:var(--text-weak);}
.drop{
  border:2px dashed var(--border-grey);border-radius:6px;padding:30px 20px;text-align:center;
  background:var(--bg-deep);color:var(--text-muted);
}
.drop .big{font-size:15px;color:var(--text);margin-bottom:6px;}
.itemid{
  font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--text-weak);
  background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;padding:1px 6px;
}
.dtag{font-size:11.5px;padding:2px 8px;border-radius:3px;font-weight:600;white-space:nowrap;}
.d-same{background:var(--bg-row-inactive);color:var(--text-muted);}
.d-edit{background:#2b2410;color:var(--gold-lt);}
.d-add {background:#16301a;color:var(--badge-sync);}
.d-del {background:#3B1F1F;color:var(--mark-attn);}
.d-ask {background:#33251a;color:var(--badge-conf);}
:root[data-theme="light"] .d-edit,
:root:not([data-theme="dark"]) .d-edit{background:#FBF1D8;color:#6A5119;}
:root[data-theme="light"] .d-add,
:root:not([data-theme="dark"]) .d-add{background:#E3F2E4;color:#1B5E20;}
:root[data-theme="light"] .d-del,
:root:not([data-theme="dark"]) .d-del{background:#FBE7E7;color:#A61B1B;}
:root[data-theme="light"] .d-ask,
:root:not([data-theme="dark"]) .d-ask{background:#FBEEDB;color:#8A4B00;}
.diffold{color:var(--text-weak);text-decoration:line-through;}
.diffnew{color:var(--text);}
.bell{cursor:pointer;background:none;border:none;padding:4px 6px;line-height:1;}
.bell .cnt{
  position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;padding:0 4px;
  border-radius:9px;background:var(--badge-new);color:#fff;font-size:10.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
#notif{
  position:fixed;z-index:210;width:430px;max-width:calc(100vw - 20px);display:none;
  background:var(--bg-panel);border:1px solid var(--border-grey);border-radius:6px;
  box-shadow:0 14px 40px var(--shadow);overflow:hidden;
}
#notif.on{display:block;}
#notif .nh{
  display:flex;align-items:center;gap:10px;padding:11px 14px;
  background:var(--bg-deep);border-bottom:1px solid var(--border-strong);
}
#notif .nh b{font-size:13.5px;}
#notif .nh .sp{margin-left:auto;}
#notif .nh button{
  background:none;border:none;color:var(--accent);font-size:11.5px;cursor:pointer;padding:2px 4px;
}
#notif .nh button:hover{text-decoration:underline;}
#notif .nlist{max-height:min(60vh,460px);overflow:auto;}
#notif .nf{
  padding:9px 14px;border-top:1px solid var(--border);background:var(--bg-deep);text-align:center;
}
#notif .nf button{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;}
.nrow{
  display:flex;gap:11px;padding:11px 14px;border-bottom:1px solid var(--border);
  cursor:pointer;align-items:flex-start;
}
.nrow:last-child{border-bottom:none;}
.nrow:hover{background:var(--bg-row-hl-local);}
.nrow.un{background:rgba(76,156,225,.06);}
.nrow.un:hover{background:var(--bg-row-hl-local);}
.nrow .ic{
  width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:13px;
  background:var(--bg-deep);border:1px solid var(--border-strong);
}
.nrow.k-urgent .ic{border-color:var(--mark-attn);color:var(--mark-attn);}
.nrow.k-warn   .ic{border-color:var(--badge-conf);color:var(--badge-conf);}
.nrow.k-ok     .ic{border-color:var(--badge-sync);color:var(--badge-sync);}
.nrow.k-info   .ic{border-color:var(--accent);color:var(--accent);}
.nrow.k-s      .ic{border-color:var(--mark-attn);color:var(--mark-attn);background:var(--mark-attn-bg);}
.nrow .bd{min-width:0;flex:1;}
.nrow .ti{font-size:13px;font-weight:600;line-height:1.5;}
.nrow.un .ti:after{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--badge-new);margin-left:7px;vertical-align:1px;
}
.nrow .ds{font-size:12px;color:var(--text-muted);line-height:1.7;margin-top:3px;}
.nrow .wh{font-size:11px;color:var(--text-weak);margin-top:4px;}
.nrow .wh b{color:var(--badge-conf);font-weight:600;}
.hlp{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;margin-left:6px;border-radius:50%;
  border:1px solid var(--border-grey);background:transparent;color:var(--text-weak);
  font-size:12px;font-weight:700;line-height:1;cursor:help;vertical-align:1px;
  font-family:inherit;padding:0;flex:0 0 auto;
}
.hlp:hover,.hlp.pin{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);}
th .hlp{vertical-align:0;}
#pop{
  position:fixed;display:none;z-index:200;width:490px;max-width:calc(100vw - 24px);
  background:var(--bg-panel);border:1px solid var(--border-grey);border-radius:5px;
  box-shadow:0 10px 30px var(--shadow);padding:14px 16px;
  max-height:min(72vh,640px);overflow:auto;
}
#pop.on{display:block;}
#pop h4{font-size:13px;margin-bottom:8px;padding-right:22px;}
#pop .d{font-size:12.5px;color:var(--text-muted);margin-bottom:12px;line-height:1.85;}
#pop .n{
  font-size:12px;color:var(--text-muted);margin-top:12px;padding-top:10px;
  border-top:1px solid var(--border);line-height:1.85;
}
#pop .n b{color:var(--text);}
#pop dl{display:grid;grid-template-columns:26px 1fr;gap:9px 11px;margin:0;font-size:12.5px;}
#pop dt{text-align:center;font-weight:700;font-size:15px;line-height:1.4;}
#pop dd{margin:0;color:var(--text-muted);line-height:1.85;font-size:12.5px;}
#pop dd b{color:var(--text);font-weight:600;}
#pop .x{
  position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-weak);
  font-size:14px;line-height:1;padding:3px 6px;display:none;cursor:pointer;
}
#pop.pin .x{display:block;}
#pop .x:hover{color:var(--text);}
#pop .tip{font-size:10px;color:var(--text-disabled);margin-top:10px;}
#s-ee-home, #s-ee-normal{font-size:15px;}
#s-ee-home table, #s-ee-normal table{font-size:14.5px;}
#s-ee-home td, #s-ee-normal td{padding:11px 12px;}
#s-ee-home .lead, #s-ee-normal .lead{font-size:14px;}
#s-ee-home .legend, #s-ee-normal .legend{font-size:13.5px;}
#s-ee-home .mark, #s-ee-normal .mark{font-size:19px;}
.goal p{font-size:15px;line-height:1.95;}
.goal h3{font-size:16px;}
@media (max-width:760px){
  .hd{height:auto;padding:9px 12px;flex-wrap:wrap;gap:8px;}
  .hd .cycle{display:none;}
  .hd .logo{font-size:16px;}
  .hd .right{gap:9px;margin-left:auto;}
  .hd .who .n{font-size:12px;} .hd .who .r{font-size:10px;}
  .netbadge{font-size:10px;padding:1px 6px;}
  .hd .out{font-size:10.5px;padding:3px 4px;}
  .body{flex-direction:column;min-height:0;}
  .nav{
    width:auto;flex:0 0 auto;display:flex;overflow-x:auto;padding:0;
    border-right:none;border-bottom:1px solid var(--border-strong);
  }
  .nav .grp{display:none;}
  .nav a{
    white-space:nowrap;border-left:none;border-bottom:3px solid transparent;
    padding:12px 15px;gap:6px;
  }
  .nav a.on{border-left-color:transparent;border-bottom-color:var(--accent);}
  .nav a.sub{padding-left:15px;}
  .nav a.sub:before{display:none;}
  .nav a .ct{margin-left:0;}
  .main{padding:14px 13px 34px;}
  .page-h{flex-wrap:wrap;gap:4px 10px;}
  .page-h h2{font-size:20px;}
  .tiles{grid-template-columns:repeat(2,1fr);gap:9px;}
  .tile{padding:11px 12px;} .tile .v{font-size:21px;}
  .panel{padding:14px 14px;}
  .panel > h3{font-size:15px;}
  .grid2{grid-template-columns:1fr;}
  .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .tw table{min-width:600px;}
  #s-ee-home .tw table, #s-ee-normal .tw table{min-width:0;}
  #s-ee-home th, #s-ee-normal th{white-space:normal;font-size:11.5px;padding:8px 6px;}
  #s-ee-home td, #s-ee-normal td{padding:10px 6px;font-size:13.5px;}
  #s-ee-home, #s-ee-normal{font-size:14.5px;}
  .steps{overflow-x:auto;}
  .steps div{min-width:96px;}
  .scale{flex-direction:column;gap:7px;}
  .scale span{border-right:none;padding-right:0;}
  .rel .opt{padding:11px;}
  .rowbtns{flex-wrap:wrap;gap:8px;}
  .rowbtns .sp{display:none;}
  .cmp{grid-template-columns:1fr;gap:8px;}
  .cmp .ar{transform:rotate(90deg);padding:2px 0;}
  .kv{grid-template-columns:1fr;gap:1px 0;}
  .kv dt{font-size:11.5px;color:var(--text-weak);margin-top:8px;}
  .frow{grid-template-columns:1fr;}
  .lcard{padding:24px 20px;}
  .legend{gap:10px 14px;}
  .fbar select{min-width:0;flex:1 1 auto;}
  #pop{
    left:8px !important;right:8px;top:auto !important;bottom:8px;
    width:auto !important;max-width:none;max-height:72vh;
  }
  #notif{
    left:8px !important;right:8px;top:auto !important;bottom:8px;
    width:auto !important;max-width:none;
  }
  #notif .nlist{max-height:64vh;}
  #netBadge{display:none;}
  .mockbar{font-size:11px;gap:6px 9px;}
  .mockbar .mnote{margin-left:0;width:100%;white-space:normal;word-break:break-word;}
  .rolebtns{flex-wrap:wrap;gap:5px;}
  .mockbar .rolebtns button{padding:3px 8px;font-size:11px;}
  .hd .right{width:100%;justify-content:flex-start;margin-left:0;}
  #s-ee-home table{table-layout:fixed;width:100%;}
  #s-ee-home th:nth-child(2), #s-ee-home td:nth-child(2),
  #s-ee-home th:nth-child(3), #s-ee-home td:nth-child(3){width:54px;text-align:center;}
  .hd .right{flex-wrap:wrap;justify-content:flex-end;}
  #s-ee-home th:nth-child(4), #s-ee-home td:nth-child(4){display:none;}
}
body.phone .app{
  width:390px;height:800px;margin:16px auto;border:10px solid #2A2F33;border-radius:36px;
  overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45);min-height:0;
}
body.phone .main{overflow:auto;}
  body.phone .hd{height:auto;padding:9px 12px;flex-wrap:wrap;gap:8px;}
  body.phone .hd .cycle{display:none;}
  body.phone .hd .logo{font-size:16px;}
  body.phone .hd .right{gap:9px;margin-left:auto;}
  body.phone .hd .who .n{font-size:12px;} body.phone .hd .who .r{font-size:10px;}
  body.phone .netbadge{font-size:10px;padding:1px 6px;}
  body.phone .hd .out{font-size:10.5px;padding:3px 4px;}
  body.phone .body{flex-direction:column;min-height:0;}
  body.phone .nav{
    width:auto;flex:0 0 auto;display:flex;overflow-x:auto;padding:0;
    border-right:none;border-bottom:1px solid var(--border-strong);
  }
  body.phone .nav .grp{display:none;}
  body.phone .nav a{
    white-space:nowrap;border-left:none;border-bottom:3px solid transparent;
    padding:12px 15px;gap:6px;
  }
  body.phone .nav a.on{border-left-color:transparent;border-bottom-color:var(--accent);}
  body.phone .nav a.sub{padding-left:15px;}
  body.phone .nav a.sub:before{display:none;}
  body.phone .nav a .ct{margin-left:0;}
  body.phone .main{padding:14px 13px 34px;}
  body.phone .page-h{flex-wrap:wrap;gap:4px 10px;}
  body.phone .page-h h2{font-size:20px;}
  body.phone .tiles{grid-template-columns:repeat(2,1fr);gap:9px;}
  body.phone .tile{padding:11px 12px;} body.phone .tile .v{font-size:21px;}
  body.phone .panel{padding:14px 14px;}
  body.phone .panel > h3{font-size:15px;}
  body.phone .grid2{grid-template-columns:1fr;}
  body.phone .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  body.phone .tw table{min-width:600px;}
  body.phone #s-ee-home .tw table, body.phone #s-ee-normal .tw table{min-width:0;}
  body.phone #s-ee-home th, body.phone #s-ee-normal th{white-space:normal;font-size:11.5px;padding:8px 6px;}
  body.phone #s-ee-home td, body.phone #s-ee-normal td{padding:10px 6px;font-size:13.5px;}
  body.phone #s-ee-home, body.phone #s-ee-normal{font-size:14.5px;}
  body.phone .steps{overflow-x:auto;}
  body.phone .steps div{min-width:96px;}
  body.phone .scale{flex-direction:column;gap:7px;}
  body.phone .scale span{border-right:none;padding-right:0;}
  body.phone .rel .opt{padding:11px;}
  body.phone .rowbtns{flex-wrap:wrap;gap:8px;}
  body.phone .rowbtns .sp{display:none;}
  body.phone .cmp{grid-template-columns:1fr;gap:8px;}
  body.phone .cmp .ar{transform:rotate(90deg);padding:2px 0;}
  body.phone .kv{grid-template-columns:1fr;gap:1px 0;}
  body.phone .kv dt{font-size:11.5px;color:var(--text-weak);margin-top:8px;}
  body.phone .frow{grid-template-columns:1fr;}
  body.phone .lcard{padding:24px 20px;}
  body.phone .legend{gap:10px 14px;}
  body.phone .fbar select{min-width:0;flex:1 1 auto;}
  body.phone #pop{
    left:8px !important;right:8px;top:auto !important;bottom:8px;
    width:auto !important;max-width:none;max-height:72vh;
  }
  body.phone #notif{
    left:8px !important;right:8px;top:auto !important;bottom:8px;
    width:auto !important;max-width:none;
  }
  body.phone #notif .nlist{max-height:64vh;}
  body.phone #netBadge{display:none;}
  body.phone .mockbar{font-size:11px;gap:6px 9px;}
  body.phone .mockbar .mnote{margin-left:0;width:100%;white-space:normal;word-break:break-word;}
  body.phone .rolebtns{flex-wrap:wrap;gap:5px;}
  body.phone .mockbar .rolebtns button{padding:3px 8px;font-size:11px;}
  body.phone .hd .right{width:100%;justify-content:flex-start;margin-left:0;}
  body.phone #s-ee-home table{table-layout:fixed;width:100%;}
  body.phone #s-ee-home th:nth-child(2), body.phone #s-ee-home td:nth-child(2),
  body.phone #s-ee-home th:nth-child(3), body.phone #s-ee-home td:nth-child(3){width:54px;text-align:center;}
  body.phone .hd .right{flex-wrap:wrap;justify-content:flex-end;}
  body.phone #s-ee-home th:nth-child(4), body.phone #s-ee-home td:nth-child(4){display:none;}
@media print{
  :root, :root[data-theme="dark"], :root[data-theme="light"]{
    --bg-body:#FFF; --bg-panel:#FFF; --bg-deep:#FFF;
    --bg-title:#F0F0F0; --bg-ov:#FFF; --bg-ov-bd:#999; --bg-ov2:#FFF; --bg-ov2-bd:#999;
    --border:#BBB; --border-strong:#888; --border-grey:#888;
    --accent:#000; --accent-server:#000; --accent-local:#000;
    --gold:#7A5E14; --gold-lt:#7A5E14; --gold-dk:#7A5E14;
    --bg-row-hl-server:#FFF; --bg-row-hl-local:#FFF;
    --bg-row-alt-a:#FFF; --bg-row-alt-b:#FFF; --bg-row-inactive:#EEE;
    --text:#000; --text-muted:#333; --text-weak:#555; --text-disabled:#888;
    --badge-sync:#1B5E20; --badge-conf:#8A4B00; --badge-new:#8A1440; --badge-old:#555;
    --mark-attn:#A61B1B; --mark-attn-bg:#FFF; --mark-fav-bg:#FFF;
    --shadow:transparent;
  }
  @page{ margin:14mm; }
  html,body{height:auto;background:#FFF;color:#000;}
  body{font-size:10.5pt;}
  .mockbar, .nav, .sb, #login, #pop, #keymodal, .hlp, .rowbtns, .fbar,
  .hd .out, .hd .bell, .hd .netbadge, .steps, td .btn, .addbox{ display:none !important; }
  .app{min-height:auto;}
  .hd{height:auto;padding:0 0 8px;border-bottom:1.5pt solid #000;background:#FFF;}
  .main{padding:12px 0 0;overflow:visible;}
  .panel{border:1pt solid #999;box-shadow:none;break-inside:avoid;page-break-inside:avoid;margin-bottom:10pt;}
  .panel > h3{border-left:3pt solid #000;}
  table{border:1pt solid #999;}
  th{background:#EEE !important;color:#000;border-bottom:1pt solid #999;}
  td{border-bottom:0.5pt solid #CCC;}
  tbody tr:nth-child(odd), tbody tr:nth-child(even){background:#FFF !important;}
  .badge{border:0.5pt solid #999;background:#FFF !important;}
  .note, .chk, .goal, .secret{break-inside:avoid;page-break-inside:avoid;}
  .goal{border:1pt solid #7A5E14;background:#FFF;}
  .secret{border:1pt dashed #A61B1B;background:#FFF;}
  .lv label{border:0.5pt solid #999;}
  .lv label.sel{outline:1.5pt solid #000;font-weight:700;}
  .dist{border:0.5pt solid #666;}
  textarea, input[type=text], input[type=password], select{
    background:#FFF;color:#000;border:0.5pt solid #999;
  }
  a{color:#000;text-decoration:none;}
  * { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}
.screen{display:none;} .screen.on{display:block;}
.rowbtns{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);}
.rowbtns .sp{margin-left:auto;}
.save{font-size:11px;color:var(--text-weak);display:flex;align-items:center;gap:6px;}
.save .lamp{width:7px;height:7px;border-radius:50%;background:var(--lamp-green);display:inline-block;}
.page-h{
  background:var(--bg-title);
  border:1px solid var(--border);border-left:4px solid var(--accent);
  border-radius:4px;padding:11px 16px;margin-bottom:14px;
}
.page-h h2{font-size:22px;}
.page-h .sub{padding-bottom:2px;color:var(--text-muted);}
.page-h .who{
  font-size:12px;color:var(--text-muted);padding-bottom:3px;
  border-left:1px solid var(--border-strong);padding-left:12px;line-height:1.7;
}
.page-h .who b{color:var(--text);font-weight:600;}
.page-h h2 .pfx{
  font-size:12px;font-weight:600;color:var(--bg-panel);background:var(--accent);
  padding:3px 9px;border-radius:3px;margin-right:10px;vertical-align:3px;letter-spacing:.04em;
}
.panel > h3{
  background:linear-gradient(90deg,var(--bg-title) 0%,transparent 82%);
  padding:6px 10px 6px 11px;border-radius:0 3px 3px 0;margin:-4px -6px 14px -8px;
}
.ovbox{
  background:var(--bg-ov2);border:1px solid var(--bg-ov2-bd);border-left:4px solid var(--accent);
  border-radius:0 4px 4px 0;padding:15px 18px 14px;margin-bottom:20px;
}
.ovbox.sch{padding:12px 16px 12px;}
.ovbox .schstg{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;}
.ovbox .schstg b{font-size:15px;}
.ovbox .schstg .term{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.ovbox .schstg .badge{margin-left:2px;}
.ovbox .schline{margin-top:7px;font-size:13px;color:var(--text);}
.ovbox .schline b{font-variant-numeric:tabular-nums;}
.ovbox .schnote{margin-top:5px;font-size:12px;color:var(--text-muted);}
.ovdue{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px;}
.ovdue .lbl{font-size:12.5px;color:var(--text-muted);}
.ovdue .date{font-size:24px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;}
.ovdue .left{
  font-size:14px;color:var(--gold-dk);background:var(--mark-fav-bg);
  border:1px solid var(--gold);border-radius:14px;padding:3px 13px;
}
.ovdue .left b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] .ovdue .left,
:root:not([data-theme="light"]) .ovdue .left{color:var(--gold-lt);}
.ovstat{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:11.5px;color:var(--text-muted);}
.ovstat b{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;}
.ovstat .g b{color:var(--badge-sync);} .ovstat .d b{color:var(--gold-lt);}
:root[data-theme="light"] .ovstat .d b,
:root:not([data-theme="dark"]) .ovstat .d b{color:var(--gold-dk);}
.stl{
  width:11px;height:11px;border-radius:50%;display:inline-block;vertical-align:middle;
  border:1px solid var(--border-grey);background:transparent;
}
.stl.s-done{background:var(--lamp-green);border-color:var(--lamp-green);}
.stl.s-draft{background:#FFFFFF;border-color:var(--border-grey);}
.stl.s-todo{background:transparent;border-color:var(--border-strong);}
.stl.s-warn{background:var(--lamp-yellow);border-color:var(--lamp-yellow);}
.stl.s-late{background:var(--lamp-red);border-color:var(--lamp-red);animation:lampblink 1.1s steps(1,end) infinite;}
@keyframes lampblink{0%,49%{opacity:1}50%,100%{opacity:.12}}
@media (prefers-reduced-motion: reduce){
  .stl.s-late{animation:none;box-shadow:0 0 0 3px rgba(198,40,40,.3);}
}
.lampleg{
  display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:11px;
  font-size:11.5px;color:var(--text-muted);
}
.lampleg span{display:inline-flex;align-items:center;gap:6px;}
tr.cmtrow > td{background:var(--bg-deep);padding:10px 12px 12px;}
tr.cmtrow .fl{margin-top:0;}
.btn.has{border-color:var(--gold);color:var(--gold);background:var(--mark-fav-bg);}
.btn.done{border-color:var(--badge-sync);color:var(--badge-sync);background:rgba(106,191,105,.12);}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn:disabled:hover{background:transparent;color:var(--text-muted);}
td.adjc{white-space:nowrap;text-align:left;}
td.adjc .btn.sm{margin-right:5px;}
.fixcnt{font-size:12px;color:var(--text-muted);margin-right:12px;}
.fixcnt b{color:var(--text);font-variant-numeric:tabular-nums;}
.reqmark{color:var(--mark-attn);font-size:11.5px;margin-left:6px;}
.target{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;
  background:var(--bg-ov);border:1px solid var(--bg-ov-bd);border-left:4px solid var(--gold);
  border-radius:4px;padding:11px 15px;margin-bottom:12px;
}
.target .tlbl{font-size:11.5px;color:var(--text-muted);}
.target .tname{font-size:19px;font-weight:600;}
.target .tmeta{font-size:12px;color:var(--text-muted);}
.target .sp{margin-left:auto;}
.ro{
  background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;
  padding:12px 14px;margin:0 0 4px;
}
.ro h4{font-size:12.5px;color:var(--text-muted);font-weight:600;margin-bottom:8px;}
.ro .rorow{font-size:12.5px;line-height:1.9;}
.ro .rorow b{font-size:14px;}
.ro .roq{font-size:11.5px;color:var(--text-muted);margin-top:6px;line-height:1.8;}
tbody tr.selrow, tbody tr.selrow:hover{background:var(--bg-row-hl-server);}
tbody tr.selrow td:first-child{box-shadow:inset 3px 0 0 var(--gold);}
#adjPanel .pick{
  display:none;font-size:12.5px;color:var(--text-muted);line-height:1.9;
  border:1px dashed var(--border-strong);border-radius:4px;padding:12px 14px;margin-bottom:14px;
}
#adjPanel .pick b{color:var(--text);}
#adjPanel.off .pick{display:block;}
#adjPanel.off > h3{color:var(--text-weak);border-left-color:var(--border-strong);background:none;}
#adjPanel.off .target,
#adjPanel.off .note,
#adjPanel.off .ro,
#adjPanel.off .fl,
#adjPanel.off textarea,
#adjPanel.off select,
#adjPanel.off .rowbtns{opacity:.38;filter:grayscale(1);pointer-events:none;user-select:none;}
#rv{
  position:fixed;inset:0;z-index:240;display:none;align-items:center;justify-content:center;
  background:rgba(5,8,10,.75);padding:24px;
}
#rv.on{display:flex;}
.rvcard{
  width:min(1120px,96vw);max-height:88vh;display:flex;flex-direction:column;
  background:var(--bg-panel);border:1px solid var(--border-grey);border-radius:6px;
  box-shadow:0 24px 60px var(--shadow);
}
.rvhd{
  display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);
  background:var(--bg-title);border-radius:6px 6px 0 0;
}
.rvhd h4{font-size:16px;}
.rvhd .sub{font-size:12px;color:var(--text-muted);}
.rvhd .sp{margin-left:auto;}
.rvbd{padding:16px 18px 20px;overflow:auto;}
.rvbd h5{
  font-size:13.5px;margin:18px 0 8px;padding-left:9px;border-left:3px solid var(--accent);
}
.rvbd h5:first-child{margin-top:0;}
.rvbd table td:first-child, .rvbd table td:nth-child(2), .rvbd table td:nth-child(3),
.rvbd table.srt td:nth-child(4), .rvbd table.srt td:nth-child(5), .rvbd table.srt td:nth-child(6){white-space:nowrap;}
.rvperson{
  border:1px solid var(--border);border-radius:4px;padding:14px 16px;margin-bottom:16px;background:var(--bg-panel);
}
.rvperson > .ph{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:10px;
  padding-bottom:9px;border-bottom:1px solid var(--border);
}
.rvperson .ph .nm{font-size:16px;font-weight:600;}
.rvperson .ph .mt{font-size:12px;color:var(--text-muted);}
.rvperson .ph .sp{margin-left:auto;}
.rvcmt{
  background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;
  padding:10px 12px;margin-top:10px;font-size:12.5px;line-height:1.85;color:var(--text-muted);
}
.rvcmt b{display:block;color:var(--text);font-size:11.5px;margin-bottom:4px;}
.rvcmt.pe{border-left:3px solid var(--accent);}
.rvcmt.hr{border-left:3px solid var(--gold);}
.icmt{font-size:11.5px;color:var(--text-muted);line-height:1.8;padding-top:3px;}
.icmt:before{content:"↳ ";color:var(--gold);}
.sumwrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;}
.sumbox{background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;padding:14px 16px;}
.sumbox h4{font-size:12.5px;color:var(--text-muted);margin-bottom:10px;}
.pie{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.pie svg{flex:none;}
.pleg{font-size:11.5px;color:var(--text-muted);line-height:1.95;}
.pleg i{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:6px;vertical-align:-1px;border:1px solid var(--border-strong);box-sizing:border-box;}
.pleg b{color:var(--text);font-variant-numeric:tabular-nums;}
.bandbar{display:flex;height:11px;border-radius:2px;overflow:hidden;margin:4px 0 9px;border:1px solid var(--border);}
.bandbar i{display:block;height:100%;}
.bandlbl{font-size:11.5px;color:var(--text-muted);}
.bandlbl b{color:var(--text);}
.cfgline{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted);margin-top:12px;flex-wrap:wrap;}
.cfgline input{width:56px;padding:4px 6px;text-align:right;}
.clamp2{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12px;line-height:1.7;color:var(--text-muted);max-width:420px;
}
.offsel{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.offsel button.on{border-color:var(--accent);color:var(--accent);background:rgba(76,156,225,.12);}
#dlg{
  position:fixed;inset:0;z-index:230;display:none;align-items:center;justify-content:center;
  background:rgba(5,8,10,.72);padding:20px;
}
#dlg.on{display:flex;}
.dlgcard{
  width:470px;max-width:100%;background:var(--bg-panel);border:1px solid var(--border-grey);
  border-radius:6px;padding:22px 24px;box-shadow:0 24px 60px var(--shadow);
}
.dlgcard h4{font-size:15px;margin-bottom:10px;}
.dlgcard h4.ok{color:var(--badge-sync);}
.dlgcard h4.warn{color:var(--badge-conf);}
.dlgcard .bd{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.85;}
.dlgcard .bd b{color:var(--text);}
@media(max-width:760px){
  .page-h{padding:9px 12px;}
  .ovbox{padding:12px 13px;}
  .ovdue .date{font-size:20px;} .ovdue .left{font-size:13px;} .ovdue .left b{font-size:17px;}
  .panel > h3{margin:-4px -4px 12px -6px;}
}
body.phone .page-h{padding:9px 12px;}
body.phone .ovbox{padding:12px 13px;}
body.phone .ovdue .date{font-size:20px;}
body.phone .ovdue .left{font-size:13px;} body.phone .ovdue .left b{font-size:17px;}
body.phone .panel > h3{margin:-4px -4px 12px -6px;}
#peePanel .pick, #fbPanel .pick{
  display:none;font-size:12.5px;color:var(--text-muted);line-height:1.9;
  border:1px dashed var(--border-strong);border-radius:4px;padding:12px 14px;margin-bottom:14px;
}
#peePanel .pick b, #fbPanel .pick b{color:var(--text);}
#peePanel.off .pick, #fbPanel.off .pick{display:block;}
#peePanel.off > h3, #fbPanel.off > h3{color:var(--text-weak);border-left-color:var(--border-strong);background:none;}
#peePanel.off .target, #peePanel.off .note, #peePanel.off .ro, #peePanel.off .scale,
#peePanel.off .lead, #peePanel.off .tw, #peePanel.off .rel, #peePanel.off .fl,
#peePanel.off textarea, #peePanel.off select, #peePanel.off .rowbtns,
#fbPanel.off .target, #fbPanel.off .note, #fbPanel.off .ro, #fbPanel.off .fl,
#fbPanel.off textarea, #fbPanel.off .goals, #fbPanel.off .rowbtns{
  opacity:.38;filter:grayscale(1);pointer-events:none;user-select:none;
}
.goals{display:flex;flex-direction:column;gap:7px;margin-bottom:6px;}
.goals input{width:100%;}
tr.cmtrow td{background:var(--bg-deep);}
tr.cmtrow textarea{margin-bottom:0;}
.ckhead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:13px;margin-bottom:10px;}
.ckhead .req{margin-left:auto;}
.ckh4{font-size:13px;margin:20px 0 8px;color:var(--text-muted);}
.tag{
  font-size:10.5px;color:var(--gold);border:1px solid var(--gold);border-radius:2px;
  padding:0 5px;margin-left:7px;white-space:nowrap;font-weight:600;
}
.miss{color:var(--gold-lt);}
table.hm td{text-align:center;}
table.hm td:first-child, table.hm td:last-child{text-align:left;}
table.sc th small{display:block;font-weight:400;color:var(--text-weak);font-size:10.5px;margin-top:2px;}
table.sc td{white-space:nowrap;}
td.dc{white-space:nowrap;text-align:center;vertical-align:middle;padding:7px 10px;}
td.dc .dv{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text);}
td.dc .dbar{
  position:relative;width:56px;height:5px;background:var(--bg-deep);
  border-radius:3px;margin:5px auto 4px;
}
td.dc .dbar b{position:absolute;left:28px;top:-2px;width:1px;height:9px;background:var(--border-strong);}
td.dc .dbar i{position:absolute;top:0;height:5px;border-radius:3px;}
td.dc .dd{font-size:11px;font-variant-numeric:tabular-nums;}
.nw{white-space:nowrap;}
.minor{font-size:11.5px;color:var(--text-weak);margin-top:7px;}
.guide{
  display:flex;align-items:stretch;margin:0 0 18px;border:1px solid var(--border);
  border-radius:4px;background:var(--bg-panel);overflow:hidden;
}
.guide .gi{flex:1;padding:11px 14px;display:flex;flex-direction:column;gap:4px;min-width:0;}
.guide .gi.you{background:var(--bg-ov);box-shadow:inset 3px 0 0 var(--gold);}
.guide .gl{font-size:10.5px;color:var(--text-weak);letter-spacing:.04em;}
.guide .gi.you .gl{color:var(--gold);}
.guide .gt{font-size:12.5px;line-height:1.7;color:var(--text-muted);}
.guide .gi.you .gt{color:var(--text);}
.guide .ga{display:flex;align-items:center;color:var(--text-weak);font-size:11px;padding:0 3px;}
@media(max-width:760px){
  .guide{flex-direction:column;}
  .guide .ga{display:none;}
  .guide .gi{border-top:1px solid var(--border);}
  .guide .gi:first-child{border-top:none;}
}
body.phone .guide{flex-direction:column;}
body.phone .guide .ga{display:none;}
body.phone .guide .gi{border-top:1px solid var(--border);}
body.phone .guide .gi:first-child{border-top:none;}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px;}
@media(max-width:760px){.pgrid{grid-template-columns:1fr;}}
body.phone .pgrid{grid-template-columns:1fr;}
.plab{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--text-muted);margin-bottom:6px;flex-wrap:wrap;}
.plab b{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;}
.plab .req{margin-left:auto;}
.pbar{height:9px;background:var(--bg-deep);border:1px solid var(--border);border-radius:5px;overflow:hidden;}
.pbar i{display:block;height:100%;background:var(--accent);}
.pbar i.g{background:var(--badge-sync);}
.offsec{margin:0 0 18px;padding-left:20px;border-left:3px solid var(--gold);}
.offsec > .offsec-h{font-size:18px;margin:4px 0 6px;}
.offsec > .offsec-lead{font-size:12px;color:var(--text-muted);margin:0 0 13px;line-height:1.8;}
@media(max-width:760px){.offsec{padding-left:12px;}}
body.phone .offsec{padding-left:12px;}
.ten3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:760px){.ten3{grid-template-columns:1fr;}}
body.phone .ten3{grid-template-columns:1fr;}
.tcell{background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;padding:12px;text-align:center;}
.tcap{font-size:12px;color:var(--text-muted);margin-bottom:8px;}
.tcap b{color:var(--text);}
.tnone{font-size:11.5px;color:var(--text-weak);padding:38px 0;}
.tnum{display:flex;justify-content:center;gap:9px;font-size:11px;color:var(--text-muted);margin-top:9px;flex-wrap:wrap;}
.tnum b{margin-right:2px;}
.pleg.row{display:flex;gap:18px;flex-wrap:wrap;margin-top:11px;}
.sumnote{margin-top:15px;border-top:1px solid var(--border);padding-top:13px;}
.sumnote .sn{display:flex;gap:10px;margin-bottom:10px;font-size:12.5px;line-height:1.9;color:var(--text-muted);}
.sumnote .sn .k{
  flex:none;width:40px;text-align:center;font-weight:700;color:var(--text);
  background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;height:22px;line-height:20px;font-size:12px;
}
.sumnote b{color:var(--text);}
.sumnote b.up{color:var(--accent);}
.sumnote b.dn{color:var(--badge-conf);}
table.srt thead th{cursor:pointer;user-select:none;}
table.srt thead th:hover{color:var(--text);}
table.srt thead th.sasc::after{content:" ▲";font-size:9px;color:var(--gold);}
table.srt thead th.sdesc::after{content:" ▼";font-size:9px;color:var(--gold);}
.rvcard{resize:both;overflow:hidden;min-width:520px;min-height:320px;}
.rvcard.wide{width:98vw;max-height:96vh;}
small.nopub{
  display:block;font-weight:400;font-size:10px;color:var(--gold);margin-top:2px;letter-spacing:.04em;
}
tr.memorow > td{background:var(--bg-deep);padding:10px 12px 12px;}
tr.memorow .fl{margin-top:0;}
tr.memorow .lock{font-size:11px;color:var(--gold);}
#s-fh-review tr[data-off] td:nth-child(2){white-space:nowrap;}
.adjbody, .peebody{padding-left:20px;border-left:3px solid var(--gold);}
@media(max-width:760px){.adjbody, .peebody{padding-left:12px;}}
body.phone .adjbody, body.phone .peebody{padding-left:12px;}
.subh{
  font-size:14px;margin:22px 0 10px;padding-left:9px;
  border-left:3px solid var(--accent);line-height:1.4;
}
.guide .gi.next{background:var(--bg-deep);}
.guide .gi.next .gl{color:var(--text-weak);}
.guide .ga.dots{color:var(--gold);letter-spacing:.1em;}
tr.pefbrow > td{background:var(--bg-deep);padding:12px 14px 14px;}
tr.pefbrow .fbwrap{padding-left:16px;border-left:3px solid var(--gold);}
tr.pefbrow .fl{margin-top:12px;}
tr.pefbrow .fl:first-child{margin-top:0;}
.fbin{
  border:3px solid var(--gold);border-radius:6px;background:var(--bg-ov);
  padding:16px 19px 18px;margin:6px 0 4px;
}
.fbin-h{
  font-size:12.5px;color:var(--text-muted);margin-bottom:11px;
  padding-bottom:9px;border-bottom:1px solid var(--bg-ov-bd);
}
.fbin-b{font-size:15px;line-height:1.95;color:var(--text);}
.fbin-sub{
  font-size:13.5px;color:var(--gold);font-weight:600;margin:18px 0 4px;
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
}
.fbin-sub:first-child{margin-top:0;}
.fbin-g{list-style:none;counter-reset:fbg;margin:0;}
.fbin-g li{
  counter-increment:fbg;position:relative;display:flex;align-items:baseline;gap:12px;
  font-size:15px;line-height:1.8;color:var(--text);
  padding:10px 0 10px 32px;border-top:1px solid var(--bg-ov-bd);
}
.fbin-g li:before{
  content:counter(fbg);position:absolute;left:6px;top:10px;
  color:var(--gold);font-weight:700;font-size:14px;
}
.fbin-g li .badge{margin-left:auto;flex:none;}
.nlamp{
  width:11px;height:11px;border-radius:50%;flex:none;
  border:1px solid var(--border-strong);background:transparent;
}
.nlamp.nolamp{border-color:transparent;background:transparent;}
.nlamp.n-none{border-color:var(--border-strong);background:transparent;opacity:.5;}
.nlamp.n-doing{background:#FFFFFF;border-color:var(--text-muted);}
.nlamp.n-ready{background:#FFFFFF;border-color:var(--text-muted);animation:lampblink 1.25s steps(1,end) infinite;}
.nlamp.n-done{background:var(--lamp-green);border-color:var(--lamp-green);}
.nlamp.n-warn{background:var(--lamp-yellow);border-color:var(--lamp-yellow);}
.nlamp.n-late{background:var(--lamp-red);border-color:var(--lamp-red);animation:lampblink 1.1s steps(1,end) infinite;}
@media (prefers-reduced-motion: reduce){
  .nlamp.n-ready, .nlamp.n-late{animation:none;}
  .nlamp.n-ready{box-shadow:0 0 0 3px rgba(140,150,155,.35);}
  .nlamp.n-late{box-shadow:0 0 0 3px rgba(198,40,40,.3);}
}
.navleg{
  margin:20px 12px 4px;padding-top:12px;border-top:1px solid var(--border);
  font-size:10.5px;color:var(--text-weak);line-height:1.5;
}
.navleg .t{color:var(--text-muted);margin-bottom:7px;letter-spacing:.08em;}
.navleg div{display:flex;align-items:center;gap:8px;padding:2px 0;}
@media(max-width:760px){.navleg{display:none;}}
body.phone .navleg{display:none;}
:root{ --hl-person:#C2701F; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --hl-person:#E08A3C; } }
:root[data-theme="dark"]{ --hl-person:#E08A3C; }
.page-h{border-left-width:12px;padding:13px 18px;}
.page-h h2{font-size:26px;}
.page-h .sub{font-size:14px;}
.panel > h3{font-size:19px;padding-left:15px;border-left-width:9px;margin:-2px 0 4px;}
.subh{font-size:16px;padding-left:12px;border-left-width:6px;margin:24px 0 4px;}
#adjTitle, #peeTitle, #fbPTitle{border-left-color:var(--hl-person);}
.panel > h3 + .note, .subh + .note{margin-top:10px;}
.note{background:var(--bg-deep);border:1px solid var(--border-strong);}
.stepbox{
  border:1px solid var(--border);border-left:12px solid var(--border-strong);
  border-radius:4px;background:var(--bg-panel);margin:0 0 16px;overflow:hidden;
}
.stepbox > .steph{
  font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.14em;
  padding:8px 16px;background:var(--bg-title);border-bottom:1px solid var(--border);
}
.stepbox > .guide{margin:0;border:none;border-radius:0;background:transparent;}
.stepbox > .note{margin:0;border:none;border-top:1px solid var(--border);border-radius:0;background:var(--bg-deep);}
.stepbox.plain{border:none;background:transparent;margin:0;overflow:visible;}
.stepbox.plain > .note{border:1px solid var(--border-strong);border-radius:3px;margin:0 0 16px;}
.secdiv{height:1px;background:var(--border-strong);margin:30px 0;}
@media(max-width:760px){.secdiv{margin:22px 0;}}
.fbin{
  border:4px solid var(--gold);border-radius:7px;padding:18px 22px 20px;
  background:var(--mark-fav-bg);
}
.fbin-b{font-size:17px;line-height:2.0;}
.fbin-sub{font-size:15px;}
.fbin-g li{font-size:17px;line-height:1.85;padding:12px 0 12px 36px;}
.fbin-g li:before{font-size:16px;top:12px;}
.fbin-h{font-size:13px;}
:root{ --mk0:#8B9397; --mk0t:#6E777C; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --mk0:#8B9397; --mk0t:#A8AFB3; } }
:root[data-theme="dark"]{ --mk0:#8B9397; --mk0t:#A8AFB3; }
.lv label:nth-child(5){margin-right:15px;}
.lv label:nth-child(5):after{
  content:"";position:absolute;right:-9px;top:1px;bottom:1px;width:1px;
  background:var(--border-strong);
}
.lv label.na{
  width:auto;min-width:38px;padding:0 9px;font-size:12.5px;font-weight:600;
  color:var(--text-weak);border-style:dashed;white-space:nowrap;
}
.lv label.na.sel{
  background:var(--accent);border-color:var(--accent);border-style:solid;
  color:#FFFFFF;font-weight:700;
}
.m-0{color:var(--mk0t);font-size:14px;}
tr.na-on > td{background:var(--bg-deep);}
tr.na-on > td:first-child{box-shadow:inset 3px 0 0 var(--mk0);}
tr.na-need > td:first-child{box-shadow:inset 3px 0 0 var(--mark-attn);}
.nabadge{
  display:inline-block;margin-left:7px;padding:1px 7px;border-radius:9px;
  font-size:11px;font-weight:700;background:var(--mark-attn);color:#FFFFFF;
}
.nabadge.ok{background:var(--badge-sync);}
.nawarn{
  margin:12px 0 0;padding:10px 13px;border-radius:3px;font-size:13px;line-height:1.8;
  border:1px solid var(--mark-attn);background:var(--mark-attn-bg);color:var(--text);
}
.nawarn b{color:var(--mark-attn);}
.nawarn.ok{border-color:var(--badge-sync);background:var(--bg-deep);}
.nawarn.ok b{color:var(--badge-sync);}
.scale span.na b{border-style:dashed;color:var(--mk0t);}
.routewrap{overflow-x:auto;padding:2px 0 4px;}
.routewrap svg{display:block;min-width:764px;max-width:940px;width:100%;height:auto;margin:0 auto;}
.rt-line{stroke:var(--border-strong);stroke-width:3;fill:none;}
.rt-line.on{stroke:var(--gold);stroke-width:4;}
.rt-node{fill:var(--bg-deep);stroke:var(--border-strong);stroke-width:2;}
.rt-node.here{stroke:var(--gold);stroke-width:4;}
.rt-node.done{fill:var(--bg-row-hl-server);}
.rt-lbl{fill:var(--text-muted);font-size:13px;font-weight:600;text-anchor:middle;}
.rt-lbl.here{fill:var(--gold-dk);font-weight:700;}
.rt-sub{fill:var(--text-weak);font-size:11.5px;text-anchor:middle;}
.rt-num{fill:var(--text);font-size:13px;font-weight:700;text-anchor:middle;}
.rt-lane{fill:var(--text-weak);font-size:12px;font-weight:600;}
.rt-here{fill:var(--gold);font-size:12px;font-weight:700;text-anchor:middle;}
.rt-band{stroke:var(--text-weak);stroke-width:1.5;fill:none;}
.rt-bandlbl{fill:var(--text-muted);font-size:12px;font-weight:700;text-anchor:middle;}
.rt-bandrng{fill:var(--text-weak);font-size:11px;text-anchor:middle;}
.rtcap{
  margin:8px 0 0;padding:10px 14px;border-radius:3px;font-size:15px;line-height:1.8;
  border:1px solid var(--gold-dk);background:var(--mark-fav-bg);color:var(--text);
}
.rtcap b{color:var(--gold-dk);font-size:17px;}
.rtnext{
  margin:10px 0 0;padding:10px 14px;border-radius:3px;font-size:13.5px;line-height:1.9;
  border:1px solid var(--border-strong);background:var(--bg-deep);
}
.rtnext .h{display:block;font-weight:700;color:var(--text);margin-bottom:4px;}
.rtnext ul{margin:4px 0 0;padding-left:20px;}
.rtnext li{margin:2px 0;}
.rtnext .mk{font-weight:700;margin-right:5px;}
.rtjudge{margin:12px 0 0;padding:11px 14px;border:1px solid var(--border);border-radius:3px;background:var(--bg-panel);}
.rtjudge > b{display:block;font-size:13.5px;margin-bottom:8px;}
.rtj{display:flex;gap:8px;flex-wrap:wrap;}
.rtj button{
  padding:7px 14px;border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;
  background:var(--bg-deep);color:var(--text-muted);font-family:inherit;font-size:13px;
}
.rtj button:hover{border-color:var(--accent);color:var(--text);}
.rtj button.on{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);font-weight:700;}
.rtjwhy{margin-top:9px;}
.rtjwhy.off{display:none;}
.rtscope{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 12px;}
.rtscope .k{font-size:12px;color:var(--text-weak);margin-right:3px;}
.rtscope button{
  padding:5px 11px;border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;
  background:var(--bg-deep);color:var(--text-muted);font-family:inherit;font-size:12.5px;
}
.rtscope button.on{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);font-weight:700;}
.rt-heat{stroke:var(--border-strong);stroke-width:2;}
.rtlegend{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-muted);margin-top:8px;flex-wrap:wrap;}
.rtlegend i{width:22px;height:13px;display:inline-block;border:1px solid var(--border-strong);border-radius:2px;}
table.rtdist td.d b.up{color:var(--mark-attn);}
table.rtdist td.d b.dn{color:var(--badge-sync);}
body.phone .routewrap svg{min-width:764px;}
label.fl:has(.reqmark) + textarea,
label.fl:has(.reqmark) + input[type=text],
tr.na-on + tr.cmtrow textarea,
.rtjwhy textarea{
  border-color:var(--mark-attn);
}
label.fl:has(.reqmark) + textarea:focus,
label.fl:has(.reqmark) + input[type=text]:focus,
tr.na-on + tr.cmtrow textarea:focus,
.rtjwhy textarea:focus{
  border-color:var(--mark-attn);
  box-shadow:0 0 0 2px var(--mark-attn-bg);
}
tr.na-need + tr.cmtrow textarea{ background:var(--mark-attn-bg); }
.panel.rtinner > h3{font-size:17px;border-left-width:6px;}
.rtwhotbl{margin-top:12px;}
.rtwhotbl td.stg{font-weight:600;}
.rtwhotbl tr.zero td{color:var(--text-weak);}
.rtwho{
  display:inline-block;margin:2px 6px 2px 0;padding:3px 9px;border-radius:12px;
  border:1px solid var(--border-strong);background:var(--bg-deep);font-size:12.5px;
}
.rtwho i{font-style:normal;color:var(--text-weak);margin-left:6px;font-size:11.5px;}
.rtwho.mgr{background:var(--bg-row-hl-server);border-color:var(--gold-dk);}
.rt-g{cursor:pointer;}
.rt-g:hover .rt-node{stroke:var(--accent);}
.rt-g:hover .rt-lbl{fill:var(--text);}
.rt-g:focus{outline:none;}
.rt-g:focus .rt-node{stroke:var(--accent);stroke-width:4;}
.rt-node.chg{stroke:#D64545;stroke-width:4;fill:color-mix(in srgb, #D64545 12%, var(--bg-panel));}
.rt-chgmk{fill:#D64545;font-size:11px;font-weight:700;text-anchor:middle;}
.lvchg{margin:10px 0 0;padding:9px 12px;border:1px solid #D64545;border-radius:4px;
  background:color-mix(in srgb, #D64545 7%, var(--bg-panel));font-size:13px;}
.lvchg b{color:#D64545;}
.rt-node.rtprop{stroke:var(--badge-sync);stroke-width:4;stroke-dasharray:5 4;}
.rt-lbl.rtprop{fill:var(--badge-sync);font-weight:700;}
.rt-pickmk{fill:var(--badge-sync);font-size:11.5px;font-weight:700;text-anchor:middle;}
.panel.rtslim{padding-bottom:8px;}
.panel.rtslim > h3{font-size:17px;border-left-width:6px;margin-bottom:2px;}
.panel.rtslim .routewrap{margin-top:-4px;}
.dmd-h{font-size:14.5px;line-height:1.9;margin-bottom:10px;}
.dmd-s{font-size:12.5px;color:var(--text-muted);padding:7px 11px;border-radius:3px;
  background:var(--bg-deep);border:1px solid var(--border);margin-bottom:12px;}
.dmd-s b{color:var(--gold-dk);}
.dmd-t{font-size:13.5px;font-weight:700;margin-bottom:6px;}
.dmd-t .k{margin-left:7px;padding:1px 7px;border-radius:9px;font-size:11px;
  background:var(--mark-fav-bg);color:var(--gold-dk);border:1px solid var(--gold-dk);}
.dmd-l{margin:0 0 12px;padding-left:20px;font-size:13.5px;line-height:2;}
.prop{margin:14px 0 0;padding:12px 15px;border-radius:3px;border:1px solid var(--gold-dk);
  background:var(--mark-fav-bg);}
.prop.dn{border-color:var(--mark-attn);background:var(--mark-attn-bg);}
.prop.ok{border-color:var(--badge-sync);background:var(--bg-deep);}
.prop.no{border-color:var(--border-strong);background:var(--bg-deep);}
.prop-h{font-size:13.5px;line-height:1.9;}
.prop-sg{margin-top:8px;font-size:14.5px;}
.prop-sg b{color:var(--gold-dk);}
.prop.dn .prop-sg b{color:var(--mark-attn);}
.prop-pick{margin-top:9px;font-size:13px;color:var(--text-muted);line-height:1.9;}
.prop .rtj{margin-top:9px;}
.prop .minor{margin-top:9px;}
.routewrap svg{min-width:1252px;max-width:1252px;}
body.phone .routewrap svg{min-width:1252px;}
.rt-num.rk{font-size:11.5px;font-weight:700;letter-spacing:-.02em;}
.rt-lbl{font-size:12.5px;}
.rt-lane{font-size:12.5px;}
.rkrow{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--border);}
.rkrow:last-of-type{border-bottom:1px solid var(--border);}
.rkno{flex:0 0 74px;font-size:12.5px;font-weight:700;color:var(--gold-dk);padding-top:2px;}
.rktx{font-size:14px;line-height:1.85;}
.dmd-t .k{background:var(--bg-deep);color:var(--text-muted);border-color:var(--border-strong);}
.rkcell{font-size:12.5px;font-weight:600;}
.rkprop{margin-top:4px;font-size:12px;line-height:1.7;}
.rkprop b{color:var(--gold-dk);margin-right:2px;}
.rkinit{margin-top:3px;font-size:11.5px;color:var(--text-muted);}
tbody tr.rkwait td:first-child{box-shadow:inset 3px 0 0 var(--mark-attn);}
.rtwho.appr{border:2px solid var(--mark-attn);background:var(--mark-attn-bg);}
.rtwho.appr em{font-style:normal;margin-left:6px;font-size:11px;font-weight:700;color:var(--mark-attn);}
.rtwho[data-who]{cursor:pointer;}
.rtwho[data-who]:hover{border-color:var(--accent);}
.rtlegend .rtwho{margin:0 4px 0 0;padding:2px 8px;}
.initrank{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:9px 13px;
  border:1px solid var(--border-strong);border-radius:3px;background:var(--bg-deep);font-size:13px;
}
.initrank .v{font-weight:700;color:var(--gold-dk);font-size:14px;}
.initrank .v.none{color:var(--text-weak);font-weight:400;}
.initrank .sp{flex:1;}
#s-fh-review tbody tr[data-off]{cursor:pointer;}
:root{ --bg-tip:#F1F4F6; --tip-line:#B9C3CB; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg-tip:#171C1F; --tip-line:#3A444B; } }
:root[data-theme="dark"]{ --bg-tip:#171C1F; --tip-line:#3A444B; }
.ghead{position:relative;width:100%;height:28px;display:flex;align-items:center;}
.ghead:before{
  content:"";position:absolute;top:50%;margin-top:-2px;height:4px;border-radius:2px;
  left:28px;right:0;background:var(--border-strong);
}
.gdot, .sdot{
  position:relative;z-index:1;flex:0 0 auto;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:700;
  background:var(--bg-panel);border:2px solid var(--border-strong);color:var(--text-weak);
}
.gdot{width:26px;height:26px;font-size:12.5px;}
.sdot{width:30px;height:30px;font-size:14px;}
.guide{
  display:flex;align-items:stretch;margin:0;border:none;border-radius:0;
  background:transparent;padding:14px 16px 14px;overflow:visible;
}
.guide .gi{
  flex:1;min-width:0;padding:0 14px 0 0;display:flex;flex-direction:column;gap:4px;
  background:none;box-shadow:none;position:relative;
}
.guide .gi:last-child{padding-right:0;}
.guide .gi:last-child .ghead:before{display:none;}
.guide .gi.done .ghead:before, .guide .gi.you .ghead:before{background:var(--accent);}
.guide .gi.done .gdot{background:var(--accent);border-color:var(--accent);color:#FFFFFF;}
.guide .gi.you .gdot{
  background:var(--accent);border-color:var(--accent);color:#FFFFFF;
  box-shadow:0 0 0 5px var(--bg-row-hl-local);
}
.guide .gi.next .gdot{background:var(--bg-panel);border-style:dashed;}
.guide .gl{font-size:11px;color:var(--text-weak);letter-spacing:.04em;font-weight:600;}
.guide .gi.you .gl{color:var(--accent);}
.guide .gt{font-size:12.5px;line-height:1.75;color:var(--text-weak);}
.guide .gi.you .gt{color:var(--text);font-size:13.5px;}
.guide .gi.done .gt{color:var(--text-muted);}
.guide .ga{display:none;}
@media(max-width:760px){
  .guide{flex-direction:column;gap:10px;padding:12px 14px;}
  .guide .gi{padding-right:0;}
  .guide .ghead{height:24px;}
  .guide .ghead:before{display:none;}
}
body.phone .guide .ghead:before{display:none;}
.steps{
  display:flex;gap:0;margin:0 0 22px;border:none;border-radius:0;
  background:transparent;overflow:visible;
}
.steps div{
  flex:1;padding:0 12px 0 0;text-align:left;background:none;border:none;
  display:flex;flex-direction:column;gap:3px;position:relative;
}
.steps div:last-child{padding-right:0;}
.steps div:last-child .ghead:before{display:none;}
.steps div .ghead:before{left:32px;}
.steps div.ok .ghead:before{background:var(--badge-sync);}
.steps div.on .ghead:before{background:var(--border-strong);}
.steps div.ok .sdot{background:var(--badge-sync);border-color:var(--badge-sync);color:#FFFFFF;}
.steps div.on .sdot{
  background:var(--accent);border-color:var(--accent);color:#FFFFFF;
  box-shadow:0 0 0 5px var(--bg-row-hl-local);
}
.steps div.on{background:transparent;box-shadow:none;}
.guide .gi.next{background:transparent;}
.guide .gi.you{background:transparent;box-shadow:none;}
.stx{font-size:13.5px;font-weight:600;color:var(--text-weak);}
.steps div.on .stx{color:var(--text);font-size:14.5px;}
.steps div.ok .stx{color:var(--text-muted);}
.ssub{font-size:11.5px;color:var(--text-weak);line-height:1.6;}
@media(max-width:760px){
  .steps{flex-direction:column;gap:8px;}
  .steps div{padding-right:0;flex-direction:row;align-items:center;gap:9px;}
  .steps div .ghead{width:34px;flex:0 0 34px;}
  .steps div .ghead:before{display:none;}
  .ssub{display:none;}
}
.stepbox > .steph{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lgd{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11px;
  color:var(--text-weak);font-weight:400;letter-spacing:0;}
.lgd i{display:inline-block;vertical-align:-1px;margin-right:5px;}
.lgd .l-must{width:4px;height:13px;background:var(--accent);border-radius:2px;}
.lgd .l-mine{width:4px;height:13px;background:var(--gold);border-radius:2px;}
.lgd .l-tip{width:15px;height:11px;background:var(--bg-tip);border:1px dashed var(--tip-line);border-radius:2px;}
@media(max-width:760px){ .lgd{display:none;} }
.note{
  background:var(--bg-tip);border:1px dashed var(--tip-line);
  padding:9px 12px;margin:12px 0;font-size:12px;line-height:1.85;
  color:var(--text-muted);border-radius:3px;
}
.note::before{content:"Tips：";color:var(--text-weak);font-weight:700;letter-spacing:.04em;}
.note b{color:var(--text-muted);font-weight:700;}
.stepbox > .note{
  background:var(--bg-tip);border:none;border-top:1px dashed var(--tip-line);border-radius:0;
}
.stepbox.plain > .note{border:1px dashed var(--tip-line);border-radius:3px;margin:0 0 16px;}
.note.warn, .note.deny, .must{
  background:transparent;border:none;border-left:5px solid var(--mark-attn);
  border-radius:0;padding:3px 0 3px 15px;margin:16px 0;
  font-size:14.5px;line-height:1.95;color:var(--text);
}
.note.warn::before, .note.deny::before, .must::before{
  content:"必ず確認：";color:var(--mark-attn);font-weight:700;font-size:12.5px;letter-spacing:.04em;
}
.note.warn b, .note.deny b, .must b{color:var(--text);font-weight:700;}
.must.info{border-left-color:var(--accent);}
.must.info::before{content:"必ず確認：";color:var(--accent);}
.note.ok{
  background:transparent;border:none;border-left:5px solid var(--badge-sync);
  border-radius:0;padding:3px 0 3px 15px;font-size:14px;color:var(--text);
}
.note.ok::before{content:"確認できました：";color:var(--badge-sync);font-weight:700;font-size:12.5px;}
.rvcmt{
  border-left:5px solid var(--gold);background:var(--bg-panel);
  font-size:14px;line-height:1.9;color:var(--text);
}
.rvcmt b{font-size:11.5px;color:var(--text-weak);letter-spacing:.04em;}
.rvcmt.pe{border-left-color:var(--gold);}
.rvcmt.hr{border-left-color:var(--gold-dk);}
textarea.filled, input[type=text].filled,
textarea:not(:placeholder-shown), input[type=text]:not(:placeholder-shown){
  border-left:4px solid var(--gold);
}
label.fl:has(.reqmark) + textarea.filled,
label.fl:has(.reqmark) + textarea:not(:placeholder-shown){
  border-left:4px solid var(--gold);border-color:var(--mark-attn);border-left-color:var(--gold);
}
.req, .minor{color:var(--text-weak);}
.lead{font-size:12.5px;color:var(--text-muted);}
.stepbox > .doarea{position:relative;margin:8px 14px 16px;padding:36px 14px 10px;border:2px solid var(--accent);border-radius:8px;background:var(--bg-panel);}
.stepbox > .doarea:before{content:"";position:absolute;top:-13px;left:calc(37.5% - 13px);border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:13px solid var(--accent);}
.stepbox > .doarea:after{content:"";position:absolute;top:-10px;left:calc(37.5% - 10px);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--bg-panel);}
.doarea .dolbl{position:absolute;top:0;left:0;background:var(--accent);color:#FFFFFF;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:5px 0 8px 0;letter-spacing:.04em;}
.doarea .steps{margin:0;border:none;}
.doarea .steps .ssub{font-size:12px;line-height:1.55;color:var(--text-muted);}
.doarea .steps div.on .ssub{color:var(--text);font-weight:600;}
@media (max-width:760px){ .stepbox > .doarea:before, .stepbox > .doarea:after{left:24px;} }
body.phone .stepbox > .doarea:before, body.phone .stepbox > .doarea:after{left:24px;}
.smpbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:8px 10px;border:1px dashed var(--border-strong);border-radius:6px;background:var(--bg-deep);font-size:12.5px;}
.smpbar .smpl{font-weight:700;color:var(--text-muted);margin-right:4px;}
.smpbar button{font:inherit;font-size:12.5px;padding:4px 10px;border:1px solid var(--border);border-radius:14px;background:transparent;color:inherit;cursor:pointer;}
.smpbar button.on{background:var(--accent);border-color:var(--accent);color:#FFFFFF;}
.smpbar .smpn{flex-basis:100%;color:var(--text-muted);font-size:12px;}
.smpblend{margin:0 0 14px;}
.seccard[hidden]{display:none !important;}
.lvstd{position:relative;margin:0 0 14px;padding:12px 16px 14px;border:2px solid var(--accent);border-radius:6px;background:var(--bg-ov);box-shadow:0 4px 12px rgba(0,0,0,.10);}
.lvstd .lvh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.lvstd .lvlbl{background:var(--accent);color:#FFFFFF;font-size:12px;font-weight:700;padding:3px 10px;border-radius:3px;}
.lvstd .lvname{font-size:16px;font-weight:700;color:var(--text);}
.lvstd .lvband{font-size:12.5px;color:var(--text-muted);}
.lvstd .sp{flex:1;}
.lvstd .lvtx{font-size:17px;line-height:1.75;color:var(--text);}
.lvstd.none{border-color:rgb(198,40,40);}
.lvstd.none .lvlbl{background:rgb(198,40,40);}
.lvstd .lvbtns{margin-top:8px;}
.evlock > .panel:not([id^="rt-"]){opacity:.40;}
#lvfloat{position:fixed;z-index:200;margin:0;box-shadow:0 8px 20px rgba(0,0,0,.18);}
#lvfloat .lvtx{font-size:16px;}
#dlg{z-index:1000;}
.peebody .sec{margin:16px 0 0;}
.peebody h4.band{margin:0 0 10px;padding:8px 12px;border-left:5px solid var(--accent);background:linear-gradient(90deg,var(--bg-deep),transparent);font-size:15px;font-weight:700;color:var(--text);}
.peelock .evsec{opacity:.40;pointer-events:none;}
.peebody .mgsec[hidden]{display:none !important;}
.panel .subtx{margin:0 0 6px;line-height:1.8;}
.eepos{border:2px solid var(--gold);border-radius:8px;padding:12px 16px;margin:0 0 14px;background:var(--bg-panel);}
.eepos .eerow{font-size:16px;margin:4px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;}
.eepos .eeh{font-weight:700;}
.eepos .eelv{font-size:17px;}
.eepos ul.eeneed{list-style:none;margin:4px 0 8px 2.2em;padding:0;}
.eepos ul.eeneed li{margin:3px 0;font-size:14.5px;}
.eepos ul.eeneed .mk{display:inline-block;min-width:1.5em;font-weight:700;}
.eepos .eecmt{margin:10px 0 2px 2.2em;padding:8px 12px;border-left:3px solid var(--border-strong);}
.eepos .eeh2{font-weight:700;display:block;margin-bottom:2px;}
.eepos .eecmtx{line-height:1.8;}
.eepos .from{font-size:12px;color:var(--text-muted);margin-top:4px;}
@media (max-width:760px){ .eepos ul.eeneed, .eepos .eecmt{margin-left:.6em;} }
#mgmtPanel[hidden], #mgSumBody[hidden]{display:none !important;}
.lvfor{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:3px;background:var(--bg-deep);color:var(--gold);border:1px solid var(--gold);margin-right:6px;white-space:nowrap;}
.mgstd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:4px 0 8px;font-size:13px;}
.mgstd > b{font-size:15px;}
tbody tr.mggrp td{background:var(--bg-deep);font-weight:700;font-size:12.5px;color:var(--text-muted);padding-top:6px;padding-bottom:4px;}
.note.mgtip{margin-top:0;}
.lvstd .lvduo{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
.lvstd .lvone{border-left:4px solid var(--gold);padding-left:10px;}
.lvstd .lvone .lvh{margin-bottom:2px;}
.lvstd.duo .lvtx{font-size:15.5px;}
@media (max-width:760px){ .lvstd .lvduo{grid-template-columns:1fr;} }
body.phone .lvstd .lvduo{grid-template-columns:1fr;}
.initdlg .ilsec{display:block;margin:4px 0 6px;font-size:12.5px;line-height:1.7;}
.initdlg .ilsec b{display:block;font-size:13.5px;}
.initdlg .initlist.il2{max-height:26vh;}
.prop-cross{margin:8px 0;padding:8px 10px;border:1px dashed var(--border-strong);border-radius:4px;}
.initdlg{display:block;}
.initdlg .must-l{display:block;border-left:5px solid rgb(198,40,40);padding:4px 10px;font-size:13.5px;line-height:1.7;margin-bottom:10px;}
.initdlg .initlist{display:block;max-height:50vh;overflow:auto;border:1px solid var(--border);border-radius:4px;margin:0 0 10px;}
.initdlg .ilg{display:block;position:sticky;top:0;z-index:1;background:var(--bg-deep);font-size:12px;font-weight:700;padding:5px 10px;color:var(--text-muted);border-bottom:1px solid var(--border);}
.initdlg .ilr{display:grid;grid-template-columns:20px 150px 1fr;gap:8px;align-items:start;padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer;}
.initdlg .ilr.on{background:var(--bg-row-hl-local);box-shadow:inset 3px 0 0 var(--accent);}
.initdlg .iln{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-muted);}
.initdlg .iln b{font-size:14px;color:var(--text);}
.initdlg .iln i{font-style:normal;font-size:11.5px;color:var(--gold-dk);}
.initdlg .ild{font-size:13px;line-height:1.65;}
.initdlg .minor-l{display:block;font-size:12px;color:var(--text-muted);}
.dlgcard{max-height:calc(100vh - 40px);overflow-y:auto;}
.dlgcard:has(.initdlg){width:640px;}
@media (max-width:760px){ .initdlg .initlist{max-height:34vh;} }
body.phone .initdlg .initlist{max-height:34vh;}
@media (max-width:760px){ .initdlg .ilr{grid-template-columns:20px 1fr;} .initdlg .ild{grid-column:2;} }
body.phone .initdlg .ilr{grid-template-columns:20px 1fr;}
body.phone .initdlg .ild{grid-column:2;}