/* ---------- 請求書（画面） ---------- */
  .iv-tabs button{padding:7px 0;}
  .sbj{color:var(--faint);font-weight:400;font-size:12px;}
  .ivform{padding:22px;margin-top:20px;}
  .ivgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 16px;}
  .ivgrid .wide{grid-column:1 / -1;}
  .ivtbl{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:10px;}
  .ivrow{display:grid;grid-template-columns:96px 1.3fr 104px 104px 88px 60px 64px 92px 30px;
    gap:7px;align-items:center;padding:6px 10px;border-top:1px solid var(--surface2);}
  .ivtbl.exp .ivrow{grid-template-columns:130px 1fr 110px 34px;}
  .ivrow.hd small{font-size:9px;color:var(--faint);}
  .ivrow:first-child{border-top:none;}
  .ivrow.hd{background:var(--surface);font-size:11px;color:var(--faint);font-weight:600;padding:8px 10px;}
  .ivrow.empty-r{padding:12px;}
  .ivrow .cell{width:100%;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;outline:none;background:var(--card);color:var(--ink);}
  .ivrow .cell:focus{border-color:var(--teal-b);}
  .ivrow .r{text-align:right;} .ivrow .amt{font-size:13px;font-weight:600;}
  .ivsum{margin:18px 0 0 auto;width:300px;font-size:13px;}
  .ivsum>div{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--surface2);}
  .ivsum>div:first-child{border-top:none;}
  .ivsum .tt{border-top:2px solid var(--line2);font-size:16px;padding-top:10px;}
  .ivsum .tt b{font-size:20px;}
  .tx{width:46px;border:1px solid var(--line);border-radius:4px;padding:2px 4px;text-align:right;font-size:12px;}
  .paper{display:none;}

  .links{display:flex;gap:12px;flex-wrap:wrap;}
  .lk{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);
    border-radius:10px;padding:12px 14px;font-size:13px;font-weight:500;color:var(--ink);
    transition:border-color .15s;}
  .lk:hover{border-color:var(--line2);}
  .lk span{flex:1;text-align:left;}
  .lk svg:last-child{color:var(--line2);}
  /* ---------- シフト ---------- */
  .brush{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
  .brush .bl{font-size:11px;color:var(--muted);font-weight:600;margin-right:2px;}
  .bt{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 13px;
    font-size:12.5px;font-weight:500;transition:all .12s;}
  .bt:hover{border-color:var(--line2);}
  .shwrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);
    max-height:calc(100vh - 300px);min-height:320px;}
  .shtbl{border-collapse:collapse;width:100%;}
  .shtbl th,.shtbl td{border-right:1px solid var(--surface2);border-bottom:1px solid var(--surface2);padding:0;}
  .shtbl thead th{background:var(--surface);font-size:11.5px;color:var(--muted);font-weight:600;
    padding:7px 0;text-align:center;min-width:54px;position:sticky;top:0;z-index:3;
    box-shadow:0 1px 0 var(--line);}
  .shtbl thead th small{display:block;font-size:9.5px;color:var(--faint);font-weight:400;margin-top:1px;}
  .shtbl thead th.sat{background:var(--sat);} .shtbl thead th.sun{background:var(--sun);}
  .shtbl th.nm{position:sticky;left:0;z-index:2;background:var(--surface);min-width:130px;text-align:left;
    padding:8px 12px;font-size:13.5px;color:var(--ink);font-weight:600;border-right:1px solid var(--line);
    box-shadow:1px 0 0 var(--line);}
  .shtbl thead th.nm{z-index:4;}
  .shtbl tr.ft th.nm{z-index:2;}
  .shtbl tbody th.nm{background:var(--card);}
  .shtbl .tt{min-width:48px;text-align:center;font-size:13px;font-weight:600;background:var(--surface);}
  .shtbl tr.ft th,.shtbl tr.ft td{background:var(--surface);font-size:12.5px;text-align:center;padding:7px 0;color:var(--muted);}
  .sc{width:100%;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;font-size:12px;line-height:1.15;background:none;padding:0 2px;}
  .sc:hover{background:var(--surface2);}
  .sc.set{font-weight:600;}
  .sc.set em{font-style:normal;font-weight:600;font-size:12px;}
  .sc.set small{font-size:10px;}
  .sc.set:hover{filter:brightness(.95);}
  .sc.off{background:var(--off);color:var(--faint);font-weight:600;font-size:13px;}

  .sh-tabs{display:flex;gap:4px;padding:3px;background:var(--surface2);border-radius:8px;font-size:13px;}
  .sh-tabs button{padding:5px 14px;border-radius:6px;font-weight:500;color:var(--muted);}
  .sh-tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(27,42,65,.08);}
  .so-row, .wl-grid .row.so-row{display:grid;grid-template-columns:64px minmax(0,1fr) 72px 72px 72px 92px;align-items:center;gap:8px;
    padding:8px 12px;cursor:pointer;}
  .so-row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);cursor:default;}
  .so-row .c-r{text-align:right;}
  .wl-grid .row.so-row:hover{background:var(--surface2);}
  .att-sel{width:100%;border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12px;background:var(--card);}
  .att-late{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;
    background:#FDF1E7;color:#A56A25;font-style:normal;}
  .so-row .c-att{min-width:0;}
  .rk{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;
    border-radius:4px;font-size:9.5px;font-weight:700;color:#fff;margin-right:5px;flex-shrink:0;}
  .rk-S{background:#be3b2c;} .rk-A{background:#c8892c;}
  .rk-B{background:#2f7e7e;} .rk-C{background:var(--faint);}
  .wide-m{max-width:640px;}
  .pick{max-height:220px;}
  .pk{display:grid;grid-template-columns:16px 1fr 106px;gap:8px;align-items:center;
    padding:5px 7px;border-radius:6px;}
  .pk.pk4{grid-template-columns:16px 1fr 106px 86px;}
  .pk .wp{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:12px;text-align:right;background:var(--card);}
  .pk .wp:disabled{background:var(--surface2);}
  .pk:hover{background:var(--surface);}
  .pk.on{background:var(--surface2);}
  .pn{display:flex;align-items:center;font-size:13px;overflow:hidden;}
  .pn small{color:var(--faint);font-size:11px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rl{border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-size:11.5px;background:var(--card);}
  .rl:disabled{background:var(--surface2);color:var(--faint);}
  .nm-l em{display:inline-flex;align-items:center;}

  /* イベントカレンダー */
  .cal{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);}
  .cal-h{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface);border-bottom:1px solid var(--line);}
  .cal-h div{padding:7px 0;text-align:center;font-size:11px;font-weight:600;color:var(--muted);}
  .cal-h .sat{color:#3d6bb3;} .cal-h .sun{color:var(--shu);}
  .cal-b{display:grid;grid-template-columns:repeat(7,1fr);}
  .cd{min-height:104px;border-right:1px solid var(--surface2);border-bottom:1px solid var(--surface2);padding:5px;
    display:flex;flex-direction:column;gap:3px;}
  .cd:nth-child(7n){border-right:none;}
  .cd.sat{background:var(--sat);} .cd.sun{background:var(--sun);}
  .cd.empty-d{background:var(--surface);}
  .cd-h{display:flex;align-items:center;justify-content:space-between;}
  .cd-h span{font-size:12px;font-weight:600;color:var(--ink);}
  .cd-a{width:18px;height:18px;border-radius:5px;color:var(--faint);display:flex;
    align-items:center;justify-content:center;opacity:0;transition:opacity .12s;}
  .cd:hover .cd-a{opacity:1;}
  .cd-a:hover{background:var(--surface2);color:var(--teal);}
  .ev-chip{width:100%;text-align:left;border-radius:6px;padding:4px 6px;display:flex;
    flex-direction:column;gap:1px;border-left:3px solid;transition:filter .12s;}
  .ev-chip:hover{filter:brightness(.96);}
  .ev-chip.ok{background:#eaf3f1;border-color:#2f7e7e;}
  .ev-chip.ng{background:rgba(178,58,46,.12);border-color:#be3b2c;}
  .ev-chip em{font-style:normal;font-size:11px;font-weight:600;color:var(--ink);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .ev-chip small{font-size:10px;color:var(--muted);}
  .ev-chip.ng small{color:#be3b2c;font-weight:600;}

  .bt{display:inline-flex;align-items:center;gap:6px;}
  .bt i{width:9px;height:9px;border-radius:2px;flex-shrink:0;}
  .bt.on i{background:#fff !important;}
  .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;flex-shrink:0;}
  .so-row .c-t{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  /* イベント受注 */
  .ev-row{display:grid;grid-template-columns:78px 1.4fr 1fr 100px 74px 74px 1.4fr 58px;
    gap:9px;align-items:center;font-size:13px;}
  .ev-row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);}
  .ev-row .c{text-align:center;}
  .ev-row small{color:var(--faint);font-size:11px;margin-left:2px;}
  .ev-row .pl-b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .ev-row .dim2{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .fill{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;}
  .fill.ok{background:#e6f2ef;color:#2f7e7e;}
  .fill.ng{background:rgba(178,58,46,.12);color:#be3b2c;}
  .nm-l{display:flex;flex-wrap:wrap;gap:4px;}
  .nm-l em{font-style:normal;font-size:11.5px;background:var(--surface2);padding:2px 7px;border-radius:4px;color:#3c4a5e;}
  .pick{display:block;border:1px solid var(--line);
    border-radius:8px;padding:8px;max-height:220px;overflow-y:auto;}
  .pk input[type=checkbox]{width:15px;height:15px;accent-color:var(--teal-b);cursor:pointer;margin:0;}
  .pk{cursor:pointer;color:var(--ink);font-weight:400;margin:0;}

  /* ---------- 売上管理 ---------- */
  .tgt{padding:16px 18px;margin-bottom:22px;}
  .tgt-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
  .tgt-h span{font-size:12px;color:var(--muted);font-weight:600;}
  .tgt-h b{font-size:20px;color:var(--ink);}
  .tgt-bar{height:9px;background:var(--surface2);border-radius:999px;overflow:hidden;}
  .tgt-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;}
  .tgt-f{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:var(--faint);}
  .chart{display:flex;align-items:flex-end;gap:6px;height:150px;}
  .cbar{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;}
  .cb{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;}
  .cb i{width:44%;border-radius:2px 2px 0 0;min-height:1px;}
  .cb i.s{background:var(--accent);} .cb i.c{background:var(--line2);}
  .cm{font-size:10px;color:var(--faint);}
  .lgd{display:flex;gap:16px;justify-content:center;margin-top:12px;font-size:11px;color:var(--muted);}
  .lgd span{display:flex;align-items:center;gap:5px;}
  .lgd i{width:9px;height:9px;border-radius:2px;}
  .sl-row{display:grid;gap:8px;font-size:13px;}
  .sl-row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);}
  .sl-row .r{text-align:right;}
  .sl-row.dim{color:var(--faint);}
  .sl-row.tt{background:var(--surface);font-weight:700;border-top:2px solid var(--line2);}
  .cb i.x{background:#D6964A;}
  .cb i{width:30%;}
  .segr{display:grid;grid-template-columns:112px 1fr 108px 44px;gap:12px;align-items:center;padding:6px 0;}
  .segr .sn{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;}
  .segr .sn i{width:9px;height:9px;border-radius:2px;flex-shrink:0;}
  .segr .sb{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;}
  .segr .sb i{display:block;height:100%;border-radius:999px;}
  .segr b{text-align:right;font-size:13px;}
  .segr .sp{text-align:right;font-size:11px;color:var(--faint);}
  .sl-row{grid-template-columns:64px 1fr 1fr 1fr 1fr 62px;}
  .st-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center;font-size:13px;}
  .st-row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);}
  .st-row.tt{background:var(--surface);font-weight:700;border-top:2px solid var(--line2);}
  .st-row .r{text-align:right;}
  .pgw{display:flex;align-items:center;gap:9px;}
  .pgb{flex:1;height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;}
  .pgb i{display:block;height:100%;border-radius:999px;}
  .pgt{font-size:12px;width:38px;text-align:right;}
  .ex-row{display:grid;grid-template-columns:96px 104px 1fr 96px 72px 104px 62px;gap:9px;align-items:center;font-size:13px;}
  .ex-row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);}
  .ex-row .r{text-align:right;}
  .ex-row .dim2{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  .sl-r2{display:flex;align-items:center;gap:10px;}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}

  .chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;
    color:var(--faint);background:var(--surface2);border-radius:999px;padding:6px 12px;white-space:nowrap;
    align-self:center;}
  .chip.w{background:#fdf1e7;color:#a56a25;}
  .chip.s{background:var(--surface2);color:var(--muted);}
  .chip.o{background:#e6f2ef;color:#2f7e7e;}
  .chip.e{background:rgba(178,58,46,.12);color:var(--shu);}
  .ro-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--faint);
    background:var(--surface2);padding:6px 10px;border-radius:6px;flex-shrink:0;}
  .who small b{color:var(--side-ink);font-weight:600;}
  .me{font-size:10px;color:var(--faint);background:var(--surface2);padding:1px 5px;border-radius:4px;margin-left:6px;}
  .role-sel{width:96px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;padding:5px 6px;font-size:13px;background:var(--card);}
  /* ---------- 稼働明細表 ---------- */
  .wl-bar{display:flex;gap:12px;align-items:flex-end;margin:20px 0 16px;flex-wrap:wrap;}
  .wl-bar .fld{width:auto;}
  .wl-acts{display:flex;gap:8px;margin-left:auto;}
  .wl-bar .prt{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);}
  .tip{font-size:12px;color:var(--muted);margin:0;}
  .stat .ic{margin-bottom:0;}

  .wl-grid .row{display:grid;grid-template-columns:64px 34px 1.4fr 104px 104px 74px;
    align-items:center;gap:8px;padding:6px 12px;}
  .wl-grid .row.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);padding:8px 12px;}
  .wl-grid .row.hd:hover{background:var(--surface);}
  .wl-grid .row.sat{background:var(--sat);} .wl-grid .row.sun{background:var(--sun);}
  .wl-grid .row.isoff{background:var(--off);color:var(--faint);}
  .wl-grid .c-d small{color:var(--faint);margin-left:2px;font-size:11px;}
  .wl-grid .c-o{text-align:center;}
  .wl-grid .ck{width:16px;height:16px;accent-color:var(--teal-b);cursor:pointer;}
  .wl-grid .cell{width:100%;border:1px solid var(--line);border-radius:6px;padding:5px 8px;
    font-size:13px;background:var(--card);outline:none;}
  .wl-grid .cell:focus{border-color:var(--teal-b);}
  .wl-grid .cell:disabled{background:var(--surface2);color:var(--faint);}
  .wl-grid .c-r{font-size:13px;text-align:right;}
  .wl-grid .off-t{font-style:normal;font-size:12px;}
  .wl-grid .pr{display:none;}
  .wl-grid .ov{color:var(--shu);font-size:10px;margin-left:2px;}
  .print-head{display:none;}


  /* 受領請求書・単価管理 */
  .lnk-s{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--gold);padding:2px 4px;border-radius:4px;}
  .lnk-s:hover{background:var(--gold-soft);}
  .up-row{display:grid;grid-template-columns:1.4fr 110px 110px 90px 70px;gap:10px;align-items:center;padding:10px 14px;font-size:13px;}
  .up-row2{display:grid;grid-template-columns:130px 1.4fr 100px 100px 84px 70px;gap:10px;align-items:center;padding:10px 14px;font-size:13px;}
  .up-row.hd,.up-row2.hd{font-size:11px;color:var(--faint);font-weight:600;background:var(--surface);}
  .up-row .r,.up-row2 .r{text-align:right;}
  .trv{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600;}
  .trv.in{background:#E6F2EF;color:#2F7E7E;}
  .trv.ex{background:#FDF1E7;color:#A56A25;}

  /* タスク管理 */
  .tk-row{gap:10px;}
  .tk-lv{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;vertical-align:1px;}
  .tk-due{margin-left:8px;font-size:11.5px;color:var(--muted);}
  .tk-due.od{color:var(--shu);font-weight:700;}
  .tk-due.od svg{vertical-align:-2px;}
  .tk-pg{display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .tk-pg .pgb{width:90px;}

  /* 年月ピッカー（年・月の2ドロップダウン。iOSでもタップ選択できる） */
  .mp{display:flex;gap:8px;}
  .mp select{flex:1;min-width:0;}

  /* ---------- ダークモード時の微調整（明色前提の部分だけ上書き） ---------- */
  :root[data-theme="dark"] .att-late{background:rgba(214,150,74,.18);color:#E5B87A;}
  :root[data-theme="dark"] .ev-chip.ok{background:rgba(63,192,168,.14);border-color:var(--teal);}
  :root[data-theme="dark"] .ev-chip.ng{background:rgba(228,117,106,.14);border-color:var(--shu);}
  :root[data-theme="dark"] .ev-chip em{color:var(--ink);}
  :root[data-theme="dark"] .cal-h .sat{color:#8FB4FF;}
  :root[data-theme="dark"] .chip.w{background:rgba(214,150,74,.18);color:#E5B87A;}
  :root[data-theme="dark"] .chip.s{background:var(--surface2);color:var(--muted);}
  :root[data-theme="dark"] .chip.o{background:rgba(63,192,168,.16);color:#5FD3BC;}
  :root[data-theme="dark"] .chip.e{background:rgba(228,117,106,.16);color:var(--shu);}
  :root[data-theme="dark"] .sh-tabs button.on{box-shadow:0 0 0 1px var(--line2);}
  :root[data-theme="dark"] .trv.in{background:rgba(63,192,168,.14);color:#5FD3BC;}
  :root[data-theme="dark"] .trv.ex{background:rgba(214,150,74,.16);color:#E5B87A;}
  /* タスクの緊急度・重要度バッジ（テーマ追従） */
  .tk-lv.lv-hi{background:rgba(192,69,58,.12);color:#B4392E;}
  .tk-lv.lv-mid{background:rgba(179,124,44,.14);color:#9A6A20;}
  .tk-lv.lv-lo{background:rgba(14,159,135,.13);color:#0B7E6C;}
  :root[data-theme="dark"] .tk-lv.lv-hi{background:rgba(228,117,106,.18);color:#F0968C;}
  :root[data-theme="dark"] .tk-lv.lv-mid{background:rgba(214,150,74,.18);color:#E5B87A;}
  :root[data-theme="dark"] .tk-lv.lv-lo{background:rgba(63,192,168,.16);color:#5FD3BC;}
  /* スマホのサービスタイル（アイコン）のダーク時の文字色 */
  :root[data-theme="dark"] .svc .t.t2 .ic{color:#5FD3BC;}
  :root[data-theme="dark"] .svc .t.t3 .ic{color:#E5B87A;}
  :root[data-theme="dark"] .svc .t.t4 .ic{color:#B4A4F0;}
  /* ダークではシフトの店舗色を少し明るくして読みやすく */
  :root[data-theme="dark"] .sc.set{filter:brightness(1.55);}
  :root[data-theme="dark"] .so-row .dot{filter:brightness(1.5);}

  /* スマホのヒーローはPCでは非表示 */
  .m-hero{display:none;}
  /* 請求書一覧：月見出しと作成者 */
  .iv-mhd{background:var(--surface);padding:7px 16px !important;cursor:default;}
  .iv-mhd b{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--gold);}
  .iv-mhd:hover{background:var(--surface);}
  .iv-by{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);
    background:var(--surface2);border-radius:5px;padding:1px 7px;white-space:nowrap;}