/* regulation/css/regulation.css */

.reg-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.reg-stat-card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;gap:10px}
.reg-stat-icon{font-size:22px;flex-shrink:0}
.reg-stat-val{font-size:22px;font-weight:800;line-height:1}
.reg-stat-lbl{font-size:10px;color:var(--txt2);margin-top:1px}
.reg-stat-valid .reg-stat-val{color:var(--green)}
.reg-stat-expiring .reg-stat-val{color:#f59e0b}
.reg-stat-expired .reg-stat-val{color:var(--red)}
.badge-valid{background:rgba(26,122,66,.12);color:var(--green);font-weight:700}
.badge-expiring{background:rgba(245,158,11,.12);color:#d97706;font-weight:700}
.badge-expired{background:rgba(188,44,44,.12);color:var(--red);font-weight:700}
.reg-cat-tabs{display:flex;gap:2px;flex-wrap:wrap;background:var(--bg2);border-radius:var(--r);padding:3px;margin-bottom:12px}
.reg-cat-tab{padding:5px 12px;border-radius:4px;border:none;background:none;color:var(--txt2);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}
.reg-cat-tab.active{background:var(--bg1);color:var(--txt0);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.countdown-ok{color:var(--txt2)}
.countdown-warn{color:#d97706;font-weight:700}
.countdown-crit{color:var(--red);font-weight:700;animation:pulse .8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

.reg-list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border)}
.reg-list-item:last-child{border-bottom:none}

.countdown-ok{color:var(--txt2)}
.countdown-warn{color:#d97706;font-weight:700}
.countdown-crit{color:var(--red);font-weight:700;animation:pulse .8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}