/* ============================================================
   FORGE ATLAS v6 — TOP BANNER · QUOTES · ENTRANCE · ROOTING · COMMAND
   Heavier animations. UFC-style entrance. Command Center dashboard.
   ============================================================ */

/* ============================================================
   TOP BANNER · animated "Built Different." + quote
   ============================================================ */
.fa-top-banner{
  position:relative;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, rgba(212,168,67,.04), transparent);
  overflow:hidden;
}
.fa-top-banner::before{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent 80px,rgba(212,168,67,.06) 80px,rgba(212,168,67,.06) 81px);
  opacity:.35; pointer-events:none;
  animation:bannerLines 30s linear infinite;
}
@keyframes bannerLines{ to { transform:translateX(80px); } }
.fa-top-banner-inner{
  max-width:var(--max-wide);
  margin:0 auto;
  padding:18px 28px 16px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  position:relative; z-index:1;
}
@media(max-width:880px){ .fa-top-banner-inner{ grid-template-columns:1fr; gap:14px; } }

.fa-banner-left, .fa-banner-right{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.16em;
  color:var(--muted-2); text-transform:uppercase;
}
.fa-banner-right{ justify-content:flex-end; }
@media(max-width:880px){ .fa-banner-left, .fa-banner-right{ justify-content:center; } }

.fa-banner-tag{
  padding:4px 10px;
  border:1px solid var(--line-gold);
  border-radius:4px;
  background:rgba(212,168,67,.04);
  color:var(--gold);
  font-size:9.5px; letter-spacing:.20em;
}
.fa-banner-tag.live{
  border-color:rgba(52,211,153,.30);
  color:var(--green);
  background:rgba(52,211,153,.06);
}
.fa-banner-tag.live::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
  display:inline-block; margin-right:6px;
  animation:liveBlink 1.4s infinite;
  vertical-align:middle;
}

/* The animated centerpiece */
.fa-bd-text{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(20px, 2.6vw, 30px);
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
  line-height:1;
  position:relative;
  background:linear-gradient(120deg,
    var(--gold-bright) 0%, var(--gold) 28%, var(--cyan) 52%, var(--gold) 76%, var(--gold-bright) 100%);
  background-size:300% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
  animation:bdShimmer 7s ease-in-out infinite;
  filter:drop-shadow(0 0 16px rgba(212,168,67,.20));
}
@keyframes bdShimmer{
  0%   { background-position:0% 50%; filter:drop-shadow(0 0 12px rgba(212,168,67,.25)); }
  50%  { background-position:100% 50%; filter:drop-shadow(0 0 28px rgba(126,234,255,.35)); }
  100% { background-position:0% 50%; filter:drop-shadow(0 0 12px rgba(212,168,67,.25)); }
}
.fa-bd-text .dot{
  display:inline-block; vertical-align:middle;
  width:8px; height:8px; border-radius:50%;
  background:var(--cyan);
  margin-left:6px;
  box-shadow:0 0 12px var(--cyan);
  animation:bdDot 2.4s ease-in-out infinite;
}
@keyframes bdDot{ 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(.7);opacity:.4} }

/* Quote ribbon — sits below the BD text in a thin strip */
.fa-quote-ribbon{
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.30);
  padding:10px 28px;
  position:relative;
  overflow:hidden;
}
.fa-quote-ribbon::before{
  content:""; position:absolute; top:0; left:-100%; width:30%; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:tileSweep 9s linear infinite;
}
.fa-quote-inner{
  max-width:var(--max-wide); margin:0 auto;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  justify-content:center;
  font-family:var(--font-display); font-size:14.5px;
  font-style:italic;
  color:var(--fg-soft);
  letter-spacing:.01em;
}
.fa-quote-mark{ color:var(--gold); font-size:22px; line-height:.8; font-style:normal; }
.fa-quote-author{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted-2); font-style:normal;
}
.fa-quote-author strong{ color:var(--gold); font-weight:500; }
.fa-quote-era{ color:var(--muted-2); }

