/* Standalone, scoped presentation for special-subsidy-monitor-20260801-v2.js. */
.special-subsidy-monitor {
  --subsidy-ink: #17212b;
  --subsidy-muted: #5e6b78;
  --subsidy-line: #d7e0e7;
  --subsidy-surface: #ffffff;
  --subsidy-subtle: #f4f7f9;
  --subsidy-accent: #087a72;
  --subsidy-accent-deep: #075e58;
  --subsidy-warning: #9a5a05;
  --subsidy-danger: #b42318;
  color: var(--subsidy-ink);
  background: var(--subsidy-surface);
  border: 1px solid var(--subsidy-line);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(25, 49, 64, 0.08);
  font-variant-numeric: tabular-nums;
  margin: 20px 0;
  overflow: hidden;
}

/* The monitor is inserted at runtime as a direct child of the operation
   center's 12-column grid. Keep this top-level module on the full content row. */
#operation-view.operation-ui-v1 > #special-subsidy-monitor-panel {
  grid-column: 1 / -1;
  justify-self: stretch;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.special-subsidy-monitor *,
.special-subsidy-monitor *::before,
.special-subsidy-monitor *::after { box-sizing: border-box; }

.special-subsidy-monitor__heading {
  align-items: flex-start;
  background: #f8fbfc;
  border-bottom: 1px solid var(--subsidy-line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 24px 28px 22px;
}

.special-subsidy-monitor__eyebrow,
.special-subsidy-monitor__section-label span {
  color: var(--subsidy-accent-deep);
  display: block;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .07em;
  line-height: 1.4;
}

.special-subsidy-monitor__heading h2,
.special-subsidy-monitor__ledger-heading h3,
.special-subsidy-monitor__target h3 { color: var(--subsidy-ink); margin: 0; }
.special-subsidy-monitor__heading h2 { font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -.025em; line-height: 1.28; margin-top: 6px; }
.special-subsidy-monitor__heading p,
.special-subsidy-monitor__ledger-heading p,
.special-subsidy-monitor__target p { color: var(--subsidy-muted); margin: 7px 0 0; }
.special-subsidy-monitor__heading p { font-size: 13px; line-height: 1.65; max-width: 720px; }

.special-subsidy-monitor__badges,
.special-subsidy-monitor__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.special-subsidy-monitor__badges { justify-content: flex-end; padding-top: 2px; }
.special-subsidy-monitor__badge {
  background: #e7f4f2;
  border: 1px solid #b8ddd8;
  border-radius: 999px;
  color: #075e58;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 3px 10px;
  white-space: nowrap;
}
.special-subsidy-monitor__badge.is-readonly { background: #eef2f5; border-color: #d5dde4; color: #43505c; }
.special-subsidy-monitor__badge.is-loading { background: #ebf3fb; border-color: #c4dcf1; color: #175d95; }
.special-subsidy-monitor__badge.is-warning { background: #fff4df; border-color: #f0d39d; color: var(--subsidy-warning); }
.special-subsidy-monitor__badge.is-error { background: #fdf0ef; border-color: #efc3bf; color: var(--subsidy-danger); }

.special-subsidy-monitor__status {
  background: #f4f7f9;
  border-bottom: 1px solid var(--subsidy-line);
  color: #40515e;
  font-size: 13px;
  line-height: 1.55;
  padding: 11px 28px;
}

.special-subsidy-monitor__metrics { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 20px 28px; }
.special-subsidy-monitor__metric { border-left: 3px solid #b7c6d1; min-width: 0; padding: 3px 0 3px 12px; }
.special-subsidy-monitor__metric.is-quantity { border-color: #087a72; }
.special-subsidy-monitor__metric.is-money { border-color: #1c6097; }
.special-subsidy-monitor__metric > span { color: var(--subsidy-muted); display: block; font-size: 12px; font-weight: 650; }
.special-subsidy-monitor__metric strong { color: var(--subsidy-ink); display: block; font-size: clamp(19px, 2vw, 25px); letter-spacing: -.025em; line-height: 1.3; margin-top: 4px; overflow-wrap: anywhere; }
.special-subsidy-monitor__metric p { color: var(--subsidy-muted); font-size: 12px; line-height: 1.45; margin: 4px 0 0; }

.special-subsidy-monitor__controls { background: #f8fbfc; border-bottom: 1px solid var(--subsidy-line); display: grid; gap: 12px; grid-template-columns: repeat(5, minmax(120px, 1fr)); padding: 16px 28px; }
.special-subsidy-monitor__controls label { color: #40515e; display: grid; font-size: 12px; font-weight: 700; gap: 6px; min-width: 0; }
.special-subsidy-monitor__controls input,
.special-subsidy-monitor__controls select {
  appearance: auto;
  background: #fff;
  border: 1px solid #b8c7d1;
  border-radius: 7px;
  color: var(--subsidy-ink);
  font: inherit;
  min-height: 44px;
  min-width: 0;
  padding: 8px 10px;
}
.special-subsidy-monitor :is(button, input, select):focus-visible { outline: 3px solid var(--subsidy-accent); outline-offset: 2px; }
.special-subsidy-monitor__controls input:hover,
.special-subsidy-monitor__controls select:hover { border-color: #6d8797; }
.special-subsidy-monitor__controls input:disabled { background: #eef2f5; color: #667582; cursor: not-allowed; opacity: 1; }

.special-subsidy-monitor__targets { border-bottom: 1px solid var(--subsidy-line); padding: 20px 28px 24px; }
.special-subsidy-monitor__section-label { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 12px; }
.special-subsidy-monitor__section-label small { color: var(--subsidy-muted); font-size: 12px; line-height: 1.5; }
.special-subsidy-monitor__target-grid { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.special-subsidy-monitor__target { align-items: flex-start; border: 1px solid var(--subsidy-line); border-radius: 9px; display: grid; gap: 10px; grid-template-columns: 28px minmax(0, 1fr) auto; min-width: 0; padding: 12px; }
.special-subsidy-monitor__target.has-sales { background: #f4faf9; border-color: #a6d5cf; }
.special-subsidy-monitor__target-index { color: #69808e; font-size: 12px; font-weight: 750; line-height: 1.5; }
.special-subsidy-monitor__target h3 { font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.special-subsidy-monitor__target p { font-size: 12px; line-height: 1.5; }
.special-subsidy-monitor__target > strong { color: var(--subsidy-accent-deep); font-size: 14px; line-height: 1.35; text-align: right; white-space: nowrap; }
.special-subsidy-monitor__target > strong small { color: var(--subsidy-muted); font-size: 11px; font-weight: 600; }

.special-subsidy-monitor__ledger { padding: 22px 28px 28px; }
.special-subsidy-monitor__view-tabs {
  background: #edf3f6;
  border: 1px solid var(--subsidy-line);
  border-radius: 9px;
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
  padding: 3px;
  width: min(100%, 620px);
}
.special-subsidy-monitor__view-tabs button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #40515e;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  min-height: 44px;
  padding: 8px 12px;
  white-space: nowrap;
}
.special-subsidy-monitor__view-tabs button:hover { background: rgba(255, 255, 255, .68); color: var(--subsidy-ink); }
.special-subsidy-monitor__view-tabs button[aria-selected="true"] {
  background: var(--subsidy-surface);
  border-color: #aac9c5;
  box-shadow: 0 1px 4px rgba(25, 49, 64, .08);
  color: var(--subsidy-accent-deep);
}
.special-subsidy-monitor__ledger-heading { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 14px; }
.special-subsidy-monitor__ledger-heading h3 { font-size: 17px; line-height: 1.35; }
.special-subsidy-monitor__ledger-heading p { font-size: 12px; line-height: 1.5; }
.special-subsidy-monitor__actions { justify-content: flex-end; }
.special-subsidy-monitor__actions button {
  background: var(--subsidy-accent);
  border: 1px solid var(--subsidy-accent);
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  min-height: 44px;
  padding: 9px 14px;
  white-space: nowrap;
}
.special-subsidy-monitor__actions .secondary-button { background: #fff; border-color: #92a6b5; color: #294352; }
.special-subsidy-monitor__actions button:hover:not(:disabled) { background: var(--subsidy-accent-deep); border-color: var(--subsidy-accent-deep); }
.special-subsidy-monitor__actions .secondary-button:hover:not(:disabled) { background: #eaf1f4; border-color: #6d8797; }
.special-subsidy-monitor__actions button:active:not(:disabled) { transform: translateY(1px); }
.special-subsidy-monitor__actions button:disabled { cursor: wait; opacity: .58; }

.special-subsidy-monitor__table-wrap { border: 1px solid var(--subsidy-line); border-radius: 9px; overflow-x: auto; overscroll-behavior-inline: contain; }
.special-subsidy-monitor__table-wrap[hidden] { display: none; }
.special-subsidy-monitor__table-wrap:focus-visible { outline: 3px solid var(--subsidy-accent); outline-offset: 2px; }
.special-subsidy-monitor__table-wrap table { border-collapse: collapse; min-width: 850px; width: 100%; }
.special-subsidy-monitor__table-wrap .special-subsidy-monitor__summary-table { min-width: 560px; }
.special-subsidy-monitor__table-wrap .special-subsidy-monitor__summary-table.is-date-view { min-width: 440px; }
.special-subsidy-monitor__table-wrap .special-subsidy-monitor__summary-table.is-stockout-view { min-width: 760px; }
.special-subsidy-monitor__table-wrap th { background: #edf3f6; color: #40515e; font-size: 12px; font-weight: 750; letter-spacing: .02em; text-align: left; white-space: nowrap; }
.special-subsidy-monitor__table-wrap :is(th, td) { border-bottom: 1px solid #e1e8ed; padding: 11px 12px; vertical-align: top; }
.special-subsidy-monitor__table-wrap td { color: #2d3d48; font-size: 13px; line-height: 1.45; }
.special-subsidy-monitor__table-wrap tbody tr:last-child td { border-bottom: 0; }
.special-subsidy-monitor__table-wrap tbody tr:hover { background: #f6fafb; }
.special-subsidy-monitor__table-wrap .is-number { text-align: right; white-space: nowrap; }
.special-subsidy-monitor__table-wrap td strong { color: var(--subsidy-ink); }
.special-subsidy-monitor__table-wrap td small { color: var(--subsidy-muted); display: block; font-size: 11px; margin-top: 2px; }
.special-subsidy-monitor__product-cell { min-width: 210px; overflow-wrap: anywhere; }
.special-subsidy-monitor__stockout-detail { min-width: 460px; overflow-wrap: anywhere; text-align: left; white-space: normal; }
.special-subsidy-monitor__price { background: #e7f4f2; border-radius: 4px; color: #075e58; display: inline-block; font-size: 12px; font-weight: 700; margin: 1px 3px 1px 0; padding: 2px 5px; white-space: nowrap; }
.special-subsidy-monitor__budget-bar { background: #dfe9ed; border-radius: 999px; display: block; height: 4px; margin: 7px 0 0 auto; overflow: hidden; width: min(160px, 100%); }
.special-subsidy-monitor__budget-bar i { background: var(--subsidy-accent); border-radius: inherit; display: block; height: 100%; }
.special-subsidy-monitor__sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.special-subsidy-monitor__empty { color: var(--subsidy-muted); font-size: 14px; line-height: 1.6; padding: 38px 24px; text-align: center; }

@media (max-width: 960px) {
  .special-subsidy-monitor__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .special-subsidy-monitor__controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .special-subsidy-monitor { border-radius: 10px; margin-inline: 0; }
  .special-subsidy-monitor__heading,
  .special-subsidy-monitor__ledger-heading { align-items: stretch; flex-direction: column; }
  .special-subsidy-monitor__heading,
  .special-subsidy-monitor__targets,
  .special-subsidy-monitor__ledger { padding-inline: 16px; }
  .special-subsidy-monitor__status { padding-inline: 16px; }
  .special-subsidy-monitor__metrics { padding-inline: 16px; }
  .special-subsidy-monitor__controls { grid-template-columns: 1fr 1fr; padding-inline: 16px; }
  .special-subsidy-monitor__controls label:last-child { grid-column: 1 / -1; }
  .special-subsidy-monitor__badges,
  .special-subsidy-monitor__actions { justify-content: flex-start; }
  .special-subsidy-monitor__actions button { flex: 1 1 130px; }
  .special-subsidy-monitor__view-tabs { width: 100%; }
  .special-subsidy-monitor__target-grid { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .special-subsidy-monitor__metrics,
  .special-subsidy-monitor__controls { grid-template-columns: 1fr; }
  .special-subsidy-monitor__controls label:last-child { grid-column: auto; }
  .special-subsidy-monitor__view-tabs button { font-size: 12px; padding-inline: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .special-subsidy-monitor *, .special-subsidy-monitor *::before, .special-subsidy-monitor *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media print {
  .special-subsidy-monitor { border: 0; box-shadow: none; color: #000; margin: 0; }
  .special-subsidy-monitor__controls, .special-subsidy-monitor__actions, .special-subsidy-monitor__view-tabs { display: none; }
  .special-subsidy-monitor__heading, .special-subsidy-monitor__status, .special-subsidy-monitor__targets { padding-inline: 0; }
  .special-subsidy-monitor__metrics, .special-subsidy-monitor__ledger { padding-inline: 0; }
  .special-subsidy-monitor__target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .special-subsidy-monitor__table-wrap { overflow: visible; }
  .special-subsidy-monitor__table-wrap table { min-width: 0; }
}