.nav-btn.active { background-color: #1f2937; color: #fff; border-left: 3px solid #6366f1; }
.kpi-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1rem; }
.kpi-label { font-size: 0.7rem; color: #6b7280; margin-bottom: 0.25rem; }
.kpi-value { font-size: 1.5rem; font-weight: 700; color: #111827; }
.th { text-align: left; padding: 0.6rem 1rem; font-weight: 600; }
td.td { padding: 0.6rem 1rem; border-top: 1px solid #f3f4f6; font-size: 0.85rem; }
.field-label { display: block; font-size: 0.75rem; font-weight: 600; color: #4b5563; margin-bottom: 0.25rem; }
.field-input { width: 100%; border: 1px solid #d1d5db; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.85rem; }
.field-input:focus { outline: none; box-shadow: 0 0 0 2px #6366f1; border-color: #6366f1; }
.badge { display: inline-block; padding: 0.15rem 0.55rem; border-radius: 9999px; font-size: 0.7rem; font-weight: 600; }
.badge-open { background: #dcfce7; color: #15803d; }
.badge-closed { background: #f3f4f6; color: #6b7280; }
.badge-complete { background: #dcfce7; color: #15803d; }
.badge-screenout { background: #fef3c7; color: #b45309; }
.badge-overquota { background: #ffedd5; color: #c2410c; }
.badge-incomplete { background: #e5e7eb; color: #4b5563; }
.badge-administrator { background: #ede9fe; color: #6d28d9; }
.badge-operator { background: #dbeafe; color: #1d4ed8; }
.link-row { display: flex; align-items: center; gap: 0.5rem; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; font-family: monospace; }
.link-row input { flex: 1; border: none; background: transparent; font-family: monospace; font-size: 0.75rem; }
.copy-btn { color: #6366f1; font-size: 0.75rem; white-space: nowrap; }