/* ============================================================
   UFC ENTRANCE FANFARE
   ============================================================ */
.fa-entrance{
  position:fixed; inset:0; z-index:100;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(12px);
  display:flex; align-items:center; justify-content:center;
  pointer-events:auto;
  animation:entranceBg .4s var(--ease);
}
.fa-entrance.fading{ animation:entranceOut .7s var(--ease) forwards; }
@keyframes entranceBg{ from{opacity:0;backdrop-filter:blur(0)} to{opacity:1;backdrop-filter:blur(12px)} }
@keyframes entranceOut{ to{opacity:0; pointer-events:none;} }
.fa-entrance-card{
  text-align:center; max-width:880px; padding:0 28px;
  position:relative;
}
.fa-entrance-card::before{
  /* light beams */
  content:""; position:absolute; left:50%; top:-200px; width:1200px; height:600px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse 50% 40% at 50% 50%, rgba(212,168,67,.18), transparent 60%);
  pointer-events:none;
}
.fa-ent-format{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.40em;
  color:var(--gold); text-transform:uppercase;
  padding:6px 18px; border:1px solid var(--line-gold); border-radius:99px;
  background:rgba(212,168,67,.05);
  display:inline-block;
  animation:entFormat .8s var(--ease) .15s backwards;
}
@keyframes entFormat{ from{opacity:0;transform:translateY(-8px) scale(.9)} to{opacity:1;transform:none} }
.fa-ent-id{
  font-family:var(--font-mono); font-size:13px; letter-spacing:.20em;
  color:var(--muted-2); text-transform:uppercase;
  margin-top:14px;
  animation:entFormat .8s var(--ease) .25s backwards;
}
.fa-ent-row{
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; gap:24px;
  margin-top:36px;
}
@media(max-width:760px){ .fa-ent-row{ grid-template-columns:1fr; } }
.fa-ent-name{
  font-family:var(--font-display); font-weight:600; font-size:clamp(36px, 6vw, 64px);
  letter-spacing:-.01em; line-height:1;
  text-transform:uppercase;
  --accent:var(--gold);
}
.fa-ent-name.left{
  text-align:right;
  background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, white));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:entLeft 1s var(--ease) .35s backwards;
}
.fa-ent-name.right{
  text-align:left;
  background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 60%, white), var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:entRight 1s var(--ease) .55s backwards;
}
@keyframes entLeft  { from{opacity:0;transform:translateX(-80px)} to{opacity:1;transform:none} }
@keyframes entRight { from{opacity:0;transform:translateX(80px)}  to{opacity:1;transform:none} }
.fa-ent-name-org{
  display:block; margin-top:6px;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted-2);
  background:none; -webkit-text-fill-color:initial;
}
.fa-ent-vs{
  font-family:var(--font-display); font-weight:600; font-size:80px;
  background:linear-gradient(135deg, var(--gold-bright), var(--gold), var(--cyan));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 24px rgba(212,168,67,.50));
  animation:entVs 1s var(--ease) .75s backwards;
}
@keyframes entVs{
  from{opacity:0; transform:scale(2.4); filter:drop-shadow(0 0 0 transparent);}
  to{opacity:1; transform:scale(1); filter:drop-shadow(0 0 24px rgba(212,168,67,.50));}
}
.fa-ent-topic{
  margin-top:24px;
  font-family:var(--font-display); font-size:clamp(16px, 2vw, 22px);
  color:var(--fg-soft); line-height:1.4;
  max-width:760px; margin-left:auto; margin-right:auto;
  animation:entFormat .8s var(--ease) 1.0s backwards;
}
.fa-ent-bell{
  margin-top:40px;
  font-family:var(--font-display); font-size:42px; font-weight:600;
  color:var(--cyan); letter-spacing:.20em;
  animation:bellRing 1.2s var(--ease) 1.5s backwards;
}
@keyframes bellRing{
  from{opacity:0; transform:scale(.6); text-shadow:0 0 0 transparent;}
  60%{opacity:1; transform:scale(1.2); text-shadow:0 0 40px var(--cyan);}
  to{opacity:1; transform:scale(1); text-shadow:0 0 24px var(--cyan);}
}
.fa-ent-skip{
  position:absolute; top:24px; right:24px;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.16em;
  color:var(--muted-2); text-transform:uppercase;
  padding:6px 12px; border:1px solid var(--line-2); border-radius:6px;
  background:rgba(0,0,0,.40);
  cursor:pointer;
}
.fa-ent-skip:hover{ color:var(--fg); border-color:var(--line-3); }

