.complaint-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:14px;align-items:end}
.filters-grid-logs{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:14px;align-items:end}
.timeline{display:grid;gap:12px}
.timeline-item{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.timeline-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.timeline-meta{font-size:12px;color:var(--muted)}
.kv-table{width:100%;border-collapse:collapse}
.kv-table th,.kv-table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);text-align:right;vertical-align:top}
.kv-table th{width:180px;color:var(--muted)}
.pre-json{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;background:#0b1220;color:#f8fafc;padding:14px;border-radius:16px;border:1px solid var(--line)}
html:not(.theme-night) .pre-json{background:#f8fafc;color:#111827}
.section-split{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.portal-hero{display:grid;gap:12px}
.portal-hero .card{padding:28px}
.portal-actions{display:flex;gap:10px;flex-wrap:wrap}
.portal-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(21,128,61,.14);color:#166534;border:1px solid rgba(21,128,61,.2)}
.theme-toggle-btn{min-width:132px}
@media (max-width: 1100px){
  .complaint-grid,.filters-grid-logs,.section-split{grid-template-columns:1fr}
}