/* HANDEL.PL — lekka integracja 1:1 z interfejsem AsystentUrzedu.pl
   Bez tła avatara, bez showroomowych paneli i bez zmian w logice JS. */
:root{
  --hs-navy:#071b38;
  --hs-navy2:#0d2a55;
  --hs-gold:#d99d2b;
  --hs-gold2:#f5cf7a;
}

.handel-showroom-badge,
.handel-stage-title,
.handel-counter,
.handel-quick-top{display:none!important}

/* Pozycja identyczna jak w sprawdzonym widżecie */
.handel-ai{
  right:22px!important;
  bottom:18px!important;
  gap:18px!important;
  align-items:flex-end!important;
}

/* Okno: wracamy do bazowego wyglądu Asystenta Urzędu */
.handel-ai .ai-sales-window{
  width:min(480px,calc(100vw - 28px))!important;
  height:min(650px,calc(100dvh - 28px))!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  border-radius:27px!important;
  border:1px solid rgba(80,160,255,.5)!important;
  background:linear-gradient(155deg,rgba(7,31,66,.99),rgba(2,15,34,.995))!important;
  box-shadow:0 28px 80px rgba(0,20,55,.44),0 0 0 1px rgba(241,197,95,.07) inset!important;
}
.handel-ai .ai-sales-header{
  min-height:86px!important;
  height:auto!important;
  padding:14px 14px 13px 17px!important;
  background:rgba(4,22,47,.45)!important;
  border-bottom:1px solid rgba(85,164,255,.26)!important;
}
.handel-ai .ai-sales-identity{order:1!important;gap:13px!important}
.handel-ai .ai-sales-controls{order:2!important;gap:6px!important}
.handel-ai .ai-sales-controls button{
  width:38px!important;height:38px!important;border-radius:12px!important;
  border:1px solid rgba(120,177,239,.2)!important;
  background:rgba(255,255,255,.045)!important;color:#e4efff!important;
}
.handel-ai .ai-sales-controls button:hover{
  background:rgba(46,143,255,.16)!important;
  border-color:rgba(83,167,255,.45)!important;
}
.handel-ai .ai-sales-identity h2{
  color:#fff!important;font:800 21px/1.15 'Syne',Inter,system-ui,sans-serif!important;
}
.handel-ai .ai-sales-identity h2 em{color:#9af0c5!important}
.handel-ai .ai-sales-identity p{color:#95abc7!important;font-size:12px!important}

/* Logo Handel.pl zamiast kuli — bez zmiany proporcji nagłówka */
.handel-logo-core{
  width:54px;height:54px;flex:0 0 54px;border-radius:50%;
  display:grid;place-items:center;overflow:hidden;
  background:#fff;border:1px solid var(--hs-gold2);
  box-shadow:0 0 22px rgba(46,143,255,.35),0 0 0 5px rgba(46,143,255,.07);
}
.handel-logo-core img{width:86%;height:86%;object-fit:contain}

.handel-ai .ai-knowledge{
  height:42px!important;min-height:42px!important;padding:0 18px!important;
  background:transparent!important;border-bottom:1px solid rgba(75,159,255,.17)!important;
  color:#bacbdd!important;
}
.handel-ai .ai-knowledge b{color:#68e7a7!important;background:none!important;border:0!important}
.handel-ai .ai-messages{padding:20px 18px 12px!important;background:transparent!important}
.handel-ai .ai-message.assistant .ai-message-card{
  background:linear-gradient(145deg,rgba(16,43,80,.97),rgba(6,27,58,.99))!important;
  border:1px solid rgba(241,197,95,.3)!important;border-left:2px solid #f1c55f!important;
}
.handel-ai .ai-message.user .ai-message-card{
  background:linear-gradient(135deg,#0d58b5,#0b3679)!important;
}
.handel-ai .ai-composer{
  margin:0 13px 8px!important;padding:7px!important;
  border:1px solid rgba(65,155,255,.55)!important;border-radius:20px!important;
  background:rgba(2,14,31,.9)!important;
}
.handel-ai .ai-send{
  background:linear-gradient(145deg,#f7d275,#d99526)!important;
  color:#052047!important;
}
.handel-ai .ai-sales-footer{
  height:32px!important;display:flex!important;justify-content:center!important;gap:5px!important;
  padding:0!important;background:transparent!important;border:0!important;
  color:#8095ae!important;font-size:10px!important;
}
.handel-ai .ai-sales-footer b{display:none!important}
.handel-ai .ai-sales-footer span:last-child{display:none!important}

/* Avatar: WYŁĄCZNIE transparentna postać. Zero panelu, ramki i tła. */
.handel-ai .ai-avatar-stage{
  display:flex!important;
  width:245px!important;height:620px!important;
  position:relative!important;overflow:visible!important;
  align-items:flex-end!important;justify-content:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;filter:drop-shadow(0 18px 18px rgba(0,20,48,.22))!important;
}
.handel-ai .ai-avatar-image{
  display:block!important;width:245px!important;height:auto!important;
  max-height:615px!important;object-fit:contain!important;object-position:center bottom!important;
  position:static!important;transform:none!important;
  filter:none!important;
}
.handel-ai .ai-avatar-shadow{
  display:block!important;position:absolute!important;left:42px!important;right:42px!important;
  bottom:0!important;height:18px!important;border-radius:50%!important;
  background:rgba(1,17,38,.18)!important;filter:blur(9px)!important;z-index:-1!important;
}

.handel-ai .ai-launcher{
  width:68px!important;height:68px!important;padding:5px!important;border-radius:50%!important;
  border:1px solid var(--hs-gold2)!important;background:#fff!important;
  box-shadow:0 15px 35px rgba(0,23,56,.4),0 0 24px rgba(28,132,255,.35)!important;
}
.handel-ai .ai-launcher img{width:100%;height:100%;object-fit:contain}

@media(max-width:1550px){
  .handel-ai .ai-avatar-stage{display:none!important}
}
@media(max-width:650px){
  .handel-ai{right:6px!important;bottom:6px!important;left:auto!important}
  .handel-ai .ai-sales-window{
    width:calc(100vw - 12px)!important;
    height:min(720px,calc(100dvh - 12px))!important;
    border-radius:22px!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  }
  .handel-ai .ai-sales-header{min-height:78px!important;padding:12px 10px!important}
  .handel-logo-core{width:46px;height:46px;flex-basis:46px}
  .handel-ai .ai-sales-identity h2{font-size:18px!important}
  .handel-ai .ai-sales-controls{gap:4px!important}
  .handel-ai .ai-sales-controls button{width:35px!important;height:35px!important}
  .handel-ai .ai-composer{margin-inline:8px!important;padding:6px!important}
  .handel-ai .ai-sales-window.fullscreen{inset:0!important;border-radius:0!important}
}
@media(max-width:430px){
  .handel-ai .ai-sales-identity p{display:none!important}
  .handel-ai .ai-sales-controls button{width:32px!important;height:34px!important}
  .handel-ai .ai-sales-identity h2{font-size:16px!important}
  .handel-logo-core{width:42px;height:42px;flex-basis:42px}
}