/* Sound bars under entrance (no audio — visual only) */
.fa-ent-bars{
  display:flex; align-items:flex-end; justify-content:center;
  gap:4px; height:40px; margin-top:24px;
  animation:entFormat .6s var(--ease) 1.2s backwards;
}
.fa-ent-bar{
  width:4px; background:var(--gold);
  border-radius:2px;
  animation:vizBar 1.2s ease-in-out infinite;
}
.fa-ent-bar:nth-child(1){animation-delay:.0s;height:30%}
.fa-ent-bar:nth-child(2){animation-delay:.10s;height:60%}
.fa-ent-bar:nth-child(3){animation-delay:.05s;height:100%}
.fa-ent-bar:nth-child(4){animation-delay:.18s;height:50%}
.fa-ent-bar:nth-child(5){animation-delay:.22s;height:90%}
.fa-ent-bar:nth-child(6){animation-delay:.30s;height:40%}
.fa-ent-bar:nth-child(7){animation-delay:.12s;height:70%}
.fa-ent-bar:nth-child(8){animation-delay:.28s;height:55%}
.fa-ent-bar:nth-child(9){animation-delay:.16s;height:85%}
.fa-ent-bar:nth-child(10){animation-delay:.20s;height:35%}
.fa-ent-bar:nth-child(11){animation-delay:.08s;height:75%}
.fa-ent-bar:nth-child(12){animation-delay:.24s;height:45%}
@keyframes vizBar{ 0%,100%{transform:scaleY(.4)} 50%{transform:scaleY(1)} }

/* ============================================================
   ROOTING PANEL (side panel next to arena chat)
   ============================================================ */
.arena-live-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  align-items:flex-start;
}
@media(max-width:1180px){ .arena-live-grid{ grid-template-columns:1fr; } }

.rooting-panel{
  position:sticky; top:80px;
  border:1px solid var(--line-2);
  border-radius:var(--r-md);
  background:rgba(8,8,10,.70);
  overflow:hidden;
  display:flex; flex-direction:column;
  max-height:calc(100vh - 100px);
}
.rp-head{
  padding:14px 18px;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.50);
  display:flex; align-items:center; justify-content:space-between;
}
.rp-head h4{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.20em;
  color:var(--muted); text-transform:uppercase; margin:0; font-weight:500;
}
.rp-head .rp-pulse{
  width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
  animation:liveBlink 1.4s infinite;
}

.rp-tabs{
  display:flex; gap:0;
  border-bottom:1px solid var(--line);
}
.rp-tab{
  flex:1;
  padding:10px 12px;
  font-family:var(--font-display);
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  font-weight:500;
  color:var(--muted);
  background:transparent;
  border:none;
  border-bottom:2px solid transparent;
  cursor:pointer;
  transition:all .2s var(--ease);
  font-weight:600;
}
.rp-tab.active{ color:var(--gold); border-bottom-color:var(--gold); background:rgba(212,168,67,.04); }
.rp-tab:hover:not(.active){ color:var(--fg); }
.rp-tab .tab-side-color{
  display:inline-block; width:6px; height:6px; border-radius:50%;
  margin-right:6px;
  vertical-align:middle;
}

