:root{
  --ink:#1b2b34; --ink2:#53646d; --ink3:#8593998f;
  --paper:#f4f2ed; --panel:#ffffff;
  --rule:#c3ccd1; --rule2:#8b979d;
  --head:#e4e9ea; --input:#fff8d4;
  --blue:#1c5d8c; --blue2:#123f5f;
  --s-done:#3f6a53; --s-fixed:#1c5d8c; --s-open:#8a6a17; --s-cancel:#9d4a48; --s-none:#7a8288;
  --gothic:"Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;
  --mincho:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--gothic);background:var(--paper);color:var(--ink);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}
button{font-family:inherit;font-size:inherit;cursor:pointer}
input,select{font-family:inherit;font-size:inherit;color:inherit}

/* ---- 外枠 ---- */
.app{max-width:1500px;margin:0 auto;padding:0 14px 60px}
header.top{display:flex;align-items:baseline;gap:14px;padding:16px 2px 10px;flex-wrap:wrap}
.brand{font-family:var(--mincho);font-size:20px;letter-spacing:.06em;font-weight:600}
.brand .sub{font-family:var(--gothic);font-size:11px;letter-spacing:.12em;color:var(--ink2);display:block;font-weight:400;margin-top:1px}
.store{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink2);border:1px solid var(--rule);background:var(--panel);padding:5px 10px;border-radius:2px}
.mebox{margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--blue);color:#fff;padding:7px 13px;border-radius:2px}
.mebox label{font-size:10.5px;letter-spacing:.09em;opacity:.85}
.mebox select{border:1px solid rgba(255,255,255,.5);background:#fff;color:var(--ink);padding:4px 9px;border-radius:2px;font-size:13.5px;font-weight:600;min-width:118px}
.mebox #me-branch{font-size:11px;opacity:.9;white-space:nowrap}
@media(max-width:700px){.mebox{margin-left:0;width:100%;justify-content:space-between}}
.dot{width:6px;height:6px;border-radius:50%;background:var(--s-done);display:inline-block;flex:none}
.dot.bad{background:var(--s-cancel)}
.store.warnbk{border-color:var(--s-cancel);background:#fdf1f0;color:var(--s-cancel);font-weight:600}
.store code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--ink)}

nav.tabs{display:flex;gap:0;border-bottom:1.5px solid var(--rule2);margin-bottom:14px}
nav.tabs button{background:none;border:none;padding:9px 18px;color:var(--ink2);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;letter-spacing:.05em}
nav.tabs button:hover{color:var(--ink)}
nav.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--blue);font-weight:600}

