/* iceagents override.css (layer on top of style.css) */

:root{
  --bg0:#070a0f;
  --bg1:#0b0f16;
  --card:#0f1622;
  --card2:#0c121c;
  --text:#e6edf3;
  --muted:#a7b3c2;
  --line:rgba(255,255,255,.10);
  --link:#9bd3ff;
  --link2:#d7f0ff;
  --accent:#7cc4ff;
  --shadow: 0 14px 40px rgba(0,0,0,.45);
  --radius:18px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background:
    radial-gradient(900px 520px at 12% 12%, rgba(124,196,255,.16), transparent 60%),
    radial-gradient(700px 460px at 85% 18%, rgba(255,255,255,.10), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1) 55%, #070b10);
  color:var(--text);
  font: 16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

a{ color:var(--link); text-decoration:underline; text-underline-offset:.18em; }
a:hover{ color:var(--link2); }
a:visited{ color:var(--link); }

.wrap, .container, main{
  max-width: 980px;
  margin: 0 auto;
  padding: 22px 18px 40px;
}

header, .topbar{
  position: sticky;
  top:0;
  z-index:10;
  backdrop-filter: blur(10px);
  background: rgba(7,10,15,.55);
  border-bottom: 1px solid var(--line);
}

header .brand, .topbar .brand, header a, .topbar a{
  color:var(--text);
}

header .brand, .topbar .brand{
  font-weight: 850;
  letter-spacing: .02em;
  display:inline-block;
  padding: 16px 18px;
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

header .brand:hover, .topbar .brand:hover{
  border-bottom-color: rgba(255,255,255,.65);
}

h1,h2,h3{
  margin: 14px 0 10px;
  line-height:1.15;
  color:var(--text);
}
h1{ font-size: 42px; font-weight: 900; }
h2{ font-size: 28px; font-weight: 850; }
h3{ font-size: 18px; font-weight: 800; color:var(--muted); }

.notice, .card, .panel, .box{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.notice{
  padding: 16px 18px;
  margin: 14px 0 16px;
}
.notice .notitle{ font-weight: 900; }
.notice .muted, .muted{ color:var(--muted); }
.notice .muted.small{ font-size: .85rem; }

input[type="text"], input[type="search"], .search, #search, .searchbox input{
  width: min(520px, 100%);
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: var(--text);
  outline: none;
}
input::placeholder{ color: rgba(230,237,243,.55); }

button, .btn, .button, a.button, input[type="submit"]{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  padding: 10px 12px;
  font-weight: 800;
  cursor: pointer;
}
button:hover, .btn:hover, .button:hover, a.button:hover{
  background: rgba(255,255,255,.10);
}

details{
  margin: 10px 0;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.035);
  overflow: hidden;
}

summary{
  list-style:none;
  cursor:pointer;
  padding: 14px 16px;
  font-weight: 900;
  color: var(--text);
}
summary::-webkit-details-marker{ display:none; }

details[open] summary{
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.04);
}

ul{ margin: 10px 0 14px; }
ul.namelist, .namelist{
  padding-left: 1.15rem;
}
li.wrap, .namelist li{
  margin: .38rem 0;
}
.namelist a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

footer{
  margin-top: 30px;
  padding: 20px 0 40px;
  color: var(--muted);
}
footer .foottitle{
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--text);
}
footer a{ font-weight: 850; }

table{
  width: 100%;
  border-collapse: collapse;
}
td, th{
  padding: 10px 10px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  vertical-align: top;
  color: var(--text);
}
th{
  width: 34%;
  color: var(--muted);
  text-align: left;
  font-weight: 850;
}

