.tremor-ui .tremor-surface.card,.tremor-ui .tremor-surface.auth-card{border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgb(0 0 0 / 4%);padding:0;overflow:visible}
.tremor-ui .tremor-surface.auth-card,.tremor-ui .tremor-surface.fatal-card{padding:32px}
.tremor-ui .tremor-surface.button{border-radius:6px;min-height:32px;font-weight:500;font-size:12px;box-shadow:none}
.tremor-ui .tremor-surface.button--primary{background:#2563eb;color:white;border-color:#2563eb}
.tremor-ui .tremor-surface.button--subtle,.tremor-ui .tremor-surface.button--ghost{background:white;color:#374151;border:1px solid #d1d5db}
.tremor-ui .tremor-surface.button:hover:not(:disabled){background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}
.tremor-ui .tremor-surface.button--primary:hover:not(:disabled){background:#1d4ed8;color:white}
.tremor-ui .tremor-surface.chip{font-weight:500;padding:3px 8px;border-radius:6px;line-height:1.5;background:#f1f5f9;color:#334155}
.tremor-ui .tremor-surface.chip.good{background:#ecfdf5;color:#065f46}.tremor-ui .tremor-surface.chip.warn{background:#fffbeb;color:#92400e}.tremor-ui .tremor-surface.chip.critical{background:#fef2f2;color:#991b1b}
.tremor-ui .tremor-surface table,.tremor-ui table.tremor-surface{width:100%;border-collapse:collapse}
.tremor-ui td.tremor-surface,.tremor-ui th.tremor-surface{padding:12px 16px;font-size:13px;white-space:nowrap;border-bottom:1px solid #e5e7eb}
.tremor-ui th.tremor-surface{background:#f9fafb;font-weight:600;color:#374151}.tremor-ui td.tremor-surface{color:#4b5563}
.tm-select-host{display:block;min-width:110px;max-width:100%}.tm-native-select,.tm-native-tabs{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.tm-date-tabs{margin:0 0 10px}.tm-date-tabs [role=tablist]{flex-wrap:wrap;gap:2px}.tm-date-tabs button{font-size:12px;white-space:nowrap}
.tremor-ui input.tremor-surface{background:transparent;border:0;box-shadow:none;min-width:0}.tremor-ui [data-tremor-surface].tremor-TextInput-root{width:100%}
.supplier-reference{margin-top:16px}.supplier-reference-notice{padding:14px 18px;border-left:3px solid #3b82f6;background:#eff6ff;color:#1e40af;font-size:13px;line-height:1.65;margin-bottom:14px}
.primary-nav a{color:#4b5563;border-radius:6px;font-weight:500}
.primary-nav a:hover{background:#f9fafb;color:#111827}
.primary-nav a.active{background:#f3f4f6;color:#111827;font-weight:600;box-shadow:none;border-left:0}
.primary-nav a.active::before,.primary-nav a.active::after{content:none}
.view-root{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.view-root>*{min-width:0}
.split-layout,.supplier-reference{min-width:0;max-width:100%}
.split-layout>*,.supplier-reference>.card{min-width:0;max-width:100%}
.view-root>.scope-note{margin:0}
.tremor-ui .card-head{padding:20px 24px;gap:12px;align-items:center}
.tremor-ui .card-head h2{font-size:16px;font-weight:600;letter-spacing:-.02em;color:#111827}
.tremor-ui .card-head p{font-size:12px;color:#6b7280;margin:4px 0 0}
.tremor-ui .card-head--border{border-bottom:1px solid #e5e7eb}
.tremor-ui .table-tools,.tremor-ui .table-pagination{padding:14px 24px}
.tremor-ui .table-pagination{border-top:1px solid #e5e7eb;margin:0}
.tremor-ui .keyword-controls{padding:20px 24px}
.scope-note{border:1px solid #e5e7eb;border-radius:6px;padding:12px 16px;background:#fff;font-size:12px;color:#6b7280;line-height:1.65}
.scope-note summary{font-size:12px;font-weight:500;color:#6b7280;list-style-position:inside}
.scope-note p{margin:10px 0 0;max-width:90ch}
.tremor-ui .empty-state{padding:40px 24px}.tremor-ui .empty-state h3{font-size:14px;font-weight:600;color:#374151}.tremor-ui .empty-state p{font-size:12px;color:#6b7280}
.tremor-ui .insight-card{padding:20px 24px!important}.tremor-ui .insight-card h3{font-size:15px;font-weight:600;line-height:1.55}.tremor-ui .insight-card p{font-size:13px;line-height:1.7;color:#4b5563}
.tremor-ui .date-heading{font-size:13px;font-weight:500;color:#6b7280}
@media(max-width:620px){.tremor-ui td.tremor-surface,.tremor-ui th.tremor-surface{padding:10px 12px}.tm-date-tabs button{padding:7px 10px}.tm-select-host{min-width:0}}
@media(max-width:620px){.view-root{gap:16px}.tremor-ui .card-head,.tremor-ui .table-tools,.tremor-ui .table-pagination,.tremor-ui .keyword-controls{padding:16px}.scope-note{padding:10px 12px}.tremor-ui .insight-card{padding:16px!important}}
/* Give mobile titles their own row; status and actions cannot squeeze Korean words. */
@media(max-width:620px){
  .topbar{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 10px;align-items:center;padding:16px 0;min-height:0}
  .topbar>.mobile-menu{grid-column:1;grid-row:1;flex-shrink:0}
  .topbar>div:not(.topbar-meta){grid-column:2;grid-row:1;min-width:0}
  .topbar h1{word-break:keep-all;overflow-wrap:normal;line-height:1.35}
  .topbar>.topbar-meta{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-width:0;width:100%}
  .topbar-meta>div:not(.avatar){min-width:0;text-align:right;gap:2px}
  .topbar-meta #data-status,.topbar-meta #updated-at{display:block;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .topbar-meta>.avatar{width:30px;height:30px;flex-shrink:0}
}

.tremor-ui .metric-card.tremor-surface{display:grid;align-content:start;padding:19px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgb(0 0 0 / 4%)}
.filterbar .tm-select-host>div,.filterbar .tm-select-host button{min-width:0;width:100%}
.mobile-filter-toggle{display:none}
.form-advanced{margin:0}
.form-advanced>.form-grid{padding:12px 0 0}
.form-field small{font-size:11px;font-weight:400;line-height:1.5}
.form-actions{gap:8px}
@media(max-width:620px){
  .mobile-filter-toggle{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;margin-bottom:12px;min-height:42px}
  #filter-summary{min-width:0;font-size:11px;color:var(--muted);text-align:right;overflow-wrap:anywhere}
  #filterbar:not([data-expanded="true"]){display:none}
  .freshness-badge{margin-bottom:12px}
  .metrics-grid,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tremor-ui .metric-card.tremor-surface{min-width:0;min-height:112px;padding:12px}
  .metric-label{font-size:12px;flex-wrap:wrap;gap:4px}
  .metric-value{font-size:20px;margin:12px 0 8px;overflow-wrap:anywhere}
  .metric-delta{font-size:10px;line-height:1.5}
  .form-advanced.wide{grid-column:1/-1}
}
@media(max-width:620px){.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar .date-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.filterbar input[type=date]{min-width:0;padding-inline:6px}}