/* ---- フィルタ ---- */
.filters{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.filters input[type=search]{border:1px solid var(--rule);background:var(--panel);padding:5px 8px;border-radius:2px;min-width:190px}
.fsel{position:relative}
.fbtn{border:1px solid var(--rule);background:var(--panel);color:var(--ink);padding:5px 10px;border-radius:2px;
  display:inline-flex;align-items:center;gap:7px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbtn:hover{border-color:var(--blue)}
.fbtn.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.fbtn .cv{font-size:10px;opacity:.7}
.fmenu{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:30;background:var(--panel);
  border:1px solid var(--rule2);box-shadow:0 6px 20px rgba(20,32,38,.18);min-width:190px;max-height:340px;overflow:auto}
.fmenu.on{display:block}
.fmh{display:flex;align-items:center;gap:10px;padding:7px 11px;border-bottom:1px solid var(--rule);
  background:var(--head);font-size:11px;font-weight:600;position:sticky;top:0}
.fmh button{margin-left:auto;border:none;background:none;color:var(--blue);font-size:11px;font-weight:400;padding:0}
.fmh button:hover{text-decoration:underline}
.fml{padding:5px}
.fml.grid{display:grid;grid-template-columns:repeat(var(--c,2),1fr)}
.fml label{display:flex;align-items:center;gap:7px;padding:4px 7px;font-size:12px;cursor:pointer;border-radius:2px;white-space:nowrap}
.fml label:hover{background:#eef5fa}
.fml input{margin:0;flex:none}
.count{font-size:11.5px;align-self:center;color:var(--ink2);font-variant-numeric:tabular-nums}
.btn{border:1px solid var(--rule2);background:var(--panel);padding:5px 12px;border-radius:2px;color:var(--ink)}
.btn:hover{background:var(--head)}
.btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.pri:hover{background:#16496e}
.btn.sm{padding:3px 9px;font-size:11.5px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn:disabled:hover{background:var(--panel)}
.hintx{font-size:11px;color:var(--ink2);align-self:center}

/* ---- 表 ---- */
.tablewrap{background:var(--panel);border:1px solid var(--rule2);overflow:auto;max-height:66vh}
table{border-collapse:collapse;width:100%;white-space:nowrap}
th{position:sticky;top:0;z-index:2;background:var(--head);border:1px solid var(--rule);padding:6px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-align:left}
td{border:1px solid var(--rule);padding:5px 8px;font-size:12px}
tbody tr:hover td{background:#f0f5f8}
tbody tr.sel td{background:#e3eef6}
td.num{text-align:right;font-variant-numeric:tabular-nums}
td.editable{cursor:text}
td.editable:hover{outline:1.5px solid var(--blue);outline-offset:-1.5px}
td.memo{max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
td.memo .ph{color:var(--rule2);font-size:11px}
td.memo:hover .ph{color:var(--blue)}
td.unassigned{background:#fdf0ef}
tbody tr:hover td.unassigned{background:#fbe6e4}
.pill{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10.5px;color:#fff;letter-spacing:.03em}
td.tf{cursor:pointer}
td.tf:hover .pill{box-shadow:0 0 0 2px rgba(28,93,140,.35)}
.pill.p-undefined,.pill.p-null{background:var(--s-none)}
.p-催行終了{background:var(--s-done)} .p-確定{background:var(--s-fixed)} .p-集客中{background:var(--s-open)}
.p-キャンセル{background:var(--s-cancel)} .p-ガイドなしに変更{background:var(--s-none)}
.warn{color:var(--s-cancel);font-weight:600}
td input,td select{width:100%;border:1.5px solid var(--blue);background:var(--input);padding:3px 5px;border-radius:0;outline:none}

/* ---- 詳細ドロワー ---- */
.scrim{position:fixed;inset:0;background:rgba(20,32,38,.42);display:none;z-index:40}
.scrim.on{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(880px,96vw);background:var(--paper);border-left:1.5px solid var(--rule2);transform:translateX(100%);transition:transform .22s cubic-bezier(.3,.7,.3,1);z-index:50;overflow-y:auto;display:flex;flex-direction:column}
.drawer.on{transform:none}
@media(prefers-reduced-motion:reduce){.drawer{transition:none}}
.dhead{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--rule2);padding:13px 18px;display:flex;align-items:center;gap:10px;z-index:3}
.dhead h2{font-family:var(--mincho);font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dbody{padding:16px 18px 40px}
.x{border:1px solid var(--rule);background:var(--panel);width:26px;height:26px;border-radius:2px;line-height:1}

/* 依頼表グリッド（紙の様式を踏襲） */
.form{border:1.5px solid var(--rule2);background:var(--panel);margin-bottom:16px}
.form .row{display:flex;border-bottom:1px solid var(--rule)}
.form .row:last-child{border-bottom:none}
.form .lbl{background:var(--head);border-right:1px solid var(--rule);padding:6px 9px;font-size:11px;font-weight:600;width:96px;flex:none;display:flex;align-items:center}
.form .val{padding:0;flex:1;min-width:0;border-right:1px solid var(--rule);display:flex}
.form .val:last-child{border-right:none}
.form .val input,.form .val select{width:100%;border:none;background:var(--input);padding:6px 9px}
.form .val input:focus,.form .val select:focus{outline:2px solid var(--blue);outline-offset:-2px}
.form .val.ro{background:var(--panel);padding:6px 9px;align-items:center;font-variant-numeric:tabular-nums}

.daycard{border:1.5px solid var(--rule2);background:var(--panel);margin-bottom:11px}
.daycard .dt{background:var(--head);padding:5px 10px;font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--rule)}
.daycard .dt .fee{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}
.secttl{font-size:11px;letter-spacing:.14em;color:var(--ink2);margin:18px 0 7px;font-weight:600}
.acts{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{border:1px solid var(--rule);background:var(--panel);color:var(--ink2);padding:2px 9px;border-radius:11px;font-size:11px;line-height:1.6}
.chip:hover{border-color:var(--blue);background:#eef5fa;color:var(--ink)}
.manual{display:inline-block;margin-left:5px;padding:0 5px;border-radius:2px;background:#8a6a17;color:#fff;font-size:9.5px;vertical-align:middle}
.confirm{position:fixed;inset:0;background:rgba(20,32,38,.5);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}
.cbox{background:var(--paper);border:1.5px solid var(--rule2);max-width:520px;width:100%;padding:20px 22px}
.cbox h3{font-family:var(--mincho);font-size:16px;margin-bottom:6px}
.cdesc{font-size:11.5px;color:var(--ink2);line-height:1.7;margin-bottom:12px}
.ctbl{width:100%;border-collapse:collapse}
.ctbl th{background:var(--head);border:1px solid var(--rule);padding:6px 9px;font-size:11.5px;text-align:left;width:130px;font-weight:600}
.ctbl td{border:1px solid var(--rule);padding:6px 9px;font-size:12px;background:var(--panel);font-variant-numeric:tabular-nums}
.ctbl input{width:100%;border:1px solid var(--rule);background:var(--input);padding:4px 7px}
.cwarn{font-size:11.5px;color:#8a6a17;margin-top:9px;min-height:17px}
.cacts{display:flex;gap:7px;justify-content:flex-end;margin-top:14px}
.btn.del{border-color:var(--s-cancel);color:var(--s-cancel)}
.btn.del:hover:not(:disabled){background:var(--s-cancel);color:#fff}
.btn.del:disabled{opacity:.4;cursor:not-allowed}
.danger{display:flex;align-items:center;gap:14px;border:1px solid #e0c4c2;background:#fdf6f5;padding:12px 14px;margin-top:26px}
.danger strong{display:block;font-size:12.5px;color:var(--s-cancel)}
.danger span{display:block;font-size:11.5px;color:var(--ink2);line-height:1.65;margin-top:2px}
.danger button{flex:none}
.ctbl.imp th{width:auto;text-align:left}
.ctbl.imp td{font-size:11.5px;padding:4px 8px}
.ctbl.imp tr.chg td{background:#fdf8e6}

/* 送信票 */
.fax{font-size:12.5px;line-height:1.8}
.fax-h{display:flex;align-items:center;border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:16px}
.fax-t{font-family:var(--mincho);font-size:26px;letter-spacing:.34em;font-weight:600}
.fax-tag{margin-left:auto;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.22em;padding:5px 15px}
.fax-m{width:100%;border-collapse:collapse;margin-bottom:20px}
.fax-m th{width:92px;text-align:left;font-size:11px;letter-spacing:.1em;color:var(--ink2);
  padding:6px 0;vertical-align:top;font-weight:600;border-bottom:1px solid var(--rule)}
.fax-m td{padding:6px 0 6px 12px;font-size:13px;border-bottom:1px solid var(--rule)}
.fax-m td b{font-size:15px}
.fax-sec{font-size:11px;letter-spacing:.18em;color:#fff;background:var(--ink);display:inline-block;padding:3px 12px;margin-bottom:0}
.fax-body{border:1.5px solid var(--ink);padding:16px 18px 18px;margin-bottom:22px}
.fax-body p{margin-bottom:7px}
.fax-l{width:100%;border-collapse:collapse;margin:14px 0 16px}
.fax-l th{background:var(--head);border:1px solid var(--rule2);padding:6px 9px;font-size:11.5px;text-align:left}
.fax-l td{border:1px solid var(--rule2);padding:6px 9px;font-size:12px;vertical-align:top}
.fax-att{border:1px solid var(--rule2);background:#fafbfc;padding:9px 13px;margin:10px 0 6px;font-size:12px}
.fax-att b{margin-right:9px}
.fax-att code{font-family:ui-monospace,Menlo,monospace;font-size:11px}
.fax-att span{display:block;font-size:11px;color:var(--ink2);margin-top:3px}
.fax-msg{border-left:3px solid var(--ink);background:#f7f7f4;padding:9px 13px;margin:10px 0 14px;white-space:pre-wrap;line-height:1.75}
#so-msg{width:100%;border:1px solid var(--rule2);background:var(--input);padding:8px 10px;font-family:var(--gothic);font-size:12.5px;line-height:1.7;resize:vertical}
.yoy{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
.yoy th{background:var(--head);border:1px solid var(--rule);padding:5px 8px;text-align:left;width:120px}
.yoy thead th{text-align:right;width:auto}
.yoy thead th:first-child{width:120px}
.yoy td{border:1px solid var(--rule);padding:5px 8px;text-align:right;font-variant-numeric:tabular-nums}
.yoy .up{color:#2f6a4e} .yoy .dn{color:var(--s-cancel)}
.yoy tr.cum th,.yoy tr.cum td{background:#fafaf8;color:var(--ink2)}
.yoy tr.cum th span{font-size:10.5px;font-weight:400}
.chart .pb{background:var(--rule2);width:100%;opacity:.55;position:absolute;bottom:0;left:0;z-index:0}
.chart .bb{position:relative;z-index:1}
.fax-f{display:flex;gap:16px;border-top:1px solid var(--rule2);padding-top:12px;font-size:11.5px;line-height:1.75}
.fax-fl{font-size:10.5px;letter-spacing:.16em;color:var(--ink2);width:56px;flex:none;padding-top:2px}

/* ホーム */
.dbar{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}
.dbar label{font-size:11.5px;color:var(--ink2)}
.dbar input[type=date]{border:1px solid var(--rule);background:var(--panel);padding:5px 8px;border-radius:2px}
.dwarn{font-size:11.5px;color:var(--ink2)}
.dwarn .bad,.wk-n .bad,#c-warn .bad{color:var(--s-cancel);font-weight:600;margin-left:5px}
.dgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.dgrid{grid-template-columns:1fr}}
.alertbox{border:1.5px solid var(--s-cancel);background:#fdf1f0;padding:11px 14px;margin-bottom:14px;font-size:12px;line-height:1.8}
.alertbox strong{display:block;color:var(--s-cancel);font-size:12.5px;margin-bottom:3px}
.robar{align-items:center;gap:12px;background:#eef2f4;border:1px solid var(--rule2);border-left:3px solid var(--ink2);
  padding:8px 13px;margin-bottom:11px;font-size:12px}
.robar strong{color:var(--ink)}
.robar span{color:var(--ink2);font-size:11.5px}
body.readonly .impbar,
body.readonly .danger,
body.readonly #d-add, body.readonly #d-add2,
body.readonly .chips,
body.readonly #m-body .acts,
body.readonly [data-fee],
body.readonly [data-del]{display:none !important}
body.readonly td.editable{cursor:default}
body.readonly td.editable:hover{outline:none}
body.readonly td.editable .gsel,body.readonly td.editable .pill .cv{opacity:.55}
body.readonly .drawer input,body.readonly .drawer select,body.readonly .drawer textarea,
body.readonly #m-body input,body.readonly #m-body select{pointer-events:none;background:var(--panel);color:var(--ink2);border-style:dotted}
.alertbox .dup{border-top:1px dotted #e0c4c2;padding:4px 0;cursor:pointer;font-size:12px}
.alertbox .dup:first-of-type{border-top:none}
.alertbox .dup:hover{color:var(--blue)}
.alertbox .dup span{display:block;font-size:10.5px;color:var(--ink2)}
.alertbox.amber .dup{border-top-color:#e0d4ad}
.lockb{display:inline-block;margin-left:5px;padding:0 5px;border-radius:2px;background:#8a6a17;color:#fff;font-size:9.5px;vertical-align:middle;cursor:help}
.sched{border:1px solid var(--rule2);background:var(--panel);margin-bottom:14px}
.sched strong{display:block;font-size:11px;letter-spacing:.1em;color:var(--ink2);padding:8px 13px 6px;border-bottom:1px solid var(--rule)}
.sc{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--rule);cursor:pointer;font-size:12.5px}
.sc:last-child{border-bottom:none}
.sc:hover{background:#f2f7fb}
.scd{width:64px;flex:none;font-size:11px;color:var(--ink2);font-variant-numeric:tabular-nums}
.scl{flex:1;min-width:0}
.scl i{display:block;font-style:normal;font-size:11px;color:var(--ink2);margin-top:1px}
.scn{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink2);flex:none}
.scs{flex:none;font-size:10px;padding:1px 8px;border-radius:2px;background:#e6eef6;color:var(--blue);font-weight:600}
.sc.late{background:#fdf6f5}
.sc.late .scs{background:var(--s-cancel);color:#fff}
.sc.late:hover{background:#fbeceb}
.alertbox.paybox{border-color:#b8901f;background:#fdfaf0}
.alertbox.paybox strong{color:#8a6a17}
.alertbox.paybox .nc{border-bottom-color:#e8dcc0}
.rk-支払{background:#8a6a17}
.alertbox.okbox{border-color:#6f9e83;background:#f1f7f3}
.alertbox.okbox strong{color:#2f6a4e}
.alertbox.okbox .nc{border-bottom-color:#cfe0d5}
.rk{display:inline-block;padding:0 6px;border-radius:2px;font-size:10px;color:#fff;margin-right:7px;vertical-align:middle}
.rk-承諾{background:#3f6a53} .rk-辞退{background:var(--s-cancel)}
.rk-配車{background:var(--blue)} .rk-稼働{background:#6b5b8a}
.alertbox.amber{border-color:#c39a2a;background:#fdf8e6}
.alertbox.amber strong{color:#8a6a17}
.alertbox .nc{cursor:pointer;padding:2px 0;border-bottom:1px dotted #e0d4ad}
.alertbox .nc:last-child{border-bottom:none}
.alertbox .nc:hover{color:var(--blue)}
.alertbox .nc span{color:var(--ink2);font-size:11px;margin-left:8px}
.tcard{display:flex;gap:13px;background:var(--panel);border:1px solid var(--rule2);padding:11px 13px;margin-bottom:8px;cursor:pointer}
.tcard:hover{border-color:var(--blue);background:#f5fafd}
.tcard.ex{border-left:3px solid #a892bd;cursor:default}
.tcard.ex:hover{border-color:var(--rule2);border-left-color:#a892bd;background:var(--panel)}
.tcard.ex .tc-time span{color:#6b5b8a}
.tc-time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;width:52px;flex:none;line-height:1.35}
.tc-time span{display:block;font-size:11.5px;font-weight:400;color:var(--ink2)}
.tc-main{flex:1;min-width:0}
.tc-g{font-size:14px;font-weight:600}
.tc-g .tc-tel{font-size:11px;font-weight:400;color:var(--ink2);margin-left:8px}
.tc-co{font-size:12px;margin-top:1px}
.tc-sub{font-size:11.5px;color:var(--ink2);margin-top:3px;line-height:1.6}
.tc-note{font-size:11px;color:var(--ink2);margin-top:4px;border-left:2px solid var(--rule);padding-left:7px}
.tc-fee{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;flex:none}
.tc-fee span{display:block;font-size:11px;font-weight:400;color:var(--ink2)}
.wk{border:1px solid var(--rule2);background:var(--panel)}
.wkrow{display:flex;gap:10px;padding:7px 10px;border-bottom:1px solid var(--rule);cursor:pointer;align-items:flex-start}
.wkrow:last-child{border-bottom:none}
.wkrow:hover{background:#f2f7fb}
.wkrow.on{background:#e6f0f7}
.wk-d{width:52px;flex:none;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}
.wk-d span{font-size:10.5px;font-weight:400;color:var(--ink2);margin-left:3px}
.wk-d.sun{color:#a04a48} .wk-d.sat{color:#3a6a92}
.wk-b{flex:1;min-width:0}
.wk-i{font-size:11.5px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-i span{color:var(--ink2);margin-left:6px}
.wk-non,.wk-more{font-size:11px;color:var(--ink3)}
.wk-n{font-size:11px;color:var(--ink2);flex:none;text-align:right;min-width:56px}

/* カレンダー */
.cal{background:var(--panel);border:1px solid var(--rule2)}
.cal-h{display:grid;grid-template-columns:repeat(7,1fr);background:var(--head)}
.cal-h div{padding:5px;text-align:center;font-size:11.5px;font-weight:600;border-right:1px solid var(--rule)}
.cal-h div:last-child{border-right:none}
.cal-h .sun{color:#a04a48} .cal-h .sat{color:#3a6a92}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr)}
.cd{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:104px;padding:4px 5px;vertical-align:top}
.cd:nth-child(7n){border-right:none}
.cd.out{background:#fafaf8}
.cd.today{background:#eef6fb}
.cd-h{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--ink2);margin-bottom:3px;display:flex;align-items:center;gap:5px}
.cd-h.sun{color:#a04a48} .cd-h.sat{color:#3a6a92}
.cd-dup{background:var(--s-cancel);color:#fff;font-size:9px;padding:0 4px;border-radius:2px}
.cd-i{background:#eaf1f6;border-left:2.5px solid var(--blue);padding:2px 4px;margin-bottom:2px;font-size:10.5px;line-height:1.35;cursor:pointer;overflow:hidden}
.cd-i:hover{background:#dbe9f3}
.cd-i b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-i span{color:var(--ink2);margin-right:5px;font-size:9.5px}
.cd-i.dup{background:#fbe6e4;border-left-color:var(--s-cancel)}
.cd-i.un{background:#f3f4f5;border-left-color:var(--s-none);color:var(--ink2)}
.avwrap{overflow:auto;border:1px solid var(--rule2);background:var(--panel);max-height:64vh}
.avt{border-collapse:collapse;font-size:11px}
.avt th,.avt td{border:1px solid var(--rule);padding:0;text-align:center}
.avt thead th{position:sticky;top:0;z-index:3;background:var(--head);min-width:23px;padding:3px 0;font-size:10.5px;line-height:1.2}
.avt thead th span{display:block;font-size:9px;color:var(--ink2)}
.avt thead th.sun,.avt td.sun{background:#fbf2f2}
.avt thead th.sat,.avt td.sat{background:#f1f5f9}
.avt tbody th{position:sticky;left:0;z-index:2;background:var(--panel);text-align:left;padding:3px 8px;
  font-weight:600;white-space:nowrap;min-width:118px;border-right:1.5px solid var(--rule2)}
.avt tbody th span{color:var(--ink3);font-weight:400;font-size:10px;margin-left:5px}
.avt tbody th.kami{border-left:3px solid #7ba8c6} .avt tbody th.shimo{border-left:3px solid #83a992}
.avt th.gh{position:sticky;left:0;z-index:4;background:var(--head);text-align:left;padding:3px 8px}
.avt th.gh2{min-width:34px}
.avt td.av{height:22px;cursor:pointer;font-size:11px;line-height:22px}
.avt td.av:hover{outline:2px solid var(--blue);outline-offset:-2px}
#cal-body.exmode td.av{cursor:cell}
#cal-body.exmode td.av:hover{outline-color:#8a6ab0;background:#f3edf8}
.avt td.ng{background:#fbe0de;color:#9d4a48;font-weight:700}
.avt td.ok{background:#e6f0e8;color:#3f6a53}
.avt td.bk{background:#dbe9f3;color:var(--blue);font-weight:700}
.avt td.ng.bk{background:#f6d9c9;color:#9a5a2a}
.avt td.sum{background:#f5f7f8;color:var(--ink2);font-variant-numeric:tabular-nums}
.avt td.sum.ex{background:#f6f2f8;color:#6b5b8a}
.avt tr.unrow th{background:#fdf1f0;border-left:3px solid var(--s-cancel);color:#8a3a38}
.avt tr.unrow th span{color:var(--s-cancel)}
.avt td.unc{background:#fbe0de;cursor:pointer}
.avt td.unc b{color:#9d4a48;font-size:12px}
.avt td.unc:hover{background:#f6cdca}
.paym{display:inline-block;background:#8a6a17;color:#fff;font-size:8px;font-style:normal;
  border-radius:2px;padding:0 2px;margin-left:1px;vertical-align:super;line-height:1.3}
.lg2.un{background:#fbe0de;color:#9d4a48;font-weight:700}
.unlist{margin-top:4px}
.und{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--rule)}
.und-d{font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
.und-l{display:flex;flex-wrap:wrap;gap:6px}
.unb{border:1px solid var(--rule);background:var(--panel);padding:5px 10px;border-radius:2px;text-align:left;cursor:pointer;max-width:280px}
.unb:hover{border-color:var(--blue);background:#f2f7fb}
.unb b{display:block;font-size:12px;font-weight:600}
.unb span{display:block;font-size:10.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unb i{display:block;font-style:normal;font-size:10px;color:var(--ink3);margin-top:2px}
.printhead{display:none}
@media print{
  body.printcal{--pgsize:A4 landscape}
  body.printcal .modal,body.printcal .drawer,body.printcal .scrim,body.printcal .imp{display:none !important}
  body.printcal .tabs,body.printcal .impbar,body.printcal .filters,body.printcal .noprint,
  body.printcal .dbar,body.printcal header,body.printcal .store{display:none !important}
  body.printcal section:not(#tab-cal){display:none !important}
  body.printcal main{padding:0 !important;max-width:none !important}
  body.printcal .printhead{display:block;font-family:var(--mincho);font-size:17px;letter-spacing:.1em;
    text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
  body.printcal .printhead span{display:block;font-family:var(--gothic);font-size:10px;letter-spacing:0;color:var(--ink2);margin-top:4px}
  body.printcal .avwrap{max-height:none !important;overflow:visible !important;border:none}
  body.printcal .callegend{margin-top:8px;font-size:9px}
  body.printcal .unlist{display:none}
  body.printcal .avt{font-size:9px}
  body.printcal .avt td.av{height:16px;line-height:16px}
  body.printcal .avt tbody th{min-width:96px;font-size:9.5px}
  body.printcal .stq,body.printcal .stn{display:none}
  body.printcal .avt tr.unrow th span{font-size:8px}

}
.avt td.exp{background:#eee6f3;color:#6b5b8a;font-weight:700}
.avt td.exp.bk{background:#e4dcf0}
.lg2.ex{background:#eee6f3;color:#6b5b8a}
.ash{max-width:640px;margin:0 auto;font-size:13px;page-break-inside:avoid}
.sheetbreak{break-after:page;height:26px;border-bottom:1px dashed var(--rule2);margin-bottom:26px}
.ash-h{text-align:center;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:14px}
.ash-org{font-size:10.5px;color:var(--ink2);letter-spacing:.04em}
.ash h1{font-family:var(--mincho);font-size:20px;letter-spacing:.14em;margin:5px 0 3px}
.ash-sub{font-size:13px}
.ash-m{width:100%;border-collapse:collapse;margin-bottom:12px}
.ash-m th{background:var(--head);border:1px solid var(--rule2);padding:7px 10px;width:82px;text-align:left;font-size:11.5px}
.ash-m td{border:1px solid var(--rule2);padding:7px 10px;font-size:13px}
.ash-lead{font-size:12.5px;background:#f4f7f9;padding:8px 12px;margin-bottom:10px;line-height:1.7}
.ash-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px}
.ash-wd span{text-align:center;font-size:11px;color:var(--ink2)}
.ash-wd .sun{color:#a04a48} .ash-wd .sat{color:#3a6a92}
.ash-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ash-x{aspect-ratio:1.15}
.ash-d{aspect-ratio:1.15;border:1px solid var(--rule2);position:relative;padding:3px 5px}
.ash-d b{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.ash-d span{position:absolute;bottom:3px;right:4px;font-size:8.5px;color:var(--ink2)}
.ash-d.lock{background:repeating-linear-gradient(45deg,#eceff1,#eceff1 4px,#f6f8f9 4px,#f6f8f9 8px)}
.ash-d.sun b{color:#a04a48} .ash-d.sat b{color:#3a6a92}
.ash-note{margin-top:14px}
.ash-note b{font-size:11.5px}
.ash-free{border:1px solid var(--rule2);height:54px;margin-top:4px}
.ash-f{margin-top:14px;font-size:11.5px;color:var(--ink2);line-height:1.7;border:1.5px solid var(--ink);padding:10px 12px}
.ash-f>b{color:var(--ink);font-size:12px}
.ash-r{width:100%;border-collapse:collapse;margin:6px 0 8px}
.ash-r th{background:var(--head);border:1px solid var(--rule2);padding:4px 9px;width:78px;text-align:left;font-size:11px;color:var(--ink)}
.ash-r td{border:1px solid var(--rule2);padding:4px 9px;font-size:11.5px;color:var(--ink)}
.ash-to{font-size:11px;padding-top:6px;border-top:1px dashed var(--rule2)}
.gf{max-width:400px;margin:0 auto;font-size:14px}
.gf-2{display:block}
.rq-grid{display:block}
/* 画面が広いときは横に広げる */
@media(min-width:680px){
  .gf{max-width:820px}
  .hf-c{display:grid;grid-template-columns:1fr 300px;gap:12px;align-items:center}
  .hf-c .hf-d,.hf-c .hf-t,.hf-c .hf-n,.hf-c .hf-m{grid-column:1}
  .hf-c .hf-b{grid-column:2;grid-row:1/5;margin-top:0}
  .hf-c .hf-memo{grid-column:2}
  .gf h1{font-size:22px}
  .gf-lead{font-size:14px}
  .gf-2{display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:start}
  .gf-side{position:sticky;top:0;border:1px solid var(--rule);border-radius:6px;padding:14px 15px;background:#fafbfc}
  .gf-cnt{margin:0 0 10px}
  .gf-d b{font-size:19px}
  .gf-d span{font-size:9.5px}
  .gf-legend{flex-direction:column;align-items:flex-start;gap:4px;margin-top:14px}
  .gf-legend i{margin-left:0}
  .rq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .rq-c{margin-bottom:0}
}
.gf-picked{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.gf-picked span{background:#c9524f;color:#fff;font-size:11px;padding:1px 7px;border-radius:9px;font-variant-numeric:tabular-nums}
.gf-h{text-align:center;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:16px}
.gf-org{font-size:10.5px;color:var(--ink2);letter-spacing:.04em}
.gf h1{font-family:var(--mincho);font-size:19px;letter-spacing:.08em;margin:5px 0 4px}
.gf-sub{font-size:13px}
.gf-lead{font-size:13px;line-height:1.7;background:#f4f7f9;padding:10px 13px;border-radius:4px;margin-bottom:14px}
.gf-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px}
.gf-wd span{text-align:center;font-size:11px;color:var(--ink2)}
.gf-wd .sun{color:#a04a48} .gf-wd .sat{color:#3a6a92}
.gf-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.gf-x{aspect-ratio:1}
.gf-d{aspect-ratio:1;border:1.5px solid var(--rule);background:var(--panel);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;cursor:pointer}
.gf-d b{font-size:16px;font-weight:600;line-height:1}
.gf-d span{font-size:8.5px;color:var(--ink2);line-height:1}
.gf-d:hover:not(:disabled){border-color:var(--blue)}
.gf-d.sun b{color:#a04a48} .gf-d.sat b{color:#3a6a92}
.gf-d.ng{background:#c9524f;border-color:#c9524f}
.gf-d.ng b,.gf-d.ng span{color:#fff}
.gf-d.bk{background:#e8edf0;border-color:var(--rule);cursor:not-allowed}
.gf-d.bk b{color:var(--ink3)}
.gf-d:disabled{opacity:.85}
.gf-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink2);margin-top:12px}
.gf-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-left:10px}
.gf-legend i.ng{background:#c9524f} .gf-legend i.bk{background:#e8edf0;border:1px solid var(--rule)}
.gf-legend i.ex2{background:#e5d9ef;border:1px solid #b9a4d0}
.gf-d.ex{background:#e5d9ef;border-color:#b9a4d0;cursor:not-allowed}
.gf-d.ex b{color:#5d4b7a} .gf-d.ex span{color:#6b5b8a}
.gf-cnt{text-align:center;font-size:13px;margin:14px 0 10px}
.gf-cnt b{font-size:18px;font-variant-numeric:tabular-nums}
.gf-acts{display:flex;flex-direction:column;gap:8px}
.gf-btn{width:100%;padding:13px;border:none;border-radius:6px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.gf-btn:hover{background:#16496e}
.gf-btn.ghost{background:var(--panel);color:var(--ink2);border:1px solid var(--rule);font-weight:400;font-size:13px;padding:9px}
.gf-foot{font-size:11px;color:var(--ink2);text-align:center;margin-top:16px;line-height:1.7}
.gf-done{text-align:center;padding:26px 0}
.gf-ck{width:56px;height:56px;border-radius:50%;background:#3f6a53;color:#fff;font-size:30px;
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.gf-done h2{font-family:var(--mincho);font-size:17px;margin-bottom:10px}
.gf-done p{font-size:13px;margin-bottom:6px}
.gf-note{font-size:11.5px;color:var(--ink2);margin:12px 0 18px}
.stq,.stn{display:inline-block;margin-left:5px;padding:0 5px;border-radius:2px;font-size:9px;border:none;cursor:pointer;line-height:1.5}
.stq{background:#e6eef6;color:var(--blue);font-weight:600}
.stn{background:#f0eeea;color:var(--ink3)}
.stq:hover{background:#d4e3f0} .stn:hover{background:#e2ded6;color:var(--ink2)}
.wq{color:var(--blue);font-weight:600}
#c-warn .wq{margin-left:5px}
.lg2{display:inline-block;width:16px;height:14px;line-height:14px;text-align:center;font-size:10px;border:1px solid var(--rule);margin:0 3px 0 9px}
.lg2.ng{background:#fbe0de;color:#9d4a48} .lg2.ok{background:#e6f0e8;color:#3f6a53}
.lg2.bk{background:#dbe9f3;color:var(--blue)} .lg2.non{background:var(--panel)}
.callegend{padding:8px 11px;font-size:11px;color:var(--ink2);border-top:1px solid var(--rule);display:flex;align-items:center;gap:5px}
.lg{display:inline-block;width:11px;height:11px;border-left:2.5px solid var(--s-cancel);background:#fbe6e4}
.lg.un{border-left-color:var(--s-none);background:#f3f4f5;margin-left:9px}
/* 使い方 */
.hgrid{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:start}
@media(max-width:720px){.hgrid{grid-template-columns:1fr}}
.hnav{display:flex;flex-direction:column;gap:2px;position:sticky;top:10px}
.hnav button{text-align:left;border:none;background:none;padding:8px 12px;color:var(--ink2);border-left:2.5px solid transparent;font-size:12.5px}
.hnav button:hover{color:var(--ink);background:var(--panel)}
.hnav button.on{color:var(--ink);font-weight:600;border-left-color:var(--blue);background:var(--panel)}
.hbody{background:var(--panel);border:1px solid var(--rule2);padding:22px 26px 28px;font-size:13px;line-height:1.85;max-width:760px}
.hbody h3{font-family:var(--mincho);font-size:18px;margin-bottom:14px;padding-bottom:7px;border-bottom:1px solid var(--rule)}
.hbody h4{font-size:12.5px;font-weight:600;margin:20px 0 5px;color:var(--ink)}
.hbody p{margin-bottom:9px}
.hbody ul{margin:0 0 9px 20px} .hbody ul li{margin-bottom:4px}
.hbody b{font-weight:600}
ol.steps2{list-style:none;counter-reset:s;margin:6px 0 4px}
ol.steps2 li{counter-increment:s;position:relative;padding-left:34px;margin-bottom:11px}
ol.steps2 li::before{content:counter(s);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;
  background:var(--blue);color:#fff;font-size:11.5px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
ol.steps2 b{display:block;font-size:13px}
ol.steps2 span{display:block;font-size:12px;color:var(--ink2);line-height:1.7}
table.htbl{width:100%;border-collapse:collapse;margin:8px 0 4px}
table.htbl th{background:var(--head);border:1px solid var(--rule);padding:7px 10px;text-align:left;width:150px;font-size:12px;font-weight:600;vertical-align:top}
table.htbl td{border:1px solid var(--rule);padding:7px 10px;font-size:12.5px;vertical-align:middle}
.hnote{border-left:3px solid var(--rule2);background:#fafaf7;padding:9px 13px;font-size:12px;margin:12px 0;line-height:1.75}
.hnote.warn{border-left-color:#b8860b;background:#fdf8e6}

/* ---- 帳票モーダル ---- */
.modal{position:fixed;inset:0;background:rgba(20,32,38,.5);display:none;z-index:60;overflow-y:auto;padding:24px 12px}
.modal.on{display:block}
.sheet{background:#fff;max-width:800px;margin:0 auto;padding:34px 40px 46px;border:1px solid var(--rule2);box-shadow:0 8px 30px rgba(0,0,0,.2)}
@media(max-width:820px){.modal{padding:12px 6px}.sheet{padding:18px 12px 26px}}
.sheet h1{font-family:var(--mincho);font-size:19px;letter-spacing:.3em;text-align:center;font-weight:600;margin-bottom:4px}
.sheet .meta{text-align:right;font-size:11.5px;color:var(--ink2);margin-bottom:14px;font-variant-numeric:tabular-nums}
.sheet table{white-space:normal;margin:10px 0}
.sheet th,.sheet td{border:1px solid var(--rule2);padding:5px 8px;font-size:12px}
.sheet th{background:var(--head);position:static}
.sheet .tot{font-weight:700;font-variant-numeric:tabular-nums}
.sheet .issuer{margin-top:26px;font-size:11.5px;line-height:1.8;text-align:right}
.sheet .rsec{font-size:11px;letter-spacing:.14em;color:var(--ink2);font-weight:600;margin:16px 0 5px;border-bottom:1px solid var(--rule);padding-bottom:3px}
.sheet tr.exr td{background:#f8f5fa}
.sheet .payinfo{border:1.5px solid var(--ink);padding:14px 16px;margin-top:22px}
.sheet .payinfo b{font-size:12.5px}
.sheet .payinfo p{font-size:12px;line-height:1.8;margin:5px 0 9px}
.sheet .paytbl{width:auto;margin:0}
.sheet .paytbl th{width:88px;font-size:11.5px;background:var(--head);text-align:left}
.sheet .paytbl td{font-size:11.5px}
.sheet .rnote{border:1px solid var(--rule2);padding:10px 12px;font-size:12px;min-height:52px;white-space:pre-wrap;line-height:1.7}
.modalbar .meth{margin-right:auto;font-size:11.5px;color:#fff;background:rgba(0,0,0,.35);padding:5px 11px;border-radius:2px;align-self:center}
.sheet .amtbox{border:2px solid var(--ink);padding:9px 16px;display:inline-block;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--mincho)}
.modalbar{max-width:800px;margin:0 auto 10px;display:flex;gap:7px;justify-content:flex-end}
@page{size:A4 portrait;margin:12mm}
@media print{
  body:not(.printcal)>*:not(.modal){display:none}
  body:not(.printcal) .modal{position:static !important;inset:auto !important;padding:0 !important;
    background:none !important;overflow:visible !important;height:auto !important}
  html,body{height:auto !important}
  .modalbar{display:none}
  .sheet{box-shadow:none;border:none;max-width:none;padding:0 !important;font-size:11.5px}
  /* 用紙に収まりやすいよう余白と行間を詰める */
  .sheet h1{font-size:18px;margin-bottom:4px}
  .sheet .meta{font-size:10px;margin-bottom:8px}
  .sheet table{page-break-inside:avoid}
  .sheet table th,.sheet table td{padding:3px 6px !important;font-size:10.5px}
  .sheet .secttl{margin:9px 0 4px;font-size:10.5px}
  .sheet .issuer,.sheet .rnote{font-size:10px;margin-top:10px;page-break-inside:avoid;break-inside:avoid}
  .sheet .issuer{line-height:1.55}
  .sheet>div:last-child{page-break-after:avoid}
  .sheet p{margin:4px 0}
  .sheet .payinfo{margin-top:12px;padding:9px 11px;page-break-inside:avoid}
  .sheet .payinfo p{margin:3px 0 6px;font-size:10.5px}
  .sheet .fax-l th,.sheet .fax-l td{padding:3px 6px !important}
  .ash{font-size:11px}
  .ash h1{font-size:17px}
  .ash-cal{gap:2px}
  .ash-d b{font-size:11px}
  .ash-free{height:40px}
  .ash-f{margin-top:10px;padding:8px 10px;page-break-inside:avoid}
  .ash-r th,.ash-r td{padding:3px 7px !important}
  .gf,.gf-2{page-break-inside:avoid}
}

/* ---- 集計 ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--rule2);padding:11px 13px}
.card .k{font-size:10.5px;letter-spacing:.1em;color:var(--ink2)}
.card .v{font-family:var(--mincho);font-size:24px;font-variant-numeric:tabular-nums;margin-top:2px}
.card .v small{font-size:12px;font-family:var(--gothic);color:var(--ink2);margin-left:2px}
.bars{background:var(--panel);border:1px solid var(--rule2);padding:14px}
.bar{display:grid;grid-template-columns:44px 1fr 78px;align-items:center;gap:9px;margin-bottom:5px;font-size:11.5px}
.bar .t{height:15px;background:var(--blue);opacity:.85}
.bar .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink2)}
.hide{display:none}
.empty{padding:36px;text-align:center;color:var(--ink2);background:var(--panel);border:1px solid var(--rule2)}

/* ---- 担当ガイド セレクタ ---- */
.gsel{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rule2);background:var(--input);padding:2px 7px;border-radius:2px;cursor:pointer;max-width:100%}
.gsel:hover{border-color:var(--blue);background:#fff5b8}
.gsel .cv{font-size:11px;color:var(--ink2)}
.gsel.none{background:#fde3e1;border-color:var(--s-cancel);color:var(--s-cancel);font-weight:600}
.gsel.none:hover{background:#fbd2cf}
.gsel.ask{background:#e6eef6;border-color:var(--blue);color:var(--blue);font-weight:600}
.gsel.wait{background:#efe6f2;border-color:#a892bd;color:#6b5b8a;font-weight:600;cursor:help}
.logs{border:1px solid var(--rule2);background:var(--panel);margin-bottom:4px;max-height:none}
.logs.fold{max-height:176px;overflow:hidden;position:relative}
.logs.fold::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34px;
  background:linear-gradient(rgba(255,255,255,0),var(--panel))}
.lgrow{display:grid;grid-template-columns:112px minmax(110px,160px) minmax(0,1fr) 92px;gap:10px;padding:7px 12px;
  border-bottom:1px solid var(--rule);font-size:11.5px;line-height:1.6;align-items:baseline}
.lgrow:last-child{border-bottom:none}
.lgrow:nth-child(even){background:#f7f9fa}
.lgc-t{color:var(--ink3);font-variant-numeric:tabular-nums}
.lgc-w{font-weight:600}
.lgc-v{color:var(--ink2);min-width:0;overflow-wrap:anywhere}
.lgc-v b{color:var(--ink)}
.lgc-b{color:var(--ink3);text-align:right}
.files{border:1px solid var(--rule2);background:var(--panel);margin-bottom:4px}
.file{display:flex;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid var(--rule);font-size:12px}
.file:last-child{border-bottom:none}
.file code{font-family:ui-monospace,Menlo,monospace;font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file .fi{background:var(--blue);color:#fff;font-size:10px;padding:1px 7px;border-radius:2px;flex:none}
.file .fi.gen{background:#4a6b57}
.file .fi.old{background:var(--rule2);color:var(--ink2)}
.file.oldf{background:#fafaf8}
.file.oldf code{color:var(--ink2);text-decoration:line-through}
.itc-n .rep{background:#8a6a17;color:#fff;font-size:9px;padding:0 4px;border-radius:2px;margin-right:4px}
.file.auto{background:#fafbfa}
.file .fm{font-size:10.5px;color:var(--ink3);flex:none}
.file.none{display:block;background:#f6f2f8;border-left:3px solid #a892bd}
.file.none b{color:#6b5b8a;font-size:12.5px}
.file.none span{display:block;font-size:11px;color:var(--ink2);line-height:1.65;margin:3px 0 7px}
.file.ok2{font-size:11.5px;color:var(--ink2);justify-content:space-between}
.itcell{text-align:center}
.itbtn{border:1px solid var(--rule);background:var(--panel);color:var(--blue);padding:1px 8px;border-radius:2px;font-size:10.5px}
.itbtn:hover{background:#eef5fa;border-color:var(--blue)}
.itwait{display:inline-block;padding:0 6px;border-radius:2px;background:#efe6f2;color:#6b5b8a;font-size:10px;font-weight:600}
.itno{color:var(--ink3);font-size:10.5px}
.itpv{width:76px;height:96px;border:2px solid var(--rule2);border-radius:3px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;background:#f7f7f4}
.itpv span{font-size:12px;color:var(--ink2);letter-spacing:.08em}
.itg{display:grid;grid-template-columns:0.9fr 1.1fr;gap:16px;align-items:start}
@media(max-width:800px){.itg{grid-template-columns:1fr}}
.itlist{border:1px solid var(--rule2);background:var(--panel);max-height:52vh;overflow:auto}
.itrow{display:flex;align-items:center;gap:7px;padding:7px 9px;border-bottom:1px solid var(--rule);cursor:pointer;font-size:12px}
.itrow:last-child{border-bottom:none}
.itrow:hover{background:#f2f7fb}
.itrow:nth-child(even){background:#f7f9fa}
.itrow:nth-child(even):hover{background:#eaf1f6}
.itd{width:44px;flex:none;font-variant-numeric:tabular-nums;color:var(--ink2);font-size:11px}
.itc2{flex:1;min-width:0}
.itc2 b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itc span{display:block;font-size:10.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itn{font-size:10px;color:var(--ink3);flex:none}
.itfile{border:1px solid var(--rule2);background:var(--panel);padding:9px 11px;margin-top:8px;font-size:12px}
.itfile.done{background:#f2f8f4;border-color:#8fb8a0}
.itf-h{display:flex;align-items:center;gap:8px}
.itf-h code{font-family:ui-monospace,Menlo,monospace;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itf-h .ok{color:#3f6a53;font-size:11px;font-weight:600;flex:none}
.itf-r{font-size:11px;color:var(--ink2);margin-top:4px}
.itf-r code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px}
.itf-s{margin-top:8px;font-size:11.5px;color:var(--ink2)}
.itf-s b{color:var(--ink);display:block;font-size:12px}
.itq{width:100%;margin-top:5px;border:1px solid var(--rule);background:var(--input);padding:4px 8px;font-size:11.5px}
.itcand{border:1px solid var(--rule);max-height:220px;overflow:auto;margin-top:5px}
.itc{display:grid;grid-template-columns:18px 44px 1fr auto;align-items:center;gap:7px;
  padding:4px 8px;font-size:11.5px;cursor:pointer;border-bottom:1px solid var(--rule)}
.itc:last-child{border-bottom:none}
.itc:nth-child(even){background:#f7f9fa}
.itc:hover{background:#eef5fa}
.itc.hit{background:#fdf8e6}
.itc.hit:hover{background:#faf1d4}
.itc input{margin:0}
.itc-d{color:var(--ink2);font-variant-numeric:tabular-nums}
.itc-c{min-width:0;overflow:hidden}
.itc-c i{display:block;font-style:normal;font-size:10px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itc-n{font-size:10.5px;color:var(--ink3);white-space:nowrap}
.itcnt{font-size:11px;color:var(--ink2);align-self:center}
.mailpick{display:flex;flex-wrap:wrap;gap:6px}
.mailpick label{display:flex;align-items:center;gap:7px;border:1px solid var(--rule);background:var(--panel);
  padding:5px 11px;border-radius:2px;font-size:12px;cursor:pointer}
.mailpick label:hover{border-color:var(--blue);background:#f2f7fb}
.mailpick input{margin:0}
.mailpick b{font-weight:600}
.mailpick span{font-size:10.5px;color:var(--ink2)}
.samep{display:inline-flex;align-items:center;gap:5px;margin-right:14px;font-size:12px;cursor:pointer}
.paytag{background:#8a6a17;color:#fff;font-size:10px;padding:1px 6px;border-radius:2px}
.itin{display:flex;align-items:center;gap:11px;border:1px solid var(--rule2);background:var(--panel);padding:10px 13px}
.itin-i{width:26px;height:32px;border:1.5px solid var(--rule2);border-radius:2px;display:flex;align-items:center;
  justify-content:center;font-size:12px;color:var(--ink2);flex:none}
.itin b{font-size:12.5px}
.itin span{display:block;font-size:11px;color:var(--ink2);margin-top:2px}
.itin code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px}
.itin-c{margin-left:auto;font-size:11.5px;display:flex;align-items:center;gap:5px;flex:none}
.gsel.exp{background:#fdf3d0;border-color:#b8860b;color:#8a6a17;font-weight:600}
.decl{display:inline-block;margin-left:4px;padding:0 5px;border-radius:2px;background:#e6d5d4;color:#7a4a48;font-size:9.5px;vertical-align:middle;cursor:help}
.ctbl.imp tr.dim td{color:var(--ink3);background:#fafafa}
.ctbl td.dfw{background:#fdf3d0;font-weight:600}
.reqm{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 10px;background:var(--panel);border:1px solid var(--rule2)}
.reqm>span{font-size:11px;color:var(--ink2);margin-right:4px}
.hf-c{border:1.5px solid var(--rule);border-radius:6px;padding:11px 13px;margin-bottom:10px}
.hf-c.on{border-color:var(--blue);background:#f4f9fc}
.hf-d{font-size:15px;font-weight:600}
.hf-d span{font-size:12px;font-weight:400;color:var(--ink2);margin-left:6px}
.hf-t{font-size:13px;margin-top:2px}
.hf-n{font-size:12px;color:var(--ink2)}
.hf-m{font-size:11.5px;color:var(--ink2);margin-top:5px}
.hf-b{display:flex;gap:7px;margin-top:9px}
.hf-o{flex:1;padding:9px;border:1.5px solid var(--rule);background:var(--panel);border-radius:5px;font-size:13px;cursor:pointer}
.hf-o.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.hf-memo{width:100%;margin-top:8px;border:1.5px solid var(--blue);background:var(--input);padding:7px 9px;border-radius:4px;font-size:13px}
.rq-c{border:1.5px solid var(--rule);border-radius:6px;padding:11px 13px;margin-bottom:10px}
.rq-c.ok{border-color:#3f6a53;background:#f2f8f4}
.rq-c.ng{border-color:var(--rule2);background:#f5f5f4;opacity:.75}
.rq-d{font-size:15px;font-weight:600}
.rq-t{font-size:13px;margin-top:2px}
.rq-n{font-size:12px;color:var(--ink2)}
.rq-m{font-size:11.5px;color:var(--ink2);margin-top:5px;line-height:1.6}
.rq-b{display:flex;gap:7px;margin-top:9px}
.rq-y,.rq-n2{flex:1;padding:9px;border:1.5px solid var(--rule);background:var(--panel);border-radius:5px;font-size:13px;cursor:pointer}
.rq-y.on{background:#3f6a53;border-color:#3f6a53;color:#fff;font-weight:600}
.rq-n2.on{background:#6f7b81;border-color:#6f7b81;color:#fff;font-weight:600}
.gf-btn:disabled{background:var(--rule2);cursor:not-allowed}
.gsel.off{background:var(--panel);border-color:var(--rule);color:var(--ink3);font-weight:400}
.gsel.off:hover{background:var(--head)}
.gsel.isl-上甑{background:#e2eff8;border-color:#7ba8c6}
.gsel.isl-下甑{background:#e6f0e8;border-color:#83a992}
.gsel.isl-両島{background:#f2ebf6;border-color:#a892bd}
.gsel.isl-上甑:hover{background:#d2e6f4} .gsel.isl-下甑:hover{background:#d8e8dc} .gsel.isl-両島:hover{background:#e9dff0}

/* ---- 取込 ---- */
.impbar{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--rule2);padding:9px 12px;margin-bottom:11px}
.impbar .t{font-size:11.5px;color:var(--ink2);flex:1}
.drop{border:2px dashed var(--rule2);background:#fbfaf6;padding:36px;text-align:center;color:var(--ink2);border-radius:3px}
.drop.over{border-color:var(--blue);background:#eef5fa}
.steps{display:flex;gap:0;margin-bottom:16px;font-size:11px}
.steps div{flex:1;text-align:center;padding:6px 4px;background:var(--head);color:var(--ink2);border-right:2px solid #fff}
.steps div:last-child{border-right:none}
.steps div.on{background:var(--blue);color:#fff;font-weight:600}
.prog{height:4px;background:var(--head);overflow:hidden;margin-top:16px}
.prog i{display:block;height:100%;background:var(--blue);width:0;transition:width .35s linear}
.rlist{display:grid;gap:8px}
.rbtn{display:block;text-align:left;border:1px solid var(--rule2);background:var(--panel);padding:12px 15px;border-radius:2px;width:100%}
.rbtn:hover{border-color:var(--blue);background:#f2f7fb}
.rbtn strong{display:block;font-size:13.5px;margin-bottom:2px}
.rbtn span{font-size:11.5px;color:var(--ink2);line-height:1.5}
.alert{border-left:3px solid #b8860b;background:#fdf8e6;padding:9px 12px;font-size:12px;margin:10px 0 4px}
.alert.ok{border-left-color:var(--s-done);background:#eef5ef}
.tag{display:inline-block;padding:1px 6px;border-radius:2px;font-size:10px;color:#fff}
.tag.low{background:#b8860b} .tag.none{background:var(--s-none)}
input.cf-ok{width:100%;border:1px solid var(--rule);background:#fff;padding:4px 7px}
input.cf-low{width:100%;border:1.5px solid #b8860b;background:#fdf3d0;padding:4px 7px}
input.cf-none{width:100%;border:1.5px dashed var(--s-none);background:#f4f5f6;padding:4px 7px}
ul.notes{margin:12px 0 0 18px;font-size:11.5px;color:var(--ink2);line-height:1.7}

/* ---- 集計（作り直し） ---- */
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:1px;background:var(--rule2);border:1px solid var(--rule2);margin-bottom:22px}
.kpi>div{background:var(--panel);padding:14px 16px}
.kpi .k{font-size:11px;color:var(--ink2);letter-spacing:.08em}
.kpi .v{font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:3px;line-height:1.15}
.kpi .v small{font-size:12px;color:var(--ink2);margin-left:3px;letter-spacing:0}
.kpi .s{font-size:11px;color:var(--ink2);margin-top:3px}
.panel{background:var(--panel);border:1px solid var(--rule2);padding:16px 18px;margin-bottom:22px}
.panel h3{font-size:12.5px;font-weight:600;letter-spacing:.06em;margin-bottom:3px}
.panel .cap{font-size:11px;color:var(--ink2);margin-bottom:14px}
.seg{display:inline-flex;border:1px solid var(--rule2);border-radius:2px;overflow:hidden;margin-left:auto}
.seg button{border:none;background:var(--panel);padding:4px 12px;font-size:11.5px;color:var(--ink2);border-right:1px solid var(--rule)}
.seg button:last-child{border-right:none}
.seg button.on{background:var(--blue);color:#fff}
.ph{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.ph .hh{flex:1}
.chart{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;height:170px;border-bottom:1.5px solid var(--rule2);padding-bottom:0}
.chart .col{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}
.chart .bb{background:var(--blue);width:100%;min-height:2px;transition:height .3s}
.chart .col:hover .bb{background:#2e7fb8}
.chart .vv{font-size:10px;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink2);margin-bottom:3px;white-space:nowrap}
.xax{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:5px}
.xax span{text-align:center;font-size:10.5px;color:var(--ink2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:760px){.split{grid-template-columns:1fr}}
.hbar{display:grid;grid-template-columns:110px 1fr 92px;align-items:center;gap:10px;margin-bottom:7px;font-size:12px}
.hbar .tr{height:16px;background:var(--head);position:relative}
.hbar .tr i{display:block;height:100%;background:var(--blue)}
.hbar .nn{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink2);font-size:11.5px}
.rank td{padding:6px 8px}
/* 実績レポート */
.rep{font-size:11px;line-height:1.5}
.rep-h{border-bottom:2.5px solid var(--ink);padding-bottom:8px;margin-bottom:12px}
.rep-h h1{font-family:var(--mincho);font-size:19px;letter-spacing:.1em;text-align:left;margin:0}
.rep-sub{font-size:10px;color:var(--ink2);margin-top:4px}
.rep-kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule2);border:1px solid var(--rule2);margin-bottom:14px}
.rep-kpi>div{background:#fff;padding:7px 8px;text-align:center}
.rep-kpi span{display:block;font-size:9.5px;color:var(--ink2);letter-spacing:.04em}
.rep-kpi b{display:block;font-size:15px;font-variant-numeric:tabular-nums;margin-top:1px}
.rep-kpi i{display:block;font-size:9.5px;color:var(--ink2);font-style:normal}
.rep-sec{font-size:10.5px;font-weight:700;letter-spacing:.12em;border-left:3px solid var(--ink);padding-left:7px;margin:12px 0 5px}
.rep-t{width:100%;border-collapse:collapse}
.rep-t th,.rep-t td{border:1px solid var(--rule);padding:3px 5px;text-align:right;font-variant-numeric:tabular-nums;font-size:10.5px}
.rep-t thead th{background:var(--head);text-align:center;font-weight:600}
.rep-t tbody th{background:#f5f7f8;text-align:left;font-weight:600;width:88px}
.rep-t td.l{text-align:left}
.rep-t .tt,.rep-t td.tt{font-weight:700;background:#f5f7f8}
.rep-t tr.py th{background:#eef2f4}
.rep-t tr.py td{background:#f9fafb}
.rep-t td.up{color:#2f6a4e;font-weight:600}
.rep-t td.dn{color:var(--s-cancel);font-weight:600}
.rep-t.sm th,.rep-t.sm td{font-size:10px;padding:2.5px 5px}
.rep-t.g tbody td:first-child{width:110px}
.rep-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.rep-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}
.rep-t.c20,.rep-t.grp{table-layout:fixed}
.rep-t.grp th,.rep-t.grp td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-t.grp td:first-child,.rep-t.grp th:first-child{width:auto}
.rep-t.grp td:not(:first-child),.rep-t.grp th:not(:first-child){width:62px}
.rep-t.c20 th,.rep-t.c20 td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-t.c20 td:first-child,.rep-t.c20 th:first-child{width:30px;color:var(--ink2);text-align:center;padding-left:2px;padding-right:2px}
.rep-t.c20 td:nth-child(2),.rep-t.c20 th:nth-child(2){width:auto}
.rep-t.c20 td:nth-child(3),.rep-t.c20 th:nth-child(3){width:54px}
.rep-t.c20 td:nth-child(4),.rep-t.c20 th:nth-child(4){width:34px}
.rep-t.c20 td:nth-child(5),.rep-t.c20 th:nth-child(5){width:44px}
.rep-t.c20 td:nth-child(6),.rep-t.c20 th:nth-child(6){width:38px}
.rep-t.c20 td:nth-child(7),.rep-t.c20 th:nth-child(7){width:62px}
.rep-t.c20 td:nth-child(8),.rep-t.c20 th:nth-child(8){width:34px}
.rep-t.c20 td:nth-child(9),.rep-t.c20 th:nth-child(9){width:64px}
.rep-t td .sub{color:var(--ink2);font-size:8.5px}
.rep-t td.dn{color:var(--s-cancel);font-weight:600}
.rank td.low{color:var(--s-cancel);font-weight:600}
.rep-pb{height:0}
/* 狭い画面（スマホ等）では固定幅をやめ、横スクロールで見られるようにする */
@media(max-width:820px){
  .rep{font-size:12px}
  .rep-kpi{grid-template-columns:repeat(3,1fr)}
  .rep-2,.rep-3{grid-template-columns:1fr}
  .rep-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
  .rep-tw>table{min-width:640px}
  .rep-t.c20,.rep-t.grp{table-layout:auto}
  .rep-t.c20 th,.rep-t.c20 td,.rep-t.grp th,.rep-t.grp td{width:auto !important}
  .rep-t.c20 td.l,.rep-t.grp td:first-child{white-space:nowrap}
  .rep-hint{display:block}
}
.rep-hint{display:none;font-size:11px;color:var(--ink2);margin:4px 0 2px}
@media print{
  .rep-hint{display:none !important}
  .rep-tw{overflow:visible !important;margin:0 !important}
  .rep-tw>table{min-width:0 !important}
  .rep-kpi{grid-template-columns:repeat(6,1fr) !important}
  .rep-2{grid-template-columns:1fr 1fr !important}
  .rep-3{grid-template-columns:1fr 1fr 1fr !important}
  .rep{font-size:10px !important}
  .rep-t.c20,.rep-t.grp{table-layout:auto !important}
  .rep-t.c20 th,.rep-t.c20 td,.rep-t.grp th,.rep-t.grp td{width:auto !important;white-space:nowrap}
  .rep-t.c20 td.l{white-space:nowrap;overflow:visible;text-overflow:clip}
  .rep-pb{break-before:page;height:0}
  .rep{font-size:10px}
  .rep-t th,.rep-t td{padding:2px 4px}
  .rep-t.sm th,.rep-t.sm td{padding:1.6px 4px;font-size:9.5px}
  .rep-sec{margin:9px 0 4px}
  .rep-2,.rep-3{gap:10px}
  .rep-kpi>div{padding:5px 6px}
  .rep-kpi b{font-size:14px}
  table{break-inside:avoid}
}
#m-body tbody tr:nth-child(even) td{background:#f5f7f8}
.optlist{border:1px solid var(--rule);max-height:290px;overflow:auto}
.optrow input{border:1px solid var(--rule);background:var(--input);padding:3px 7px;font-size:11.5px;min-width:0}
.mtbl{width:100%;border-collapse:collapse}
.mtbl th{background:var(--head);border:1px solid var(--rule);padding:5px 8px;text-align:left;font-size:11.5px}
.mtbl td{border:1px solid var(--rule);padding:3px 6px}
.mtbl input{width:100%;border:1px solid var(--rule);background:var(--input);padding:3px 7px;font-size:12px}
.optrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:4px 9px;font-size:12px}
.optrow:nth-child(even){background:#f5f7f8}
.optrow:hover{background:#eaf1f6}
.optrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rolelock{display:inline-block;padding:2px 8px;background:var(--head);color:var(--ink2);border-radius:2px;font-size:11.5px;cursor:help}
.gs{display:inline-block;margin-left:4px;padding:0 4px;border-radius:2px;background:#d9c48a;color:#4a3a12;font-size:9px;vertical-align:middle}
#m-body tbody tr:hover td{background:#eaf1f6}
#m-body tbody td{border-color:var(--rule)}
.rank .mini{height:9px;background:var(--head);min-width:2px}
.rank .mini i{display:block;height:100%;background:var(--blue);opacity:.8}
.mtbl{width:100%;border-collapse:collapse;margin-top:16px;font-size:11.5px}
.mtbl th{background:var(--head);border:1px solid var(--rule);padding:4px 6px;text-align:center;font-weight:600}
.mtbl thead th:first-child,.mtbl tbody th{text-align:left;width:96px}
.mtbl td{border:1px solid var(--rule);padding:4px 6px;text-align:right;font-variant-numeric:tabular-nums}
.mtbl td.tot{font-weight:700;background:#f4f7f9}
.mtbl tr.cum td,.mtbl tr.cum th{color:var(--ink2);background:#fafaf8}
.mtbl tr.py th{background:#eef2f4}
.mtbl tr.py td{background:#f7f9fa}
.mtbl td.up{color:#2f6a4e;font-weight:600}
.mtbl td.dn{color:var(--s-cancel);font-weight:600}
.note{font-size:11.5px;color:var(--ink2);margin:8px 0 12px;padding-left:9px;border-left:2.5px solid var(--rule2)}

/* =====================================================================
   以下、システム化にあたっての追加分（ログイン・通知・添付案内・送信記録）
   ===================================================================== */
.login{position:fixed;inset:0;background:var(--paper);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.login .box{width:min(380px,100%);background:var(--panel);border:1px solid var(--rule2);padding:26px 28px 24px;border-radius:3px}
.login h1{font-family:var(--mincho);font-size:19px;letter-spacing:.08em;margin-bottom:2px}
.login .sub{font-size:11px;letter-spacing:.12em;color:var(--ink2);margin-bottom:18px}
.login label{display:block;font-size:11.5px;color:var(--ink2);margin:10px 0 3px}
.login input{width:100%;border:1px solid var(--rule);background:var(--input);padding:7px 9px;font-size:14px}
.login .btn.pri{width:100%;margin-top:16px;padding:9px;font-size:14px}
.login .err{color:var(--s-cancel);font-size:12px;margin-top:10px;min-height:16px}
.login .hint{font-size:11px;color:var(--ink2);margin-top:14px;line-height:1.7}
.login .demo{margin-top:12px;font-size:11px;color:var(--ink2);border-top:1px dashed var(--rule);padding-top:10px}
.mebox .who{font-size:13.5px;font-weight:600;background:#fff;color:var(--ink);padding:4px 9px;border-radius:2px;min-width:118px}
.mebox .btn.out{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;padding:3px 9px;font-size:11px}
.toasts{position:fixed;right:14px;bottom:14px;z-index:300;display:flex;flex-direction:column;gap:6px}
.toast{background:var(--ink);color:#fff;font-size:12px;padding:8px 13px;border-radius:2px;box-shadow:0 3px 10px rgba(0,0,0,.25);opacity:.96;max-width:360px}
.toast.err{background:var(--s-cancel)}
.toast.ok{background:var(--s-done)}
.syncdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--s-done);margin-right:5px;vertical-align:middle}
.syncdot.busy{background:var(--s-open)}
.syncdot.bad{background:var(--s-cancel)}
.attach{border:1px solid var(--rule2);background:#fbfaf6;padding:10px 12px;margin:10px 0;font-size:12px}
.attach h4{font-size:12px;margin:0 0 6px;letter-spacing:.06em}
.attach .row2{display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px dashed var(--rule)}
.attach .row2:first-of-type{border-top:none}
.attach code{font-family:ui-monospace,Menlo,monospace;font-size:11px;flex:1;word-break:break-all}
.attach .btn.sm{white-space:nowrap}
.attach .miss{color:var(--s-cancel)}
.cnt{font-size:11px;color:var(--ink2);margin-left:6px}
.cnt.warn{color:var(--s-open);font-weight:600}
.cnt.over{color:var(--s-cancel);font-weight:600}
.sendmark{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}
.sendmark .done{color:var(--s-done);font-weight:600}
.copybody{width:100%;min-height:200px;font-family:var(--gothic);font-size:12.5px;border:1px solid var(--rule2);padding:10px;background:#fcfcfa;white-space:pre-wrap}
.delrow{display:flex;gap:10px;align-items:center;padding:7px 10px;border:1px solid var(--rule);background:var(--panel);margin-top:6px;font-size:12px}
.delrow b{min-width:80px}
.delrow span{color:var(--ink2);flex:1}
.pubwrap{max-width:560px;margin:0 auto;padding:18px 14px 60px}
.pubwrap .err{color:var(--s-cancel);padding:20px;text-align:center}
body.pub{background:#f4f2ed}
.meth .lk{font-size:10.5px;color:var(--ink2);margin-left:8px}