/* repairswise · modern theme · 2025-10-06b */
:root{
  --rw-bg: #0b0f14;         /* page background */
  --rw-card: #0f1720;       /* card panels */
  --rw-surface: #12202a;    /* headers/toolbars */
  --rw-border: #1e2c38;
  --rw-text: #eaf2f6;       /* default text */
  --rw-text-dim: #bed0db;   /* secondary text */
  --rw-accent: #00bcd4;     /* cyan accent */
  --rw-accent-2: #4dd0e1;   /* hover */
  --rw-danger: #ef5350;
  --rw-ok: #66bb6a;
  --rw-link: #eaf2f6;
  --rw-link-hover: #ffffff;
}

/* Reset-ish */
* { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  background: var(--rw-bg);
  color: var(--rw-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 1.45;
}

/* Hard override legacy dark-teal on dark backgrounds */
header, .header, #header,
nav, .nav, .navbar, .topnav, .menu, .submenu,
.rw-header, .rw-nav, .rw-topbar {
  background: var(--rw-surface) !important;
  color: #fff !important;
  border-bottom: 1px solid var(--rw-border);
}

header a, .header a, #header a,
nav a, .nav a, .navbar a, .topnav a, .menu a, .submenu a,
.rw-header a, .rw-nav a, .rw-topbar a {
  color: #fff !important;
  text-decoration: none;
}
header a:hover, .header a:hover, #header a:hover,
nav a:hover, .nav a:hover, .navbar a:hover, .topnav a:hover, .menu a:hover, .submenu a:hover,
.rw-header a:hover, .rw-nav a:hover, .rw-topbar a:hover {
  color: var(--rw-accent-2) !important;
}

/* Generic buttons */
button, .btn, input[type=submit], .rw-btn {
  background: var(--rw-accent);
  color: #0b0f14;
  border: none;
  border-radius: 8px;
  padding: .6rem 1rem;
  font-weight: 600;
  cursor: pointer;
}
button:hover, .btn:hover, input[type=submit]:hover, .rw-btn:hover {
  background: var(--rw-accent-2);
}

/* Card container */
.rw-page { padding: 24px; }
.rw-card {
  background: var(--rw-card);
  border: 1px solid var(--rw-border);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.rw-wrap-legacy { overflow: hidden; }

/* Header shell */
.rw-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
}
.rw-brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
.rw-brand img { height: 28px; width:auto; }
.rw-spacer { flex: 1 1 auto; }
.rw-nav-links a { margin-left: 14px; display:inline-block; padding:6px 8px; border-radius:8px; }

/* Footer */
.rw-footer { color: var(--rw-text-dim); padding: 24px 16px; text-align: center; border-top: 1px solid var(--rw-border); }

/* Back button helper */
.rw-backbar { display:flex; gap:10px; align-items:center; margin: 12px 0 20px; }
a.rw-back, .rw-back {
  display:inline-flex; align-items:center; gap:8px;
  background: transparent; color: #fff;
  padding: .4rem .8rem; border: 1px solid var(--rw-border); border-radius: 10px;
}
a.rw-back:hover { border-color: var(--rw-accent-2); color: var(--rw-accent-2); }

/* Tables */
table { border-collapse: collapse; width: 100%; background: transparent; }
th, td { border-bottom: 1px solid var(--rw-border); padding: 8px 10px; }
th { color: #fff; text-align: left; }
tr:hover { background: rgba(255,255,255,0.02); }

/* Inputs */
input[type="text"], input[type="password"], select {
  background: #0d1a23; color: #eaf2f6; border: 1px solid var(--rw-border);
  border-radius: 8px; padding: .5rem .65rem;
}
label { color: var(--rw-text); }

/* Anchor defaults */
a { color: var(--rw-link); }
a:hover { color: var(--rw-link-hover); }

/* Make legacy headline colors readable */
h1, h2, h3, h4, h5 { color: #fff; }

/* Defensive: kill legacy inline styles that force teal on dark */
a[style*="#004f6e"] { color: #fff !important; }