/* KORONA Showcase UI (polished, responsive) */
.korona-sc-wrap { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.korona-sc-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:10px 0 8px; }
.korona-sc-controls label { font-weight:600; display:flex; gap:6px; align-items:center; }
.korona-sc-controls select, .korona-sc-controls .button { padding:6px 10px; border-radius:8px; }
.korona-sc-meta { color:#555; margin-bottom:8px; }

.korona-sc-table { border-radius:14px; overflow:hidden; border:1px solid #e6e6e6; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.korona-sc-row { display:grid; grid-template-columns: 1fr 110px 140px 110px; gap:0; border-bottom:1px solid #f0f0f0; }
.korona-sc-row > div { padding:14px 16px; }
.korona-sc-row.korona-sc-head { background:#fafafa; font-weight:700; color:#333; border-bottom:1px solid #e9e9e9; }
.korona-sc-row .num { text-align:right; font-variant-numeric: tabular-nums; }
.korona-sc-row .prod { font-weight:600; }

@media (max-width: 720px) {
  .korona-sc-row { grid-template-columns: 1fr 80px 90px 80px; }
  .korona-sc-controls { gap:8px; }
  .korona-sc-row > div { padding:12px; }
}