:root{--bg:#f3f4f5;--sf:#fff;--sub:#f8f9fa;--ln:#dfe2e6;--ln2:#eceef1;--ink:#151b22;--ink2:#36404b;--mu:#5d6773;--fa:#737d89;
--ac:#c2410c;--ac-bg:#fdefe7;--ac-ink:#fff;--pri:#1f2a33;--pri-h:#2e3d4a}
.top{background:#1f2a33;border-color:#1f2a33}
.top .title{color:#fff}.top .org{color:#b9c3cc}
.top .mark{background:var(--ac)}
.top .tabs button{color:#b9c3cc}.top .tabs button:hover,.top .tabs button[aria-pressed="true"]{color:#fff}
.top .tabs button[aria-pressed="true"]::after{background:#f08a4b;height:3px}
.top .tabs .c{background:#f08a4b;color:#1f2a33}
.top .status{background:#2b3843;border-color:#3b4a57;color:#e3e8ec}
.wn{color:var(--bad)}
.pj{display:flex;align-items:center;gap:20px;padding:12px 16px;margin-bottom:12px;flex-wrap:wrap}
.pjn{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pjn b{font-size:16px}
.pjk{margin-left:auto;display:flex;gap:26px}
.pjk div{display:flex;flex-direction:column}.pjk span{font-size:11.5px;color:var(--mu)}.pjk b{font-size:16px}
/* ガント */
.legend i.lg-p{background:#e3e7ec;border:1px solid #c9d0d8}.legend i.lg-a{background:var(--ac)}.legend i.lg-d{background:#5f7a68}
.legend i.lg-t{width:2px;height:12px;background:var(--ac)}
.gw{overflow-x:auto;margin-top:12px;border-top:1px solid var(--ln)}
.gt{min-width:980px}
.gr{display:grid;grid-template-columns:210px minmax(0,1fr);border-bottom:1px solid var(--ln2);cursor:pointer}
.gr:hover .gn{background:var(--sub)}
.gr.on .gn{background:var(--ac-bg);box-shadow:inset 3px 0 0 var(--ac)}
.gn{padding:7px 14px;border-right:1px solid var(--ln);display:flex;flex-direction:column;justify-content:center;min-height:44px}
.gn b{font-size:13px;line-height:1.35}.gn span{font-size:11.5px;color:var(--mu)}
.gl{position:relative;min-height:44px}
.gh{cursor:default;background:var(--sub)}.gh .gn{font-size:11.5px;color:var(--mu);font-weight:600;min-height:46px}.gh:hover .gn{background:none}
.mo{position:absolute;top:4px;font-size:12px;font-weight:700;padding-left:6px;border-left:1px solid var(--ln);height:18px;line-height:18px}
.wks{position:absolute;left:0;right:0;bottom:0;height:20px}
.wd{position:absolute;bottom:3px;font-size:10.5px;color:var(--fa);transform:translateX(3px);font-style:normal}
.wl{position:absolute;top:0;bottom:0;width:1px;background:var(--ln2)}
.td{position:absolute;top:0;bottom:0;width:2px;background:var(--ac);z-index:2;margin-left:-1px}
.td b{display:none}
.gr:nth-child(2) .td b{display:block;position:absolute;top:-1px;left:3px;background:#fff;padding:0 3px;line-height:15px;font-size:10.5px;color:var(--ac);white-space:nowrap}
.bar{position:absolute;top:11px;height:22px;border-radius:4px;background:#e3e7ec;border:1px solid #c9d0d8;min-width:6px}
.bar b{position:absolute;left:0;top:0;bottom:0;background:var(--ac);border-radius:3px 0 0 3px}
.bar.fin{background:#5f7a68;border-color:#5f7a68}.bar.fin b{display:none}
.bar.late{border-color:var(--bad)}.bar.late b{background:var(--bad)}
.bar span{position:relative;font-size:11px;font-weight:700;line-height:20px;padding-left:6px;color:#fff;white-space:nowrap}
.bar:not(.fin) span{position:absolute;left:100%;top:0;padding-left:6px;color:var(--ink2)}
.bar.late span{color:var(--bad)}
.gm{cursor:default}.gm .gl{min-height:52px}
.ms{position:absolute;top:8px;display:flex;flex-direction:column;align-items:flex-start;font-size:11.5px;font-weight:700;white-space:nowrap;margin-left:-6px;line-height:1.3}
.ms i{width:11px;height:11px;background:var(--pri);transform:rotate(45deg);margin:0 0 4px 0;display:block}
.ms em{font-style:normal;font-weight:400;color:var(--mu);font-size:11px}
.ms.rt{align-items:flex-end;transform:translateX(-100%);margin-left:6px}
.ms.past i{background:#5f7a68}
.gb{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:12px;margin-top:12px;align-items:start}
.gdb{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.pm{position:relative;margin:12px 0 12px;display:flex}.pm .meter{height:8px}
.ex{position:absolute;top:-4px;width:2px;height:16px;background:var(--ink);margin-left:-1px}
.memo{display:flex;gap:6px;align-items:flex-start;margin:0 0 10px;font-size:13px;color:var(--ink2)}.memo svg{margin-top:3px;color:var(--fa)}
.gph{border-radius:6px;overflow:hidden;border:1px solid var(--ln)}
.gph img,.rph img,.pc img,.big{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#dcd7cf}
.gph span{display:block;font-size:11.5px;color:var(--mu);padding:5px 8px}
#wk{margin-top:12px}
.li.now{background:var(--ac-bg)}
.dd{display:inline-flex;align-items:baseline;gap:4px;min-width:62px;font-weight:700}.dd em{font-style:normal;font-size:11px;color:var(--mu);font-weight:400}
/* 日報 */
.rw{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.dl2{margin-top:12px;border-top:1px solid var(--ln)}
.dy{width:100%;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:10px 16px;border:0;border-bottom:1px solid var(--ln2);background:none;text-align:left}
.dy:hover{background:var(--sub)}.dy.on{background:var(--ac-bg);box-shadow:inset 3px 0 0 var(--ac)}
.dw{font-size:12.5px;color:var(--mu)}
.flow li.cur .fn{border-color:var(--ac);color:var(--ac)}
.rg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
#rp h5{display:flex;align-items:center;gap:6px;font-size:12.5px;margin:14px 0 8px;color:var(--ink2)}
#rp h5 svg{color:var(--fa)}
#rp table{border:1px solid var(--ln2);border-radius:6px}
.tx{margin:0;font-size:13px;line-height:1.75;padding:8px 12px;background:var(--sub);border-radius:6px;border:1px solid var(--ln2)}
.tx.is{background:var(--warn-bg);border-color:#f2d8b0}
.jb{list-style:none;margin:0;padding:0}.jb li{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:5px 0;line-height:1.6}.jb svg{color:var(--ok);margin-top:3px}
.rph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rph figure{margin:0;border:1px solid var(--ln);border-radius:6px;overflow:hidden}
.rph figcaption{font-size:11.5px;color:var(--mu);padding:5px 8px}
.ra{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
/* 写真 */
.ph2{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:12px;align-items:start}
.pg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 16px 16px}
.pc{border:1px solid var(--ln);border-radius:7px;overflow:hidden;background:var(--sf);padding:0;text-align:left;position:relative}
.pc:hover{border-color:#b8c0c9}.pc.on{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}
.pn{position:absolute;left:6px;top:6px;background:rgba(21,27,34,.78);color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}
.pt{display:block;padding:7px 9px}.pt b{display:block;font-size:12.5px}.pt span{font-size:11px;color:var(--mu)}
.pv{position:sticky;top:74px}
.big{border-radius:6px;margin-bottom:12px}
.bd{border:2px solid #2f4a3a;border-radius:4px;background:#2f4a3a;color:#fff;margin-bottom:12px}
.bdh{font-size:11px;padding:3px 8px;color:#d6e4da}
.bd dl{display:grid;grid-template-columns:64px 1fr;margin:0;background:#3a5a47}
.bd dt,.bd dd{margin:0;padding:5px 8px;font-size:12.5px;border-top:1px solid #4f7360}
.bd dt{color:#d6e4da;border-right:1px solid #4f7360}
@media (max-width:1100px){.gb,.ph2,.gdb{grid-template-columns:minmax(0,1fr)}.pg{grid-template-columns:repeat(3,minmax(0,1fr))}.pv{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}
  .pj{gap:10px;padding:12px 14px}.pjk{margin-left:0;width:100%;justify-content:space-between;gap:8px}.pjk b{font-size:14px}
  .gt{min-width:760px}.gr{grid-template-columns:130px minmax(0,1fr)}.gn{padding:6px 10px}.gn b{font-size:12px}
  .rw,.rg{grid-template-columns:minmax(0,1fr)}
  .dl2{display:flex;overflow-x:auto;border-top:0;padding:10px 14px 12px;gap:8px}
  .dy{flex:none;width:auto;grid-template-columns:auto;gap:4px;border:1px solid var(--ln);border-radius:7px;padding:8px 10px}
  .dy.on{box-shadow:inset 0 0 0 1px var(--ac);border-color:var(--ac)}
  .rph{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px 14px}
  #pf{width:100%;overflow-x:auto}#pf button{flex:none}
}