/* ATENA GAME COMMAND UI */

html,
body{
  background:#02070d !important;
}

body{
  position:relative;
  background-image:
    linear-gradient(
      rgba(0,8,15,.60),
      rgba(0,10,18,.72)
    ),
    url('/assets/atena-command-bg.webp') !important;

  background-size:cover !important;
  background-position:center top !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
}

/* cinematic dark overlay */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;

  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(0,216,255,.10),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.08),
      rgba(0,7,12,.42)
    );
}

/* everything above background */
.app{
  position:relative;
  z-index:1;
}

/* header */
.topbar{
  background:
    linear-gradient(
      180deg,
      rgba(2,12,20,.88),
      rgba(2,10,16,.68)
    ) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border-bottom:1px solid rgba(69,230,255,.25) !important;

  box-shadow:
    0 8px 35px rgba(0,0,0,.30),
    inset 0 -1px 0 rgba(55,223,255,.07);
}

/* glass sci-fi panels */
.panel{
  position:relative;

  background:
    linear-gradient(
      145deg,
      rgba(4,23,34,.80),
      rgba(1,10,17,.73)
    ) !important;

  border:1px solid rgba(72,224,244,.28) !important;

  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);

  box-shadow:
    0 10px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(111,236,255,.06),
    0 0 22px rgba(0,195,255,.025);

  overflow:hidden;
}

/* futuristic corner glow */
.panel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:2px;

  background:linear-gradient(
    90deg,
    #4ceaff,
    transparent
  );

  box-shadow:0 0 9px rgba(76,234,255,.8);
  z-index:2;
}

.panel::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:42px;
  height:2px;

  background:linear-gradient(
    270deg,
    #4ceaff,
    transparent
  );

  box-shadow:0 0 9px rgba(76,234,255,.5);
  z-index:2;
}

/* headers */
.panelhead{
  background:
    linear-gradient(
      90deg,
      rgba(8,42,57,.36),
      rgba(2,15,23,.08)
    ) !important;

  border-bottom:1px solid rgba(75,225,244,.16) !important;
}

.panelhead h3{
  color:#a9dbe5 !important;
  text-shadow:0 0 12px rgba(95,226,255,.12);
}

.live{
  text-shadow:0 0 10px currentColor;
}

/* center ATENA core */
.core{
  background:
    radial-gradient(
      circle at 50% 43%,
      rgba(34,203,255,.17),
      rgba(1,14,22,.68) 35%,
      rgba(1,9,15,.78) 72%
    ) !important;

  box-shadow:
    0 0 45px rgba(0,190,255,.08),
    inset 0 0 70px rgba(0,161,220,.05) !important;
}

.corefield{
  background:
    radial-gradient(
      circle at center,
      rgba(53,220,255,.05),
      transparent 48%
    );
}

.orbit{
  box-shadow:
    0 0 28px rgba(61,220,255,.07),
    inset 0 0 30px rgba(61,220,255,.04);
}

.orb{
  box-shadow:
    0 0 22px rgba(112,247,255,.9),
    0 0 55px rgba(65,218,245,.55),
    0 0 115px rgba(0,141,204,.35),
    inset 0 0 24px rgba(255,255,255,.20) !important;
}

.oracle{
  background:
    linear-gradient(
      90deg,
      rgba(2,20,30,.94),
      rgba(5,24,35,.83)
    ) !important;

  box-shadow:
    0 0 30px rgba(50,221,255,.07);
}

.coremessage{
  background:
    linear-gradient(
      90deg,
      rgba(1,18,27,.90),
      rgba(3,15,23,.68)
    ) !important;

  box-shadow:
    inset 3px 0 0 rgba(64,230,246,.75);
}

/* buttons */
.connect{
  position:relative;

  background:
    linear-gradient(
      135deg,
      rgba(13,101,132,.66),
      rgba(12,53,79,.52)
    ) !important;

  border:1px solid rgba(91,235,255,.58) !important;

  box-shadow:
    0 0 19px rgba(65,225,255,.16),
    inset 0 0 12px rgba(117,244,255,.05);

  transition:.18s ease;
}

.connect:hover{
  transform:translateY(-1px);

  box-shadow:
    0 0 25px rgba(65,225,255,.35),
    inset 0 0 15px rgba(117,244,255,.09);
}

