:root{--bg:#f4f5f7;--sf:#fff;--sub:#f9fafb;--ln:#e1e4ea;--ln2:#edf0f3;--ink:#121a2b;--ink2:#344055;--mu:#5f6b80;--fa:#748095;
--ac:#14233c;--ac-bg:#fff6d9;--ac-ink:#fff;--pri:#14233c;--pri-h:#22365a;--yl:#f2b705;--yl2:#fde9a6}
.top{background:#14233c;border-color:#14233c}
.top .title{color:#fff}.top .org{color:#b8c2d3}
.top .mark{background:var(--yl);color:#14233c}
.top .tabs button{color:#b8c2d3}.top .tabs button:hover,.top .tabs button[aria-pressed="true"]{color:#fff}
.top .tabs button[aria-pressed="true"]::after{background:var(--yl);height:3px}
.top .tabs .c{background:var(--yl);color:#14233c}
.top .status{background:#1d3050;border-color:#2d4469;color:#dfe5ee}
.kpi .l svg{color:var(--ink2)}
.lw{display:grid;grid-template-columns:400px minmax(0,1fr);gap:12px;align-items:start}
.cl{margin-top:12px;border-top:1px solid var(--ln);max-height:820px;overflow:auto}
.ci{width:100%;border:0;background:none;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--ln2)}
.ci:hover{background:var(--sub)}.ci.on{background:#fffbea;box-shadow:inset 3px 0 0 var(--yl)}
.ci .tm{font-size:12.5px;color:var(--mu)}
.cn b{display:block;font-size:13.5px}.cn .faint{font-size:11.5px}
.ck2{text-align:right}.ck2 .sub2{font-size:11.5px;margin-top:2px}
.cd h5,.hc2 h5{font-size:12px;color:var(--mu);margin:0 0 8px;font-weight:700}
.flow.mini{box-shadow:none;margin-bottom:14px}
.flow.mini li.cur .fn{border-color:#c98a00;color:#8a5d00;box-shadow:0 0 0 3px var(--yl2)}
.flow.mini li.cur b{color:#8a5d00}
.flow li.cur .fn{border-color:#c98a00;color:#8a5d00;box-shadow:0 0 0 3px var(--yl2)}.flow li.cur b{color:#8a5d00}
.cdg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.bub{display:flex;flex-direction:column;gap:8px}
.bb{max-width:88%}.bb span{display:block;font-size:11px;color:var(--mu);margin-bottom:2px;font-weight:600}
.bb p{margin:0;padding:9px 12px;border-radius:10px;font-size:13px;line-height:1.7}
.bb.ai p{background:#eef1f6;border-top-left-radius:3px}
.bb.c{align-self:flex-end;text-align:right}.bb.c p{background:#fff6d9;border:1px solid #f3dc8c;border-top-right-radius:3px;text-align:left}
.sum{margin:0 0 14px;font-size:13.5px;line-height:1.8;padding:10px 12px;background:var(--sub);border:1px solid var(--ln2);border-radius:6px}
.fl{display:flex;flex-direction:column;margin-bottom:14px}
.fr{display:grid;grid-template-columns:64px 1fr 150px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ln2);font-size:13px}
.fr>span:first-child{color:var(--mu)}.fr .conf{justify-content:flex-end}.fr .conf .meter{max-width:60px}
.wn{color:var(--warn)}
.why2{margin-bottom:12px}
.cact{display:flex;gap:6px;flex-wrap:wrap}
/* 予約 */
.bw{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}
.side{display:flex;flex-direction:column;gap:12px;min-width:0}
.aib{display:inline-grid;place-items:center;height:16px;padding:0 4px;border-radius:3px;font:700 10px var(--num);background:#14233c;color:#fff;margin-right:4px}
.legend i.t-sha,.bk.t-sha{background:#dfe8f6}.legend i.t-ten,.bk.t-ten{background:#e2f1e8}.legend i.t-oil,.bk.t-oil{background:#fdf0c9}.legend i.t-rep,.bk.t-rep{background:#f8e2dc}
.bk.t-sha{border-left-color:#2b5a9e}.bk.t-ten{border-left-color:#2f7d52}.bk.t-oil{border-left-color:#b88300}.bk.t-rep{border-left-color:#b4472d}
.calw{overflow-x:auto;margin-top:12px;border-top:1px solid var(--ln)}
.cal{display:grid;grid-template-columns:48px repeat(6,minmax(118px,1fr));min-width:760px;padding:0 12px 12px 0}
.hc{position:relative;padding-top:34px}.hc em{position:absolute;right:8px;font-style:normal;font-size:11px;color:var(--fa);margin-top:28px}
.dc{border-left:1px solid var(--ln2)}
.dc>b{display:block;text-align:center;font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--ln)}
.dl{position:relative;height:540px}
.dl>i{position:absolute;left:0;right:0;border-top:1px solid var(--ln2)}
.bk{position:absolute;left:4px;right:4px;border-left:3px solid;border-radius:4px;padding:4px 6px;font-size:11.5px;overflow:hidden;line-height:1.45}
.bk>span.num{font-size:10.5px;color:var(--ink2);margin-right:4px}
.bk b{display:block;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk.pend{background:repeating-linear-gradient(135deg,#fff 0 6px,#fdf3d3 6px 12px);border:1.5px dashed #b88300;border-left-width:3px}
.pq{font-size:10.5px;font-weight:700;color:#8a5d00}
#pend{margin-top:12px}
.pd{align-items:flex-start}.pdm{flex:1}.pdm b{font-size:13.5px}
.pr{display:flex;gap:6px;align-items:flex-start;margin:6px 0 8px;font-size:12.5px;color:var(--warn);line-height:1.6}.pr svg{margin-top:3px}
.pda{display:flex;gap:6px;flex-wrap:wrap}
.rl{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:6px 0;font-size:13px}
.rl.ok{color:var(--ok)}.rl.ng{color:var(--bad)}.rl b{color:var(--ink);font-weight:600}.rl svg{margin-top:3px}
.btn.ac{background:#14233c;border-color:#14233c}
/* 引き継ぎ */
.hw{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}
.hq{display:flex;flex-direction:column;gap:12px;min-width:0}
.hc2.live{border-color:#c98a00;box-shadow:0 0 0 3px var(--yl2)}
.hc2.end{opacity:.7}
.hh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ln);flex-wrap:wrap}
.hh>b{font-size:14.5px}
.hs{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:5px;font-size:12px;font-weight:700;background:var(--gray-bg);color:var(--ink2)}
.hs.live{background:var(--yl);color:#14233c}.hs.talk{background:#14233c;color:#fff}.hs.end{background:var(--ok-bg);color:var(--ok)}
.hb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;padding:14px 16px 16px}
.hb .fr{grid-template-columns:64px 1fr 130px}
.told{margin:0 0 8px;font-size:13px;line-height:1.8;color:var(--ink2)}
.hact{margin-top:12px}.ok3{color:var(--ok);font-weight:700;font-size:13px}
.hl{margin:0 0 8px;font-size:13px}
.seg.wide{display:flex}.seg.wide button{flex:1;justify-content:center}
.sv2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 6px}
.sv2 div{border:1px solid var(--ln);border-radius:6px;padding:8px 12px}.sv2 span{font-size:12px;color:var(--mu)}.sv2 b{display:block;font-size:22px}.sv2 b small{font-size:12px;margin-left:2px}
#always{margin-top:12px;border-top:1px solid var(--ln2);padding-top:8px}
#hist svg.plot .b0{fill:#9aa6b8}#hist svg.plot .b0.lo{fill:#c98a00}
@media (max-width:1100px){.lw,.bw,.hw{grid-template-columns:minmax(0,1fr)}.cl{max-height:420px}}
@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}
 .cdg,.hb{grid-template-columns:minmax(0,1fr)}
 .fr,.hb .fr{grid-template-columns:56px 1fr;gap:2px 10px}.fr .conf{grid-column:2;justify-content:flex-start}
 .ci{grid-template-columns:38px 1fr;gap:4px 10px}.ck2{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center}
}
.bk.sh{display:flex;align-items:center;gap:2px;padding:0 6px}.bk.sh b{display:inline;flex:1;min-width:0}