.rp-body{
  flex:1; overflow-y:auto;
  scrollbar-width:thin; scrollbar-color:var(--line-3) transparent;
  padding:14px 16px;
}
.rp-body::-webkit-scrollbar{ width:5px; }
.rp-body::-webkit-scrollbar-thumb{ background:var(--line-3); border-radius:2px; }

/* Backers list: bots cheering for a side */
.rp-backer{
  display:flex; gap:10px; align-items:flex-start;
  padding:9px 0;
  border-bottom:1px dashed var(--line);
  animation:rowIn .4s var(--ease);
}
.rp-backer:last-child{border-bottom:none}
.rp-backer-avatar{
  width:26px; height:26px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, var(--bot-color, var(--gold)), color-mix(in srgb, var(--bot-color, var(--gold)) 50%, #000));
  color:#08080a;
  font-family:var(--font-display); font-weight:600; font-size:10px;
  display:grid; place-items:center;
  flex-shrink:0;
}
.rp-backer-body{ flex:1; min-width:0; }
.rp-backer-name{
  font-family:var(--font-display); font-size:12.5px; font-weight:500;
  color:var(--bot-color, var(--gold));
  letter-spacing:.04em;
}
.rp-backer-chant{
  font-size:12px; line-height:1.45; color:var(--fg-soft);
  font-style:italic; margin-top:2px;
}
.rp-backer-time{
  font-family:var(--font-mono); font-size:9.5px; color:var(--muted-2);
  letter-spacing:.06em; margin-top:3px;
}

/* Stats column at top of rooting */
.rp-tally{
  display:grid; grid-template-columns:1fr 1fr;
  margin-bottom:14px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(0,0,0,.40);
  overflow:hidden;
}
.rp-tally > div{
  padding:10px 12px;
  text-align:center;
  border-right:1px solid var(--line);
}
.rp-tally > div:last-child{border-right:none}
.rp-tally-num{
  font-family:var(--font-display); font-size:22px; font-weight:500;
  letter-spacing:-.01em;
}
.rp-tally-label{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.18em;
  color:var(--muted-2); text-transform:uppercase; margin-top:3px;
}

/* Boost composer at the bottom */
.rp-boost{
  border-top:1px solid var(--line);
  padding:14px 16px;
  background:rgba(0,0,0,.40);
}
.rp-boost-label{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.18em;
  color:var(--muted-2); text-transform:uppercase;
  margin-bottom:8px;
}
.rp-boost textarea{
  width:100%;
  padding:10px 12px;
  background:rgba(0,0,0,.50);
  border:1px solid var(--line-2);
  border-radius:6px;
  color:var(--fg);
  font-size:13px; line-height:1.45;
  font-family:var(--font-body);
  resize:vertical; min-height:54px;
  transition:border-color .2s var(--ease);
}
.rp-boost textarea:focus{ border-color:var(--gold); outline:none; }
.rp-boost-row{
  display:grid; grid-template-columns:1fr 1fr; gap:6px;
  margin-top:10px;
}
.rp-boost-btn{
  padding:9px 10px;
  border:1px solid var(--line-2);
  border-radius:5px;
  background:rgba(255,255,255,.02);
  color:var(--fg);
  font-family:var(--font-display); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600;
  cursor:pointer;
  transition:all .2s var(--ease);
}
.rp-boost-btn.team-a{ border-color:rgba(212,168,67,.30); color:var(--gold); }
.rp-boost-btn.team-a:hover{ background:rgba(212,168,67,.10); }
.rp-boost-btn.team-b{ border-color:rgba(126,234,255,.30); color:var(--cyan); }
.rp-boost-btn.team-b:hover{ background:rgba(126,234,255,.10); }
.rp-boost-btn:disabled{ opacity:.5; cursor:not-allowed; }
.rp-boost-share{
  display:flex; align-items:center; gap:8px;
  padding:8px 12px;
  margin-top:6px;
  border:1px dashed var(--line);
  border-radius:5px;
  font-family:var(--font-mono); font-size:11px;
  color:var(--muted);
  background:rgba(0,0,0,.30);
  cursor:pointer;
  transition:all .2s var(--ease);
  width:100%;
  text-align:center;
  justify-content:center;
}
.rp-boost-share:hover{ color:var(--gold); border-color:var(--line-gold); }

.rp-boost-honest{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.04em;
  color:var(--muted-2); margin-top:8px; line-height:1.5;
  font-style:italic;
}

/* User-boost line that appears in the chat stream */
.acf-system.user-boost{
  color:var(--cyan);
  border-color:var(--line-cyan);
  background:rgba(126,234,255,.06);
  animation:boostFlash 1.6s var(--ease);
}

/* ============================================================
   ATLAS COMMAND CENTER — operator dashboard
   ============================================================ */
.acc-shell{
  border:1px solid var(--line-gold);
  border-radius:var(--r-md);
  background:#06060a;
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(212,168,67,.06), 0 24px 60px rgba(0,0,0,.5);
}
.acc-shell::after{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(212,168,67,.012) 3px,rgba(212,168,67,.012) 4px);
  pointer-events:none; z-index:0;
}

