/* czat Jamala: załączniki, wybór modelu */
.jm-atts{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}
.jm-att{display:inline-flex;align-items:center;gap:6px;max-width:100%}
.jm-att img{width:22px;height:22px;object-fit:cover;border-radius:5px}
.jm-att button{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;padding:0 2px;cursor:pointer}
.jm-clip{flex:none;align-self:flex-end;height:36px;width:36px;padding:0}
.jm-attrow{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.jm-model{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 14px 10px}
.jm-model:empty{display:none}
.jm-model select{width:auto;min-width:0;padding:4px 8px;font-size:12px}
.jm-sk{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer;margin-left:auto}
.jm-sk input.sw{transform:scale(.72);transform-origin:right center;margin-left:-8px}
.jm-drawer.dropping{outline:2px dashed var(--accent);outline-offset:-6px}
.jm-prog{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.jm-prog .jm-typing{font-size:12px;color:var(--muted)}
.jm-tools{display:inline-flex;flex-wrap:wrap;gap:4px}
.jm-tool{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jm-tool.done{opacity:.6}
.jm-appr{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;border:1px solid var(--accent);border-radius:10px}
.jm-appr code{display:block;white-space:pre-wrap;word-break:break-all;font-size:12px}
.jm-mode{cursor:pointer}
.jm-mode.on{border-color:var(--accent)}
.jm-mic.rec{border-color:var(--accent);color:var(--accent)}
.jm-file{cursor:pointer}
.jm-up-img{display:block;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;cursor:zoom-in}
.jm-up-img img{display:block;max-width:100%;max-height:240px;object-fit:contain}
.jm-up-img.err::after{content:"nie udało się wczytać obrazu";display:block;padding:8px 12px;color:var(--muted);font-size:12px}

/* przycisk wysyłania: okrągły z samolotem (stan „stop” = kwadrat, czerwony) */
.jm-form .jm-send{flex:none;width:36px;height:36px;padding:0;border-radius:50%;display:inline-grid;place-items:center}
.jm-form .jm-send .svg-ico{display:block;margin:0}
.jm-form .jm-send[data-state=idle] .svg-ico{transform:translate(-1px,1px)}   /* optyczne wycentrowanie skosu samolotu */
/* tryb CRM (jedyny „chip” w oknie, tylko gdy włączony): pełna ramka zamiast kreskowanej */
.jm-mode{border-style:solid}
/* szerokość okna: domyślnie 420 px, przeciągana za lewą krawędź (komputer); zapamiętana w localStorage */
.jm-drawer{width:var(--jm-w,420px)}
.is-phone .jm-drawer{width:100vw}
.jm-resize{position:absolute;left:-4px;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:5;touch-action:none}
.jm-resize::after{content:"";position:absolute;left:4px;top:50%;width:3px;height:44px;margin-top:-22px;border-radius:2px;background:var(--muted);opacity:0;transition:opacity .15s}
.jm-resize:hover::after,.jm-resize:focus-visible::after,.jm-drawer.resizing .jm-resize::after{opacity:.55}
.jm-drawer.resizing{transition:none!important;user-select:none}
.is-phone .jm-resize{display:none}
.jm-head .btn.icon svg{display:block}
.jm-head .btn.jm-round{width:32px;height:32px;padding:0;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center}
.jm-seg button{padding:3px 10px;font-size:12px}
.is-phone .jm-head b{display:none}   /* więcej miejsca na wybór wątku */

/* okrągłe przyciski Jamala także na dotyku (globalne min-height:40px robiło z 32×32 jajka) */
@media (pointer:coarse){.jm-head .btn.jm-round,.jm-clip,.jm-form .jm-send,#jm-mic{width:40px;height:40px;min-width:40px;padding:0}}
/* overlay „Upuść pliki tutaj” (liquid glass) */
.jm-drop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .18s ease;background:color-mix(in srgb,var(--bg) 40%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}
.jm-drop-in{display:grid;justify-items:center;gap:8px;width:100%;height:100%;align-content:center;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:26px;background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--ink);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 40px rgba(0,0,0,.25)}
.jm-drop-in .svg-ico{color:var(--accent)}
.jm-drop-in b{font-size:18px}
.jm-drawer.dropping{outline:0}
.jm-drawer.dropping .jm-drop{opacity:1}
@media (prefers-reduced-motion:reduce){.jm-drop{transition:none}}

/* Jamal w dolnym pasku i edytorze paska: portret zamiast ikony */
.tb-ava{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 80%,transparent)}
.tbe-ico .tb-ava{width:20px;height:20px}
.tabbar .tb:not(.active) .tb-ava{opacity:.8}