:root{--bg:#f4f4f2;--sf:#fff;--sub:#fafaf8;--ln:#e3e3df;--ln2:#ededea;--ink:#1a1c1e;--ink2:#3b3f44;--mu:#63686e;--fa:#787e85;
--ac:#c2410c;--ac-bg:#fdf0e9;--ac-ink:#fff;--pri:#22262b;--pri-h:#373c43;--ok:#2d6a3e;--ok-bg:#eaf3ec;--warn:#b45309;--warn-bg:#fdf3e5;--bad:#b42318;--bad-bg:#fcebe9;--gray-bg:#f0f0ed}
.warnc{color:var(--warn)}.badc{color:var(--bad)}.okc{color:var(--ok)}
.top.dark{background:#1e2226;border-bottom:1px solid #111}
.top.dark .title{color:#fff}
.top.dark .mark{background:var(--ac)}
.top.dark .tabs button{color:#a9b0b8}.top.dark .tabs button:hover,.top.dark .tabs button[aria-pressed="true"]{color:#fff}
.top.dark .tabs .c{background:var(--ac);color:#fff}
.store{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid #3a4047;border-radius:6px;background:#262b30;color:#d6dade;font-size:12.5px}
.clock{color:#a9b0b8;font-size:12px}
.iwrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}
.lvl{display:flex;align-items:center;gap:10px;min-width:220px}
.lv-t{position:relative;width:120px;height:8px;border-radius:2px;background:var(--ln2);flex:none}
.lv-t b{display:block;height:100%;border-radius:2px;background:#8a9097}
.lv-t b.warn{background:var(--warn)}.lv-t b.bad{background:var(--bad)}.lv-t b.ok{background:#6f8f78}
.lv-t em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);margin-left:-1px;border-radius:1px}
.lvl>span{font-size:12.5px;white-space:nowrap}
.pj{position:sticky;top:70px}
.pjs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ln2);border-radius:7px;margin-bottom:12px}
.pjs>div{padding:8px 12px}.pjs>div+div{border-left:1px solid var(--ln2)}
.pjs span{display:block;font-size:11.5px;color:var(--mu)}.pjs b{font:700 19px/1.3 var(--num)}.pjs small{font-size:11.5px;margin-left:2px;color:var(--ink2)}
.ch2{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin-bottom:6px;gap:8px;flex-wrap:wrap}
.lg1{color:var(--fa)}.lg2{color:var(--ac)}
svg.plot .s1{stroke:var(--fa)}svg.plot .s2{stroke:var(--ac)}svg.plot .s2.ar{fill:var(--ac)}
.pj .kv{margin-top:12px;padding-top:12px;border-top:1px solid var(--ln2)}
.kv dd.jp{font-family:inherit}
.wide{width:100%;margin-top:14px}
/* 発注案 */
.pwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}
.tw.nt{margin-top:0;border-top:0}
.psum{display:flex;flex-direction:column;gap:12px}
.cbx{width:16px;height:16px;border:1.5px solid #b8bdc3;border-radius:4px;display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;background:#fff}
.cbx.on{background:var(--ac);border-color:var(--ac)}
.cbx:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.cbx.on::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
tr.off td{color:var(--fa)}tr.off td b{font-weight:500}
.bs{display:grid;grid-template-columns:96px 1fr 44px 84px;gap:10px;align-items:center;padding:7px 0;font-size:12.5px;border-bottom:1px solid var(--ln2)}
.bs-b{height:6px;background:var(--ln2);border-radius:3px;overflow:hidden}.bs-b b{display:block;height:100%;background:var(--pri)}
.bs>b{text-align:right}.bs .num{text-align:right}
.bs.tot{border-bottom:0;font-weight:700}
.eq{border:1px solid var(--ln2);border-radius:7px;overflow:hidden}
.eq>div{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:9px 12px;align-items:center}
.eq>div+div{border-top:1px solid var(--ln2)}
.eq span{font-size:12.5px;font-weight:600;color:var(--ink2)}.eq em{grid-row:2;font-style:normal;font-size:11.5px;color:var(--fa);line-height:1.5}
.eq b{grid-row:1/3;grid-column:2;font:700 18px/1.3 var(--num);text-align:right}.eq b small{font-size:12px;margin-left:2px;color:var(--ink2)}
.eq .res{background:var(--ac-bg);border-top:1.5px solid var(--ink)!important}.eq .res b{color:var(--ac);font-size:22px}
.pl{display:flex;flex-direction:column;gap:12px;min-width:0}
.f1 i{background:#8a9097}.f2 i{background:var(--ac)}
svg.plot .b0{fill:#b9bec4}svg.plot .b1{fill:var(--ac)}svg.plot .s3{stroke:var(--ink);stroke-width:1}
.lg3{color:var(--ink)}.lg3 i{height:0!important;border-top:1.5px dashed currentColor;background:none!important}
.fn{margin:8px 0 0;font-size:12.5px;color:var(--mu)}
/* 発注書 */
.sup{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:12px}
.supb{text-align:left;border:1px solid var(--ln);background:var(--sf);border-radius:8px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;box-shadow:var(--sh)}
.supb b{font-size:13px}.supb span{grid-column:1;font-size:12px;color:var(--mu)}.supb em{grid-row:1/3;grid-column:2;font-style:normal;align-self:center}
.supb.on{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}
.powrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start}
.doc{border:1px solid var(--ln);border-radius:4px;padding:22px 24px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.d-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:8px}
.d-h b{font-size:20px;letter-spacing:.4em}
.d-to{display:flex;justify-content:space-between;margin:14px 0}
.d-to b{display:block;font-size:14px}.d-to span{font-size:12px;color:var(--mu)}.d-to .r{text-align:right}
.doc th{background:#f2f2ef}
.doc tfoot td{font-weight:700;border-top:1.5px solid var(--ink)}
.d-n{margin-top:12px;font-size:12.5px;color:var(--ink2);border-left:3px solid var(--ac);padding:4px 10px;background:var(--sub)}
.acts{display:flex;gap:8px;align-items:center;margin-top:14px}
.acts>span{margin-right:auto;display:inline-flex;gap:5px;align-items:center}
.wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--ln2);border-radius:7px;overflow:hidden}
.wd{min-height:180px;padding:8px 6px;display:flex;flex-direction:column;gap:4px}
.wd+.wd{border-left:1px solid var(--ln2)}
.wd.we{background:var(--sub)}
.wd>span{font-size:12px;font-weight:600;color:var(--mu);margin-bottom:4px}
.wd i{font-style:normal;font-size:11px;line-height:1.3;padding:4px 5px;border-radius:4px;background:var(--gray-bg);color:var(--ink2);word-break:keep-all;overflow-wrap:anywhere}
.wd i.on{background:var(--ac);color:#fff}
@media (max-width:1180px){.iwrap,.pwrap,.powrap{grid-template-columns:minmax(0,1fr)}.pj{position:static}}
@media (max-width:640px){
  .top-in{flex-wrap:wrap;height:auto;padding:10px 12px 0;row-gap:4px}
  .tabs{order:3;width:100%;margin:0;height:40px}
  .tabs button{flex:1;justify-content:center;padding:0 6px;font-size:12px}.tabs button svg.i{display:none}
  .lvl{min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.lv-t{width:90px}
  .lvl .faint{display:none}
  .it td:nth-child(6) .tag{padding:0 5px}
  .sup{grid-template-columns:repeat(2,minmax(0,1fr))}.supb{padding:9px 10px}.supb em{display:none}
  .bs{grid-template-columns:84px 1fr 72px}.bs>.num:nth-child(3){display:none}
  .doc{padding:14px}
  .wd{min-height:120px;padding:6px 3px}.wd i{font-size:10px;padding:3px}
  .ch .seg{overflow-x:auto;max-width:100%}
  .eq b{font-size:16px}
}
svg.plot .b0.we{fill:var(--ac)}