/* 本番アプリ側の追加分（モックに無いもの）。色はモックのトークン(var)だけを使う */
.app{min-height:100vh;}
[hidden]{display:none !important;}
.modalwrap{position:fixed;inset:0;z-index:160;background:var(--login-bg);overflow:auto;padding:100px 20px 40px;}
.modalwrap .lcard{max-width:404px;margin:0 auto;}
.lerr{margin-bottom:10px;}
.zonebar{margin:0 0 16px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-deep);font-size:13px;line-height:1.8;}
.prep{color:var(--text-muted);font-size:13px;line-height:1.9;}
.prep .tag{display:inline-block;border:1px solid var(--border);border-radius:3px;padding:0 8px;font-size:12px;color:var(--text-weak);margin-left:6px;}
.chainok{color:var(--mk4t, inherit);font-weight:600;}
.chainng{color:var(--mk1t, inherit);font-weight:700;}
.tbl-wrap{overflow-x:auto;}
.btnrow{margin:12px 0;display:flex;gap:10px;flex-wrap:wrap;}
@media (max-width:760px){ .hd .cycle{display:none;} .main{padding:14px 16px 32px;} }
.nowrap{white-space:nowrap;}
.btn:disabled{opacity:.45;cursor:default;}
button[data-cmt]{white-space:nowrap;}
.page-h h2 .fx{font-size:13px;font-weight:600;color:var(--text-muted);margin-right:10px;}
label.blend{display:inline-flex;align-items:center;gap:6px;margin:6px 18px 6px 0;}
/* 評価の表：スマホでは1項目＝1枚のカードに積む（表のままだと項目名が1文字ずつ折れる） */
@media (max-width:760px){
  table.evtbl thead{display:none;}
  table.evtbl, table.evtbl tbody, table.evtbl tr, table.evtbl td{display:block;width:auto !important;}
  table.evtbl tr{padding:10px 0;border-bottom:1px solid var(--border);}
  table.evtbl td{border:0;padding:4px 0;}
  table.evtbl td.c{display:inline-block;margin-right:12px;}
  table.evtbl td.req::before{content:"必要水準 ";color:var(--text-weak);font-size:11px;}
  table.evtbl .lv{flex-wrap:wrap;row-gap:6px;}
  table.evtbl tr.cmtrow{padding-top:0;}
}
.demobar{position:sticky;top:0;z-index:200;background:#F6C343;color:#14191C;font-weight:700;text-align:center;padding:6px 12px;font-size:14px;letter-spacing:.04em;}
#login .demobar{position:static;}
.demobar.testbar{background:#6b2fa3;color:#fff;}.demobar.testbar a{color:#fff;text-decoration:underline;margin-left:8px;}
.testcode{background:#f3ebfa;border:1px solid #b48fd6;border-radius:6px;padding:8px 10px;margin:8px 0;font-size:13px;color:#3d1b5e;}.testcode .tc{font-size:20px;letter-spacing:.15em;font-family:Consolas,monospace;}
/* 2026-10-05 評価の一覧（1項目の窓の形）では、コメント欄は窓の中でだけ出す（一覧は「コメントあり」の印のみ） */
table.evfocus tr.cmtrow{display:none;}
/* 2026-10-06 スマホ幅の案内帯：「あなたがすること」だけを出し、残りの3つと凡例は「すべて見る」で開く（本人の結果が1画面目に来るように） */
.stepbox .stog{display:none;margin-left:auto;font:inherit;font-size:12px;padding:2px 10px;border:1px solid var(--border-strong);border-radius:3px;background:var(--bg-panel);color:var(--text-muted);cursor:pointer;}
@media (max-width:760px){
  .stepbox .stog{display:inline-block;}
  .stepbox:not(.open) > .guide .gi:not(.you){display:none;}
  .stepbox:not(.open) > .guide .gi.you{border-top:none;}
  .stepbox:not(.open) > .steph .lgd{display:none;}
}
/* 2026-10-06 最終承認の一覧の上：件数と絞り込み */
.apsum{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px;font-size:13px;}
.apsum .sp{flex:1;}
.apsum label{display:inline-flex;align-items:center;gap:6px;}
#apBox{scroll-margin-top:90px;}