/* Clyde Protection admin panel — small overrides on top of Tailwind CDN */

html, body { color-scheme: dark; }

/* Firefox scrollbars */
* { scrollbar-color: #404040 #171717; scrollbar-width: thin; }
/* WebKit scrollbars */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 6px; border: 2px solid #0a0a0a; }
::-webkit-scrollbar-thumb:hover { background: #3a3a3a; }

/* Nav link states */
.nav-link {
  padding: 0.4rem 0.75rem;
  border-radius: 0.375rem;
  color: #a3a3a3;
  transition: color 120ms, background-color 120ms;
  white-space: nowrap;
}
.nav-link:hover { color: #fafafa; background-color: #1c1c1c; }
.nav-link.active {
  color: #fbbf24;                /* brand-400 */
  background-color: rgba(251, 191, 36, 0.08);
}

/* Modal open state (overrides hidden) */
#modal.open { display: flex; }

/* Toast entrance */
.toast {
  animation: toast-in 200ms ease-out;
}
@keyframes toast-in {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0);   opacity: 1; }
}

/* Autofill correction so bg stays dark */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fafafa;
  -webkit-box-shadow: 0 0 0 1000px #262626 inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Table cell defaults for compactness */
tbody td { padding: 0.75rem 1rem; }

/* Kbd-ish pill for licenses / hashes */
.mono-pill {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.75rem;
  background-color: #171717;
  border: 1px solid #262626;
  border-radius: 0.375rem;
  padding: 0.15rem 0.4rem;
  color: #d4d4d4;
}

/* status pills */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.55rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
}
.pill-ok      { background-color: rgba(16,185,129,0.12); color: #34d399; border-color: rgba(16,185,129,0.3); }
.pill-warn    { background-color: rgba(245,158,11,0.12); color: #fbbf24; border-color: rgba(245,158,11,0.3); }
.pill-info    { background-color: rgba(14,165,233,0.12); color: #38bdf8; border-color: rgba(14,165,233,0.3); }
.pill-danger  { background-color: rgba(239,68,68,0.12);  color: #f87171; border-color: rgba(239,68,68,0.3); }
.pill-muted   { background-color: #171717;                color: #a3a3a3; border-color: #262626; }

/* Small buttons inside tables */
.btn-xs {
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid #262626;
  color: #d4d4d4;
  transition: all 120ms;
  background: transparent;
  cursor: pointer;
}
.btn-xs:hover { border-color: #fbbf24; color: #fbbf24; }
.btn-xs.danger:hover { border-color: #ef4444; color: #f87171; }
.btn-xs:disabled { opacity: 0.4; cursor: not-allowed; }
.btn-xs:disabled:hover { border-color: #262626; color: #a3a3a3; }