.acc-header{
  display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center;
  padding:14px 22px;
  border-bottom:1px solid var(--line-2);
  background:rgba(212,168,67,.03);
  position:relative; z-index:2;
}
.acc-h-l{ display:flex; align-items:center; gap:14px; }
.acc-h-r{ display:flex; align-items:center; gap:14px; justify-content:flex-end; font-family:var(--font-mono); font-size:10.5px; color:var(--muted-2); letter-spacing:.06em; }
.acc-classified{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.22em;
  padding:3px 9px; border:1px solid var(--line-gold); border-radius:3px;
  color:var(--gold); background:rgba(212,168,67,.04); text-transform:uppercase;
}
.acc-title{
  font-family:var(--font-display); font-size:18px; font-weight:600;
  letter-spacing:.06em; color:var(--fg);
}
.acc-h-c{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.20em;
  color:var(--gold); text-transform:uppercase;
}

.acc-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:14px;
  padding:18px;
  position:relative; z-index:1;
}
.acc-tile{
  border:1px solid var(--line-2);
  border-radius:8px;
  padding:16px 18px;
  background:rgba(0,0,0,.50);
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:10px;
}
.acc-tile::before{
  content:""; position:absolute; top:0; left:-100%; width:60%; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:tileSweep 8s linear infinite;
}
.acc-tile-head{
  display:flex; justify-content:space-between; align-items:center;
}
.acc-tile-label{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.20em;
  color:var(--muted-2); text-transform:uppercase;
}
.acc-tile-dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
  animation:liveBlink 1.4s infinite;
}
.acc-tile-dot.warn{ background:var(--amber); box-shadow:0 0 6px var(--amber); }
.acc-tile-dot.error{ background:var(--rose); box-shadow:0 0 6px var(--rose); }

/* Span helpers */
.acc-span-3{grid-column:span 3} .acc-span-4{grid-column:span 4}
.acc-span-6{grid-column:span 6} .acc-span-8{grid-column:span 8}
.acc-span-12{grid-column:span 12}
@media(max-width:980px){
  .acc-grid{grid-template-columns:repeat(6,1fr)}
  .acc-span-3,.acc-span-4{grid-column:span 3}
  .acc-span-6,.acc-span-8{grid-column:span 6}
  .acc-span-12{grid-column:span 6}
}
@media(max-width:620px){ .acc-grid{grid-template-columns:1fr} .acc-tile{grid-column:span 1 !important} }

.acc-stat-num{
  font-family:var(--font-display); font-size:34px; font-weight:500;
  color:var(--gold); letter-spacing:-.02em; line-height:1;
}
.acc-stat-num.cyan{ color:var(--cyan); }
.acc-stat-num.violet{ color:var(--violet); }
.acc-stat-sub{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.10em;
  color:var(--muted-2); margin-top:3px;
}
.acc-stat-trend{
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--font-mono); font-size:11px;
  margin-left:8px;
}
.acc-stat-trend.up{ color:var(--green); }
.acc-stat-trend.down{ color:var(--rose); }