.backbtn{
  display:inline-block;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
.backbtn:hover{ background: rgba(255,255,255,.10); }

.slug{ display:none !important; }

.card, .card *{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.wrap, .container, main{
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* Large cards (home + agent pages) */
.notice,
.card,
.panel{
  padding: 24px 26px !important;
}

/* Section titles */
h1, h2, h3{
  padding-left: 2px;
}

/* Accordion (state blocks) */
details{
  margin-left: 6px;
  margin-right: 6px;
}

/* Accordion headers (state name rows) */
summary{
  padding-left: 22px !important;
  padding-right: 22px !important;
}

/* Accordion contents */
details > ul,
details .namelist{
  padding-left: 34px !important;
  padding-right: 22px !important;
}

/* Individual agent name rows */
.namelist li{
  padding-left: 4px;
}

/* Agent detail table */
table{
  margin-left: 6px;
  margin-right: 6px;
}
td, th{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Evidence list */
.card ul{
  padding-left: 28px;
}

/* Back button spacing */
.backbtn{
  margin-left: 6px;
}
/* Remove bullets */
.namelist,
details ul{
  list-style: none !important;
}

/* Pull list inward and normalize spacing */
.namelist{
  padding-left: 12px !important; /* closer to state title */
  margin-top: 6px;
}

/* Individual agent rows */
.namelist li{
  margin: 4px 0 !important;     /* vertical spacing */
  padding-left: 0 !important;
  line-height: 1.25 !important; /* tighter but readable */
}

/* Agent links */
.namelist a{
  display: inline-block;
  padding: 2px 0;
}
/* Remove bullets and left indent */
#groups ul.namelist {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Control the vertical spacing per item */
#groups ul.namelist > li.wrap {
  margin: 0;
  padding: 0;
}

/* If the <a> is what’s creating the tall rows, control it here */
#groups ul.namelist > li.wrap > a {
  display: block;        /* keeps the full row clickable */
  padding: 6px 0;        /* adjust this for “row height” */
  line-height: 1.25;     /* tighten/loosen text */
}

/* ============================
   REMOVE SCROLLING GRADIENT / OVERLAY
   ============================ */

/* Nuke any pseudo-element overlays that can create “bands” while scrolling */
body::before, body::after,
main::before, main::after,
.wrap::before, .wrap::after,
.container::before, .container::after,
.notice::before, .notice::after,
.card::before, .card::after,
.panel::before, .panel::after,
details::before, details::after,
summary::before, summary::after,
footer::before, footer::after{
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* If anything is using a fixed/attached background, disable it (common cause of bands) */
html, body, .wrap, .container, main, .card, .panel, .notice{
  background-attachment: initial !important;
}

/* If a stray overlay element exists, ensure it can’t float over content */
body *{
  scroll-margin-top: 90px;
}
.overlay, .gradient, .scrim, .backdrop, .glass{
  display: none !important;
}

/* ============================
   FOOTER PADDING FIX
   ============================ */

footer{
  margin-top: 34px !important;
  padding: 28px 28px 44px !important;   /* bring padding back */
  text-align: left !important;
}

footer .foottitle{
  display:block;
  margin: 0 0 10px 0 !important;
}

footer ul{
  list-style: disc;
  padding-left: 22px;
  margin: 8px 0 18px;
}


/* ============================
   HARD KILL: SCROLLING GRADIENT BAND
   ============================ */

/* Kill pseudo overlays used as backdrops */
html::before, html::after,
body::before, body::after,
main::before, main::after,
.wrapper::before, .wrapper::after,
.container::before, .container::after,
.wrap::before, .wrap::after{
  content: "" !important;
  display: none !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

/* Kill any REAL overlay elements (not pseudo-elements) */
.bg, .gradient, .overlay,
[class*="gradient"], [class*="overlay"]{
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* If some element is using a fixed background to fake an overlay, disable that too */
html, body, main, .wrapper, .container, .wrap{
  background-attachment: scroll !important;
}

/* Keep your accordion marker (do NOT nuke summary::before here) */

/* ============================
   FOOTER PADDING / ALIGNMENT FIX
   ============================ */

footer{
  padding: 28px 28px 44px !important;
  margin-top: 34px !important;
  text-align: left !important;
}

footer ul{
  list-style: disc !important;
  padding-left: 22px !important;
  margin: 8px 0 18px !important;
}

/* TEMP: disable body gradients to diagnose scroll band */
body{background:#070a0f !important;}