/* SPK-PCLAYOUT: standard responsive PC layout + compact work-order list (ops/pclayout) */
@media (min-width:768px){
html,body{overflow-x:clip!important}
/* Work orders list view */
html body main#list.list{width:auto!important;max-width:1600px;box-sizing:border-box;overflow-x:clip!important}
html body main#list .rhead,html body main#list .jrow{
 display:grid!important;grid-template-columns:180px minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) 84px 90px minmax(0,1.2fr) 128px 72px!important;
 column-gap:10px!important;align-items:center!important;min-width:0!important;width:100%!important;box-sizing:border-box}
html body main#list .rhead{position:sticky!important;top:0;z-index:5;background:#fff;height:auto!important;min-height:38px;padding-top:8px!important;padding-bottom:8px!important}
html body main#list .jrow{min-height:60px!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;margin-bottom:6px!important}
html body main#list .jrow>span{min-width:0!important;overflow:hidden;text-overflow:ellipsis}
html body main#list .jrow b,html body main#list .jrow small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body main#list .jrow small{font-size:12px;line-height:1.3}
html body main#list .jrow .c-bk{white-space:nowrap}
html body main#list .jrow .c-pk{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
html body main#list .c-id{display:flex!important;align-items:center;gap:8px;white-space:nowrap!important;font-variant-numeric:tabular-nums;font-size:13px}
html body main#list .c-id .mq-lq{order:-1;flex:0 0 auto;display:inline-flex}
html body main#list .c-id .mq-qr{width:30px!important;height:30px!important;padding:2px!important;margin:0!important;border-radius:6px;box-sizing:border-box;cursor:zoom-in;position:relative}
html body main#list .c-id .mq-qr svg{width:26px!important;height:26px!important;display:block}
html body main#list .c-id .mq-qr figcaption{display:none!important}
html body main#list .c-id .mq-qr:hover svg{position:absolute;left:0;top:0;width:120px!important;height:120px!important;z-index:30;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.18);border-radius:8px;padding:6px}
html body main#list .c-st{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;overflow:visible!important}
html body main#list .c-st .pill{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body main#list .c-nx{display:flex!important;justify-content:flex-end;overflow:visible!important}
html body main#list .rhead>[data-plc]:not([data-plc='3']):not([data-plc='4']){display:block!important}
html body main#list .c-nx .btn{white-space:nowrap;max-width:100%!important;overflow:hidden;text-overflow:ellipsis}
html body main#list .c-nx .btn--rep{font-size:12.5px}
html body main#list .c-mo{position:static!important;display:flex!important;gap:4px;justify-content:flex-end;overflow:visible!important}
html body main#list .jrow .c-mo .btn.btn{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;box-sizing:border-box!important;padding:0!important;font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
html body main#list .c-mo .btn svg{width:16px;height:16px;margin:0!important}
html body main#list .c-mo .btn[data-print]{display:none!important}
html body main#list .c-mo .btn--dots{font-size:16px!important}
html body main#list .jrow .c-bk>b{display:inline!important}
html body main#list .jrow .c-bk{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;line-height:1.3}
html body main#list .jrow .c-bk small{display:none!important}
html body main#list .c-id{overflow:visible!important}
html body main#list .jrow.ho-flag{box-shadow:inset 3px 0 0 #d97706}
html body main#list .jrow>.ho-sick{display:none!important}
html body main#list .c-st .ho-sick{display:inline-block!important;position:static!important;margin:0!important;font-size:11px;font-weight:600;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:1px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}
html body main#list .rhead>:not(span){position:absolute!important;left:6px;top:50%;transform:translateY(-50%)}
@media (min-width:768px) and (max-width:1279px){
html body main#list .rhead,html body main#list .jrow{grid-template-columns:128px minmax(0,1fr) minmax(0,1.1fr) 64px minmax(0,1fr) 112px 70px!important;column-gap:6px!important;padding-left:8px!important;padding-right:8px!important}
html body main#list [data-plc="3"],html body main#list [data-plc="4"]{display:none!important}
html body main#list .c-id .mq-lq{display:none!important}
html body main#list .c-id{font-size:12px!important;gap:5px!important}
html body main#list .c-nx .btn{padding-left:10px!important;padding-right:10px!important;font-size:12.5px}
html body main#list .c-mo .btn[data-print]{display:none!important}
}
/* Floating Hub «?» removed on PC – lives in profile menu */
@media (min-width:768px){html body #bn-q{display:none!important}}
html body #bn-q.spk-pl-hide{display:none!important}
.spk-pl-hub .spk-pl-n{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.spk-pl-dot{position:relative}
.spk-pl-dot::after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #fff;pointer-events:none}
/* Standard PC page container: fluid up to 1600px, centred, same padding for header and content */
@media (min-width:1024px){
html body{--spk-pw:1600px;--spk-pp:clamp(24px,1.9vw,32px)}
html body section.blv-hero .blv-hero__in{max-width:var(--spk-pw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--spk-pp)!important;padding-right:var(--spk-pp)!important;box-sizing:border-box;align-items:center!important}
html body #blv-pane>.bt-in,html body #blv-pane>.nr-tabs,html body #blv-pane>.sb-tabs,html body #blv-pane>.spk-wm-page,html body #blv-pane>.sbu-tabs{max-width:var(--spk-pw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--spk-pp)!important;padding-right:var(--spk-pp)!important;box-sizing:border-box!important;width:100%!important}
html body #blv-pane{min-width:0!important}
html body #blv-pane table{max-width:100%}
html body #blv-pane .bt-in>*{min-width:0}
html body main#list.list{margin-left:auto!important;margin-right:auto!important;max-width:var(--spk-pw)!important;padding-left:var(--spk-pp)!important;padding-right:var(--spk-pp)!important}
}
@media (min-width:768px){
html body main#list .jrow .c-mo .btn--dots.btn{font-size:17px!important;line-height:1}
html body main#list .c-st>*{max-width:100%!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* SPK-PCLAYOUT Varetellinger (PC review modal): wider, structured, sticky header/footer */
@media (min-width:761px){
html body .vt.vt-pc{width:min(1200px,94vw)!important;max-width:none!important;max-height:90vh!important;height:90vh;display:flex!important;flex-direction:column;overflow:hidden!important}
html body .vt.vt-pc .vt-hd{flex:0 0 auto}
html body .vt.vt-pc .vt-pcbd{flex:1 1 auto;min-height:0;overflow:auto!important;padding-top:0!important;padding-bottom:0!important;display:flex;flex-direction:column}
html body .vt.vt-pc .vt-pcbd>.vt-bar{position:sticky;top:0;z-index:4;background:#fff;padding:12px 0 10px!important;margin:0!important;border-bottom:1px solid #eef0f3;display:flex;align-items:center;justify-content:flex-start!important;gap:12px;flex-wrap:wrap}
html body .vt.vt-pc .vt-pcbd>.vt-bar>div b{font-size:16px}
html body .vt.vt-pc .vt-kpis{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:10px 0 8px!important;padding:0!important;grid-template-columns:none!important}
html body .vt.vt-pc .vt-kpis>div{display:inline-flex!important;flex-direction:row!important;align-items:baseline;gap:6px;padding:4px 12px!important;min-height:0!important;height:auto!important;border-radius:999px!important;background:#f3f5f8!important;border:1px solid #e5e8ee!important;box-shadow:none!important;flex:0 0 auto!important;width:auto!important}
html body .vt.vt-pc .vt-kpis>div b{font-size:14px!important;line-height:1.4!important}
html body .vt.vt-pc .vt-kpis>div span{font-size:12.5px!important;color:#5b6472}
html body .vt.vt-pc .vt-kpis>div.vt-kw{background:#fff7ed!important;border-color:#fed7aa!important}
html body .vt.vt-pc .vt-scan.vt-usb{display:flex!important;align-items:center;gap:8px;height:40px;min-height:40px!important;padding:0 10px!important;margin:0 0 10px!important;border-radius:10px;box-sizing:border-box}
html body .vt.vt-pc .vt-scan.vt-usb svg{width:18px!important;height:18px!important;flex:0 0 18px;position:static!important}
html body .vt.vt-pc .vt-scan.vt-usb .vt-in{height:32px!important;min-height:0!important;padding:4px 8px!important;font-size:14px!important;border:0!important;background:transparent!important;flex:1;box-shadow:none!important}
html body .vt.vt-pc table.vt-rev{width:100%!important;table-layout:fixed;border-collapse:collapse!important;flex:0 0 auto}
html body .vt.vt-pc table.vt-rev thead th{position:sticky;top:0;z-index:3;background:#f8fafc;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#5b6472;padding:8px 10px!important;border-bottom:1px solid #e5e8ee;text-align:left}
html body .vt.vt-pc table.vt-rev th.vt-r{text-align:right}
html body .vt.vt-pc table.vt-rev th:first-child{width:auto}
html body .vt.vt-pc table.vt-rev th:nth-child(2){width:150px}
html body .vt.vt-pc table.vt-rev th.vt-r{width:110px;white-space:nowrap}
html body .vt.vt-pc table.vt-rev th.vt-r:nth-last-child(2){width:150px}
html body .vt.vt-pc table.vt-rev th:last-child{width:44px}
html body .vt.vt-pc table.vt-rev td{padding:8px 10px!important;border-bottom:1px solid #eef0f3!important;vertical-align:middle}
html body .vt.vt-pc table.vt-rev td:first-child .vt-in{width:100%!important;max-width:none!important;box-sizing:border-box;height:34px}
html body .vt.vt-pc table.vt-rev td:first-child small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .vt.vt-pc table.vt-rev .vt-num{width:80px!important;text-align:right;height:34px}
html body .vt.vt-pc table.vt-rev .vt-kr{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}
html body .vt.vt-pc table.vt-rev tbody tr:hover{background:#fafbfc}
html body .vt.vt-pc .vt-pcbd>.vt-foot,html body .vt.vt-pc .vt-pcbd>.vt-flash{position:sticky;bottom:0;z-index:4;background:#fff;margin-top:auto!important;padding:12px 0!important;border-top:1px solid #e5e8ee;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html body .vt.vt-pc .vt-pcbd>.vt-foot>p{flex:1 1 300px;margin:0!important}
}
@media (min-width:1600px){html body .vt.vt-pc{width:min(1400px,90vw)!important}}
/* Standard top spacing (no empty gap above I dag hero) */
@media (min-width:1024px){
html body #blv-pane>.bt-in{padding-top:16px!important}
html body #blv-pane .v4-idag{padding-top:0!important}
html body #blv-pane .v4-idag>.spk-pl-z{margin-top:0!important;margin-bottom:0!important}
html body #blv-pane .v4-idag>:first-child:not(.spk-pl-z){margin-top:0!important}
}
/* «trenger ny mekaniker» as compact chip */
html body .ho-cnt{display:inline-flex!important;align-items:center;gap:4px;height:28px!important;min-height:0!important;padding:0 10px!important;margin:0 0 0 10px!important;font:600 13px/1 inherit!important;font-size:13px!important;letter-spacing:0!important;color:#9a3412!important;background:#fff7ed!important;border:1px solid #fdba74!important;border-radius:999px!important;box-shadow:none!important;animation:none!important;transition:background .15s;vertical-align:middle;cursor:pointer;white-space:nowrap;text-shadow:none!important}
html body .ho-cnt::before,html body .ho-cnt::after{animation:none!important;box-shadow:none!important}
html body .ho-cnt:hover{background:#ffedd5!important}
@media (min-width:1024px){
html body #blv-pane .v4-idag{max-width:none!important;width:auto!important}
html body #blv-pane .v4-idag>section,html body #blv-pane .v4-idag>div{margin-bottom:0!important}
}
/* Job card header: no badge row / confirmation strip in the title area (PC) */
@media (min-width:768px){
html body #panel .jb2-hd .jb2-c,html body #panel .jb2-hd .jb2-chips{display:none!important}
html body #panel .ph .spk-pl-apvok,html body #panel .ph>.spk-apv.is-ok,html body #panel .ph>.spk-apv.is-done{display:none!important}
}
/* Job cards: status accent as thin bottom bar instead of thick left edge */
html body .spk-pl-acc{border-left-width:1px!important;border-left-style:solid!important;border-left-color:var(--spk-accb,#e3e8ee)!important;box-shadow:inset 0 -3px 0 0 var(--spk-acc),0 1px 2px rgba(16,40,46,.06)!important;overflow:hidden}
html body main#list .jrow.ho-flag{box-shadow:inset 0 -3px 0 0 #d97706!important}
/* Card chips: one compact status chip, location muted */
html body :is(.blv-kb-card,.kcard,.jrow,.icc-j,.mk-row,.ios-jc) :is(.blv-svb,.pill){display:inline-flex!important;align-items:center;gap:4px;height:22px!important;min-height:0!important;padding:0 8px!important;font-size:12px!important;line-height:1!important;border-radius:999px!important;white-space:nowrap!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
html body :is(.blv-kb-card,.kcard,.jrow,.icc-j,.mk-row,.ios-jc) :is(.blv-svb,.pill) svg{width:12px!important;height:12px!important}
html body .spk-pl-stale{display:none!important}
html body .spk-pl-loc{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;color:#6b7280!important;font-size:12px!important;font-weight:500!important}
html body .blv-kb-card>.pk-kb.spk-pl-dup{display:none!important}
/* Sidebar footer logo ~50% */
@media (min-width:768px){
html body #blv-sb .ssb-host{padding:8px 0 10px!important}
html body #blv-sb .ssb svg.ssb-logo{width:80px!important;height:68px!important}
}
/* Collapsed sidebar rail (html.sb-c) */
@media (min-width:768px){
html.sb-c body #blv-sb#blv-sb#blv-sb{display:flex!important;flex-direction:column!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-sc{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-sc::-webkit-scrollbar{display:none}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-sc:has(.nr-ul)>.sb-ul:not(.nr-ul){display:none!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-ul{width:auto!important;padding:0 4px!important;margin:0!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-ul>li{width:auto!important;margin:0!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-ul>li.nr-h{height:1px!important;min-height:0!important;margin:6px 10px!important;padding:0!important;background:rgba(255,255,255,.14);overflow:hidden}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-ul>li.nr-h>*{display:none!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-a,html.sb-c body #blv-sb#blv-sb#blv-sb .sb-gb{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:64px!important;min-height:52px!important;height:auto!important;padding:6px 2px!important;margin:1px auto!important;box-sizing:border-box!important;overflow:visible!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-a .sb-i,html.sb-c body #blv-sb#blv-sb#blv-sb .sb-gb .sb-i{position:relative;width:22px!important;height:22px!important;margin:0!important;display:grid;place-items:center}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-a .sb-l,html.sb-c body #blv-sb#blv-sb#blv-sb .sb-gb .sb-l{display:block!important;max-width:62px;font-size:10.5px!important;line-height:1.15!important;text-align:center;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;margin:0!important;-webkit-line-clamp:unset!important}
html.sb-c body #blv-sb#blv-sb#blv-sb :is(.sb-b,.sb-gn,.hn-badge,[class*=badge]){position:absolute!important;top:3px!important;right:10px!important;left:auto!important;margin:0!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:10px!important;line-height:16px!important;border-radius:999px!important;transform:none!important}
html.sb-c body #blv-sb#blv-sb#blv-sb :is(.sb-b,.sb-gn)[hidden]{display:none!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .sb-car{display:none!important}
html.sb-c body #blv-sb#blv-sb#blv-sb .ssb-host{padding:6px 0 8px!important;flex:0 0 auto}
html.sb-c body #blv-sb#blv-sb#blv-sb .ssb svg.ssb-logo{width:40px!important;height:40px!important;overflow:hidden!important}
}
/* Sidebar footer logo removed; tiny V3 wheel beside workshop name */
@media (min-width:768px){
html body #blv-sb .sb-ft .ssb-host{display:none!important}
html body #blv-sb .sb-ws .spk-pl-wheel{display:inline-flex;vertical-align:-4px;margin-right:6px;line-height:0;color:#fff}
html body #blv-sb .sb-ws .spk-pl-wheel svg{width:20px!important;height:20px!important;display:block;overflow:hidden}
}
/* No circled «i» info buttons anywhere (Spokes Hub covers help) */
html body .spk-hi,html body #spk-hi-bar,html body button.blv-tip,html body .icc-hl .spk-hi{display:none!important}
/* Card badge layout: one status chip top-right, price plain bold, avatar left, Delayed chip only */
html body .blv-kb-card{position:relative}
html body .blv-kb-card .spk-kbtags{display:flex!important;flex-direction:column;align-items:flex-end;gap:4px}
html body .blv-kb-card .pk-kb{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:6px}
html body .blv-kb-card .pk-kb .pk-st{display:inline-flex!important;align-items:center;gap:4px;height:22px;padding:0 8px!important;border-radius:999px!important;border:0!important;font-size:12px!important;font-weight:600!important;line-height:1}
html body .blv-kb-card .pk-kb .pk-kb__t{font-weight:700!important;font-size:12.5px!important;background:none!important;padding:0!important;color:#111827}
html body .blv-kb-card .spk-pl-nost .pk-st{display:none!important}
html body :is(.blv-kb-card,.kcard,.icc-j,.ios-jc) :is(.blv-svb,.pill,.pk-st){border:0!important;font-weight:600!important}
html body .blv-kb-card .blv-kb-f{display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px}
html body .blv-kb-card .blv-kb-f .blv-av{order:-1;margin:0!important}
html body .blv-kb-card .blv-kb-f .due{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}
html body .blv-kb-card .blv-kb-f .due.spk-pl-late{height:22px;padding:0 8px;border-radius:999px;background:#fef2f2;color:#b91c1c!important;font-weight:600}
/* Sidebar header: only the workshop's own name, vertically centred */
html body #blv-sb .sb-ws .sb-wt small,html body #blv-sb .sb-ws .spk-pl-wheel,html body #blv-sb .sb-ws .sb-wt [class*=ssb]{display:none!important}
html body #blv-sb .sb-ws .sb-wt{display:flex!important;flex-direction:column;justify-content:center!important;align-self:center}
/* Ferie: light, explicit selection bar */
html body .fe-selbar.spk-pl-fe{background:#fff!important;color:#15252b!important;border:1px solid #dbe5e8!important;box-shadow:0 10px 30px rgba(15,60,58,.14)!important;border-radius:14px!important;display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px!important}
html body .fe-selbar.spk-pl-fe[hidden]{display:none!important}
html body .fe-selbar.spk-pl-fe>.fe-selt,html body .fe-selbar.spk-pl-fe>.fe-st,html body .fe-selbar.spk-pl-fe>[data-fe-add],html body .fe-selbar.spk-pl-fe>[data-fe-clr]{display:none!important}
.spk-pl-feq{flex:1 1 240px;font-size:14px;font-weight:600;color:#15252b}
.spk-pl-feq small{display:block;font-weight:400;font-size:12px;color:#5b6472;margin-top:2px}
.spk-pl-feb{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid #0f766e;background:#0f766e;color:#fff}
.spk-pl-feb.sec{background:#fff;color:#0f766e}
.spk-pl-feb:hover{filter:brightness(1.05)}
.spk-pl-fec{background:none;border:0;color:#5b6472;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px}
/* Kundedialog: alive conversation */
@media (min-width:768px){
html body .v4-inb__t{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:480px;background:linear-gradient(180deg,#f7fbfb,#fff);border:1px solid #e3ecee;border-radius:16px;overflow:hidden}
html body .v4-inb__t>.v4-th{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid #e3ecee}
html body .v4-inb__t>.v4-msgs{flex:1 1 auto;overflow:auto;padding:14px 18px;margin:0}
html body .v4-inb__t>.v4-cmp{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid #e3ecee;box-shadow:0 -6px 18px rgba(15,60,58,.06);padding:10px 14px;margin:0}
}
.v4-msgs>li.v4-m.spk-pl-m{display:flex!important;gap:8px;align-items:flex-end;max-width:none!important;background:none!important;border:0!important;padding:0!important;margin:6px 0!important;animation:spkPlIn .22s ease-out}
.v4-msgs>li.v4-m.spk-pl-m{flex-direction:row!important;align-self:auto!important;width:100%!important}
.v4-msgs>li.v4-m--oss.spk-pl-m{flex-direction:row-reverse!important}
.spk-pl-mw{display:flex;flex-direction:column;max-width:68%}
.v4-m--oss .spk-pl-mw{align-items:flex-end}
.spk-pl-mw .v4-m__b{border-radius:16px;padding:9px 13px;font-size:14px;line-height:1.4;background:#fff;border:1px solid #e3ecee;color:#15252b;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.v4-m--oss .spk-pl-mw .v4-m__b{background:#0f766e;color:#fff;border-color:#0f766e;border-bottom-right-radius:5px}
.v4-m--kunde .spk-pl-mw .v4-m__b{border-bottom-left-radius:5px}
.spk-pl-mw small{font-size:11.5px;color:#6b7280;margin-top:3px;display:flex;gap:4px;align-items:center}
.spk-pl-av{position:static!important;transform:none!important;margin:0!important;align-self:flex-end!important;flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#e0f2f1;color:#0f766e}
.v4-m--oss .spk-pl-av{background:#0f766e;color:#fff}
.spk-pl-tk{font-weight:700;letter-spacing:-2px;color:#9ca3af}.spk-pl-tk.ok{color:#0f766e}.spk-pl-tk.rd{color:#2563eb}.spk-pl-tk.err{color:#dc2626;letter-spacing:0}
.spk-pl-dd{list-style:none;display:flex;align-items:center;gap:10px;margin:10px 0!important;color:#6b7280;font-size:12px;font-weight:600}
.spk-pl-dd:before,.spk-pl-dd:after{content:"";flex:1;height:1px;background:#e3ecee}
@keyframes spkPlIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.v4-msgs>li.spk-pl-m{animation:none}}
/* Kunder: lively light cards matching glass sidebar */
html.spk-ku body .bt-card,html.spk-ku body .spi-kr{background:rgba(255,255,255,.92)!important;border:1px solid #e3ecee!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(15,60,58,.06)!important}
html.spk-ku body .bt-sup{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px!important;margin:0 0 6px!important;border:1px solid #eef3f4!important;border-radius:12px!important;background:#fff!important;transition:border-color .15s,box-shadow .15s,transform .15s}
html.spk-ku body .bt-sup:hover{border-color:#99d5cf!important;box-shadow:0 4px 14px rgba(15,118,110,.10)!important;transform:translateY(-1px)}
.spk-pl-ba{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#0f766e;background:linear-gradient(135deg,#e0f2f1,#f0fdfa)}
html.spk-ku body .bt-sup b{font-size:14.5px;color:#15252b}
html.spk-ku body .bt-tools input[type=search],html.spk-ku body .spi-kr__q{border-radius:12px!important;border:1px solid #d7e3e6!important;background:#fff!important;height:40px}
html.spk-ku body .bt-tools input[type=search]:focus,html.spk-ku body .spi-kr__q:focus{border-color:#0f766e!important;box-shadow:0 0 0 3px rgba(15,118,110,.15)!important;outline:0}
html.spk-ku body .bt-h3{font-size:16px!important}
html.spk-ku body table tr:hover td{background:#f4fbfa}