.bk-support{--support-bg:var(--bk-bg,#0f1011);--support-panel:var(--bk-panel,#131415);--support-border:var(--bk-border,#2b2c2e);--support-text:var(--bk-text,#eee);--support-muted:var(--bk-muted,#909398);--support-hover:var(--bk-hover,#242526);display:grid;grid-template-columns:280px minmax(280px,1fr) 290px;gap:14px;height:calc(100dvh - 150px);min-height:420px;color:var(--support-text);font-family:inherit;font-size:14px;line-height:1.5}
.bk-support *{box-sizing:border-box}.bk-support [hidden]{display:none!important}.bk-support button,.bk-support input,.bk-support textarea,.bk-support select{font:inherit;color:inherit}.bk-support button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--support-border);border-radius:10px;background:transparent;cursor:pointer;transition:background .2s ease}.bk-support button:hover{background:var(--support-hover)}.bk-support button:disabled{opacity:.5;cursor:not-allowed}.bk-support button:focus-visible,.bk-support input:focus-visible,.bk-support textarea:focus-visible{outline:2px solid var(--support-muted);outline-offset:2px}.bk-support svg{flex-shrink:0}.bk-support input,.bk-support select,.bk-support textarea{border:1px solid var(--support-border);border-radius:10px;background:var(--support-bg);padding:10px 12px;min-width:0;width:100%;resize:vertical}.bk-support label{display:grid;gap:8px;margin-bottom:14px}.bk-support small,.bk-support time,.bk-support p{color:var(--support-muted)}
.bk-support-list,.bk-support-chat,.bk-support-details{background:var(--support-panel);border:1px solid var(--support-border);border-radius:14px;overflow:hidden;min-width:0;min-height:0}.bk-support-list{display:flex;flex-direction:column}.bk-support header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--support-border)}.bk-support header strong{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.bk-support-live{font-size:11px;white-space:nowrap;color:var(--support-muted)}.bk-support-search{display:flex;gap:8px;padding:14px}.bk-support-search input{min-width:0}.bk-support-filters{padding:0 14px}.bk-support-threads{flex:1;overflow:auto;padding:6px 10px}.bk-support .bk-support-thread{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 65px;text-align:left;gap:9px;border-color:transparent;margin-bottom:8px;padding:10px 8px}.bk-support-thread.is-selected{border-color:var(--support-muted);background:var(--support-hover)}.bk-support-thread strong,.bk-support-thread small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-support-thread time{font-size:10px;display:block}.bk-support-thread b{display:inline-grid;place-items:center;border-radius:50%;background:var(--support-text);color:var(--support-bg);width:22px;height:22px;font-size:11px}.bk-support-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--support-hover);flex-shrink:0}.bk-support-list>footer{display:flex;justify-content:space-between;padding:10px;border-top:1px solid var(--support-border)}
.bk-support-chat{display:flex;flex-direction:column}.bk-support-chat-head{min-height:74px;flex-shrink:0}.bk-support-actions{display:flex;gap:8px}.bk-support-history{flex:1;min-height:0;overflow:auto;padding:20px;scrollbar-gutter:stable}.bk-support-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;text-align:center;padding:24px;gap:12px}.bk-support-empty>svg{width:36px;height:36px;color:var(--support-muted)}.bk-support-empty p{margin:0;max-width:340px}.bk-support-day{display:flex;justify-content:center;margin:24px 0;color:var(--support-muted);font-size:11px}.bk-support-message{width:fit-content;max-width:85%;min-width:110px;margin:12px 0;padding:10px 14px;border:1px solid var(--support-border);border-radius:12px;background:var(--support-bg);overflow-wrap:anywhere}.bk-support-message.is-own{margin-left:auto;background:var(--support-hover)}.bk-support-message p{white-space:pre-wrap;margin:5px 0;color:var(--support-text)}.bk-support-message blockquote{margin:8px 0;padding:8px;border-left:2px solid var(--support-muted);color:var(--support-muted);font-size:12px}.bk-support-message footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px}.bk-support-message footer button{min-height:28px;width:28px;padding:4px;border-color:transparent}.bk-support-message time{font-size:10px}.bk-support-message img{max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.bk-support-message audio{width:260px;max-width:100%}.bk-support a{color:inherit;overflow-wrap:anywhere}.bk-support-composer{display:flex;align-items:center;gap:8px;margin:12px;padding:8px;border:1px solid var(--support-border);border-radius:12px}.bk-support-composer textarea{border:0;resize:none;min-height:40px;max-height:120px;background:transparent}.bk-support-composer button{width:40px;flex-shrink:0;padding:8px}.bk-support-draft{margin:0 12px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--support-border);border-radius:10px}.bk-support-draft span{overflow:hidden;text-overflow:ellipsis}.bk-support-alert{margin:12px;padding:12px;border:1px solid var(--support-muted);border-radius:10px}.bk-support .is-recording{border-color:var(--support-text);background:var(--support-hover)}
.bk-support-details{overflow:auto}.bk-support-details header div{min-width:0;overflow-wrap:anywhere}.bk-support-details header small{display:block}.bk-support-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.bk-support-stats small,.bk-support-stats strong{display:block;font-size:11px}.bk-support-details nav{display:flex;gap:4px;padding:8px;border-block:1px solid var(--support-border)}.bk-support-details nav button{flex:1;font-size:12px;padding:6px}.bk-support-info,.bk-support-cart,.bk-support-tags{padding:16px}.bk-support dt{font-size:12px;color:var(--support-muted)}.bk-support dd{margin:4px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--support-border);overflow-wrap:anywhere}
.bk-support-modal{position:fixed;inset:0;z-index:2200;background:#0008;display:flex;justify-content:flex-end;padding:16px}.bk-support-modal>section{display:flex;flex-direction:column;width:440px;max-width:100%;border:1px solid var(--support-border);border-radius:16px;background:var(--support-panel);box-shadow:0 16px 50px #0004;animation:bk-support-enter .22s cubic-bezier(.22,1,.36,1)}.bk-support-modal h2{font-size:18px;margin:0}.bk-support-modal-body{overflow:auto;flex:1;padding:20px}.bk-support-modal footer{padding:16px;text-align:right}.bk-support-shortcut-form{display:grid;gap:12px;margin-bottom:12px}.bk-support-shortcut-list article{padding:14px;margin:14px 0;border:1px solid var(--support-border);border-radius:10px}.bk-support-shortcut-list audio{max-width:100%}.bk-support-check{display:flex!important;align-items:center;gap:10px;padding:12px 0}.bk-support-check input{width:18px;height:18px;flex-shrink:0}.bk-support-modal-body button{margin:4px}.bk-support-customer-overlay{position:fixed;inset:0;z-index:2100;background:#0009;padding:24px;display:grid;place-items:center;backdrop-filter:blur(3px)}.bk-support-customer-overlay>section{width:850px;max-width:100%;max-height:100%;position:relative}.bk-support-customer-overlay .bk-support{grid-template-columns:minmax(0,1fr);height:min(720px,calc(100dvh - 48px));min-height:0}.bk-support-loading{display:grid;gap:16px;padding:28px;background:var(--bk-panel,#151515);border-radius:14px}.bk-support-loading span{height:40px;border-radius:10px;background:linear-gradient(100deg,#222 20%,#333 50%,#222 80%);background-size:200%;animation:bk-support-loading 2.4s ease-in-out infinite}
@keyframes bk-support-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes bk-support-loading{to{background-position:-200% 0}}
html[data-bk-theme=light] .bk-support{--support-bg:var(--bk-bg,#f6f7f9);--support-panel:var(--bk-panel,#fff);--support-text:var(--bk-text,#17191c);--support-border:var(--bk-border,#dedfe2);--support-hover:var(--bk-hover,#eff0f2);--support-muted:var(--bk-muted,#6b7280)}
@media(max-width:1250px){.bk-support{grid-template-columns:250px minmax(280px,1fr)}.bk-support-details{grid-column:1/-1;max-height:400px}.bk-support{height:auto}.bk-support-list,.bk-support-chat{height:calc(100dvh - 150px)}}@media(max-width:760px){.bk-support{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}.bk-support-list{height:300px}.bk-support-chat{height:580px;max-height:calc(100dvh - 100px)}.bk-support-message{max-width:95%}.bk-support-chat-head{flex-wrap:wrap}.bk-support-composer{gap:4px;margin:8px;padding:4px}.bk-support-composer button{width:34px}.bk-support-customer-overlay{padding:10px}.bk-support-modal{padding:8px}.bk-support-customer-overlay .bk-support-chat{height:calc(100dvh - 20px);max-height:none}}
@media(prefers-reduced-motion:reduce){.bk-support *{animation:none!important;transition:none!important}}
.bk-support:has(.bk-support-details[hidden]){grid-template-columns:280px minmax(280px,1fr)}
@media(max-width:760px){.bk-support:has(.bk-support-details[hidden]){grid-template-columns:minmax(0,1fr)}}
.bk-support-review-form{padding:24px;background:var(--bk-panel,#151515);color:var(--bk-text,#eee);border:1px solid var(--bk-border,#333);border-radius:14px;max-width:520px!important;overflow:auto}.bk-support-review-form header{display:flex;justify-content:space-between;align-items:center;gap:12px}.bk-support-review-form h2{font-size:22px;margin:0}.bk-support-review-form label{display:grid;gap:8px;margin:18px 0}.bk-support-review-form input,.bk-support-review-form textarea,.bk-support-review-form select,.bk-support-review-form button{font:inherit;color:inherit;background:transparent;border:1px solid var(--bk-border,#333);border-radius:10px;padding:10px;min-height:40px}.bk-support-review-form select option{background:var(--bk-panel,#151515)}.bk-support-review-form textarea{min-height:90px}.bk-support-review-form button{cursor:pointer}.bk-support-review-form button:disabled{opacity:.5}
.bk-support-list>header{flex-wrap:wrap}.bk-support-list>header>strong{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}
.bk-support-list>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.bk-support-list-tools{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.bk-support-list-tools button{width:34px;min-height:34px!important;height:34px;padding:7px!important}.bk-support.is-list-expanded{grid-template-columns:minmax(340px,420px) minmax(280px,1fr) 290px}.bk-support.is-list-expanded:has(.bk-support-details[hidden]){grid-template-columns:minmax(340px,420px) minmax(280px,1fr)}.bk-support-thread strong,.bk-support-thread small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.bk-support-thread time{line-height:1.5;overflow-wrap:normal}.bk-support-thread>span{min-width:0}.bk-support-draft span{overflow:visible;overflow-wrap:anywhere}.bk-support-message{position:relative;border-radius:4px 12px 12px 12px;margin:8px 0}.bk-support-message.is-own{border-radius:12px 4px 12px 12px}.bk-support-day{width:fit-content;margin:20px auto;padding:4px 12px;border:1px solid var(--support-border);background:var(--support-panel);border-radius:8px}.bk-support-message footer button{opacity:0;transition:opacity .15s ease}.bk-support-message:hover footer button,.bk-support-message:focus-within footer button{opacity:1}.bk-support-actions{flex-wrap:wrap}.bk-support-chat-head strong{overflow-wrap:anywhere}.bk-support-settings-card{padding:16px;border:1px solid var(--support-border);border-radius:12px;margin-bottom:18px}.bk-support-settings-card h3{font-size:14px;margin:0 0 8px}.bk-support-settings-card p{font-size:12px;line-height:1.6}.bk-support-check span{flex:1}.bk-support-check strong,.bk-support-check small{display:block}.bk-support-check small{margin-top:4px;font-size:12px}.bk-support-modal:has(.bk-support-settings-panel){justify-content:center;align-items:center}.bk-support-settings-panel{height:auto!important;max-height:calc(100dvh - 32px);width:480px!important}.bk-support-settings-panel .bk-support-modal-body{flex:none}.bk-support-settings-panel footer{border-top:1px solid var(--support-border);display:flex;justify-content:flex-end}.bk-support [data-act=save],.bk-support [data-act=shortcutSave],.bk-support-composer [type=submit],.bk-support-review-form button[type=submit]{background:var(--bk-text,#eee)!important;color:var(--bk-bg,#111)!important;border-color:transparent!important;font-weight:600}.bk-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}.bk-select-trigger{width:100%;display:flex!important;align-items:center;justify-content:space-between!important;gap:12px;text-align:left;min-height:40px;padding:10px 12px!important;font:inherit;color:var(--bk-text,#eee);background:var(--bk-panel,#131415);border:1px solid var(--bk-border,#2b2c2e);border-radius:10px;cursor:pointer;min-width:0}.bk-select-trigger span{white-space:normal;overflow-wrap:anywhere}.bk-select-trigger svg{flex:none}.bk-select-popup{position:fixed!important;z-index:9999;box-sizing:border-box;padding:6px;overflow:auto;border:1px solid var(--bk-border,#2b2c2e);border-radius:12px;background:var(--bk-panel,#131415);color:var(--bk-text,#eee);box-shadow:0 12px 32px #0003;min-width:100px}.bk-select-popup button{display:flex!important;justify-content:space-between!important;width:100%;font:inherit;min-height:38px;padding:8px 10px!important;color:inherit;border:1px solid transparent!important;border-radius:8px;background:transparent;cursor:pointer;text-align:left;white-space:normal;overflow-wrap:anywhere}.bk-select-popup button[aria-selected=true]{background:var(--bk-hover,#242526);border-color:var(--bk-border,#2b2c2e)!important}.bk-select-popup button[aria-selected=true]:after{content:'✓';margin-left:12px}.bk-select-popup button:hover,.bk-select-popup button:focus-visible{background:var(--bk-hover,#242526);outline:none}.bk-select-popup button:disabled{opacity:.5;cursor:not-allowed}.bk-customer-order-actions{display:flex;gap:8px;align-items:stretch;justify-content:flex-end;max-width:100%;flex-wrap:nowrap}.bk-customer-order-actions button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:136px!important;min-height:38px!important;margin:0!important;box-sizing:border-box;white-space:normal;line-height:1.3;flex:1 1 0!important;font-size:12px!important;padding:8px!important}.bk-customer-order-side{min-width:0}.bk-support-review-form button:not([aria-label]){font-weight:600}.bk-support-review-form form>button{background:var(--bk-text,#eee);color:var(--bk-bg,#111);border-color:transparent}@media(max-width:1250px){.bk-support.is-list-expanded{grid-template-columns:340px minmax(260px,1fr)}.bk-support.is-list-expanded:has(.bk-support-details[hidden]){grid-template-columns:340px minmax(260px,1fr)}}@media(max-width:760px){.bk-support.is-list-expanded,.bk-support.is-list-expanded:has(.bk-support-details[hidden]){grid-template-columns:minmax(0,1fr)}.bk-support.is-list-expanded .bk-support-list{height:520px}.bk-support-message footer button{opacity:1}.bk-support-list-tools{grid-column:auto}.bk-support-list>header{grid-template-columns:1fr auto}.bk-support-live{grid-row:2}.bk-customer-order-actions{width:100%}.bk-customer-order-actions button{width:auto!important;min-width:0;font-size:11px!important}.bk-customer-order-side{width:100%}.bk-support-stats{gap:6px}}

/* Reuse the dashboard checkbox; shared admin-checkboxes-v1.css owns its mark. */
.bk-support input[type=checkbox],.bk-customers-modal input[type=checkbox]{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;padding:0!important;color:var(--bk-inverse,var(--bk-bg,#111))!important}
.bk-support-list>header{display:flex;flex-wrap:nowrap;gap:8px;padding:12px}.bk-support-list>header>strong{font-size:13px;gap:6px}.bk-support-list-tools{display:flex;flex-shrink:0;gap:4px}.bk-support-list-tools button{width:30px;height:30px;min-height:30px!important;padding:6px!important}
.bk-support-receipt{display:inline-flex;align-items:center;color:var(--support-muted)}.bk-support-receipt.is-read{color:#53bdeb}.bk-support-receipt svg{width:19px;height:16px;stroke-width:2}
.bk-support-message{max-width:76%;padding:9px 12px;box-shadow:0 1px 2px #0001}.bk-support-message>small{font-size:11px}.bk-support-message p{font-size:13px;line-height:1.65}.bk-support-message footer{margin-top:3px}.bk-support-message blockquote{border-radius:6px;background:var(--support-panel);margin:5px 0;padding:6px 10px}.bk-support-message audio{height:38px;max-width:100%;border-radius:20px;color-scheme:inherit}.bk-support-message audio::-webkit-media-controls-panel{background:var(--support-hover)}
.bk-support-composer textarea{appearance:none;resize:none!important;overflow:hidden;line-height:1.5;scrollbar-width:thin}.bk-support-composer textarea::-webkit-scrollbar{width:5px}.bk-support-composer textarea::-webkit-scrollbar-button{display:none}.bk-support-composer textarea::-webkit-scrollbar-thumb{background:var(--support-border);border-radius:5px}
.bk-support-modal:has(.bk-support-shortcuts-panel){align-items:center}.bk-support-shortcuts-panel{height:auto;max-height:calc(100dvh - 32px);width:520px!important}.bk-support-shortcuts-panel .bk-support-modal-body{flex:0 1 auto;padding:14px;display:grid;gap:12px}.bk-support-description,.bk-support-setting-section{padding:12px;border:1px solid var(--support-border);border-radius:10px;margin:0;font-size:12px;line-height:1.6}.bk-support-setting-section h3{margin:0 0 10px;font-size:14px}.bk-support-setting-section label{margin:0}.bk-support-shortcut-form{gap:8px;margin-bottom:10px}.bk-support-shortcut-form textarea{min-height:64px;resize:none}.bk-support-shortcut-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.bk-support .bk-support-shortcut-actions button{margin:0;padding:7px 8px;min-height:36px;font-size:11px;gap:5px;white-space:nowrap}.bk-support-shortcut-actions svg{width:15px;height:15px}.bk-support-shortcut-file:empty{display:none}.bk-support-shortcut-list p{margin:0}.bk-support-shortcut-list article{margin:8px 0}.bk-support-shortcuts-panel footer{padding:12px 14px;border-top:1px solid var(--support-border)}
.bk-support-info dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}.bk-support-info dt{padding:10px 12px 0;border:1px solid var(--support-border);border-bottom:0;border-radius:9px 9px 0 0}.bk-support-info dd{padding:4px 12px 10px;margin:0 0 10px;border:1px solid var(--support-border);border-top:0;border-radius:0 0 9px 9px}.bk-support-cart p{padding:10px 12px;border:1px solid var(--support-border);border-radius:9px}
@media(max-width:760px){.bk-support-message{max-width:92%}.bk-support-shortcut-actions{gap:4px}.bk-support .bk-support-shortcut-actions button{font-size:10px;padding:6px;gap:3px}.bk-support-shortcuts-panel{max-height:calc(100dvh - 16px)}}

.bk-support input[type=checkbox],.bk-customers-modal input[type=checkbox]{border-radius:6px!important}
.bk-support-message-row{display:flex;align-items:flex-end;gap:7px;margin:3px 0;min-width:0}.bk-support-message-row.is-own{flex-direction:row-reverse}.bk-support-message-avatar{position:relative;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;overflow:hidden;border-radius:50%;background:var(--support-hover);color:var(--support-text);font-size:11px;font-weight:600;border:1px solid var(--support-border);box-sizing:border-box}.bk-support-message-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.bk-support-message-avatar.is-store img{object-fit:contain;background:var(--support-panel);padding:3px;box-sizing:border-box}.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{margin:0;max-width:calc(76% - 33px)}.bk-support .bk-support-history .bk-support-message-row>.bk-support-message.is-own{margin-left:0}@media(max-width:760px){.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{max-width:calc(92% - 33px)}}
/* Compact chat bubbles: keep the existing theme, remove unused vertical space. */
.bk-support .bk-support-history .bk-support-message{min-width:0;width:fit-content;max-width:min(76%,640px);margin:3px 0;padding:5px 8px 4px;min-height:0;border-radius:7px;line-height:1.4;display:flow-root}
.bk-support .bk-support-history .bk-support-message.is-own{margin-left:auto;border-radius:7px}
.bk-support .bk-support-message>small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bk-support .bk-support-message>p{display:inline;margin:0;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.bk-support .bk-support-message>footer{display:inline-flex;vertical-align:baseline;align-items:center;justify-content:flex-end;gap:3px;margin:0 0 0 8px;line-height:1;white-space:nowrap}
.bk-support .bk-support-message>footer time{font-size:10px;line-height:1.2}
.bk-support .bk-support-message>footer .bk-support-receipt svg{width:14px;height:14px}
.bk-support .bk-support-message>footer button{position:absolute;top:-25px;width:25px;min-height:25px;height:25px;padding:4px;opacity:0;pointer-events:none;background:var(--support-panel);border:1px solid var(--support-border);border-radius:6px;z-index:2}
.bk-support .bk-support-message>footer button[data-act=reply]{right:27px}
.bk-support .bk-support-message>footer button[data-act=delete]{right:0}
.bk-support .bk-support-message:hover>footer button,.bk-support .bk-support-message:focus-within>footer button{opacity:1;pointer-events:auto}
.bk-support .bk-support-message blockquote{display:block;margin:0 0 4px;padding:5px 8px;line-height:1.4}
.bk-support .bk-support-message:has(audio)>footer,.bk-support .bk-support-message:has(img)>footer{display:flex;margin-top:3px}
@media(max-width:760px){.bk-support .bk-support-history .bk-support-message{max-width:92%}}
@media(hover:none){.bk-support .bk-support-message>footer button{position:static;opacity:1;pointer-events:auto;width:22px;min-height:22px;height:22px;padding:3px}}
.bk-support-details>nav{display:flex;flex-wrap:wrap;gap:5px}.bk-support-details>nav button{flex:1 1 auto;font-size:12px;padding:8px}.bk-support-purchase-item{display:grid;gap:5px;padding:10px;margin:8px 0;border:1px solid var(--support-border);border-radius:9px;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.bk-support-purchase-item span{color:var(--support-muted);font-size:11px}.bk-support-orders{padding:12px;min-width:0}.bk-support-orders h3{font-size:13px;margin:0 0 12px}.bk-support-purchase{padding:10px;margin:0 0 10px;border:1px solid var(--support-border);border-radius:10px;font-size:12px;overflow-wrap:anywhere}.bk-support-purchase summary{cursor:pointer;line-height:1.6}.bk-support-purchase summary span,.bk-support-purchase summary small{display:block;color:var(--support-muted);font-size:11px}.bk-support-purchase dl{font-size:11px}.bk-support-purchase dd{margin:3px 0 10px}.bk-support-orders-pages{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}.bk-support-orders-pages button{padding:7px;font-size:11px}
.bk-support .bk-support-thread{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;justify-content:stretch!important;align-items:start!important;gap:10px!important;padding:12px!important}.bk-support-thread>.bk-support-avatar{justify-self:start;align-self:start}.bk-support-thread>span:nth-child(2){width:100%;min-width:0;text-align:left}.bk-support-thread>span:last-child{min-width:0;max-width:82px;justify-self:end;text-align:right}.bk-support-thread strong{font-size:13px;line-height:1.4}.bk-support-thread time{font-size:10px}.bk-support.is-list-expanded .bk-support-thread{grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important}.bk-support.is-list-expanded .bk-support-avatar{width:40px;height:40px;font-size:15px}.bk-support.is-list-expanded .bk-support-thread strong{font-size:14px}.bk-support.is-list-expanded .bk-support-thread>span:last-child{max-width:110px}.bk-support-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Shared conversation presentation for the merchant and customer. */
.bk-support{--support-own:var(--bk-active,var(--support-hover))}
.bk-support .bk-support-history{padding:18px 24px;scrollbar-width:thin;scrollbar-color:var(--support-muted) transparent;background:var(--support-bg)}
.bk-support :is(.bk-support-history,.bk-support-threads)::-webkit-scrollbar{width:6px;height:6px}
.bk-support :is(.bk-support-history,.bk-support-threads)::-webkit-scrollbar-track{background:transparent}
.bk-support :is(.bk-support-history,.bk-support-threads)::-webkit-scrollbar-thumb{background:var(--support-border);border-radius:8px}
.bk-support :is(.bk-support-history,.bk-support-threads)::-webkit-scrollbar-button{display:none;width:0;height:0}
.bk-support .bk-support-message-row{gap:8px;margin:2px 0;align-items:flex-end}
.bk-support .bk-support-message-row.is-group-start{margin-top:12px}
.bk-support .bk-support-message-row:not(.is-group-end)>.bk-support-message-avatar{visibility:hidden}
.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{max-width:min(calc(80% - 34px),640px);border-radius:8px;padding:6px 9px 5px;border-color:color-mix(in srgb,var(--support-border) 65%,transparent);box-shadow:0 1px 1px #00000012}
.bk-support .bk-support-history .bk-support-message-row.is-own>.bk-support-message{background:var(--support-own)}
.bk-support .bk-support-message-row.is-group-start:not(.is-own)>.bk-support-message{border-top-left-radius:2px}
.bk-support .bk-support-message-row.is-group-start.is-own>.bk-support-message{border-top-right-radius:2px}
.bk-support .bk-support-message>p{font-size:13px;line-height:1.5}
.bk-support .bk-support-message>footer{gap:4px;margin-left:10px;vertical-align:bottom}
.bk-support .bk-support-message>footer time{font-size:10px;color:var(--support-muted)}
.bk-support .bk-support-day{position:sticky;top:0;z-index:2;border:0;padding:5px 12px;margin:16px auto;background:var(--support-panel);box-shadow:0 1px 3px #00000012;font-size:11px}
.bk-support .bk-support-chat-head{min-height:68px;padding:12px 16px;background:var(--support-panel)}
.bk-support .bk-support-chat-head>strong{display:flex;gap:10px;align-items:center;font-size:14px}
.bk-support .bk-support-chat-head .bk-support-message-avatar{width:36px;height:36px;flex-basis:36px;visibility:visible}
.bk-support .bk-support-message-avatar.is-store,.bk-support .bk-support-message-avatar.is-store img{background:#202020!important;color:#fff;border-color:#3a3a3a}
.bk-support .bk-support-composer{align-items:flex-end;background:var(--support-panel);margin:10px;padding:7px;gap:7px;border-radius:14px}
.bk-support .bk-support-composer textarea{border-radius:10px;padding:10px 12px;background:var(--support-bg)}
.bk-support .bk-support-threads{padding:4px 8px;scrollbar-width:thin;scrollbar-color:var(--support-muted) transparent}
.bk-support .bk-support-thread,.bk-support.is-list-expanded .bk-support-thread{grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px 10px!important;margin:0 0 3px;border-radius:10px;border:1px solid transparent!important}
.bk-support .bk-support-thread:hover{background:var(--support-hover)}
.bk-support .bk-support-thread.is-selected{background:var(--support-hover);border-color:var(--support-border)!important}
.bk-support .bk-support-thread>.bk-support-avatar{width:42px;height:42px;position:relative;overflow:hidden;align-self:center;flex:none}
.bk-support .bk-support-thread>.bk-support-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bk-support .bk-support-thread strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.bk-support .bk-support-thread small:first-of-type{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.4;margin-top:3px}
.bk-support .bk-support-thread small:last-of-type{font-size:10px;line-height:1.4;margin-top:3px;opacity:.8}
.bk-support .bk-support-thread>span:last-child{align-self:start;max-width:64px!important;white-space:nowrap;padding-top:2px}
.bk-support .bk-support-thread time{font-size:10px;white-space:nowrap}
.bk-support .bk-support-thread b{margin-top:6px;width:19px;height:19px;font-size:10px}
@media(max-width:760px){.bk-support .bk-support-history{padding:12px}.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{max-width:calc(94% - 34px)}.bk-support .bk-support-chat-head{padding:10px 12px}.bk-support .bk-support-composer{margin:8px}}

.bk-support .bk-support-resolved{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--support-text);padding:2px 7px;border:1px solid var(--support-border);border-radius:6px;background:var(--support-hover);white-space:nowrap}.bk-support .bk-support-resolved svg{width:13px;height:13px;stroke-width:2.3}.bk-support .bk-support-thread.is-resolved{box-shadow:none}.bk-support .bk-support-chat-head>strong{flex-wrap:wrap}

.bk-support .bk-support-voice{display:flex;align-items:center;gap:12px;margin:10px;padding:9px;border:1px solid var(--support-border);border-radius:14px;background:var(--support-panel);color:var(--support-text);min-height:58px}
.bk-support .bk-support-voice[hidden],.bk-support .bk-support-voice [hidden]{display:none!important}
.bk-support .bk-support-voice button{width:40px;min-width:40px;height:40px;padding:8px;flex:none;border-radius:10px}
.bk-support .bk-support-voice time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--support-text);min-width:40px}
.bk-support .bk-support-voice canvas{width:100%;min-width:30px;max-width:320px;height:32px;flex:1}
.bk-support .bk-support-voice audio{flex:1;min-width:60px;width:100%;height:40px;color-scheme:dark}
.bk-support-voice-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#e25555;animation:bk-voice-pulse 1.2s ease-in-out infinite}
.bk-support-voice.is-paused .bk-support-voice-dot,.bk-support-voice.is-preview .bk-support-voice-dot{animation:none;opacity:.45}
.bk-support .bk-support-voice [data-voice=send]{margin-left:auto;background:var(--support-text);color:var(--support-bg);border-color:transparent}
html[data-bk-theme=light] .bk-support .bk-support-voice audio{color-scheme:light}
@keyframes bk-voice-pulse{50%{opacity:.35}}
@media(max-width:760px){.bk-support .bk-support-voice{gap:5px;margin:8px;padding:6px}.bk-support .bk-support-voice button{width:32px;min-width:32px;height:36px;padding:6px}.bk-support .bk-support-voice time{font-size:11px;min-width:34px}.bk-support .bk-support-voice.is-preview time,.bk-support .bk-support-voice.is-preview .bk-support-voice-dot{display:none}}
@media(prefers-reduced-motion:reduce){.bk-support-voice-dot{animation:none}}

/* Keep message actions in their own flow, never over the previous bubble. */
.bk-support .bk-support-history .bk-support-message>footer button[data-act]{position:static;inset:auto;flex:0 0 25px;vertical-align:middle;opacity:1;pointer-events:auto;margin:0}
.bk-support .bk-support-history .bk-support-message>footer{max-width:100%;flex-wrap:wrap;gap:5px;row-gap:5px}

/* WhatsApp-style message layout with the existing neutral brand palette. */
.bk-support .bk-support-history{padding:18px 28px;background:var(--support-bg);scrollbar-width:thin}
.bk-support .bk-support-message-row{gap:0;margin:2px 0;align-items:end}
.bk-support .bk-support-message-row.is-group-start{margin-top:12px}
.bk-support .bk-support-message-row>.bk-support-message-avatar{display:none}
.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{max-width:min(78%,680px);padding:7px 30px 6px 10px;margin:0;border-radius:8px;position:relative;display:flow-root;box-shadow:0 1px 1px #0002}
.bk-support .bk-support-message-row.is-group-start>.bk-support-message{border-top-left-radius:0}
.bk-support .bk-support-message-row.is-own.is-group-start>.bk-support-message{border-top-left-radius:8px;border-top-right-radius:0}
.bk-support .bk-support-message>p{font-size:13px;line-height:1.5}
.bk-support .bk-support-message>footer{float:right;display:inline-flex;margin:7px -19px -1px 12px;gap:4px;max-width:none;line-height:1}
.bk-support .bk-support-message>footer time{font-size:10px;color:var(--support-muted)}
.bk-support .bk-support-message>.bk-message-menu-trigger{position:absolute;top:3px;right:3px;width:23px;height:23px;min-height:23px;padding:3px;border:0;background:var(--support-hover);color:var(--support-muted);border-radius:5px;opacity:0;pointer-events:none;transition:opacity .12s}
.bk-support .bk-support-message:hover>.bk-message-menu-trigger,.bk-support .bk-support-message:focus-within>.bk-message-menu-trigger{opacity:1;pointer-events:auto}
.bk-support .bk-message-menu{position:fixed;inset:auto;width:220px;max-width:calc(100vw - 16px);margin:0;padding:6px;border:1px solid var(--support-border);border-radius:10px;background:var(--support-panel);color:var(--support-text);box-shadow:0 8px 28px #0005}
.bk-support .bk-message-menu:popover-open{display:grid;gap:2px}
.bk-support .bk-message-menu button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:10px 12px;min-height:40px;background:transparent;border:0;border-radius:6px;color:inherit;font-size:13px;text-align:left;cursor:pointer}
.bk-support .bk-message-menu button:hover,.bk-support .bk-message-menu button:focus-visible{background:var(--support-hover);outline:none}
.bk-support .bk-message-menu button svg{width:17px;height:17px;flex:none}
.bk-support .bk-support-message blockquote{border-left:3px solid var(--support-muted);border-radius:5px;background:var(--support-hover);padding:8px;margin:0 0 6px;font-size:12px}
.bk-support .bk-support-composer{border-radius:24px;padding:7px 10px;gap:8px}
.bk-support .bk-support-composer button{border-radius:50%;border-color:transparent}
@media(hover:none){.bk-support .bk-support-message>.bk-message-menu-trigger{opacity:1;pointer-events:auto}}
@media(max-width:760px){.bk-support .bk-support-history{padding:14px 12px}.bk-support .bk-support-history .bk-support-message-row>.bk-support-message{max-width:90%}}

/* Menu rows match the reference, without panel button chrome. */
html body .bk-support .bk-message-menu:popover-open{padding:5px!important;gap:0!important;border-radius:12px!important;background:var(--support-panel)!important}
html body .bk-support .bk-message-menu button[role=menuitem]{display:flex!important;justify-content:flex-start!important;text-align:left!important;align-items:center!important;gap:14px!important;min-height:36px!important;height:36px!important;width:100%!important;padding:8px 12px!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:13px!important;font-weight:400!important;line-height:20px!important}
html body .bk-support .bk-message-menu button[role=menuitem]:hover,html body .bk-support .bk-message-menu button[role=menuitem]:focus-visible{background:var(--support-hover)!important}
html body .bk-support .bk-message-menu button[role=menuitem] svg{width:16px!important;height:16px!important;flex:none!important}
html body .bk-support .bk-support-history .bk-support-message-row>.bk-support-message{border:0!important;background:var(--support-panel)!important;border-radius:7px!important;padding:6px 28px 7px 9px!important}
html body .bk-support .bk-support-history .bk-support-message-row.is-own>.bk-support-message{background:var(--support-hover)!important}
html body .bk-support .bk-support-message>.bk-message-menu-trigger{background:linear-gradient(90deg,transparent,var(--support-panel) 35%)!important;border:0!important;box-shadow:none!important;min-width:23px!important;border-radius:0 7px 0 7px!important;padding:2px!important}
html body .bk-support .bk-support-message.is-own>.bk-message-menu-trigger{background:linear-gradient(90deg,transparent,var(--support-hover) 35%)!important}
html body .bk-support .bk-support-message-row.is-group-start>.bk-support-message:before{content:'';position:absolute;top:0;left:-6px;width:8px;height:10px;background:inherit;clip-path:polygon(0 0,100% 0,100% 100%)}
html body .bk-support .bk-support-message-row.is-own.is-group-start>.bk-support-message:before{left:auto;right:-6px;transform:scaleX(-1)}

/* Prevent generic 40px panel buttons from protruding below a message. */
html body .bk-support .bk-support-message>button.bk-message-menu-trigger{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;line-height:1!important;padding:2px!important;margin:0!important;top:2px!important;right:2px!important;bottom:auto!important;overflow:hidden!important;transform:none!important}
html body .bk-support .bk-support-message>button.bk-message-menu-trigger>svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important}