/* THE JOINT / approved illustrated command center. Existing private asset only.
   Keep all navigation, auth, conversation, and radio interactions untouched. */
.chat-first-shell .hub-main{
  background-color:#0c070b;
  background-image:
    linear-gradient(90deg,rgba(8,5,8,.93) 0%,rgba(10,5,9,.73) 38%,rgba(8,5,8,.59) 100%),
    radial-gradient(ellipse at 78% 25%,rgba(205,16,37,.31),transparent 55%),
    repeating-linear-gradient(112deg,transparent 0 62px,rgba(226,40,60,.045) 63px 64px),
    url("./ghoul.jpg");
  background-repeat:no-repeat,no-repeat,repeat,no-repeat;
  background-size:cover,cover,74px 74px,clamp(520px,76vw,1080px) auto;
  background-position:center,center,center,right -9vw center;
}
.chat-first-shell .hub-sidebar{
  background:
    radial-gradient(ellipse at 18% 82%,rgba(177,20,42,.26),transparent 45%),
    linear-gradient(180deg,rgba(19,8,13,.97),rgba(8,6,10,.97) 68%,rgba(20,7,13,.98));
  border-right:1px solid rgba(218,47,69,.27);
}
.chat-first-shell .sidebar-nav .nav.active{
  background:linear-gradient(90deg,rgba(139,17,37,.51),rgba(39,10,20,.56));
  box-shadow:inset 3px 0 #f2445b,0 0 20px rgba(205,30,51,.12);
}
.chat-first-shell .hub-topbar{
  background:rgba(13,7,12,.83);
  border-bottom:1px solid rgba(199,51,68,.22);
}
.chat-first-shell .chat-column{background:transparent}
.chat-first-shell .chat-empty-state{
  padding:clamp(16px,3vw,32px);
  border:1px solid rgba(175,47,67,.27);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(12,7,11,.74),rgba(16,8,14,.50));
  box-shadow:0 22px 65px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(9px);
}
.chat-first-shell .home-conversation .turn.ai{
  padding:19px 16px 22px;
  border-bottom:1px solid rgba(210,63,81,.19);
  background:linear-gradient(100deg,rgba(9,7,11,.82),rgba(12,7,12,.69));
  backdrop-filter:blur(7px);
}
.chat-first-shell .home-conversation .turn.owner{
  background:rgba(29,15,23,.92);
  border-color:rgba(183,74,88,.34);
}
.chat-first-shell .thread-context,
.chat-first-shell .home-command,
.chat-first-shell .workspace-view .panel,
.chat-first-shell .hero-side article{
  background:linear-gradient(140deg,rgba(21,11,18,.93),rgba(9,7,11,.88));
  backdrop-filter:blur(12px);
  border-color:rgba(161,55,74,.30);
}
.chat-first-shell .composer-dock{
  background:linear-gradient(180deg,transparent,rgba(9,5,9,.77) 32%,rgba(9,5,9,.94) 100%);
}
.chat-first-shell .radio-panel{
  background:linear-gradient(160deg,rgba(32,12,22,.98),rgba(12,8,13,.98));
  border-color:rgba(210,64,84,.44);
  backdrop-filter:blur(14px);
}
@media(max-width:820px){
  .chat-first-shell .hub-main{
    background-image:
      linear-gradient(180deg,rgba(9,5,9,.77),rgba(9,5,9,.84) 40%,rgba(9,5,9,.94) 100%),
      radial-gradient(ellipse at 76% 18%,rgba(207,23,45,.27),transparent 60%),
      repeating-linear-gradient(112deg,transparent 0 62px,rgba(226,40,60,.035) 63px 64px),
      url("./ghoul.jpg");
    background-size:cover,cover,74px 74px,125vw auto;
    background-position:center,center,center,right -30vw top 5vh;
  }
  .chat-first-shell .chat-empty-state{
    margin-top:clamp(14px,4vh,38px);
    padding:18px 12px;
    border-radius:17px;
  }
  .chat-first-shell .home-conversation .turn.ai{padding:16px 12px 19px}
  .chat-first-shell .mobile-dock{background:rgba(12,7,12,.96)}
}
@media(max-width:520px){
  .chat-first-shell .hub-main{background-size:cover,cover,74px 74px,145vw auto}
  .chat-first-shell .chat-empty-state{backdrop-filter:blur(5px)}
}
@media(prefers-reduced-transparency:reduce){
  .chat-first-shell .chat-empty-state,
  .chat-first-shell .home-conversation .turn.ai,
  .chat-first-shell .home-command,
  .chat-first-shell .thread-context{backdrop-filter:none;background-color:#100a10}
}