/* Help widget: floating «Помощь» button + chat panel. Self-contained; brand
   palette via [data-brand] on #fa-help (FreelanceAI dark AI look by default). */
#fa-help{--fah-bg:#0E1424;--fah-bg2:#0A1020;--fah-line:rgba(148,163,184,.16);--fah-txt:#E6ECFF;--fah-mute:#8B9AC0;
  --fah-acc:#3B82F6;--fah-acc2:#22D3EE;--fah-lime:#C6FF3D;--fah-user:#1B2A4A;--fah-red:#FB7185;
  position:fixed;right:18px;bottom:18px;z-index:2147483000;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;color:var(--fah-txt);line-height:1.45}
#fa-help[data-brand="konsilito"]{--fah-bg:#141416;--fah-bg2:#0e0e10;--fah-acc:#7c5cff;--fah-acc2:#38bdf8;--fah-user:#26263a}
#fa-help *{box-sizing:border-box}
#fa-help button{font:inherit;cursor:pointer}
.fah-fab{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 14px;border:0;border-radius:999px;color:#fff;
  background:linear-gradient(135deg,var(--fah-acc),var(--fah-acc2));box-shadow:0 10px 30px rgba(59,130,246,.35),0 0 0 1px rgba(255,255,255,.08) inset;
  font-weight:600;position:relative;transition:transform .15s,box-shadow .15s}
.fah-fab:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(59,130,246,.45)}
.fah-fab-ic{display:inline-flex;width:22px;height:22px}.fah-fab-ic svg{width:22px;height:22px}
.fah-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--fah-red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--fah-bg2)}
.fah-badge[hidden]{display:none}
#fa-help.open .fah-fab,#fa-help.nofab .fah-fab{display:none}

.fah-panel{position:absolute;right:0;bottom:0;width:380px;max-width:calc(100vw - 24px);height:600px;max-height:calc(100vh - 36px);
  display:flex;flex-direction:column;background:var(--fah-bg);border:1px solid var(--fah-line);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset;animation:fah-in .18s ease-out}
.fah-panel[hidden]{display:none}
#fa-help.fah-left .fah-panel{right:auto;left:0}
#fa-help.fah-top .fah-panel{bottom:auto;top:0}
.fah-fab,.fah-head{cursor:grab;user-select:none;-webkit-user-select:none}
#fa-help.fah-drag,#fa-help.fah-drag .fah-fab,#fa-help.fah-drag .fah-head{cursor:grabbing}
#fa-help.fah-drag .fah-fab{transition:none;transform:none}
#fa-help.fah-drag .fah-panel{animation:none}
@keyframes fah-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.fah-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--fah-line);
  background:linear-gradient(180deg,rgba(59,130,246,.12),transparent)}
.fah-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.04em;
  background:linear-gradient(135deg,var(--fah-acc),var(--fah-acc2));color:#fff;flex:none}
.fah-title{flex:1;min-width:0;display:flex;flex-direction:column}
.fah-title b{font-size:14px}.fah-sub{font-size:11.5px;color:var(--fah-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fah-min{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--fah-mute);display:flex;align-items:center;justify-content:center}
.fah-min:hover{background:rgba(255,255,255,.06);color:var(--fah-txt)}.fah-min svg{width:16px;height:16px}
.fah-ticket{padding:8px 14px;font-size:12px;color:var(--fah-mute);background:rgba(198,255,61,.06);border-bottom:1px solid var(--fah-line)}
.fah-ticket b{color:var(--fah-lime)}.fah-ticket[hidden]{display:none}

.fah-log{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.fah-msg{display:flex;flex-direction:column;max-width:88%}
.fah-msg.user{align-self:flex-end;align-items:flex-end}
.fah-msg.assistant{align-self:flex-start}
.fah-bubble{padding:10px 12px;border-radius:14px;background:var(--fah-bg2);border:1px solid var(--fah-line);word-break:break-word}
.fah-msg.user .fah-bubble{background:var(--fah-user);border-color:transparent;border-bottom-right-radius:6px}
.fah-msg.assistant .fah-bubble{border-bottom-left-radius:6px}
.fah-msg.admin .fah-bubble{border-color:rgba(198,255,61,.45);background:rgba(198,255,61,.07)}
.fah-msg.sys .fah-bubble{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);font-size:13px}
.fah-msg.err .fah-bubble{border-color:rgba(251,113,133,.5);color:#ffd4dc}
.fah-note{font-size:11px;color:var(--fah-lime);margin:3px 6px 0}
.fah-bubble ul{margin:6px 0;padding-left:18px}.fah-bubble li{margin:2px 0}
.fah-bubble a{color:var(--fah-acc2)}
.fah-typing .fah-bubble{display:flex;gap:4px;padding:12px 14px}
.fah-typing i{width:6px;height:6px;border-radius:50%;background:var(--fah-mute);animation:fah-dot 1s infinite}
.fah-typing i:nth-child(2){animation-delay:.15s}.fah-typing i:nth-child(3){animation-delay:.3s}
@keyframes fah-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.fah-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 8px}
.fah-sugg:empty{display:none}
.fah-sugg button{border:1px solid var(--fah-line);background:rgba(255,255,255,.03);color:var(--fah-txt);border-radius:999px;padding:6px 11px;font-size:12.5px;text-align:left}
.fah-sugg button:hover{border-color:var(--fah-acc);background:rgba(59,130,246,.12)}

.fah-email{padding:10px 12px;border-top:1px solid var(--fah-line);background:rgba(59,130,246,.08)}
.fah-email[hidden]{display:none}
.fah-email label{display:block;font-size:12px;color:var(--fah-mute);margin-bottom:6px}
.fah-row{display:flex;gap:6px}
.fah-email input{flex:1;height:38px;border-radius:10px;border:1px solid var(--fah-line);background:var(--fah-bg2);color:var(--fah-txt);padding:0 10px;font:inherit}
.fah-email input:focus{outline:none;border-color:var(--fah-acc)}
.fah-email button{height:38px;padding:0 12px;border:0;border-radius:10px;background:var(--fah-acc);color:#fff;font-weight:600}

.fah-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--fah-line);background:var(--fah-bg)}
.fah-form textarea{flex:1;resize:none;min-height:40px;max-height:120px;padding:10px 12px;border-radius:12px;border:1px solid var(--fah-line);background:var(--fah-bg2);color:var(--fah-txt);font:inherit;line-height:1.35}
.fah-form textarea:focus{outline:none;border-color:var(--fah-acc);box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.fah-form textarea::placeholder{color:var(--fah-mute)}
.fah-form button{width:40px;height:40px;flex:none;border:0;border-radius:12px;background:linear-gradient(135deg,var(--fah-acc),var(--fah-acc2));color:#fff;display:flex;align-items:center;justify-content:center}
.fah-form button:disabled{opacity:.5;cursor:default}.fah-form button svg{width:18px;height:18px}
.fah-foot{display:flex;justify-content:space-between;padding:0 12px 10px;gap:8px}
.fah-foot button{border:0;background:transparent;color:var(--fah-mute);font-size:12px;padding:4px 6px;border-radius:8px}
.fah-foot button:hover{color:var(--fah-txt);background:rgba(255,255,255,.05)}

@media (max-width:480px){
  #fa-help{right:10px;bottom:10px}
  .fah-panel{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
  .fah-fab-txt{display:none}.fah-fab{width:52px;height:52px;padding:0;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.fah-panel,.fah-typing i{animation:none}}