/* task cards */
.taskrow{
  transition:.18s ease;

  background:
    linear-gradient(
      90deg,
      rgba(4,27,40,.28),
      transparent
    );
}

.taskrow:hover{
  background:
    linear-gradient(
      90deg,
      rgba(17,88,111,.30),
      rgba(2,19,29,.08)
    );

  box-shadow:
    inset 2px 0 0 var(--cyan);
}

/* right stat boxes */
.stat{
  background:
    linear-gradient(
      145deg,
      rgba(3,25,36,.65),
      rgba(1,14,21,.60)
    ) !important;

  border-color:rgba(67,220,240,.13) !important;
}

.stat strong{
  text-shadow:0 0 14px rgba(75,227,245,.20);
}

/* system link */
.sysrow{
  transition:.16s ease;
}

.sysrow:hover{
  padding-left:5px;
  padding-right:5px;

  background:rgba(44,216,238,.03);
}

/* lower map becomes holographic */
.map{
  background:
    linear-gradient(
      rgba(2,13,20,.56),
      rgba(1,11,17,.70)
    ),
    url('/assets/atena-command-bg.webp') center 67% / cover no-repeat !important;

  box-shadow:
    inset 0 0 60px rgba(0,181,255,.07);
}

/* fixed ATENA voice HUD */
.voicelink{
  background:
    linear-gradient(
      90deg,
      rgba(3,21,31,.94),
      rgba(4,28,40,.96),
      rgba(3,19,29,.94)
    ) !important;

  border:1px solid rgba(70,230,248,.36) !important;

  box-shadow:
    0 0 32px rgba(0,189,255,.10),
    inset 0 0 17px rgba(74,229,248,.03);

  cursor:pointer;
}

.voicelink:hover{
  border-color:rgba(90,238,255,.62) !important;

  box-shadow:
    0 0 38px rgba(0,199,255,.20);
}

/* grid HUD */
.workspace::before{
  content:"";
  position:fixed;
  inset:74px 0 0;
  pointer-events:none;
  z-index:-1;

  background:
    linear-gradient(
      rgba(60,216,235,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(60,216,235,.025) 1px,
      transparent 1px
    );

  background-size:38px 38px;

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.4),
      transparent 90%
    );
}

/* subtle scanline */
.app::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:10;

  opacity:.08;

  background:
    repeating-linear-gradient(
      0deg,
      transparent 0px,
      transparent 3px,
      rgba(142,244,255,.08) 4px
    );
}

/* brighter texts */
.taskrow b,
.coremessage p,
.stat strong{
  color:#e8f6f9;
}

.taskrow small,
.stat small,
.sysrow span:first-child{
  color:#7599a5;
}

/* desktop framing */
@media(min-width:1200px){
  .workspace{
    padding-left:20px;
    padding-right:20px;
  }

  .center{
    transform:scale(1.003);
  }
}

/* keep mobile readable */
@media(max-width:760px){
  body{
    background-attachment:scroll !important;
    background-position:center top !important;
  }

  .panel{
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
  }
}

/* =========================================================
   ATENA AI STAFF ORBIT
   ========================================================= */

.corefield{
  min-height:455px;
}

/* ATENA central identity */
.atena-prime-label{
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  pointer-events:none;
  margin-top:69px;
}

.atena-prime-label strong{
  display:block;
  color:#effcff;
  font-size:15px;
  letter-spacing:.22em;
  text-shadow:
    0 0 10px rgba(106,241,255,.55),
    0 0 22px rgba(45,198,255,.30);
}

.atena-prime-label small{
  display:block;
  margin-top:5px;
  color:#63b8ce;
  font-size:7px;
  letter-spacing:.20em;
}

/* Staff orbit lines */
.staff-orbit{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:86%;
  height:78%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(64,225,248,.10);
  border-radius:50%;
  box-shadow:
    0 0 45px rgba(46,211,255,.025),
    inset 0 0 45px rgba(46,211,255,.025);
}

.staff-orbit::before{
  content:"";
  position:absolute;
  inset:12%;
  border:1px dashed rgba(97,120,255,.11);
  border-radius:50%;
}

.staff-orbit::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:72%;
  height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(62,222,244,.12),
    rgba(62,222,244,.20),
    rgba(62,222,244,.12),
    transparent
  );
}

