/* src/styles/v61-intelligence-layer.css
   Solstice Intelligence Layer — intro banner pinned at the top of the app,
   with an expandable live Q&A panel. Tuned to the player's dark palette. */

.intel-bar{
  position:relative;width:auto;box-sizing:border-box;
  margin:0 18px 14px;padding:16px 18px;
  background:linear-gradient(135deg,rgba(18,26,48,.96),rgba(38,18,58,.94));
  border:1px solid rgba(95,227,255,.28);border-radius:16px;
  box-shadow:0 10px 40px rgba(7,12,28,.55),0 0 30px rgba(95,227,255,.08);
  backdrop-filter:blur(10px);color:#eef5ff;z-index:40;
  animation:intelFade .6s ease;
}
@keyframes intelFade{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}

.intel-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;}
.intel-spark{
  flex:0 0 auto;width:38px;height:38px;border-radius:50%;margin-top:2px;
  background:radial-gradient(circle at 35% 35%,#9beaff,#5fe3ff 40%,#7a4dff 100%);
  box-shadow:0 0 22px rgba(95,227,255,.5);animation:intelBreath 4s ease-in-out infinite;
}
@keyframes intelBreath{0%,100%{transform:scale(.92);}50%{transform:scale(1.05);}}

.intel-copy{flex:1 1 280px;min-width:240px;}
.intel-copy strong{display:block;font-size:.95rem;font-weight:900;letter-spacing:.01em;margin-bottom:4px;color:#fff;}
.intel-copy p{margin:0;font-size:.82rem;line-height:1.5;color:#c7d4ec;}

.intel-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto;margin-top:2px;}
.intel-ask-toggle,.intel-dismiss{
  border-radius:999px;padding:9px 16px;font-size:.78rem;font-weight:800;cursor:pointer;
  border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.intel-ask-toggle{
  background:linear-gradient(135deg,#5fe3ff,#7a4dff);color:#06101f;border-color:rgba(95,227,255,.5);
}
.intel-ask-toggle:hover{transform:translateY(-1px);}
.intel-dismiss{background:rgba(255,255,255,.06);color:#c7d4ec;border-color:rgba(255,255,255,.14);}
.intel-dismiss:hover{background:rgba(255,255,255,.12);color:#fff;}

/* Chat panel */
.intel-chat{margin-top:14px;border-top:1px solid rgba(95,227,255,.14);padding-top:12px;}
.intel-log{
  max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;
  padding:4px 2px;margin-bottom:10px;
}
.intel-log:empty{display:none;}
.intel-msg{
  max-width:88%;padding:9px 13px;border-radius:14px;font-size:.82rem;line-height:1.5;
  white-space:pre-wrap;word-wrap:break-word;animation:intelMsg .25s ease;
}
@keyframes intelMsg{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
.intel-user{align-self:flex-end;background:linear-gradient(135deg,#3a6cff,#7a4dff);color:#fff;border-bottom-right-radius:4px;}
.intel-bot{align-self:flex-start;background:rgba(255,255,255,.07);color:#e8f0ff;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px;}
.intel-pending{opacity:.6;font-style:italic;letter-spacing:.15em;}

.intel-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.intel-suggest button{
  border:1px solid rgba(95,227,255,.3);background:rgba(95,227,255,.06);color:#bfe9ff;
  border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700;cursor:pointer;
  transition:background .15s ease,transform .15s ease;
}
.intel-suggest button:hover{background:rgba(95,227,255,.16);transform:translateY(-1px);}

.intel-input-row{display:flex;gap:8px;}
.intel-input-row input{
  flex:1 1 auto;min-width:0;border-radius:10px;padding:11px 13px;font-size:.84rem;
  background:rgba(4,9,20,.7);border:1px solid rgba(255,255,255,.16);color:#eef5ff;outline:none;
  transition:border-color .15s ease;
}
.intel-input-row input:focus{border-color:rgba(95,227,255,.6);}
.intel-input-row input::placeholder{color:#7e8aa6;}
.intel-input-row button{
  flex:0 0 auto;border-radius:10px;padding:11px 18px;font-size:.82rem;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,#5fe3ff,#7a4dff);color:#06101f;border:none;
  transition:transform .15s ease;
}
.intel-input-row button:hover{transform:translateY(-1px);}

/* Re-open pill (after dismissal) */
.intel-reopen{
  position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,#5fe3ff,#7a4dff);color:#06101f;border:none;
  font-size:1.3rem;font-weight:900;cursor:pointer;z-index:60;
  box-shadow:0 8px 26px rgba(7,12,28,.5),0 0 22px rgba(95,227,255,.4);
  animation:intelBreath 4s ease-in-out infinite;
}
.intel-reopen:hover{transform:scale(1.08);}

@media(max-width:760px){
  .intel-bar{padding:14px;border-radius:14px;}
  .intel-actions{width:100%;}
  .intel-ask-toggle,.intel-dismiss{flex:1 1 auto;text-align:center;}
  .intel-msg{max-width:94%;}
  .intel-reopen{right:12px;bottom:12px;}
}

/* Mobile: full-bleed inside the player panel, matching the figure/dock width. */
@media(max-width:760px){
  .intel-bar{margin:10px 8px 12px;padding:13px;border-radius:13px;}
}