/* oms-rd-factory-capacity.css — factory CAPACITY page (#page-capacity,
   /js/oms-rdf-capacity.js). Redesign r11. Components from oms-rd.css (.card, .ch,
   .cb, .kpis/.kpi, .tbl, .chip, .pill, .btn, .input). */
.rd.rdfcap{display:flex;flex-direction:column;gap:16px}
.rd.rdfcap .ph p{margin-top:4px}
.rd.rdfcap .rdfcap-scope{padding:9px 14px;border-radius:10px;background:var(--accent-soft);color:#2A37B8;font-size:13px;font-weight:600}
.rd.rdfcap .rdfcap-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rd.rdfcap .rdfcap-kpi.t-bad b{color:var(--bad)}
.rd.rdfcap .rdfcap-kpi.t-warn b{color:var(--warn)}
.rd.rdfcap .rdfcap-err{color:var(--bad);font-weight:600}
/* setting */
.rd.rdfcap .rdfcap-set .cb{display:flex;flex-direction:column;gap:14px}
.rd.rdfcap .rdfcap-row1{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}
.rd.rdfcap .rdfcap-f{display:flex;flex-direction:column;gap:6px}
.rd.rdfcap .rdfcap-units{width:180px;height:38px;font-size:15px;font-weight:700;padding:0 10px}
.rd.rdfcap .rdfcap-days{display:flex;flex-wrap:wrap;gap:6px}
.rd.rdfcap .rdfcap-day{cursor:pointer;font-family:inherit;height:32px;min-width:52px;justify-content:center}
.rd.rdfcap .rdfcap-day.on{background:var(--accent);border-color:var(--accent);color:#fff}
.rd.rdfcap .rdfcap-more{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--sunk)}
.rd.rdfcap .rdfcap-more>summary{cursor:pointer;font-weight:700;font-size:13.5px;list-style:none;display:flex;align-items:center;gap:8px}
.rd.rdfcap .rdfcap-more>summary::-webkit-details-marker{display:none}
.rd.rdfcap .rdfcap-more>summary::before{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-right:2px}
.rd.rdfcap .rdfcap-more[open]>summary::before{transform:rotate(45deg)}
.rd.rdfcap .rdfcap-hint{margin:8px 0;font-size:12.5px}
.rd.rdfcap .rdfcap-splits{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rd.rdfcap .rdfcap-split{display:flex;flex-direction:column;gap:6px;min-width:0}
.rd.rdfcap .rdfcap-split-h{display:flex;align-items:center;justify-content:space-between}
.rd.rdfcap .rdfcap-srow{display:flex;gap:6px;align-items:center}
.rd.rdfcap .rdfcap-srow select.input{flex:1 1 auto;min-width:0;height:34px}
.rd.rdfcap .rdfcap-srow .rdfcap-num{width:100px;height:34px;padding:0 8px}
.rd.rdfcap .rdfcap-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rd.rdfcap .rdfcap-bad{color:var(--bad)}
/* plan */
.rd.rdfcap .rdfcap-setfirst{color:var(--warn);font-weight:600;font-size:13px}
.rd.rdfcap .rdfcap-scroll{overflow-x:auto}
.rd.rdfcap .rdfcap-tbl{min-width:760px}
.rd.rdfcap .rdfcap-tbl td{vertical-align:middle}
.rd.rdfcap .rdfcap-tbl tr.is-now td{background:#F7F8FF}
.rd.rdfcap .rdfcap-tbl tr.is-over td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.rd.rdfcap .rdfcap-now{height:20px;font-size:11px;margin-left:6px}
.rd.rdfcap .rdfcap-closed{display:inline-block;margin-top:3px;font-size:11.5px;font-weight:700;color:#C0283A;background:var(--bad-soft);border-radius:6px;padding:1px 7px}
.rd.rdfcap .rdfcap-fillcell{min-width:300px}
.rd.rdfcap .rdfcap-fillrow{display:flex;align-items:center;gap:10px}
.rd.rdfcap .rdfcap-bar{position:relative;flex:1 1 auto;height:10px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);overflow:hidden;min-width:80px}
.rd.rdfcap .rdfcap-bar i{position:absolute;top:0;bottom:0;left:0}
.rd.rdfcap .rdfcap-bar .f{background:var(--ok)}
.rd.rdfcap .rdfcap-bar.t-warn .f{background:var(--warn)}
.rd.rdfcap .rdfcap-bar.t-bad .f{background:var(--bad)}
.rd.rdfcap .rdfcap-bar.t-mute .f{background:#A9B1C9}
.rd.rdfcap .rdfcap-bar .p{background:repeating-linear-gradient(45deg,rgba(61,78,232,.35) 0 4px,rgba(61,78,232,.12) 4px 8px)}
.rd.rdfcap .rdfcap-bar .o{left:auto;right:0;width:4px;background:#8B1A28}
.rd.rdfcap .rdfcap-nums{white-space:nowrap;font-size:13px}
.rd.rdfcap .rdfcap-pct{min-width:44px;text-align:right;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.rd.rdfcap .rdfcap-pct.t-bad{color:var(--bad)}
.rd.rdfcap .rdfcap-pct.t-warn{color:var(--warn)}
.rd.rdfcap .rdfcap-pct.t-ok{color:var(--ok)}
.rd.rdfcap .rdfcap-subs{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.rd.rdfcap .rdfcap-sub{display:flex;align-items:center;gap:8px;font-size:12px}
.rd.rdfcap .rdfcap-subk{width:110px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-weight:600}
.rd.rdfcap .rdfcap-sub .rdfcap-bar{height:6px}
.rd.rdfcap .rdfcap-pill.t-bad{background:var(--bad-soft);color:var(--bad);border-color:#F0BCC4}
.rd.rdfcap .rdfcap-pill.t-warn{background:var(--warn-soft);color:var(--warn)}
.rd.rdfcap .rdfcap-pos a{cursor:pointer;font-size:12px;font-weight:700;color:var(--accent);margin-right:4px;white-space:nowrap}
.rd.rdfcap .rdfcap-later{font-size:12.5px}
@media (max-width:1100px){ .rd.rdfcap .rdfcap-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){
  .rd.rdfcap .rdfcap-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd.rdfcap .rdfcap-splits{grid-template-columns:1fr}
  .rd.rdfcap .ph{flex-direction:column;align-items:flex-start}
  .rd.rdfcap .rdfcap-units,.rd.rdfcap .rdfcap-srow .input{font-size:16px}
}