/* individual AI staff */
.ai-staff{
  position:absolute;
  z-index:7;
  width:135px;
  text-align:center;
  transform:translate(-50%,-50%);
  cursor:pointer;
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ai-staff:hover{
  transform:translate(-50%,-50%) scale(1.07);
  filter:brightness(1.17);
}

/* glowing circular head */
.staff-core{
  width:63px;
  height:63px;
  margin:0 auto -7px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid currentColor;
  background:
    radial-gradient(
      circle at 42% 35%,
      rgba(255,255,255,.90),
      currentColor 9%,
      rgba(5,31,43,.95) 54%,
      rgba(2,11,18,.96) 75%
    );

  box-shadow:
    0 0 16px currentColor,
    0 0 38px rgba(61,220,255,.16);

  animation:staffPulse 3.2s ease-in-out infinite;
}

.staff-core::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid currentColor;
  opacity:.20;
}

.staff-core::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px dashed currentColor;
  opacity:.09;
  animation:spin 11s linear infinite;
}

.staff-symbol{
  position:relative;
  z-index:3;
  color:#fff;
  font-size:21px;
  font-weight:900;
  text-shadow:0 0 10px currentColor;
}

/* name plate */
.staff-plate{
  position:relative;
  z-index:4;
  padding:9px 7px 7px;
  border:1px solid currentColor;
  border-radius:8px;
  background:
    linear-gradient(
      180deg,
      rgba(5,27,39,.96),
      rgba(2,13,21,.96)
    );

  box-shadow:
    0 0 17px rgba(0,0,0,.35),
    0 0 12px color-mix(in srgb,currentColor 20%,transparent);
}

.staff-plate b{
  display:block;
  color:#edfaff;
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
}

.staff-plate small{
  display:block;
  margin-top:3px;
  color:#799ba7;
  font-size:6px;
  letter-spacing:.05em;
}

.staff-role{
  display:inline-block;
  margin-top:5px;
  font-size:6px;
  font-weight:900;
  color:currentColor;
  letter-spacing:.13em;
}

.staff-launch{
  margin-top:5px;
  display:inline-block;
  padding:4px 11px;
  border-radius:999px;
  border:1px solid currentColor;
  color:#eaffff;
  background:rgba(4,25,36,.90);
  font-size:6px;
  font-weight:900;
  letter-spacing:.11em;
  box-shadow:0 0 12px color-mix(in srgb,currentColor 25%,transparent);
}

/* positions */
.staff-morelabo{
  left:19%;
  top:27%;
  color:#4fe8ff;
}

.staff-recruit{
  left:81%;
  top:27%;
  color:#f06cff;
}

.staff-security{
  left:18%;
  top:70%;
  color:#46f0bd;
}

.staff-castnavi{
  left:50%;
  top:83%;
  color:#ffc74b;
}

.staff-telde{
  left:82%;
  top:70%;
  color:#b176ff;
}

/* connection lines */
.staff-link{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:1px;
  height:150px;
  transform-origin:top center;
  background:linear-gradient(
    to bottom,
    rgba(81,231,251,.55),
    rgba(81,231,251,.10),
    transparent
  );
  box-shadow:0 0 6px rgba(81,231,251,.25);
  opacity:.42;
}

.link-1{transform:rotate(236deg)}
.link-2{transform:rotate(124deg)}
.link-3{transform:rotate(304deg)}
.link-4{transform:rotate(0deg);height:168px}
.link-5{transform:rotate(56deg)}

@keyframes staffPulse{
  50%{
    transform:scale(1.055);
    box-shadow:
      0 0 22px currentColor,
      0 0 50px rgba(61,220,255,.21);
  }
}

/* keep ATENA itself dominant */
.orb{
  width:118px !important;
  height:118px !important;
  z-index:6 !important;
}

.orbit{
  z-index:3;
}

/* AI STAFF status banner */
.ai-command-title{
  position:absolute;
  z-index:8;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  color:#8cefff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.23em;
  padding:5px 12px;
  border:1px solid rgba(87,228,248,.20);
  border-radius:999px;
  background:rgba(1,16,25,.72);
  box-shadow:0 0 15px rgba(75,221,250,.05);
}

/* desktop: give the core more room */
@media(min-width:1100px){
  .corefield{
    height:510px !important;
  }

  .core{
    min-height:650px !important;
  }
}

