/* PREMIUM_PHASE1_2026_05_12 — Coverage & Freshness page styles */

.cov-summary { font-size: 14px; color: var(--text-primary); line-height: 1.5; margin: 0 0 16px; max-width: 900px; }

.cov-pills { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
.cov-pill { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 10px; padding: 14px 18px; display:flex; flex-direction:column; gap: 4px; position: relative; }
.cov-pill[data-status="healthy"]  { border-left: 4px solid var(--severity-low,    #1de9b6); }
.cov-pill[data-status="degraded"] { border-left: 4px solid var(--severity-high,   #ffa502); }
.cov-pill[data-status="stale"]    { border-left: 4px solid var(--severity-medium, #00e5ff); }
.cov-pill[data-status="down"]     { border-left: 4px solid var(--severity-critical, #ff4757); }
.cov-pill__dot { display:inline-block; width:8px; height:8px; border-radius:50%; background: currentColor; opacity: 0.7; }
.cov-pill[data-status="healthy"]  .cov-pill__dot { background: var(--severity-low); }
.cov-pill[data-status="degraded"] .cov-pill__dot { background: var(--severity-high); }
.cov-pill[data-status="stale"]    .cov-pill__dot { background: var(--severity-medium); }
.cov-pill[data-status="down"]     .cov-pill__dot { background: var(--severity-critical); }
.cov-pill__count { font-size: 26px; font-weight: 600; color: var(--text-primary); line-height: 1.1; }
.cov-pill__label { font-size: 11px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.06em; }

.cov-toolbar { display:flex; justify-content:flex-end; align-items:center; margin-bottom: 12px; }
.cov-sort { display:flex; gap: 4px; align-items: center; }
.cov-sort__label { color: var(--text-secondary); font-size: 12px; margin-right: 6px; }
.cov-sort-btn { background: none; border: 1px solid transparent; padding: 4px 10px; font-size: 12px; color: var(--text-secondary); cursor: pointer; border-radius: 6px; transition: all 0.15s; }
.cov-sort-btn:hover { color: var(--text-primary); }
.cov-sort-btn.is-active { background: var(--bg-tertiary); color: var(--text-primary); border-color: var(--border-primary); }

.cov-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 32px; }
.cov-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 10px; padding: 14px 16px; position: relative; }
.cov-card[data-status="healthy"]  { border-left: 4px solid var(--severity-low); }
.cov-card[data-status="degraded"] { border-left: 4px solid var(--severity-high); }
.cov-card[data-status="stale"]    { border-left: 4px solid var(--severity-medium); }
.cov-card[data-status="down"]     { border-left: 4px solid var(--severity-critical); }

.cov-card__head { display:flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.cov-card__name { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.cov-card__region { font-size: 10px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.06em; }
.cov-card__sync { font-size: 12px; color: var(--text-secondary); margin-bottom: 8px; font-family: var(--font-mono, monospace); }
.cov-card__vol { display:flex; gap: 12px; font-size: 11px; color: var(--text-secondary); }
.cov-card__vol strong { color: var(--text-primary); font-size: 13px; font-weight: 600; display: block; margin-top: 1px; }

.cov-section-title { font-size: 14px; font-weight: 600; color: var(--text-primary); letter-spacing: 0.01em; margin: 8px 0 12px; }

.cov-modules { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 10px; overflow: hidden; }
.cov-modules thead th { text-align: left; font-size: 11px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.06em; padding: 10px 14px; background: var(--bg-tertiary); border-bottom: 1px solid var(--border-primary); }
.cov-modules tbody td { font-size: 13px; color: var(--text-primary); padding: 10px 14px; border-bottom: 1px solid var(--border-primary); }
.cov-modules tbody tr:last-child td { border-bottom: none; }
.cov-modules .status-dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right: 6px; vertical-align: middle; }
.cov-modules .status-healthy .status-dot  { background: var(--severity-low); }
.cov-modules .status-degraded .status-dot { background: var(--severity-high); }
.cov-modules .status-stale .status-dot    { background: var(--severity-medium); }
.cov-modules .status-down .status-dot     { background: var(--severity-critical); }
.cov-modules .status-no_data .status-dot  { background: var(--text-secondary); opacity: 0.5; }

@media (max-width: 720px) {
    .cov-pills { grid-template-columns: repeat(2, 1fr); }
}