/* Čet mehurić na sajtu platforme. Ravan izgled, bez senki. */

.ps-chat{position:fixed;right:20px;bottom:20px;z-index:900;font-family:inherit}

.ps-chat__toggle{position:relative;display:grid;place-items:center;width:56px;height:56px;border:none;
  border-radius:50%;background:var(--brand,#5B4BE8);color:#fff;cursor:pointer;transition:background .18s,transform .18s}
.ps-chat__toggle:hover{background:var(--brand-700,#4536c9)}
.ps-chat__toggle:active{transform:scale(.96)}
.ps-chat__ico--x{display:none}
.ps-chat.is-open .ps-chat__ico--bubble{display:none}
.ps-chat.is-open .ps-chat__ico--x{display:block}

.ps-chat__dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;
  background:#EF4444;border:2px solid #fff}
.ps-chat__dot[hidden]{display:none}

.ps-chat__panel{position:absolute;right:0;bottom:70px;width:340px;max-width:calc(100vw - 32px);
  height:460px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--line,#E6E8F0);border-radius:16px}
.ps-chat__panel[hidden]{display:none}

.ps-chat__head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;border-bottom:1px solid var(--line-2,#EEF0F6);background:#fff}
.ps-chat__head strong{display:block;font-size:.95rem;color:var(--ink,#0B1120)}
.ps-chat__head small{display:block;font-size:.76rem;color:var(--muted,#64748B);margin-top:2px}
.ps-chat__x{width:32px;height:32px;border:none;background:none;color:var(--muted,#64748B);
  font-size:1rem;cursor:pointer;border-radius:8px}
.ps-chat__x:hover{background:var(--bg-2,#F6F7FB);color:var(--ink,#0B1120)}

.ps-chat__list{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;
  background:var(--bg-2,#F8F9FC)}
.ps-chat__msg{display:flex;flex-direction:column;max-width:85%}
.ps-chat__msg--out{align-self:flex-end;align-items:flex-end}
.ps-chat__msg--in{align-self:flex-start;align-items:flex-start}
.ps-chat__bubble{padding:9px 13px;border-radius:14px;font-size:.9rem;line-height:1.45;word-break:break-word}
.ps-chat__msg--in .ps-chat__bubble{background:#fff;border:1px solid var(--line,#E6E8F0);color:var(--ink,#0B1120);
  border-bottom-left-radius:5px}
.ps-chat__msg--out .ps-chat__bubble{background:var(--brand,#5B4BE8);color:#fff;border-bottom-right-radius:5px}
.ps-chat__time{font-size:.66rem;color:var(--faint,#94A3B8);margin-top:3px}
.ps-chat__note{align-self:center;font-size:.76rem;color:var(--muted,#64748B);text-align:center}

.ps-chat__who{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line-2,#EEF0F6);background:#fff}
.ps-chat__who[hidden]{display:none}
.ps-chat__field{flex:1;min-width:0;padding:8px 10px;font:inherit;font-size:.82rem;
  border:1px solid var(--line,#E6E8F0);border-radius:9px;background:#fff;color:var(--ink,#0B1120)}
.ps-chat__field:focus{outline:none;border-color:var(--brand,#5B4BE8)}

.ps-chat__form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;
  border-top:1px solid var(--line-2,#EEF0F6);background:#fff}
.ps-chat__input{flex:1;min-width:0;resize:none;padding:10px 12px;font:inherit;font-size:.88rem;line-height:1.4;
  border:1px solid var(--line,#E6E8F0);border-radius:11px;background:#fff;color:var(--ink,#0B1120);max-height:110px}
.ps-chat__input:focus{outline:none;border-color:var(--brand,#5B4BE8)}
.ps-chat__send{display:grid;place-items:center;width:40px;height:40px;flex:none;border:none;border-radius:11px;
  background:var(--brand,#5B4BE8);color:#fff;cursor:pointer}
.ps-chat__send:hover{background:var(--brand-700,#4536c9)}

/* Telefon: panel preko celog ekrana da se lako kuca. */
@media (max-width:560px){
  .ps-chat{right:14px;bottom:14px}
  .ps-chat__toggle{width:52px;height:52px}
  .ps-chat__panel{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;height:76vh;
    max-height:none;border-radius:16px 16px 0 0;border-bottom:none}
  .ps-chat__list{padding:12px 14px}
  .ps-chat__input{font-size:16px}   /* iOS ne zumira polje na 16px */
  .ps-chat__field{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  .ps-chat__toggle{transition:none}
}