/* smaller screens */
@media(max-width:1050px){
  .ai-staff{
    width:110px;
  }

  .staff-core{
    width:52px;
    height:52px;
  }

  .staff-plate b{
    font-size:8px;
  }

  .staff-morelabo{left:17%}
  .staff-recruit{left:83%}
  .staff-security{left:16%}
  .staff-telde{left:84%}
}

@media(max-width:760px){
  .corefield{
    min-height:600px;
  }

  .ai-staff{
    width:102px;
  }

  .staff-morelabo{
    left:23%;
    top:21%;
  }

  .staff-recruit{
    left:77%;
    top:21%;
  }

  .staff-security{
    left:22%;
    top:70%;
  }

  .staff-telde{
    left:78%;
    top:70%;
  }

  .staff-castnavi{
    left:50%;
    top:87%;
  }

  .staff-orbit{
    width:96%;
    height:82%;
  }
}

.coremessage p{
  transition:opacity .18s ease;
}

.ai-staff:active{
  transform:translate(-50%,-50%) scale(.98);
}

/* =========================================================
   ATENA PRIME CORE / ORACLE EMBED
   ========================================================= */

.atena-oracle-host{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:460px;
  height:460px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  overflow:visible;
}

.atena-oracle-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  pointer-events:none;
  filter:
    drop-shadow(0 0 22px rgba(44,214,255,.42))
    drop-shadow(0 0 70px rgba(35,128,255,.26));
}

.corefield > .axis,
.corefield > .orbit,
.corefield > .orb,
.corefield > .atena-prime-label{
  display:none !important;
}

.ai-staff{
  z-index:10;
}

.staff-link,
.staff-orbit{
  z-index:4;
}

.ai-command-title,
.corebadge{
  z-index:12;
}

@media(max-width:1100px){
  .atena-oracle-host{
    width:390px;
    height:390px;
  }
}

@media(max-width:760px){
  .atena-oracle-host{
    width:310px;
    height:310px;
  }
}

/* =========================================================
   AI STAFF IMAGE ICONS
   ========================================================= */

