/* EMPIRE — AI-консультант по покупке и доставке автомобилей */

/* ─────────── кнопка запуска ─────────── */
.empire-ai-launcher{position:fixed;z-index:70;right:24px;bottom:24px;min-width:308px;height:78px;padding:10px 18px 10px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:#fff;background:linear-gradient(135deg,#16222e 0%,#416180 52%,#5f8cb4 100%);border:2px solid var(--color-accent-300);border-radius:6px;cursor:pointer;text-align:left;font-family:var(--font-body);box-shadow:0 0 0 0 rgba(116,157,196,.55),0 22px 60px rgba(10,14,18,.45);animation:empire-ai-pulse 3s ease-out infinite;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.empire-ai-launcher:hover{transform:translateY(-3px) scale(1.02);animation-play-state:paused;background:linear-gradient(135deg,#1d2d3d 0%,#4a7093 52%,#6f9cc2 100%);box-shadow:0 0 0 7px rgba(116,157,196,.16),0 28px 74px rgba(10,14,18,.55)}
.empire-ai-launcher:active{transform:translateY(-1px) scale(.995)}
.empire-ai-launcher b,.empire-ai-launcher small{display:block}
.empire-ai-launcher b{font:600 19px/1.08 var(--font-heading);letter-spacing:.03em;text-transform:uppercase}
.empire-ai-launcher small{margin-top:5px;display:flex;align-items:center;gap:6px;color:var(--color-accent-200);font-size:13px}
.empire-ai-launcher small:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#57e0ac;box-shadow:0 0 0 4px rgba(87,224,172,.18)}
.empire-ai-launcher>i{color:#fff;font-style:normal;font-size:20px;line-height:1;opacity:.9;transition:transform .18s ease}
.empire-ai-launcher:hover>i{transform:translateY(-3px)}
.empire-ai-launcher .empire-ai-mark{width:56px;height:56px;font-size:26px;border-width:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
@keyframes empire-ai-pulse{
  0%{box-shadow:0 0 0 0 rgba(133,180,224,.55),0 22px 60px rgba(10,14,18,.45)}
  65%{box-shadow:0 0 0 18px rgba(133,180,224,0),0 22px 60px rgba(10,14,18,.45)}
  100%{box-shadow:0 0 0 0 rgba(133,180,224,0),0 22px 60px rgba(10,14,18,.45)}
}

.empire-ai-mark{width:46px;height:46px;display:grid;place-items:center;flex:none;color:#fff;background:var(--color-accent-600);border:1px solid var(--color-accent-300);font:600 21px/1 var(--font-heading)}

/* ─────────── панель ─────────── */
.empire-ai-panel{position:fixed;z-index:75;right:24px;bottom:114px;width:min(462px,calc(100vw - 28px));height:min(724px,calc(100vh - 138px));display:grid;grid-template-rows:auto auto 1fr auto auto;color:var(--color-text);background:#f4f6f9;border:2px solid var(--color-accent-400);border-radius:6px;overflow:hidden;box-shadow:0 34px 100px rgba(10,14,18,.42);animation:empire-ai-in .22s ease both}
.empire-ai-panel[hidden]{display:none}
@keyframes empire-ai-in{from{opacity:0;transform:translateY(14px) scale(.985)}}

.empire-ai-head{min-height:82px;padding:14px 15px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;color:#fff;background:linear-gradient(120deg,#16222e 0%,#3a5975 60%,#4f7a9f 100%);border-bottom:3px solid var(--color-accent-300)}
.empire-ai-identity strong,.empire-ai-identity small{display:block}
.empire-ai-identity strong{font:600 18px/1.12 var(--font-heading)}
.empire-ai-identity small{margin-top:5px;color:var(--color-accent-200);font-size:12.5px}
.empire-ai-identity small i{width:8px;height:8px;display:inline-block;margin-right:6px;border-radius:50%;background:#57e0ac;box-shadow:0 0 0 4px rgba(87,224,172,.14)}
.empire-ai-langs{display:flex;border:1px solid rgba(255,255,255,.26);border-radius:3px;overflow:hidden}
.empire-ai-langs button{height:30px;padding:0 9px;color:#c8d6e2;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.2);cursor:pointer;font:600 12px var(--font-heading);letter-spacing:.04em}
.empire-ai-langs button:last-child{border-right:0}
.empire-ai-langs button:hover{color:#fff;background:rgba(255,255,255,.1)}
.empire-ai-langs button.on{color:#16222e;background:var(--color-accent-200)}
.empire-ai-close{width:34px;height:34px;display:grid;place-items:center;color:#d3dbe3;background:transparent;border:0;border-radius:3px;cursor:pointer;font-size:25px;line-height:1}
.empire-ai-close:hover{color:#fff;background:rgba(255,255,255,.12)}

.empire-ai-progress{height:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:#d2d8df}
.empire-ai-progress i{background:#d2d8df;transition:background .25s}
.empire-ai-progress i.on{background:var(--color-accent-500)}

/* ─────────── лента диалога ─────────── */
.empire-ai-messages{min-height:0;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:#b0bcc8 transparent}
.empire-ai-message{max-width:88%;padding:12px 14px;border-radius:5px;font-size:15px;line-height:1.5;white-space:pre-line}
.empire-ai-message.assistant{align-self:flex-start;color:#33383d;background:#fff;border:1px solid #ccd5de;border-bottom-left-radius:0;box-shadow:0 2px 6px rgba(22,34,46,.05)}
.empire-ai-message.client{align-self:flex-end;color:#fff;background:linear-gradient(135deg,var(--color-accent-800),var(--color-accent-600));border-bottom-right-radius:0}

/* ─────────── действия и формы ─────────── */
.empire-ai-actions{padding:0 16px 16px}
.empire-ai-choices{display:flex;flex-wrap:wrap;gap:8px}
.empire-ai-choices button{min-height:46px;padding:10px 14px;color:#2c455d;background:#fff;border:1.5px solid var(--color-accent-400);border-radius:4px;cursor:pointer;font:600 15px/1.25 var(--font-heading);text-align:left;transition:background .15s,color .15s,transform .12s}
.empire-ai-choices button:hover{color:#fff;background:var(--color-accent-700);border-color:var(--color-accent-700);transform:translateY(-1px)}

.empire-ai-typing{width:54px;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #ccd5de;border-radius:5px}
.empire-ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--color-accent-500);animation:empire-ai-dot 1s ease-in-out infinite}
.empire-ai-typing i:nth-child(2){animation-delay:.14s}
.empire-ai-typing i:nth-child(3){animation-delay:.28s}
@keyframes empire-ai-dot{50%{transform:translateY(-4px);opacity:.5}}

.empire-ai-form{display:grid;gap:9px}
.empire-ai-form.empire-ai-grid,.empire-ai-grid{grid-template-columns:1fr 1fr}
.empire-ai-form input,.empire-ai-form select{width:100%;min-height:47px;padding:10px 12px;color:#16222e;background:#fff;border:1.5px solid #b6c2ce;border-radius:4px;outline:0;font:15px var(--font-body)}
.empire-ai-form input:focus,.empire-ai-form select:focus{border-color:var(--color-accent-600);box-shadow:0 0 0 3px rgba(89,126,163,.18)}
.empire-ai-form>button,.empire-ai-inline button{min-height:50px;color:#fff;background:linear-gradient(135deg,var(--color-accent-800),var(--color-accent-600));border:0;border-radius:4px;cursor:pointer;font:600 16px var(--font-heading);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 6px 18px rgba(44,69,93,.24);transition:transform .12s,box-shadow .18s}
.empire-ai-form>button:hover,.empire-ai-inline button:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(44,69,93,.32)}
.empire-ai-form>button:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.empire-ai-form>small{margin-top:-3px;color:#5f6b76;font-size:12.5px}
.empire-ai-inline{grid-template-columns:1fr auto}
.empire-ai-inline button{padding-inline:18px}

.empire-ai-check{display:flex;align-items:flex-start;gap:9px;color:#54606b;font-size:12.5px;line-height:1.45;cursor:pointer}
.empire-ai-check input{position:absolute;opacity:0;width:1px;height:1px}
.empire-ai-check span{width:19px;height:19px;display:grid;place-items:center;flex:none;background:#fff;border:1.5px solid #90a0b0;border-radius:3px}
.empire-ai-check input:checked+span{background:var(--color-accent-700);border-color:var(--color-accent-700)}
.empire-ai-check input:checked+span:after{content:"✓";color:#fff;font-size:12px}
.empire-ai-check input:focus-visible+span{outline:2px solid var(--color-accent-500);outline-offset:2px}

.empire-ai-error{margin:0;color:#a32b47;font-size:12.5px;font-weight:600}
.empire-ai-final{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.empire-ai-final a,.empire-ai-final button,.empire-ai-whatsapp{min-height:48px;display:flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:4px;font:600 15px var(--font-heading);text-decoration:none}
.empire-ai-final a,.empire-ai-whatsapp{color:#fff;background:#15916f;box-shadow:0 6px 18px rgba(21,145,111,.26)}
.empire-ai-final a:hover,.empire-ai-whatsapp:hover{background:#127d60}
.empire-ai-final button{color:#2c455d;background:#fff;border:1.5px solid var(--color-accent-400);cursor:pointer}
.empire-ai-whatsapp{margin-top:9px}

.empire-ai-panel>footer{padding:10px 12px;color:#6b7681;background:#e6eaef;border-top:1px solid #d2d8df;font:600 10.5px var(--font-heading);letter-spacing:.09em;text-align:center}

/* ─────────── мобильные ─────────── */
@media(max-width:600px){
  .empire-ai-launcher{right:12px;left:12px;bottom:12px;min-width:0;width:auto;height:72px}
  .empire-ai-launcher b{font-size:18px}
  .empire-ai-panel{right:0;bottom:0;width:100vw;height:min(760px,100dvh);max-height:100dvh;border:0;border-radius:0}
  .empire-ai-head{grid-template-columns:auto 1fr auto}
  .empire-ai-langs{grid-column:2;justify-self:start}
  .empire-ai-close{grid-row:1/3;grid-column:3}
  .empire-ai-form.empire-ai-grid,.empire-ai-grid{grid-template-columns:1fr}
  .empire-ai-inline{grid-template-columns:1fr}
  .empire-ai-message{max-width:94%}
}

@media(prefers-reduced-motion:reduce){
  .empire-ai-panel,.empire-ai-typing i,.empire-ai-launcher{animation:none!important}
  .empire-ai-launcher,.empire-ai-launcher:hover,.empire-ai-form>button:hover,.empire-ai-choices button:hover{transform:none!important}
}