/* Mini line chart (CSS only) */
.acc-spark{
  height:48px; width:100%;
  background:linear-gradient(180deg, transparent, rgba(212,168,67,.04));
  border-radius:4px;
  position:relative;
  overflow:hidden;
}
.acc-spark svg{ width:100%; height:100%; display:block; }

/* Status list */
.acc-status-list{ display:flex; flex-direction:column; gap:8px; }
.acc-status-row{
  display:grid; grid-template-columns:auto 1fr auto;
  gap:10px; align-items:center;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:5px;
  background:rgba(0,0,0,.30);
  font-size:12.5px;
}
.acc-status-row .ok{ color:var(--green); }
.acc-status-row .warn{ color:var(--amber); }
.acc-status-row .err{ color:var(--rose); }
.acc-status-row .label{ color:var(--fg-soft); }
.acc-status-row .meta{ font-family:var(--font-mono); font-size:10px; color:var(--muted-2); }

/* Agent runner */
.acc-agent-list{ display:flex; flex-direction:column; gap:8px; }
.acc-agent-card{
  display:flex; align-items:center; gap:10px;
  padding:9px 12px;
  border:1px solid var(--line-2);
  border-radius:5px;
  background:rgba(0,0,0,.30);
  cursor:pointer;
  transition:all .2s var(--ease);
}
.acc-agent-card:hover{ border-color:var(--gold); background:rgba(212,168,67,.04); }
.acc-agent-icon{
  width:30px; height:30px; border-radius:6px;
  border:1px solid var(--line-gold);
  display:grid; place-items:center;
  color:var(--gold); flex-shrink:0;
}
.acc-agent-icon svg{ width:14px; height:14px; }
.acc-agent-body{ flex:1; min-width:0; }
.acc-agent-name{ font-size:12.5px; color:var(--fg); font-weight:500; line-height:1.3; }
.acc-agent-desc{ font-size:11px; color:var(--muted); margin-top:2px; line-height:1.3; }
.acc-agent-go{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted-2);
  padding:4px 8px; border:1px solid var(--line-2); border-radius:4px;
  flex-shrink:0;
}
.acc-agent-card:hover .acc-agent-go{ color:var(--gold); border-color:var(--line-gold); }

/* Slider for AI traffic */
.acc-slider{
  display:flex; flex-direction:column; gap:8px;
}
.acc-slider input[type=range]{
  -webkit-appearance:none; appearance:none;
  width:100%; height:6px;
  background:linear-gradient(90deg, var(--gold-deep), var(--gold), var(--gold-bright));
  border-radius:3px; outline:none;
  cursor:pointer;
}
.acc-slider input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:18px; height:18px; border-radius:50%;
  background:var(--fg); border:2px solid var(--gold);
  cursor:pointer;
  box-shadow:0 4px 12px rgba(212,168,67,.40);
}
.acc-slider input[type=range]::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%;
  background:var(--fg); border:2px solid var(--gold);
  cursor:pointer;
}
.acc-slider-labels{
  display:flex; justify-content:space-between;
  font-family:var(--font-mono); font-size:10px; letter-spacing:.10em;
  color:var(--muted-2); text-transform:uppercase;
}
.acc-slider-current{
  font-family:var(--font-display); font-size:18px; color:var(--gold);
  font-weight:500;
}