.staff-core{
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.staff-core img{
  display:block;
  width:112px;
  height:112px;
  object-fit:contain;
  object-position:center;
  filter:
    drop-shadow(0 0 10px currentColor)
    drop-shadow(0 0 22px currentColor);
  pointer-events:none;
  user-select:none;
}

/* service-specific image glow */
.staff-morelabo .staff-core img{
  filter:
    drop-shadow(0 0 10px #42dcff)
    drop-shadow(0 0 24px rgba(66,220,255,.65));
}

.staff-recruit .staff-core img{
  filter:
    drop-shadow(0 0 10px #ff4fc8)
    drop-shadow(0 0 24px rgba(255,79,200,.65));
}

.staff-security .staff-core img{
  filter:
    drop-shadow(0 0 10px #31ff91)
    drop-shadow(0 0 24px rgba(49,255,145,.65));
}

.staff-castnavi .staff-core img{
  filter:
    drop-shadow(0 0 10px #ffc62e)
    drop-shadow(0 0 24px rgba(255,198,46,.65));
}

.staff-telde .staff-core img{
  filter:
    drop-shadow(0 0 10px #b260ff)
    drop-shadow(0 0 24px rgba(178,96,255,.65));
}

/* slightly enlarge icon area */
.staff-core{
  width:112px !important;
  height:112px !important;
}

/* keep label below image */
.staff-plate{
  margin-top:-12px;
}

/* remove obsolete symbol */
.staff-symbol{
  display:none !important;
}

@media(max-width:1100px){
  .staff-core,
  .staff-core img{
    width:94px !important;
    height:94px !important;
  }
}

@media(max-width:760px){
  .staff-core,
  .staff-core img{
    width:78px !important;
    height:78px !important;
  }
}

/* =========================================================
   AI STAFF HUD PLATES
   ========================================================= */

.ai-staff{
  width:160px !important;
}

.staff-plate{
  position:relative;
  margin-top:-18px !important;
  padding:11px 14px 10px !important;
  background:
    linear-gradient(180deg,rgba(6,16,28,.88),rgba(3,9,18,.96)) !important;
  border:1px solid currentColor !important;
  border-radius:7px !important;
  box-shadow:
    0 0 12px rgba(0,0,0,.65),
    inset 0 0 20px rgba(255,255,255,.025),
    0 0 15px currentColor !important;
  clip-path:polygon(
    8px 0,
    calc(100% - 8px) 0,
    100% 8px,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    8px 100%,
    0 calc(100% - 8px),
    0 8px
  );
}

.staff-plate::before,
.staff-plate::after{
  content:"";
  position:absolute;
  top:50%;
  width:12px;
  height:1px;
  background:currentColor;
  box-shadow:0 0 8px currentColor;
}

.staff-plate::before{
  left:-12px;
}

.staff-plate::after{
  right:-12px;
}

.staff-plate b{
  font-size:14px !important;
  letter-spacing:.01em;
}

.staff-plate small{
  font-size:10px !important;
  opacity:.72;
  margin-top:2px;
}

.staff-role{
  font-size:9px !important;
  letter-spacing:.18em;
}

.staff-launch{
  display:inline-block;
  margin-top:5px;
  padding:4px 13px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  font-size:9px !important;
  letter-spacing:.14em;
  background:rgba(2,9,17,.72);
}

/* CastNavi slightly upward */
.staff-castnavi{
  top:77% !important;
}

/* report */
.atena-report{
  position:relative;
  padding-right:150px !important;
}

.atena-report strong{
  letter-spacing:.16em;
}

.atena-report small{
  display:block;
  margin-top:7px;
  color:#5fdfff;
  font-size:10px;
  letter-spacing:.18em;
  opacity:.75;
}


/* =========================================================
   ATENA DASHBOARD / REFERENCE LAYOUT
   ========================================================= */

.workspace{
  grid-template-columns:25% 50% 25% !important;
  gap:10px !important;
}

.column{
  gap:10px !important;
}

.panel-sub{
  display:block;
  margin-top:3px;
  font-size:10px;
  letter-spacing:.12em;
  color:#58cfff;
  opacity:.8;
}

/* TODAY'S BUSINESS */

.business-list{
  padding:8px 10px 12px;
  display:grid;
  gap:5px;
}

.business-row{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:9px;
  align-items:center;
  min-height:47px;
  padding:7px 9px;
  border:1px solid rgba(62,184,255,.25);
  background:
    linear-gradient(90deg,rgba(8,35,57,.88),rgba(3,15,27,.72));
  box-shadow:
    inset 0 0 18px rgba(38,158,255,.035);
}

.biz-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(74,220,255,.48);
  border-radius:5px;
  color:#64e7ff;
  font-weight:900;
  font-size:15px;
  box-shadow:
    inset 0 0 13px rgba(42,188,255,.16),
    0 0 10px rgba(42,188,255,.08);
}

.biz-info b{
  display:block;
  font-size:12px;
}

.biz-info small{
  display:block;
  margin-top:2px;
  font-size:8px;
  letter-spacing:.1em;
  color:#6f9cb8;
}

.business-row strong{
  min-width:45px;
  text-align:right;
  font-size:19px;
  color:#dffaff;
}

.business-row.warning .biz-icon{
  color:#ff5a9d;
  border-color:rgba(255,90,157,.5);
}

/* OPERATION STATUS */

.operation-summary{
  min-height:190px;
}

.system-gauge{
  display:grid;
  grid-template-columns:125px 1fr;
  gap:11px;
  align-items:center;
  padding:13px;
}

.gauge-ring{
  width:108px;
  height:108px;
  margin:auto;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:50%;
  border:3px solid #33f1e1;
  box-shadow:
    0 0 22px rgba(51,241,225,.28),
    inset 0 0 25px rgba(51,241,225,.10);
}

.gauge-ring strong{
  font-size:18px;
  letter-spacing:.1em;
}

.gauge-ring small{
  margin-top:5px;
  color:#40f0d0;
  font-size:9px;
  letter-spacing:.16em;
}

.operation-services{
  display:grid;
  gap:4px;
}

.operation-services > div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:4px 7px;
  border-bottom:1px solid rgba(74,173,214,.12);
  font-size:10px;
}

.operation-services b{
  font-size:8px;
  letter-spacing:.08em;
}

.operation-services .online{
  color:#37f4c8;
}

.operation-services .wait{
  color:#f6c949;
}

/* realtime */

.realtime-log{
  padding:10px 13px 13px;
  display:grid;
  gap:7px;
}

.realtime-log > div{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:8px;
  font-size:10px;
}

.realtime-log time{
  color:#67dfff;
  font-variant-numeric:tabular-nums;
}

.realtime-log span{
  color:#adc9d8;
}

/* SERVICE AGENTS */

.agent-list{
  padding:9px;
  display:grid;
  gap:5px;
}

.agent-row{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:9px;
  min-height:55px;
  padding:6px 9px;
  border:1px solid rgba(67,177,230,.24);
  background:linear-gradient(90deg,rgba(6,28,44,.9),rgba(2,15,27,.72));
  cursor:pointer;
}

.agent-row img{
  width:39px;
  height:39px;
  object-fit:contain;
}

.agent-row b{
  display:block;
  font-size:12px;
}

.agent-row small{
  display:block;
  margin-top:2px;
  color:#769bb1;
  font-size:9px;
}

.agent-state{
  font-size:8px;
  letter-spacing:.1em;
  color:#f3c64e;
}

.agent-state.top{
  color:#47e5ff;
  padding:4px 7px;
  border:1px solid rgba(71,229,255,.55);
}

.atena-mini{
  width:36px;
  height:36px;
  border-radius:50%;
  background:
    radial-gradient(circle,#e9ffff 0 5%,#45e7ff 15%,#117cc5 35%,#04121e 68%);
  box-shadow:
    0 0 13px #43e6ff,
    inset 0 0 14px rgba(255,255,255,.2);
}

/* QUICK LAUNCH */

.quick-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  padding:10px;
}

.quick-grid button{
  min-height:78px;
  border:1px solid rgba(63,186,235,.28);
  background:
    linear-gradient(145deg,rgba(7,34,53,.94),rgba(5,17,31,.88));
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  cursor:pointer;
  clip-path:polygon(
    6px 0,
    100% 0,
    100% calc(100% - 6px),
    calc(100% - 6px) 100%,
    0 100%,
    0 6px
  );
}

.quick-grid button:hover{
  filter:brightness(1.2);
  transform:translateY(-1px);
}

.quick-grid img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.quick-grid span{
  font-size:11px;
  font-weight:800;
  text-align:left;
}

/* CENTRAL STAGE */

.corefield{
  min-height:470px !important;
}

.ai-command-title{
  top:17px !important;
}

.ai-staff{
  transform:translate(-50%,-50%) scale(.91);
}

.atena-oracle-host{
  width:500px !important;
  height:500px !important;
}

.corebadge{
  right:17px !important;
  top:17px !important;
}

.atena-report{
  margin-top:0 !important;
  min-height:82px;
}

/* GPS belongs to CastNavi, not ATENA home */
.operation-map-panel{
  display:none !important;
}

/* reduce legacy visual noise */
.corefield > .particle{
  opacity:.42 !important;
}

.staff-orbit{
  opacity:.40 !important;
}

.staff-link{
  opacity:.35 !important;
}

/* desktop visual balance */
@media(min-width:1200px){
  .business-column,
  .agents-column{
    min-width:0;
  }
}

/* mobile/tablet */
@media(max-width:1100px){
  .workspace{
    grid-template-columns:1fr !important;
  }

  .business-column,
  .agents-column{
    display:grid;
  }

  .atena-oracle-host{
    width:400px !important;
    height:400px !important;
  }
}


/* =========================================================
   LIGHTER AI STAFF ICONS
   ========================================================= */

/* central staff icons */
.staff-core{
  width:86px !important;
  height:86px !important;
}

.staff-core img{
  width:86px !important;
  height:86px !important;
  filter:none !important;
}

/* soften each service glow */
.staff-morelabo .staff-core img{
  filter:drop-shadow(0 0 8px rgba(66,220,255,.45)) !important;
}

.staff-recruit .staff-core img{
  filter:drop-shadow(0 0 8px rgba(255,79,200,.45)) !important;
}

.staff-security .staff-core img{
  filter:drop-shadow(0 0 8px rgba(49,255,145,.45)) !important;
}

.staff-castnavi .staff-core img{
  filter:drop-shadow(0 0 8px rgba(255,198,46,.45)) !important;
}

.staff-telde .staff-core img{
  filter:drop-shadow(0 0 8px rgba(178,96,255,.45)) !important;
}

/* move card closer to icon */
.staff-plate{
  margin-top:-8px !important;
}

/* right service list */
.agent-row img{
  width:30px !important;
  height:30px !important;
  opacity:.92;
}

/* quick launch */
.quick-grid img{
  width:34px !important;
  height:34px !important;
}

/* reduce node visual bulk */
.ai-staff{
  transform:translate(-50%,-50%) scale(.94) !important;
}