/* ST Chat v0.1 */
#stch-root{--g:#26AD5D;--gd:#1e8f4c;--b:#0880AD;--t:#1F2933;--m:#6C7A89;--bd:#E3E8EC;--s:#F4FAF6;position:fixed;right:20px;bottom:20px;z-index:2147483000;font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.45;color:var(--t)}
#stch-root *{box-sizing:border-box}
#stch-root button,#stch-root textarea{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;text-shadow:none;min-height:0}
#stch-root textarea{cursor:text}
.stch-bubble{width:60px;height:60px;border-radius:50%;border:0;background:var(--g);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s;position:relative;padding:0}
.stch-bubble:hover{transform:scale(1.06);background:var(--gd)}
.stch-bubble .stch-x{display:none;font-size:34px;line-height:1}
.stch-open .stch-bubble svg{display:none}
.stch-open .stch-bubble .stch-x{display:block}
.stch-panel{position:absolute;right:0;bottom:76px;width:380px;height:min(620px,calc(100vh - 110px));background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s}
.stch-open .stch-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .18s,transform .18s}
.stch-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:linear-gradient(135deg,var(--g),#1f9a52);color:#fff;flex:0 0 auto}
.stch-av{width:40px;height:40px;border-radius:50%;background:#fff;flex:0 0 40px}
.stch-ht{flex:1;min-width:0;display:flex;flex-direction:column}
.stch-ht strong{font-size:16px}
.stch-ht span{font-size:12px;opacity:.92;display:flex;align-items:center;gap:6px}
.stch-ht i{width:8px;height:8px;border-radius:50%;background:#b8f5cf;display:inline-block}
.stch-new,.stch-close{background:transparent;border:0;color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;padding:0}
.stch-new:hover,.stch-close:hover{background:rgba(255,255,255,.18)}
.stch-body{flex:1;overflow-y:auto;padding:14px 12px 8px;background:#fafbfa;overscroll-behavior:contain}
.stch-row{display:flex;gap:8px;margin:0 0 10px;align-items:flex-end}
.stch-u{justify-content:flex-end}
.stch-mav{width:26px;height:26px;border-radius:50%;flex:0 0 26px;background:#fff}
.stch-msg{max-width:82%;padding:9px 12px;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere}
.stch-b .stch-msg{background:#fff;border:1px solid var(--bd);border-bottom-left-radius:4px}
.stch-u .stch-msg{background:var(--g);color:#fff;border-bottom-right-radius:4px}
.stch-msg a{color:var(--b);text-decoration:underline;font-weight:600}
.stch-u .stch-msg a{color:#fff}
.stch-msg ul{margin:4px 0;padding-left:18px}
.stch-msg li{margin:2px 0}
.stch-uimg{display:block;max-width:100%;max-height:180px;border-radius:8px;margin-bottom:6px}
.stch-disc{font-size:12px;color:var(--m);text-align:center;margin:4px 18px 12px}
.stch-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px 34px}
.stch-chip{border:1px solid var(--g);background:#fff;color:var(--gd);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:400;line-height:1.3;height:auto;width:auto;margin:0}
.stch-chip:hover{background:var(--s)}
.stch-cards{display:flex;gap:8px;overflow-x:auto;margin:-2px 0 12px 34px;padding-bottom:4px;scroll-snap-type:x mandatory}
.stch-card{flex:0 0 140px;scroll-snap-align:start;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:8px;text-decoration:none!important;color:var(--t)!important;display:flex;flex-direction:column;gap:3px}
.stch-card:hover{border-color:var(--g)}
.stch-card img,.stch-noimg{width:100%;height:90px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.stch-cn{font-size:12.5px;line-height:1.3;max-height:3.9em;overflow:hidden}
.stch-cp{font-weight:700;font-size:14px}
.stch-cs{font-size:11.5px;color:var(--gd)}
.stch-cs.no{color:#b45309}
.stch-typing .stch-msg{display:flex;gap:4px;padding:12px 14px}
.stch-typing .stch-msg span{width:7px;height:7px;border-radius:50%;background:#9aa5b1;animation:stchd 1.2s infinite}
.stch-typing .stch-msg span:nth-child(2){animation-delay:.15s}
.stch-typing .stch-msg span:nth-child(3){animation-delay:.3s}
@keyframes stchd{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.stch-prev{position:relative;padding:8px 12px 0;background:#fff;border-top:1px solid var(--bd)}
.stch-prev[hidden]{display:none}
.stch-prev img{height:56px;border-radius:6px;display:block}
.stch-prev button{position:absolute;top:2px;left:62px;width:22px;height:22px;border-radius:50%;border:0;background:#1F2933;color:#fff;font-size:15px;line-height:1;padding:0}
.stch-form{display:flex;align-items:flex-end;gap:6px;padding:10px;background:#fff;border-top:1px solid var(--bd);flex:0 0 auto;margin:0}
.stch-prev:not([hidden])+.stch-form{border-top:0}
.stch-form textarea{flex:1;resize:none;border:1px solid var(--bd);border-radius:12px;padding:9px 12px;font:inherit;font-size:16px;line-height:1.35;max-height:110px;min-height:40px!important;outline:none;overflow-y:hidden;background:#fff;color:var(--t);margin:0;box-shadow:none}
.stch-form textarea:focus{border-color:var(--g)}
.stch-img{width:38px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--m);cursor:pointer;border-radius:8px;margin:0}
.stch-img:hover{color:var(--g);background:var(--s)}
.stch-send{width:40px;height:40px;border-radius:50%;border:0;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 40px;padding:0}
.stch-send:hover{background:var(--gd)}
.stch-foot{font-size:11px;color:var(--m);text-align:center;padding:0 10px 8px;background:#fff}
.stch-rbar{position:relative;background:#fff;border-top:1px solid var(--bd);padding:6px 10px;text-align:center}
.stch-rbar[hidden]{display:none}
#stch-root .stch-rbtn{background:var(--s,#f3f7f5);border:1px solid var(--bd);color:var(--t);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;width:auto;height:auto;margin:0;display:inline-flex;align-items:center;gap:6px}
#stch-root .stch-rbtn:hover{border-color:var(--g);color:var(--gd)}
.stch-rbar.stch-rexp{padding:10px 12px 8px;animation:stchUp .18s ease-out}
#stch-root .stch-rx{position:absolute;top:4px;right:6px;background:transparent;border:0;color:var(--m);font-size:20px;line-height:1;width:28px;height:28px;padding:0;margin:0;cursor:pointer}
.stch-rdone{font-size:12px;color:var(--m)}
@keyframes stchUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stch-rate{margin:2px 0 12px 34px;padding:10px 12px;background:#fff;border:1px dashed var(--bd);border-radius:12px;text-align:center}
.stch-rq{font-size:13px;color:var(--m)}
.stch-stars{display:inline-flex;gap:2px;margin-top:4px}
#stch-root .stch-stars button{background:transparent;border:0;padding:2px;width:34px;height:34px;color:#cfd6dc;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .1s,transform .1s}
#stch-root .stch-stars:hover button{color:#f5a623}
#stch-root .stch-stars button:hover~button{color:#cfd6dc}
#stch-root .stch-stars button:hover{transform:scale(1.12)}
#stch-root .stch-stars button:focus-visible{outline:2px solid var(--b)}
.stch-rl{font-size:12px;color:var(--t);min-height:16px}
.stch-rs{color:#f5a623;font-size:16px;letter-spacing:1px}
.stch-rc{display:flex;gap:6px;margin:8px 0 0;align-items:flex-end}
#stch-root .stch-rc textarea{flex:1;resize:none;border:1px solid var(--bd);border-radius:10px;padding:7px 10px;font-size:14px;line-height:1.35;margin:0;min-height:0;background:#fff;color:var(--t);box-shadow:none;outline:none}
#stch-root .stch-rc textarea:focus{border-color:var(--g)}
#stch-root .stch-rc button{border:0;background:var(--g);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;height:auto;width:auto;margin:0}
.stch-rok{font-size:13px;color:var(--gd);margin-top:6px}
@media (max-width:600px){
#stch-root{right:14px;bottom:14px}
.stch-bubble{width:54px;height:54px}
.stch-open .stch-bubble{display:none}
.stch-panel{position:fixed;inset:0;width:100%;height:100%;height:100dvh;border-radius:0;bottom:0}
}
@media print{#stch-root{display:none}}
/* v0.5 stil "Frisk" (udkast 1, Kasper 19/10) */
.stch-panel{border-radius:22px;box-shadow:0 16px 44px rgba(16,40,28,.18)}
.stch-head{background:linear-gradient(135deg,#26AD5D,#1f9a52 60%,#1b8a4a);padding:14px 12px 14px 14px;gap:11px}
.stch-head .stch-av{width:42px;height:42px;flex:0 0 42px;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.stch-ht strong{font-size:17px}
.stch-ht i{box-shadow:0 0 0 3px rgba(184,245,207,.3)}
.stch-new,.stch-close{border-radius:10px}
.stch-body{background:#f7faf8;padding:16px 14px 8px}
.stch-hello{background:#fff;border:1px solid #e3ece6;border-radius:18px;padding:16px;text-align:center;margin:0 0 12px}
.stch-hav{width:56px;height:56px;border-radius:50%;display:block;margin:0 auto 8px;background:#fff}
#stch-root .stch-hello h3{font-size:18px;line-height:1.3;margin:0 0 4px;color:var(--t);font-weight:700;text-transform:none;letter-spacing:normal}
#stch-root .stch-hello p{font-size:14.5px;color:#3d4a55;line-height:1.45;margin:0}
.stch-disc{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:12px;color:var(--m);background:#eef6f1;border-radius:12px;padding:9px 11px;line-height:1.4;margin:0 0 14px}
.stch-msg{border-radius:18px;padding:10px 13px}
.stch-b .stch-msg{border-color:#e3ece6;border-bottom-left-radius:6px}
.stch-u .stch-msg{border-bottom-right-radius:6px}
.stch-form{align-items:center;gap:8px;padding:10px 12px 8px;border-top-color:#edf1ee}
.stch-form textarea{border:1.5px solid #dfe8e2;border-radius:22px;padding:10px 16px;min-height:44px!important}
.stch-send{width:44px;height:44px;flex:0 0 44px}
.stch-rbar{border-top-color:#edf1ee}
#stch-root .stch-rbtn{background:#f4faf6;border-color:#dfe8e2}
.stch-foot{font-size:12px;color:#3d4a55;padding:0 10px 10px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;justify-content:center;line-height:1.3}
#stch-root .stch-tel{background:#e6f4ec;color:#1e8f4c;font-weight:700;border-radius:999px;padding:3px 10px;text-decoration:none;white-space:nowrap}
#stch-root .stch-tel:hover{background:#d6eedf}
@media (max-width:600px){.stch-panel{border-radius:0}}
.stch-foot{flex-wrap:nowrap;font-size:11.5px;gap:5px;white-space:nowrap}
#stch-root .stch-tel{padding:3px 9px;font-size:11.5px}
#stch-root .stch-hello h3{font-family:inherit}
@media (max-width:360px){.stch-foot{flex-wrap:wrap}}
.stch-foot{padding:0 6px 10px}