/* Scoped A/B1 workspace: approved neutral canvas; native ERP controls, no global overrides. */
.haru-workbench { --hc-line:#d6d6d6; --hc-accent:#5b36a8; background:#f7f7f7; color:#404040; padding:24px; border-radius:12px; min-width:0; width:100%; grid-column:1 / -1; font-size:16px; line-height:1.45; }
.haru-workbench.hc-stock { --hc-accent:#52622d; }
.haru-workbench * { box-sizing:border-box; }
.haru-workbench h2 { color:var(--hc-accent); font-size:28px; margin:0; }
.haru-workbench h3 { color:#262626; font-size:21px; margin:16px 0 8px; overflow-wrap:anywhere; }
.haru-workbench h4 { color:#262626; font-size:17px; }
.haru-workbench p { margin:8px 0 16px; }
.haru-workbench .hc-header { display:flex; flex-wrap:wrap; gap:16px; align-items:start; justify-content:space-between; }
.haru-workbench button,.haru-workbench .hc-actions a { font:inherit; min-height:44px; color:#404040; background:#fff; border:1px solid var(--hc-line); border-radius:8px; padding:9px 14px; cursor:pointer; text-decoration:none; }
.haru-workbench button:disabled { cursor:default; opacity:.55; }
.haru-workbench :is(button,a,input,select):focus-visible { outline:3px solid #174ea6; outline-offset:2px; }
.haru-workbench .hc-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.haru-workbench a[aria-current="page"] { color:#fff; background:#174ea6; border-color:#174ea6; }
.haru-workbench .hc-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:20px 0; }
.haru-workbench label { display:flex; flex-direction:column; gap:5px; flex:1 1 180px; min-width:0; }
.haru-workbench input,.haru-workbench select { font:inherit; min-height:44px; width:100%; padding:8px; border:1px solid var(--hc-line); background:#fff; border-radius:8px; color:#262626; }
.haru-workbench .hc-brand-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.haru-workbench .hc-brand-tabs button { color:#262626; }
.haru-workbench .hc-brand-tabs button[aria-pressed="true"] { color:#fff; background:var(--hc-accent); border-color:var(--hc-accent); }
.haru-workbench .hc-tab-count { display:inline-block; margin-left:6px; font-size:13px; font-weight:600; }
.haru-workbench .hc-body { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:16px; align-items:start; }
.haru-workbench :is(.hc-list,.hc-detail) { min-width:0; background:#fff; border:1px solid var(--hc-line); border-radius:10px; padding:16px; }
.haru-workbench .hc-table-wrap { overflow-x:auto; }
.haru-workbench table { width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.haru-workbench th,.haru-workbench td { text-align:left; vertical-align:top; padding:10px 6px; border-bottom:1px solid var(--hc-line); overflow-wrap:anywhere; font-size:14px; }
.haru-workbench th:first-child { width:35%; }
.haru-workbench .hc-row-button { width:100%; text-align:left; border:0; background:transparent; padding:4px; }
.haru-workbench small { display:block; font-size:13px; overflow-wrap:anywhere; margin-top:4px; }
.haru-workbench .hc-selected { box-shadow:inset 3px 0 #174ea6; background:#f7f7f7; }
.haru-workbench .hc-pagination { display:flex; justify-content:space-between; margin-top:16px; gap:12px; }
.haru-workbench .hc-chip { display:inline-block; border:1px solid currentColor; border-radius:6px; padding:2px 6px; font-size:13px; }
.haru-workbench .hc-attention { color:#775500; }
.haru-workbench .hc-blocked { color:#a51d2d; }
.haru-workbench .hc-reviewed { color:#19613a; }
.haru-workbench .hc-metrics { display:flex; flex-wrap:wrap; gap:8px; }
.haru-workbench .hc-metric { flex:1 1 90px; border:1px solid var(--hc-line); border-radius:8px; padding:10px; }
.haru-workbench .hc-metric span { display:block; font-size:13px; }
.haru-workbench .hc-metric strong { color:#262626; font-size:24px; }
.haru-workbench .hc-metric em { display:block; font-style:normal; font-size:12px; color:#666; margin-top:2px; }
/* P1 2-4: summary cards (brand-tab scope) + low-stock emphasis. Red = company [금지] red #B22222, text only, no fill. */
.haru-workbench .hc-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:0 0 12px; }
.haru-workbench .hc-summary .hc-metric { background:#fff; }
.haru-workbench .hc-metric.hc-warn strong { color:#8a5a00; }
.haru-workbench .hc-low, .haru-workbench .hc-low strong, .haru-workbench .hc-low small { color:#b22222; }
.haru-workbench td.hc-low strong { font-size:16px; }
.haru-workbench .hc-quick-filters { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin:0 0 16px; }
.haru-workbench .hc-quick-filters button[aria-pressed="true"] { color:#fff; background:#b22222; border-color:#b22222; }
.haru-workbench dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:8px; font-size:14px; }
.haru-workbench dd { margin:0; overflow-wrap:anywhere; }
.haru-workbench .hc-lot { padding:12px 0; border-top:1px solid var(--hc-line); }
.haru-workbench .hc-lot p { font-size:14px; margin:4px 0; }
.haru-workbench .hc-note,.haru-workbench .hc-count { font-size:13px; overflow-wrap:anywhere; }
.haru-workbench [role="alert"] { color:#a51d2d; border-left:3px solid currentColor; padding-left:10px; }
.haru-workbench .hc-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media (max-width:960px) {
  .haru-workbench { padding:16px; }
  .haru-workbench .hc-body { grid-template-columns:minmax(0,1fr); }
  .haru-workbench[data-detail="open"] .hc-list,.haru-workbench[data-detail="open"] .hc-filters,.haru-workbench[data-detail="open"] .hc-summary,.haru-workbench[data-detail="open"] .hc-quick-filters,.haru-workbench[data-detail="open"] .hc-brand-tabs { display:none; }
  .haru-workbench[data-detail="closed"] .hc-detail { display:none; }
}
@media (max-width:620px) {
  .haru-workbench { padding:12px; }
  .haru-workbench h2 { font-size:24px; }
  .haru-workbench table,.haru-workbench tbody { display:block; }
  .haru-workbench thead { display:none; }
  .haru-workbench tr { display:block; border:1px solid var(--hc-line); border-radius:8px; margin:12px 0; padding:8px; }
  .haru-workbench td { display:block; border:0; width:100%; font-size:15px; padding:4px; }
  .haru-workbench td[data-label]::before { content:attr(data-label) ' · '; font-weight:600; }
  .haru-workbench .hc-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}