:root{--bg:#f4f6f6;--sf:#fff;--sub:#f8fafa;--ln:#dfe5e4;--ln2:#ecf0ef;--ink:#13201e;--ink2:#334441;--mu:#5c6b69;--fa:#71807e;
--ac:#0f766e;--ac-bg:#e8f4f2;--ac-ink:#fff;--pri:#13201e;--pri-h:#24403b}
.top .mark{background:var(--ac)}
.top .tabs .c{background:var(--ac);color:#fff}
.avatar{background:#4c6662}.avatar.s{width:20px;height:20px;font-size:10.5px;margin-left:-4px}
.wide{width:100%;height:40px;font-size:14px}
.side{display:flex;flex-direction:column;gap:12px;min-width:0}
.cw{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}
.fm{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:12px}
.fm label,.cm{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--mu);font-weight:600}
.fm input,.fm select,.cm textarea{height:36px;border:1px solid var(--ln);border-radius:7px;padding:0 10px;background:var(--sf);font-size:13.5px;color:var(--ink);font-weight:400}
.cm textarea{height:auto;padding:8px 10px;resize:vertical}
.fm input:focus,.fm select:focus,.cm textarea:focus{outline:2px solid var(--ac-bg);border-color:var(--ac)}
td.wrap{white-space:normal;min-width:220px}
.kk{font-size:12px;color:var(--ink2);background:var(--gray-bg);border-radius:4px;padding:2px 6px;white-space:nowrap}
.nt2{display:flex;align-items:center;gap:4px;font-size:11.5px;margin-top:3px;font-weight:600}
.nt2.bad{color:var(--bad)}.nt2.warn{color:var(--warn)}.nt2.ok{color:var(--ok)}
tr.r-bad td{background:#fdf6f5}tr.r-bad td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
tr.r-warn td{background:#fffaf2}tr.r-warn td:first-child{box-shadow:inset 3px 0 0 var(--warn)}
.rcp{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ok);font-weight:600}
.sfb{margin-left:4px;color:var(--ac)}
.addr{display:flex;align-items:center;gap:10px;border-top:1px solid var(--ln2);flex-wrap:wrap}
.ad{display:flex;gap:6px;flex-wrap:wrap}
.tot{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;display:flex;align-items:baseline;gap:8px}
.tot small{font-size:12px;color:var(--mu);font-weight:600;font-family:inherit}
.rl{list-style:none;margin:0;padding:0}
.rl li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--ln2);font-size:13px}
.rl li:last-child{border-bottom:0}
.rl li svg{margin-top:3px;flex:none}.rl li.ok svg{color:var(--ok)}.rl li.ng svg{color:var(--bad)}.rl li.ng .sub2{color:var(--bad)}
.rl b{font-weight:600}
.flow.vt{flex-direction:column;border:0;box-shadow:none;margin-bottom:14px;overflow:visible}
.flow.vt li{border-right:0;padding:6px 0;min-width:0;position:relative}
.flow.vt li:not(:last-child)::after{content:"";position:absolute;left:11.5px;top:32px;height:12px;width:1px;background:var(--ln)}
.nt{margin:8px 0 0;text-align:center}
/* 承認 */
.aw{display:grid;grid-template-columns:420px minmax(0,1fr);gap:12px;align-items:start}
#aq{margin-top:12px}
.qi{width:100%;border:0;border-bottom:1px solid var(--ln2);background:none;text-align:left;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px}
.qi:hover{background:var(--sub)}.qi.on{background:var(--ac-bg);box-shadow:inset 3px 0 0 var(--ac)}
.qn b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.qa b{font-size:14px}
.ah{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.ah .avatar{width:34px;height:34px}
.at{margin-left:auto;font-size:24px;font-weight:700}
.it2{border:1px solid var(--ln2);border-radius:6px;margin-bottom:14px}
.aa{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
#aN{color:var(--bad)}
/* 経理 */
svg.plot .b0,.legend i.c0{fill:#0f766e;background:#0f766e}svg.plot .b1,.legend i.c1{fill:#5fb0a6;background:#5fb0a6}svg.plot .b2,.legend i.c2{fill:#c58b2a;background:#c58b2a}svg.plot .b3,.legend i.c3{fill:#b8c3c1;background:#b8c3c1}
#depL{margin-top:8px}
#csv{margin-left:4px}
@media (max-width:1100px){.cw,.aw{grid-template-columns:minmax(0,1fr)}}
@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}
  .fm{grid-template-columns:minmax(0,1fr)}
  .it thead{display:none}.it,.it tbody,.it tr,.it td{display:block;width:100%}
  .it tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;padding:10px 14px;border-bottom:1px solid var(--ln2);position:relative}
  .it td{padding:0;border:0;background:none!important;box-shadow:none!important}
  .it tr.r-bad{box-shadow:inset 3px 0 0 var(--bad);background:#fdf6f5}.it tr.r-warn{box-shadow:inset 3px 0 0 var(--warn);background:#fffaf2}
  .it td:nth-child(1){grid-column:1;font-size:12px;color:var(--mu)}
  .it td:nth-child(2){grid-column:2}
  .it td:nth-child(3){grid-column:1/4;min-width:0}
  .it td:nth-child(4){grid-column:3;grid-row:1;text-align:right}
  .it td:nth-child(5){grid-column:1/3;margin-top:4px}
  .it td:nth-child(6){grid-column:3;margin-top:4px;text-align:right}
  .it td:nth-child(7){position:absolute;right:6px;bottom:6px;display:none}
  .tot{font-size:24px}
  .qi{padding:10px 14px}
  .at{font-size:20px}
  .it2 td:nth-child(2),.it2 th:nth-child(2){display:none}
  td.wrap{min-width:0}
}