.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}
