/* ─── Alisa: üzən köməkçi (sayt, kabinet, panel) ─── */
.al-root { --al-acc: #e5536f; --al-gold: #e8b84a; --al-bg: #1a1316; --al-card: #241a1e; --al-tx: #f6eef0; --al-mut: #b9a8ae; --al-line: rgba(255, 255, 255, .1);
  --al-x: 20px; --al-y: 20px; position: fixed !important; z-index: 80 !important; display: none; font-family: 'Montserrat', Arial, sans-serif; }
.al-root.al-ready { display: block; }
#app[hidden] ~ .al-root { display: none !important; }
.al-root[data-corner="br"] { right: var(--al-x); bottom: var(--al-y); }
.al-root[data-corner="bl"] { left: var(--al-x); bottom: var(--al-y); }
.al-root[data-corner="tr"] { right: var(--al-x); top: calc(var(--al-y) + 70px); }
.al-root[data-corner="tl"] { left: var(--al-x); top: calc(var(--al-y) + 70px); }
.al-root.al-drag { transform: translate(var(--al-dx, 0), var(--al-dy, 0)); transition: none; }
.al-root.al-drag .al-fab, .al-root.al-drag .al-h { cursor: grabbing; }

.al-fab { position: relative; display: flex; align-items: center; gap: 8px; padding: 6px 16px 6px 6px; border: 0; border-radius: 99px; cursor: grab; touch-action: none; user-select: none;
  background: linear-gradient(135deg, #2a1d22, #1a1316); color: var(--al-tx); box-shadow: 0 14px 34px -10px rgba(229, 83, 111, .55), 0 0 0 1px rgba(232, 184, 74, .35); font: 700 .9rem/1 'Montserrat', Arial, sans-serif;
  transition: transform .25s cubic-bezier(.2, .8, .2, 1.3), box-shadow .25s; }
.al-fab:hover { transform: translateY(-2px) scale(1.03); }
.al-fab img { width: 44px; height: 44px; display: block; animation: alFloat 3.4s ease-in-out infinite; pointer-events: none; }
.al-dot { position: absolute; top: 4px; left: 38px; width: 11px; height: 11px; border-radius: 50%; background: var(--al-acc); border: 2px solid #1a1316; }
@keyframes alFloat { 50% { transform: translateY(-3px) rotate(-4deg); } }
.al-open .al-fab { display: none; }

.al-win { position: absolute; display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: var(--al-bg); color: var(--al-tx);
  border: 1px solid rgba(232, 184, 74, .28); box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .7); min-width: 300px; min-height: 380px; max-width: calc(100vw - 32px); }
.al-root[data-corner$="r"] .al-win { right: 0; } .al-root[data-corner$="l"] .al-win { left: 0; }
.al-root[data-corner^="b"] .al-win { bottom: 0; } .al-root[data-corner^="t"] .al-win { top: 0; }
.al-h { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 14px; background: linear-gradient(135deg, rgba(229, 83, 111, .18), rgba(232, 184, 74, .1)); border-bottom: 1px solid var(--al-line); cursor: grab; touch-action: none; user-select: none; }
.al-h img { width: 38px; height: 38px; pointer-events: none; }
.al-h > div { flex: 1; min-width: 0; line-height: 1.2; }
.al-h b { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; letter-spacing: .5px; }
.al-h small { font-size: .72rem; color: var(--al-mut); }
.al-h small::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #5fd39a; margin-right: 5px; vertical-align: 1px; }
.al-ib { width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--al-mut); cursor: pointer; font-size: .9rem; }
.al-ib:hover { background: rgba(255, 255, 255, .07); color: var(--al-tx); }
.al-body { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth; }
.al-m { max-width: 86%; padding: 10px 13px; border-radius: 16px; font-size: .9rem; line-height: 1.5; overflow-wrap: anywhere; animation: alIn .25s ease-out; }
@keyframes alIn { from { opacity: 0; transform: translateY(6px); } }
.al-a { align-self: flex-start; background: var(--al-card); border-bottom-left-radius: 5px; }
.al-u { align-self: flex-end; background: linear-gradient(135deg, #ff7f98, var(--al-acc)); color: #1a0d11; border-bottom-right-radius: 5px; font-weight: 500; }
.al-m a { color: var(--al-gold); text-decoration: underline; }
.al-u a { color: #1a0d11; }
.al-typing { display: flex; gap: 4px; padding: 14px; }
.al-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--al-mut); animation: alDot 1s infinite; }
.al-typing i:nth-child(2) { animation-delay: .15s; } .al-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes alDot { 50% { opacity: .25; transform: translateY(-3px); } }
.al-sug { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; }
.al-sug:empty { display: none; }
.al-sug button { padding: 7px 11px; border-radius: 99px; border: 1px solid rgba(232, 184, 74, .35); background: transparent; color: var(--al-tx); font: 600 .76rem/1.2 'Montserrat', Arial, sans-serif; cursor: pointer; text-align: left; }
.al-sug button:hover { background: rgba(232, 184, 74, .1); }
.al-f { display: flex; gap: 8px; align-items: flex-end; padding: 10px; border-top: 1px solid var(--al-line); }
.al-f textarea { flex: 1; resize: none; max-height: 120px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--al-line); background: rgba(0, 0, 0, .25); color: var(--al-tx); font: .9rem/1.4 'Montserrat', Arial, sans-serif; }
.al-f textarea:focus { outline: none; border-color: var(--al-acc); }
.al-send { width: 42px; height: 42px; flex: 0 0 auto; border: 0; border-radius: 14px; background: var(--al-acc); color: #fff; cursor: pointer; font-size: .95rem; }
.al-grip { position: absolute; width: 18px; height: 18px; cursor: nwse-resize; touch-action: none; opacity: .5;
  background: linear-gradient(135deg, transparent 50%, var(--al-mut) 50%, var(--al-mut) 58%, transparent 58%, transparent 70%, var(--al-mut) 70%, var(--al-mut) 78%, transparent 78%); }
.al-root[data-corner="br"] .al-grip { left: 2px; top: 2px; transform: rotate(180deg); }
.al-root[data-corner="bl"] .al-grip { right: 2px; top: 2px; transform: rotate(270deg); cursor: nesw-resize; }
.al-root[data-corner="tr"] .al-grip { left: 2px; bottom: 2px; transform: rotate(90deg); cursor: nesw-resize; }
.al-root[data-corner="tl"] .al-grip { right: 2px; bottom: 2px; }
/* Təklif kartı (panel rejimi) */
.al-prop { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(0, 0, 0, .25); border: 1px dashed rgba(232, 184, 74, .45); font-size: .82rem; }
.al-prop.done { border-style: solid; border-color: rgba(95, 211, 154, .5); }
.al-prop-h { font-weight: 700; color: var(--al-gold); margin-bottom: 4px; }
.al-prop-b { line-height: 1.45; } .al-prop-b small { color: var(--al-mut); }
.al-prop-w { margin-top: 6px; font-size: .76rem; color: var(--al-mut); font-style: italic; }
.al-apply { margin-top: 8px; padding: 7px 12px; border: 0; border-radius: 10px; background: #3cb371; color: #fff; font: 700 .78rem 'Montserrat', Arial, sans-serif; cursor: pointer; }
.al-prop-ok { margin-top: 6px; color: #5fd39a; font-weight: 600; }
/* Ağ tema */
html[data-theme="light"] .al-root { --al-bg: #fffaf8; --al-card: #f4ebee; --al-tx: #2a1d22; --al-mut: #7d6b72; --al-line: rgba(120, 70, 88, .14); }
html[data-theme="light"] .al-fab { background: linear-gradient(135deg, #fff, #fbeff2); }
html[data-theme="light"] .al-f textarea, html[data-theme="light"] .al-prop { background: #fff; }
/* Telefon: alt panel; düymə alt menyunun üstündə */
@media (max-width: 559px) {
  .al-root { --al-x: 12px; --al-y: calc(84px + env(safe-area-inset-bottom)); }
  .al-root[data-corner^="t"] { top: auto; bottom: var(--al-y); }
  .al-fab { padding: 5px; } .al-fab-t { display: none; }
  .al-open { left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; }
  .al-open .al-win { position: fixed; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; height: min(82vh, 640px) !important; max-width: none; border-radius: 22px 22px 0 0; min-width: 0; }
  .al-grip, .al-hide-sm { display: none; }
}
@media (prefers-reduced-motion: reduce) { .al-fab img, .al-m { animation: none; } }
/* Müştəri Alisanı söndürüb: yalnız kiçik ⏻ nişanı qalır */
.al-isoff .al-fab, .al-isoff .al-win { display: none !important; }
.al-mini { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(232, 184, 74, .4); background: rgba(26, 19, 22, .75); color: var(--al-mut); cursor: pointer; opacity: .55; transition: opacity .2s; font-size: .8rem; backdrop-filter: blur(6px); }
.al-mini:hover { opacity: 1; color: var(--al-gold); }
html[data-theme="light"] .al-mini { background: rgba(255, 255, 255, .85); }
.al-off-b:hover { color: #ff8a8a !important; }
/* Hərəkət düymələri (panel) */
.al-act { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(229, 83, 111, .45); background: rgba(229, 83, 111, .1); color: var(--al-tx); font: 600 .82rem 'Montserrat', Arial, sans-serif; text-align: left; cursor: pointer; }
.al-act i { color: var(--al-acc); font-size: 1rem; }
.al-act small { display: block; font-weight: 500; color: var(--al-mut); margin-top: 2px; }
.al-act:hover { background: rgba(229, 83, 111, .18); }