/* Eldritch Clockwork — Core
   build: 2025-11-21
   Purpose: brand tokens + base primitives used everywhere
--------------------------------------------------------------------- */

/* ---------- Theme Variables (consolidated) ---------- */
:root{
  --ec-bg:#121417; 
  --panel:#161b1f; 
  --panel2:#242424;
  --panel-head:#1d2328;
  --text:#e5ecef; 
  --muted:#a7b0ba; 
  --accent:#8fd; 
  --accent2:#00e0ff;
  --line:rgba(255,255,255,.10);
  --site-max:1100px; 
  --site-gutter:16px;
  --ec-row-bg:rgba(255,255,255,.06);
  --ec-row-keybg:rgba(255,255,255,.10);
  --ec-row-bdr:rgba(255,255,255,.12);
}

/* ---------- Base ---------- */
*{box-sizing:border-box;}
html,body{
  margin:0; padding:0; background:var(--ec-bg); color:var(--text);
  font-size: 1rem; line-height: 1.4; font-family: Inter,system-ui,Segoe UI,Roboto,Arial;
}
a{color:var(--accent2); text-decoration:none;}
a:hover{text-decoration:underline;}

/* Keep spacing below fixed navbar */
@media (min-width:768px){ body{padding-top:60px !important;} }
@media (max-width:767px){ body{padding-top:50px !important;} }

/* Generic EC container */
.ec-container{max-width:var(--site-max); margin:0 auto; padding:20px var(--site-gutter) 10px;}

.container.main-content {
    padding-top: 35px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- Utilities (global) ---------- */
.hidden{display:none !important;}
.small-note{color:#999; font-size: 0.75rem; margin-top:6px;}
.text-dim{color:#889;}
.u-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body.no-navbar{padding-top:0 !important;}

/* ---------- Panel shell (consolidated) ---------- */
.ec-panel{
  background:var(--panel); border:1px solid var(--line);
  border-radius:12px; padding:12px; min-height:40px;
}
.ec-panel + .ec-panel{margin-top:16px;}
.ec-panel h2{margin:0 0 10px; font-size:16px;}
.ec-panel h3{margin:0 0 8px; font-size:15px;}

.ec-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 6px;
}
.ec-panel-head h2{ margin:0; }
.ec-panel-head .more{font-size: 0.75rem; color:var(--muted);}
.ec-panel-head a.more{
  color:#00ffff;
  font-weight:500;
  text-decoration:none;
}
.ec-panel-head a.more:hover{
  color:#66ffff;
  text-decoration:underline;
}

/* Consistent vertical rhythm for sidebar panels */
.ec-col .ec-panel { margin-bottom: 12px; }
.ec-col .ec-panel:last-child { margin-bottom: 0; }

/* ---------- Badges ---------- */
.badge{
  display:inline-block; font-size: 0.6875rem; line-height:1;
  padding:4px 6px; border-radius:6px;
  background:#222; border:1px solid var(--line); color:#bbb;
  margin-right:6px;
}
.badge.scanned{background:#0b3150; color:#9ad7ff; border-color:#035;}
.badge.ignored{background:#2a2a2a; color:#bbb;}