body { background: #f6f7fb; }
.card { border: 0; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); }
.table-card { overflow: hidden; }
.domain-logo { max-width: 90px; max-height: 42px; object-fit: contain; }
.domain-favicon { width: 24px; height: 24px; object-fit: contain; }
.colour-swatch { display: inline-block; width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(0,0,0,.15); vertical-align: middle; }
.stat-card .stat-number { font-size: 2rem; font-weight: 700; line-height: 1; }
.notes-preview { max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.required::after { content: ' *'; color: #dc3545; }
.network-card .card-header { border-bottom: 1px solid rgba(0,0,0,.06); }
.network-sidebar { top: 1rem; }
.standalone-list { max-height: 70vh; overflow: auto; }
.report-tile { transition: transform .15s ease, box-shadow .15s ease; color: #111827; }
.report-tile:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12); }
.report-tile-active { outline: 2px solid rgba(13, 110, 253, .35); background: #f8fbff; }