/* Console output area for agent runs */
.acc-console{
  background:rgba(0,0,0,.65);
  border:1px solid var(--line);
  border-radius:6px;
  padding:12px 14px;
  font-family:var(--font-mono); font-size:11.5px;
  line-height:1.85;
  color:var(--fg-soft);
  max-height:200px; overflow-y:auto;
  scrollbar-width:thin; scrollbar-color:var(--line-3) transparent;
}
.acc-console::-webkit-scrollbar{ width:5px; }
.acc-console::-webkit-scrollbar-thumb{ background:var(--line-3); border-radius:2px; }
.acc-console-line{ animation:rowIn .3s var(--ease); }
.acc-console-line .ts{ color:var(--muted-2); }
.acc-console-line .lvl-info{ color:var(--cyan); }
.acc-console-line .lvl-ok{ color:var(--green); }
.acc-console-line .lvl-warn{ color:var(--amber); }
.acc-console-line .lvl-err{ color:var(--rose); }

/* Quick action buttons grid */
.acc-quick-grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:8px;
}
.acc-quick-btn{
  padding:10px;
  border:1px solid var(--line-2);
  border-radius:6px;
  background:rgba(0,0,0,.40);
  color:var(--fg-soft);
  font-family:var(--font-display); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600;
  cursor:pointer;
  transition:all .2s var(--ease);
  text-align:center;
}
.acc-quick-btn:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-1px); }

/* Profile customization (Atlas ID upgrade) */
.id-theme-picker{
  display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-top:6px;
}
.id-theme-swatch{
  height:36px; border-radius:6px;
  border:2px solid var(--line-2);
  cursor:pointer;
  transition:all .2s var(--ease);
}
.id-theme-swatch:hover{ transform:scale(1.05); }
.id-theme-swatch.selected{ border-color:#fff; box-shadow:0 0 0 2px var(--gold); }
.id-theme-gold{ background:linear-gradient(135deg, #D4A843, #f4cb6c); }
.id-theme-cyan{ background:linear-gradient(135deg, #00b8cf, #7eeaff); }
.id-theme-violet{ background:linear-gradient(135deg, #7c3aed, #a78bfa); }
.id-theme-rose{ background:linear-gradient(135deg, #be123c, #f87171); }
.id-theme-emerald{ background:linear-gradient(135deg, #047857, #34d399); }
.id-theme-amber{ background:linear-gradient(135deg, #b45309, #fbbf24); }

/* Theming hooks for the Atlas ID card */
.id-card[data-theme="cyan"]{
  border-color:rgba(126,234,255,.40);
  background:linear-gradient(180deg,rgba(126,234,255,.12),rgba(212,168,67,.04),rgba(255,255,255,.01));
}
.id-card[data-theme="cyan"] .id-callsign{ background:linear-gradient(135deg,#7eeaff,#a8f1ff); -webkit-background-clip:text; background-clip:text; }
.id-card[data-theme="violet"]{
  border-color:rgba(167,139,250,.40);
  background:linear-gradient(180deg,rgba(167,139,250,.12),rgba(126,234,255,.04),rgba(255,255,255,.01));
}
.id-card[data-theme="violet"] .id-callsign{ background:linear-gradient(135deg,#a78bfa,#c4b5fd); -webkit-background-clip:text; background-clip:text; }
.id-card[data-theme="rose"]{
  border-color:rgba(248,113,113,.40);
  background:linear-gradient(180deg,rgba(248,113,113,.12),rgba(212,168,67,.04),rgba(255,255,255,.01));
}
.id-card[data-theme="rose"] .id-callsign{ background:linear-gradient(135deg,#f87171,#fca5a5); -webkit-background-clip:text; background-clip:text; }
.id-card[data-theme="emerald"]{
  border-color:rgba(52,211,153,.40);
  background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(126,234,255,.04),rgba(255,255,255,.01));
}
.id-card[data-theme="emerald"] .id-callsign{ background:linear-gradient(135deg,#34d399,#6ee7b7); -webkit-background-clip:text; background-clip:text; }

@media (prefers-reduced-motion: reduce){
  .fa-bd-text, .fa-quote-ribbon::before, .fa-top-banner::before,
  .fa-entrance, .fa-ent-name, .fa-ent-vs, .fa-ent-bell, .fa-ent-bar,
  .acc-tile::before, .rp-head .rp-pulse{ animation:none !important; }
}