
/* PHI Assistant 3.0 Premium */
.phi-a3-launcher{
  position:fixed;right:28px;bottom:84px;z-index:1200;
  display:flex;align-items:center;gap:10px;
  min-width:210px;padding:10px 13px;
  border:1px solid rgba(55,220,244,.42)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(6,27,43,.96),rgba(2,12,23,.98))!important;
  color:#f4fcff!important;box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 22px rgba(31,213,236,.10);
  cursor:pointer;transition:.25s ease;
}
.phi-a3-launcher:hover{transform:translateY(-3px);border-color:#42e6f2!important;box-shadow:0 22px 55px rgba(0,0,0,.5),0 0 28px rgba(42,224,237,.2)}
.phi-a3-launcher-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 42px;border:1px solid #30e5df;box-shadow:0 0 13px rgba(38,230,221,.28)}
.phi-a3-launcher-avatar img{width:100%;height:100%;object-fit:cover}
.phi-a3-launcher-copy{display:grid;text-align:left;line-height:1.15;flex:1}
.phi-a3-launcher-copy b{font-size:14px}.phi-a3-launcher-copy small{font-size:10px;color:#84b9ca;margin-top:4px}
.phi-a3-launcher>i{color:#5eeafa}

.phi-a3{
  --a3-accent:#2fe6df;--a3-accent-rgb:47,230,223;
  position:fixed!important;right:24px!important;bottom:150px!important;z-index:1500!important;
  width:min(470px,calc(100vw - 30px))!important;height:min(690px,calc(100vh - 190px))!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  border:1px solid rgba(var(--a3-accent-rgb),.5)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(var(--a3-accent-rgb),.09),transparent 36%),
    linear-gradient(160deg,rgba(4,20,34,.99),rgba(1,8,16,.995))!important;
  color:#f5fcff!important;box-shadow:0 30px 110px rgba(0,0,0,.72),0 0 34px rgba(var(--a3-accent-rgb),.12)!important;
  opacity:0;visibility:hidden;transform:translateY(20px) scale(.965);transform-origin:bottom right;
  transition:opacity .25s ease,transform .25s ease,visibility .25s!important;
}
.phi-a3.open{opacity:1;visibility:visible;transform:none}
.phi-a3[data-mode="hades"]{--a3-accent:#975cff;--a3-accent-rgb:151,92,255}

.phi-a3-header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,32,49,.72)}
.phi-a3-identity{display:flex;align-items:center;gap:11px;min-width:0}
.phi-a3-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;border:1px solid var(--a3-accent);box-shadow:0 0 14px rgba(var(--a3-accent-rgb),.25);background:#04121e}
.phi-a3-avatar img{width:100%;height:100%;object-fit:cover}
.phi-a3-avatar-header{width:50px;height:50px;flex-basis:50px}
.phi-a3-title{display:grid;line-height:1.2}.phi-a3-title>b{font-size:18px}.phi-a3-title small{font-size:11px;color:#9ebdca;margin-top:4px}.phi-a3-title small strong{color:var(--a3-accent)}
.phi-a3-close{width:38px;height:38px;border:0;background:transparent;color:#c8e0e9;font-size:21px;border-radius:50%;cursor:pointer}
.phi-a3-close:hover{background:rgba(255,255,255,.07);color:white}

.phi-a3-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.phi-a3-modes button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;border:1px solid rgba(82,173,205,.22);background:#061522;color:#a9bdc7;cursor:pointer;text-align:left;transition:.22s}
.phi-a3-modes button.active{color:#03151a;background:linear-gradient(135deg,#3cd8f1,#45edba);border-color:transparent;box-shadow:0 0 22px rgba(var(--a3-accent-rgb),.18)}
.phi-a3[data-mode="hades"] .phi-a3-modes button.active{color:white;background:linear-gradient(135deg,#a05fff,#6f3eea)}
.phi-a3-mode-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:0 0 38px;border:1px solid rgba(255,255,255,.25)}
.phi-a3-mode-avatar img{width:100%;height:100%;object-fit:cover}
.phi-a3-modes span:last-child{display:grid}.phi-a3-modes b{font-size:13px}.phi-a3-modes small{font-size:9px;opacity:.78;margin-top:2px}

.phi-a3-messages{flex:1;min-height:0;overflow-y:auto!important;padding:18px 16px 12px!important;display:flex!important;flex-direction:column!important;gap:14px!important;scrollbar-width:thin;scrollbar-color:rgba(var(--a3-accent-rgb),.35) transparent}
.phi-a3-message{display:flex!important;align-items:flex-start!important;gap:10px!important;max-width:94%!important;margin:0!important}
.phi-a3-message.user{align-self:flex-end!important;justify-content:flex-end!important}
.phi-a3-message.user .assistant-avatar{display:none!important}
.phi-a3-message .assistant-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;overflow:hidden!important;background:#061522!important;color:transparent!important;border:1px solid var(--a3-accent)!important;padding:0!important}
.phi-a3-message .assistant-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.phi-a3-message .assistant-bubble{padding:13px 14px!important;border:1px solid rgba(var(--a3-accent-rgb),.24)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(10,37,55,.96),rgba(7,25,41,.98))!important;color:#eefaff!important;font-size:13px!important;line-height:1.55!important;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.phi-a3-message.user .assistant-bubble{background:linear-gradient(135deg,#1255c7,#1c72e5)!important;border-color:rgba(76,164,255,.45)!important;border-bottom-right-radius:5px!important}
.phi-a3-message.bot .assistant-bubble{border-bottom-left-radius:5px!important}
.phi-a3-message strong{color:var(--a3-accent)}
.phi-a3 .assistant-thinking .assistant-bubble{display:flex;align-items:center;gap:9px}
.assistant-thinking-dots{display:inline-flex;gap:5px}.assistant-thinking-dots i{width:7px;height:7px;border-radius:50%;background:var(--a3-accent);animation:a3dot 1.15s infinite}.assistant-thinking-dots i:nth-child(2){animation-delay:.15s}.assistant-thinking-dots i:nth-child(3){animation-delay:.3s}
@keyframes a3dot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}

.phi-a3-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding:9px 16px 12px!important}
.phi-a3-actions button,.phi-a3-actions a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px!important;border-radius:999px!important;border:1px solid rgba(var(--a3-accent-rgb),.55)!important;background:rgba(5,24,38,.92)!important;color:#eafbff!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important}
.phi-a3-actions button:hover,.phi-a3-actions a:hover{background:rgba(var(--a3-accent-rgb),.13)!important;transform:translateY(-1px)}

.phi-a3-input{display:flex!important;align-items:center!important;gap:8px!important;margin:0 16px!important;padding:7px 7px 7px 13px!important;border:1px solid rgba(86,167,196,.28)!important;border-radius:16px!important;background:#061522!important}
.phi-a3-input input{flex:1!important;min-width:0!important;padding:9px 0!important;border:0!important;outline:0!important;background:transparent!important;color:#f3fbff!important;font-size:13px!important}
.phi-a3-input input::placeholder{color:#6f8996}
.phi-a3-input button{width:45px!important;height:45px!important;flex:0 0 45px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#39d7f1,#2ee2bf)!important;color:#02121a!important;font-size:17px!important;cursor:pointer!important;display:grid!important;place-items:center!important}
.phi-a3[data-mode="hades"] .phi-a3-input button{background:linear-gradient(135deg,#a05fff,#7040e9)!important;color:white!important}
.phi-a3-input .assistant-send-label{display:none}
.phi-a3-input.is-thinking button{width:auto!important;padding:0 13px!important;display:flex!important;gap:8px!important}
.phi-a3-input.is-thinking .assistant-send-label{display:inline;font-size:10px;font-weight:900}
.assistant-send-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:a3spin .7s linear infinite}
@keyframes a3spin{to{transform:rotate(360deg)}}

.phi-a3-disclaimer{margin:9px 18px 13px!important;text-align:center!important;color:#7099aa!important;font-size:9px!important;line-height:1.45!important}
.phi-a3-disclaimer a{color:var(--a3-accent)!important}
.phi-a3-lead{position:absolute!important;inset:80px 13px 13px!important;z-index:10!important;overflow:auto!important;padding:16px!important;border:1px solid rgba(var(--a3-accent-rgb),.4)!important;border-radius:18px!important;background:rgba(2,13,24,.985)!important;box-shadow:0 25px 80px rgba(0,0,0,.7)!important}
.phi-a3-lead[hidden]{display:none!important}
.phi-a3-lead input,.phi-a3-lead textarea{width:100%!important;margin:5px 0!important;padding:10px 11px!important;border:1px solid rgba(92,172,202,.25)!important;border-radius:10px!important;background:#061522!important;color:#effaff!important}
.phi-a3-lead-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.phi-a3-lead-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}
.phi-a3-lead-head button{background:transparent!important;color:white!important;border:0!important;font-size:22px!important}

@media(max-width:600px){
  .phi-a3{right:8px!important;bottom:92px!important;width:calc(100vw - 16px)!important;height:min(690px,calc(100vh - 105px))!important;border-radius:22px!important}
  .phi-a3-launcher{right:12px;bottom:74px;min-width:190px}
  .phi-a3-modes button{padding:8px}.phi-a3-mode-avatar{width:31px;height:31px;flex-basis:31px}.phi-a3-modes small{display:none}
  .phi-a3-message{max-width:98%!important}.phi-a3-message .assistant-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  .phi-a3-message .assistant-bubble{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.phi-a3,.phi-a3-launcher,.assistant-thinking-dots i{transition:none!important;animation:none!important}}
