/* BUILT Support Center V2: desktop-grade support workspace for BUILT Business.
   Every rule is scoped to #app#app .bsx so older .bsc / .client-support-* styles never apply. */
html body #app#app .client-support-page.bsx{
  --x-bg:#050505;--x-shell:#08080a;--x-panel:#0d0d0f;--x-raised:#131316;--x-hover:#16161a;
  --x-line:#1e1e23;--x-line-2:#2a2a30;--x-text:#f4f4f1;--x-ash:#a3a3a8;--x-dim:#6e6e75;
  --x-or:#ff6b24;--x-or-2:#ff8f57;--x-ember:#ff6b2414;--x-green:#5fd39a;--x-blue:#7cb4ff;--x-amber:#f5b94a;--x-red:#ff6262;
  --x-font:"Archivo","Inter","Helvetica Neue",Arial,sans-serif;--x-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  display:block!important;width:auto!important;max-width:1440px!important;margin:0 auto!important;
  padding:28px 32px 48px!important;color:var(--x-text)!important;font-family:var(--x-font)!important;
  font-size:13.5px!important;line-height:1.45!important;background:transparent!important;gap:0!important;box-sizing:border-box!important;
}
#app#app .bsx *,#app#app .bsx *::before,#app#app .bsx *::after{box-sizing:border-box}
#app#app .bsx :is(h1,h2,h3,h4,p,dl,dd,ol,ul){margin:0;padding:0}
#app#app .bsx :is(button,input,select,textarea){font-family:var(--x-font)!important;letter-spacing:normal;text-transform:none}
#app#app .bsx button{appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit;cursor:pointer;text-align:left;padding:0;margin:0;min-height:0;box-shadow:none;border-radius:0;font-size:inherit;font-weight:inherit;width:auto}
#app#app .bsx svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#app#app .bsx :focus-visible{outline:2px solid var(--x-or)!important;outline-offset:2px}

/* ---------- header ---------- */
#app#app .bsx .bsx-head{display:flex;align-items:flex-end;gap:24px;padding:0 0 20px;background:none;border:0}
#app#app .bsx .bsx-eyebrow{display:block;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--x-or);text-transform:uppercase}
#app#app .bsx .bsx-eyebrow-dim{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--x-dim);text-transform:uppercase}
#app#app .bsx .bsx-head h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:6px;color:var(--x-text);text-transform:none}
#app#app .bsx .bsx-head p{color:var(--x-ash);font-size:13px;margin-top:4px}
#app#app .bsx .bsx-head-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
#app#app .bsx .bsx-search{display:flex;align-items:center;gap:9px;width:340px;height:38px;border:1px solid var(--x-line-2);background:var(--x-panel);border-radius:9px;padding:0 12px;color:var(--x-dim);transition:border-color .15s}
#app#app .bsx .bsx-search:focus-within{border-color:#3d3d45}
#app#app .bsx .bsx-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;color:var(--x-text)!important;font-size:13px!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
#app#app .bsx .bsx-search input::placeholder{color:var(--x-dim)}
#app#app .bsx .bsx-btn{height:38px;padding:0 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px;border:1px solid var(--x-line-2);background:var(--x-raised);color:var(--x-text);white-space:nowrap;transition:background .15s,border-color .15s,filter .15s}
#app#app .bsx .bsx-btn:hover{background:#1b1b20;border-color:#36363e}
#app#app .bsx .bsx-btn-primary{background:var(--x-or);border-color:var(--x-or);color:#fff;box-shadow:inset 0 1px 0 #ffffff33,0 8px 22px -12px #ff6b24cc}
#app#app .bsx .bsx-btn-primary:hover{background:var(--x-or);border-color:var(--x-or);filter:brightness(1.08)}
#app#app .bsx .bsx-btn:disabled{opacity:.6;cursor:progress}
#app#app .bsx .bsx-btn-sm{height:32px;padding:0 12px;font-size:12.5px}
#app#app .bsx .bsx-icon-btn{width:34px;height:34px;border:1px solid var(--x-line-2);border-radius:9px;display:inline-grid;place-items:center;color:var(--x-ash);flex:none}
#app#app .bsx .bsx-icon-btn:hover{color:var(--x-text);background:var(--x-raised)}
#app#app .bsx .bsx-tabs{display:flex;gap:28px;border-bottom:1px solid var(--x-line);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}
#app#app .bsx .bsx-tabs::-webkit-scrollbar{display:none}
#app#app .bsx .bsx-tab{padding:0 0 12px;color:var(--x-ash);font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px;position:relative;white-space:nowrap}
#app#app .bsx .bsx-tab:hover{color:var(--x-text)}
#app#app .bsx .bsx-tab.is-on{color:var(--x-text)}
#app#app .bsx .bsx-tab.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--x-or);border-radius:2px}
#app#app .bsx .bsx-count{font-size:11px;font-weight:700;background:var(--x-raised);border:1px solid var(--x-line-2);color:var(--x-ash);border-radius:20px;padding:0 7px;line-height:18px}
#app#app .bsx .bsx-tab.is-on .bsx-count{background:var(--x-ember);border-color:#ff6b2440;color:var(--x-or-2)}
#app#app .bsx .bsx-error{border:1px solid #ff626240;background:#ff62620f;color:#ffb3b3;border-radius:10px;padding:10px 14px;margin-bottom:16px}

/* ---------- shared ---------- */
#app#app .bsx .bsx-card{background:var(--x-panel);border:1px solid var(--x-line);border-radius:12px;overflow:hidden}
#app#app .bsx .bsx-card-h{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--x-line);min-height:52px}
#app#app .bsx .bsx-card-h h3{font-size:14px;font-weight:700;color:var(--x-text)}
#app#app .bsx .bsx-sub{color:var(--x-dim);font-size:12.5px}
#app#app .bsx .bsx-link{margin-left:auto;color:var(--x-ash);font-size:12.5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#app#app .bsx .bsx-link:hover{color:var(--x-text)}
#app#app .bsx .bsx-link svg{width:14px;height:14px}
#app#app .bsx .bsx-ref{font-family:var(--x-mono);font-size:11.5px;color:var(--x-dim);letter-spacing:.02em}
#app#app .bsx .bsx-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 9px 2px 8px;border-radius:20px;border:1px solid;white-space:nowrap;line-height:1.5}
#app#app .bsx .bsx-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#app#app .bsx .bsx-pill.is-you{color:var(--x-or-2);border-color:#ff6b2445;background:#ff6b2412}
#app#app .bsx .bsx-pill.is-built{color:var(--x-blue);border-color:#7cb4ff40;background:#7cb4ff10}
#app#app .bsx .bsx-pill.is-pending{color:var(--x-amber);border-color:#f5b94a40;background:#f5b94a10}
#app#app .bsx .bsx-pill.is-resolved{color:var(--x-green);border-color:#5fd39a40;background:#5fd39a10}
#app#app .bsx .bsx-pill.is-closed{color:var(--x-dim);border-color:var(--x-line-2);background:transparent}
#app#app .bsx .bsx-prio{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--x-ash);white-space:nowrap}
#app#app .bsx .bsx-prio b{display:inline-flex;gap:2px;align-items:flex-end}
#app#app .bsx .bsx-prio b i{width:3px;border-radius:1px;background:#33333a;display:block}
#app#app .bsx .bsx-prio b i:nth-child(1){height:6px}#app#app .bsx .bsx-prio b i:nth-child(2){height:9px}#app#app .bsx .bsx-prio b i:nth-child(3){height:12px}
#app#app .bsx .bsx-prio.is-low b i:nth-child(1){background:var(--x-ash)}
#app#app .bsx .bsx-prio.is-normal b i:nth-child(-n+2){background:var(--x-ash)}
#app#app .bsx .bsx-prio.is-high b i{background:var(--x-or)}
#app#app .bsx .bsx-prio.is-urgent{color:var(--x-red)}#app#app .bsx .bsx-prio.is-urgent b i{background:var(--x-red)}
#app#app .bsx .bsx-empty-line{padding:18px;color:var(--x-dim);font-size:12.5px}
#app#app .bsx .bsx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 24px}
#app#app .bsx .bsx-empty strong{font-size:14px}
#app#app .bsx .bsx-empty span{color:var(--x-dim);font-size:12.5px;max-width:320px}
#app#app .bsx .bsx-empty .bsx-btn{margin-top:10px}
#app#app .bsx .bsx-empty-sm{padding:28px 18px}
#app#app .bsx .bsx-empty-ic{width:40px;height:40px;border-radius:10px;border:1px solid var(--x-line-2);background:var(--x-raised);display:grid;place-items:center;color:var(--x-ash);margin-bottom:6px}
#app#app .bsx .bsx-empty-ic svg{width:18px;height:18px}
#app#app .bsx .bsx-topic-ic{width:32px;height:32px;border-radius:8px;border:1px solid var(--x-line-2);background:var(--x-raised);display:grid;place-items:center;color:var(--x-ash);flex:none}
#app#app .bsx .bsx-alert{display:flex;gap:10px;align-items:center;border:1px solid #f5b94a40;background:#f5b94a0d;color:#f2d29a;border-radius:10px;padding:11px 14px;font-size:12.5px;margin-bottom:20px}
#app#app .bsx .bsx-alert svg{color:var(--x-amber)}
#app#app .bsx .bsx-alert-sm{margin:10px 0 0;padding:9px 12px}
#app#app .bsx .bsx-alert[hidden],#app#app .bsx [hidden]{display:none!important}

/* ---------- overview ---------- */
#app#app .bsx .bsx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}
#app#app .bsx .bsx-kpi{display:flex;flex-direction:column;padding:18px 20px;border-right:1px solid var(--x-line);transition:background .15s}
#app#app .bsx .bsx-kpi:last-child{border-right:0}
#app#app .bsx .bsx-kpi:hover{background:var(--x-hover)}
#app#app .bsx .bsx-kpi strong{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:8px 0 2px;line-height:1.1}
#app#app .bsx .bsx-kpi small{color:var(--x-dim);font-size:12.5px}
#app#app .bsx .bsx-kpi.is-hot strong{color:var(--x-or)}
#app#app .bsx .bsx-ov{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
#app#app .bsx .bsx-ov-main,#app#app .bsx .bsx-ov-rail{display:flex;flex-direction:column;gap:20px;min-width:0}
#app#app .bsx .bsx-tr{display:grid;grid-template-columns:minmax(0,2.4fr) 130px 100px minmax(0,1.1fr) 76px;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--x-line);width:100%;color:var(--x-ash)}
#app#app .bsx .bsx-tr:last-child{border-bottom:0}
#app#app .bsx button.bsx-tr:hover{background:var(--x-hover)}
#app#app .bsx .bsx-th{padding:10px 18px;font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--x-dim);text-transform:uppercase}
#app#app .bsx .bsx-td-subj{display:flex;flex-direction:column;min-width:0}
#app#app .bsx .bsx-td-subj strong{color:var(--x-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app#app .bsx .bsx-td-dim{font-size:12.5px;color:var(--x-ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app#app .bsx .bsx-td-right{text-align:right}
#app#app .bsx .bsx-art-grid{display:grid;grid-template-columns:1fr 1fr}
#app#app .bsx .bsx-art{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--x-line);width:100%;transition:background .15s}
#app#app .bsx .bsx-art:hover{background:var(--x-hover)}
#app#app .bsx .bsx-art-grid .bsx-art:nth-child(odd){border-right:1px solid var(--x-line)}
#app#app .bsx .bsx-art-grid .bsx-art:nth-last-child(-n+2){border-bottom:0}
#app#app .bsx .bsx-art-list .bsx-art:last-child{border-bottom:0}
#app#app .bsx .bsx-art-ic{color:var(--x-dim);margin-top:2px}
#app#app .bsx .bsx-art strong{display:block;font-weight:600;font-size:13px;color:var(--x-text)}
#app#app .bsx .bsx-art small{display:block;font-size:12px;color:var(--x-dim);margin-top:2px}
#app#app .bsx .bsx-topic{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--x-line);width:100%;transition:background .15s}
#app#app .bsx .bsx-topic:last-child{border-bottom:0}
#app#app .bsx .bsx-topic:hover{background:var(--x-hover)}
#app#app .bsx .bsx-topic:hover .bsx-topic-ic{color:var(--x-or-2);border-color:#ff6b2440;background:var(--x-ember)}
#app#app .bsx .bsx-topic > span:nth-child(2){flex:1;min-width:0}
#app#app .bsx .bsx-topic strong{display:block;font-size:13px;font-weight:600;color:var(--x-text)}
#app#app .bsx .bsx-topic small{display:block;color:var(--x-dim);font-size:12px}
#app#app .bsx .bsx-topic > svg{color:var(--x-dim)}
#app#app .bsx .bsx-trust{display:flex;gap:10px;color:var(--x-dim);font-size:12px;padding:0 4px}
#app#app .bsx .bsx-trust svg{color:var(--x-green);margin-top:1px}
/* Hosted entries from other modules (review removal requests). */
#app#app .bsx .client-support-hero.bsx-tools{padding:0!important;background:var(--x-panel)!important;border:1px solid var(--x-line)!important;border-radius:12px!important;box-shadow:none!important;display:block!important}
#app#app .bsx .bsx-tools .ra-entry{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 18px!important;margin:0!important;border:0!important;border-top:1px solid var(--x-line)!important;border-radius:0!important;background:transparent!important;color:var(--x-text)!important;box-shadow:none!important;font-family:var(--x-font)!important;letter-spacing:normal!important;text-align:left!important;max-width:none!important;min-height:0!important}
#app#app .bsx .bsx-tools .ra-entry:hover{background:var(--x-hover)!important}
#app#app .bsx .bsx-tools .ra-entry > span:nth-child(2){flex:1;min-width:0}
#app#app .bsx .bsx-tools .ra-entry strong{display:block;font-size:13px!important;font-weight:600!important;color:var(--x-text)!important;letter-spacing:normal!important}
#app#app .bsx .bsx-tools .ra-entry small{display:block;font-size:12px!important;color:var(--x-dim)!important;letter-spacing:normal!important;font-weight:400!important}
#app#app .bsx .bsx-tools .ra-entry-icon{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid var(--x-line-2)!important;background:var(--x-raised)!important;display:grid!important;place-items:center!important;color:var(--x-ash)!important;font-size:13px!important}

/* ---------- tickets workspace ---------- */
#app#app .bsx .bsx-desk{display:grid;grid-template-columns:360px minmax(0,1fr) 264px;grid-template-rows:minmax(0,1fr);height:calc(100vh - 272px);height:calc(100dvh - 272px);min-height:560px}
#app#app .bsx .bsx-desk:not(.has-active){grid-template-columns:360px minmax(0,1fr)}
#app#app .bsx .bsx-list{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--x-line)}
#app#app .bsx .bsx-views{display:flex;gap:2px;padding:10px 10px 0;border-bottom:1px solid var(--x-line)}
#app#app .bsx .bsx-views button{padding:7px 9px 10px;font-weight:600;font-size:12.5px;color:var(--x-ash);display:flex;gap:6px;position:relative;white-space:nowrap}
#app#app .bsx .bsx-views button:hover{color:var(--x-text)}
#app#app .bsx .bsx-views em{font-style:normal;color:var(--x-dim);font-size:11.5px}
#app#app .bsx .bsx-views button.is-on{color:var(--x-text)}
#app#app .bsx .bsx-views button.is-on::after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;background:var(--x-or);border-radius:2px}
#app#app .bsx .bsx-views button.is-on em{color:var(--x-or-2)}
#app#app .bsx .bsx-list-tools{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--x-line)}
#app#app .bsx .bsx-list-tools .bsx-sub{margin-left:auto;font-size:12px}
#app#app .bsx .bsx-select{display:inline-flex;align-items:center;gap:6px;color:var(--x-dim);font-size:12px}
#app#app .bsx .bsx-select select{appearance:auto;height:28px!important;min-height:0!important;border:1px solid var(--x-line-2)!important;background:var(--x-bg)!important;color:var(--x-text)!important;border-radius:7px!important;font-size:12.5px!important;padding:0 6px!important;width:auto!important;margin:0!important;box-shadow:none!important}
#app#app .bsx .bsx-tk-list{overflow-y:auto;flex:1;min-height:0}
#app#app .bsx .bsx-tk{display:flex;flex-direction:column;gap:5px;padding:13px 16px;border-bottom:1px solid var(--x-line);width:100%;position:relative;transition:background .15s}
#app#app .bsx .bsx-tk:hover{background:var(--x-hover)}
#app#app .bsx .bsx-tk.is-on{background:var(--x-raised);box-shadow:inset 2px 0 0 var(--x-or)}
#app#app .bsx .bsx-tk-l1{display:flex;align-items:center;gap:8px}
#app#app .bsx .bsx-tk-l1 .bsx-ref{flex:1}
#app#app .bsx .bsx-tk time{font-size:11.5px;color:var(--x-dim)}
#app#app .bsx .bsx-tk strong{font-size:13.5px;font-weight:600;color:var(--x-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}
#app#app .bsx .bsx-tk-pre{color:var(--x-dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app#app .bsx .bsx-tk-l3{display:flex;gap:10px;align-items:center;margin-top:2px}
#app#app .bsx .bsx-dot{position:absolute;right:16px;top:38px;width:8px;height:8px;border-radius:50%;background:var(--x-or);box-shadow:0 0 0 3px #ff6b2422}
#app#app .bsx .bsx-conv{display:flex;flex-direction:column;min-width:0;min-height:0}
#app#app .bsx .bsx-conv-empty{align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--x-dim);font-size:12.5px}
#app#app .bsx .bsx-conv-empty strong{color:var(--x-text);font-size:14px}
#app#app .bsx .bsx-conv-h{display:flex;gap:14px;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--x-line)}
#app#app .bsx .bsx-conv-title{flex:1;min-width:0}
#app#app .bsx .bsx-conv-h h2{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--x-text);line-height:1.3;text-transform:none}
#app#app .bsx .bsx-conv-title p{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--x-dim);font-size:12px;margin-top:4px}
#app#app .bsx .bsx-back{display:none}
#app#app .bsx .bsx-stream{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:20px}
#app#app .bsx .bsx-day{display:flex;align-items:center;gap:12px;color:var(--x-dim);font-size:11.5px;font-weight:600}
#app#app .bsx .bsx-day::before,#app#app .bsx .bsx-day::after{content:"";flex:1;height:1px;background:var(--x-line)}
#app#app .bsx .bsx-msg{display:flex;gap:12px}
#app#app .bsx .bsx-av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none;background:#26262c;color:var(--x-ash)}
#app#app .bsx .bsx-msg.is-staff .bsx-av{background:var(--x-or);color:#fff}
#app#app .bsx .bsx-msg-body{min-width:0}
#app#app .bsx .bsx-msg-who{display:flex;gap:8px;align-items:baseline;font-size:12.5px}
#app#app .bsx .bsx-msg-who strong{font-weight:700;color:var(--x-text)}
#app#app .bsx .bsx-msg-who time{color:var(--x-dim);font-size:11.5px}
#app#app .bsx .bsx-msg-who em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--x-or-2);border:1px solid #ff6b2440;border-radius:4px;padding:0 5px}
#app#app .bsx .bsx-msg p{color:#d6d6d3;margin-top:5px;max-width:680px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}
#app#app .bsx .bsx-composer{margin:0 24px 18px;border:1px solid var(--x-line-2);border-radius:10px;background:var(--x-bg);flex:none;transition:border-color .15s}
#app#app .bsx .bsx-composer:focus-within{border-color:#3d3d45}
#app#app .bsx .bsx-composer textarea{display:block;width:100%!important;min-height:64px!important;max-height:200px;resize:vertical;border:0!important;background:transparent!important;color:var(--x-text)!important;font-size:13.5px!important;line-height:1.5!important;padding:12px 14px!important;outline:none!important;box-shadow:none!important;margin:0!important;border-radius:10px 10px 0 0!important}
#app#app .bsx .bsx-composer-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--x-line)}
#app#app .bsx .bsx-hint{display:inline-flex;align-items:center;gap:8px;color:var(--x-dim);font-size:11.5px}
#app#app .bsx .bsx-composer-bar .bsx-hint{margin-left:auto}
#app#app .bsx .bsx-closed{margin:0 24px 18px;border:1px solid var(--x-line-2);border-radius:10px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;background:var(--x-raised)}
#app#app .bsx .bsx-closed strong{font-size:13px}
#app#app .bsx .bsx-closed span{color:var(--x-dim);font-size:12.5px;flex:1;min-width:160px}
#app#app .bsx .bsx-details{border-left:1px solid var(--x-line);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0}
#app#app .bsx .bsx-details h4{font-size:10.5px;letter-spacing:.14em;color:var(--x-dim);font-weight:700;text-transform:uppercase}
#app#app .bsx .bsx-details dl{display:grid;grid-template-columns:92px minmax(0,1fr);row-gap:11px;font-size:12.5px;align-items:center}
#app#app .bsx .bsx-details dt{color:var(--x-dim)}
#app#app .bsx .bsx-details dd{color:var(--x-text);min-width:0;overflow-wrap:anywhere}
#app#app .bsx .bsx-remote{border:1px solid var(--x-line-2);border-radius:10px;padding:12px;background:linear-gradient(180deg,#5fd39a0d,transparent)}
#app#app .bsx .bsx-remote strong{display:flex;gap:8px;align-items:center;font-size:13px}
#app#app .bsx .bsx-remote strong svg{color:var(--x-green)}
#app#app .bsx .bsx-remote p{color:var(--x-ash);font-size:12px;margin-top:6px;line-height:1.5}
#app#app .bsx .bsx-timeline{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--x-ash)}
#app#app .bsx .bsx-timeline li{display:flex;gap:10px;align-items:baseline}
#app#app .bsx .bsx-timeline i{width:7px;height:7px;border-radius:50%;background:var(--x-line-2);flex:none;transform:translateY(-1px)}
#app#app .bsx .bsx-timeline li:first-child i{background:var(--x-or)}
#app#app .bsx .bsx-timeline time{color:var(--x-dim);margin-left:auto;white-space:nowrap}

/* ---------- search ---------- */
#app#app .bsx .bsx-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}

/* ---------- help center ---------- */
#app#app .bsx .bsx-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
#app#app .bsx .bsx-cat{padding:18px 18px 6px}
#app#app .bsx .bsx-cat-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
#app#app .bsx .bsx-cat-ic{width:36px;height:36px;border-radius:9px;background:var(--x-ember);color:var(--x-or-2);display:grid;place-items:center;border:1px solid #ff6b2430;flex:none}
#app#app .bsx .bsx-cat-h strong{display:block;font-size:14px;font-weight:700}
#app#app .bsx .bsx-cat-h small{display:block;font-size:12px;color:var(--x-dim)}
#app#app .bsx .bsx-cat ul{list-style:none}
#app#app .bsx .bsx-cat li{border-top:1px solid var(--x-line)}
#app#app .bsx .bsx-cat li button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 0;color:var(--x-ash);font-size:13px}
#app#app .bsx .bsx-cat li button:hover{color:var(--x-text)}
#app#app .bsx .bsx-cat li svg{color:var(--x-dim);width:14px;height:14px}
#app#app .bsx .bsx-cta{display:flex;align-items:center;gap:16px;padding:18px 20px}
#app#app .bsx .bsx-cta strong{font-size:14px}
#app#app .bsx .bsx-cta p{color:var(--x-dim);font-size:12.5px;margin-top:2px}
#app#app .bsx .bsx-cta-actions{margin-left:auto;display:flex;gap:8px}
#app#app .bsx .bsx-reader{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
#app#app .bsx .bsx-article{padding:28px 32px 24px}
#app#app .bsx .bsx-link-back{margin:0 0 22px;margin-left:0}
#app#app .bsx .bsx-article h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:8px 0 4px;line-height:1.25;text-transform:none}
#app#app .bsx .bsx-article > p{color:#d6d6d3;font-size:14px;line-height:1.7;margin-top:14px;max-width:680px}
#app#app .bsx .bsx-article > p.bsx-sub{color:var(--x-dim);font-size:12.5px;margin-top:0}
#app#app .bsx .bsx-steps{list-style:none;counter-reset:s;margin-top:18px;display:flex;flex-direction:column;gap:10px;max-width:680px}
#app#app .bsx .bsx-steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;color:#d6d6d3;font-size:14px;line-height:1.6}
#app#app .bsx .bsx-steps li::before{content:counter(s);width:24px;height:24px;border-radius:7px;border:1px solid #ff6b2440;background:var(--x-ember);color:var(--x-or-2);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
#app#app .bsx .bsx-callout{margin-top:18px!important;border-left:2px solid var(--x-or);padding:8px 14px;background:var(--x-raised);border-radius:0 8px 8px 0;font-size:13px!important;color:var(--x-ash)!important}
#app#app .bsx .bsx-article-foot{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--x-line);color:var(--x-ash);font-size:13px}
#app#app .bsx .bsx-article-foot .bsx-btn{margin-left:auto}

/* ---------- report a concern ---------- */
#app#app .bsx .bsx-safety{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
#app#app .bsx .bsx-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#app#app .bsx .bsx-kind{display:flex;flex-direction:column;gap:6px;padding:18px;border-bottom:1px solid var(--x-line);border-right:1px solid var(--x-line);transition:background .15s}
#app#app .bsx .bsx-kind:nth-child(2n){border-right:0}
#app#app .bsx .bsx-kind:last-child:nth-child(odd){grid-column:1 / -1;border-right:0}
#app#app .bsx .bsx-kind:nth-last-child(-n+1){border-bottom:0}
#app#app .bsx .bsx-kind:hover{background:var(--x-hover)}
#app#app .bsx .bsx-kind:hover .bsx-topic-ic{color:var(--x-or-2);border-color:#ff6b2440;background:var(--x-ember)}
#app#app .bsx .bsx-kind strong{font-size:13.5px;font-weight:600;margin-top:6px}
#app#app .bsx .bsx-kind small{font-size:12.5px;color:var(--x-dim);line-height:1.5}

/* ---------- new ticket dialog ---------- */
#app#app .bsx .bsx-scrim{position:fixed;inset:0;z-index:2000;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;overflow-y:auto}
#app#app .bsx .bsx-modal{width:min(920px,100%);max-height:calc(100dvh - 48px);background:var(--x-panel);border:1px solid var(--x-line-2);border-radius:14px;box-shadow:0 40px 120px -20px #000;display:grid;grid-template-columns:minmax(0,1fr) 260px;overflow:hidden;margin:0;padding:0}
#app#app .bsx .bsx-modal-main{display:flex;flex-direction:column;min-width:0;min-height:0}
#app#app .bsx .bsx-modal-h{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid var(--x-line)}
#app#app .bsx .bsx-modal-h > div{flex:1}
#app#app .bsx .bsx-modal-h h2{font-size:18px;font-weight:700;color:var(--x-text);text-transform:none;letter-spacing:-.01em}
#app#app .bsx .bsx-modal-h p{color:var(--x-dim);font-size:12.5px;margin-top:3px}
#app#app .bsx .bsx-modal-b{padding:20px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;min-height:0}
#app#app .bsx .bsx-field{display:flex;flex-direction:column;gap:8px}
#app#app .bsx .bsx-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;color:var(--x-ash)}
#app#app .bsx .bsx-label small{color:var(--x-dim);font-weight:400;font-size:12px}
#app#app .bsx .bsx-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#app#app .bsx .bsx-seg button{border:1px solid var(--x-line-2);border-radius:9px;padding:10px 12px;background:var(--x-bg);transition:border-color .15s,background .15s}
#app#app .bsx .bsx-seg button:hover{border-color:#3a3a42}
#app#app .bsx .bsx-seg button strong{display:block;font-size:13px;font-weight:600}
#app#app .bsx .bsx-seg button small{display:block;font-size:11.5px;color:var(--x-dim);margin-top:1px}
#app#app .bsx .bsx-seg button.is-on{border-color:var(--x-or);background:var(--x-ember);box-shadow:0 0 0 3px #ff6b2418}
#app#app .bsx .bsx-chips{display:flex;flex-wrap:wrap;gap:6px}
#app#app .bsx .bsx-chip{position:relative;cursor:pointer}
#app#app .bsx .bsx-chip input,#app#app .bsx .bsx-prio-opt input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#app#app .bsx .bsx-chip span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--x-line-2);border-radius:8px;font-size:12.5px;color:var(--x-ash);font-weight:500;transition:all .15s}
#app#app .bsx .bsx-chip:hover span{color:var(--x-text);border-color:#3a3a42}
#app#app .bsx .bsx-chip input:checked + span{color:var(--x-text);border-color:var(--x-or);background:var(--x-ember)}
#app#app .bsx .bsx-chip input:focus-visible + span,#app#app .bsx .bsx-prio-opt input:focus-visible + span{outline:2px solid var(--x-or);outline-offset:2px}
#app#app .bsx .bsx-prios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#app#app .bsx .bsx-prio-opt{position:relative;cursor:pointer}
#app#app .bsx .bsx-prio-opt > span{display:flex;flex-direction:column;gap:4px;border:1px solid var(--x-line-2);border-radius:9px;padding:9px 11px;background:var(--x-bg);transition:all .15s;height:100%}
#app#app .bsx .bsx-prio-opt > span .bsx-prio{font-weight:600;color:var(--x-text)}
#app#app .bsx .bsx-prio-opt > span small{font-size:11.5px;color:var(--x-dim);line-height:1.35}
#app#app .bsx .bsx-prio-opt:hover > span{border-color:#3a3a42}
#app#app .bsx .bsx-prio-opt input:checked + span{border-color:var(--x-or);background:var(--x-ember);box-shadow:0 0 0 3px #ff6b2418}
#app#app .bsx .bsx-field input[name="subject"],#app#app .bsx .bsx-field textarea{width:100%!important;border:1px solid var(--x-line-2)!important;background:var(--x-bg)!important;border-radius:9px!important;color:var(--x-text)!important;font-size:13.5px!important;padding:0 12px!important;outline:none!important;box-shadow:none!important;margin:0!important;transition:border-color .15s}
#app#app .bsx .bsx-field input[name="subject"]{height:40px!important;min-height:40px!important}
#app#app .bsx .bsx-field textarea{padding:11px 12px!important;min-height:130px!important;line-height:1.55!important;resize:vertical}
#app#app .bsx .bsx-field input[name="subject"]:focus,#app#app .bsx .bsx-field textarea:focus{border-color:var(--x-or)!important;box-shadow:0 0 0 3px #ff6b2418!important}
#app#app .bsx .bsx-field ::placeholder{color:var(--x-dim)}
#app#app .bsx .bsx-modal-f{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--x-line)}
#app#app .bsx .bsx-modal-f > div{margin-left:auto;display:flex;gap:8px}
#app#app .bsx .bsx-modal-side{border-left:1px solid var(--x-line);background:var(--x-shell);padding:20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
#app#app .bsx .bsx-tips{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
#app#app .bsx .bsx-tips li{display:flex;gap:8px;font-size:12.5px;color:var(--x-ash)}
#app#app .bsx .bsx-tips li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--x-or);margin-top:7px;flex:none}
#app#app .bsx .bsx-ctx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;font-size:12px;margin-bottom:10px}
#app#app .bsx .bsx-ctx dt{color:var(--x-dim)}
#app#app .bsx .bsx-ctx dd{color:var(--x-text);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app#app .bsx .bsx-art-list-sm .bsx-art{padding:9px 0;border-bottom:1px solid var(--x-line)}
#app#app .bsx .bsx-art-list-sm .bsx-art-ic{display:none}
#app#app .bsx .bsx-art-list-sm .bsx-art strong{font-size:12.5px}
#app#app .bsx .bsx-art-list-sm .bsx-art small{font-size:11.5px}

/* ---------- responsive ---------- */
@media (max-width:1280px){
  #app#app .bsx .bsx-desk.has-active{grid-template-columns:320px minmax(0,1fr)}
  #app#app .bsx .bsx-desk .bsx-details{display:none}
}
@media (max-width:1100px){
  #app#app .bsx .bsx-ov,#app#app .bsx .bsx-safety,#app#app .bsx .bsx-reader{grid-template-columns:minmax(0,1fr)}
  #app#app .bsx .bsx-search{width:260px}
}
@media (max-width:900px){
  html body #app#app .client-support-page.bsx{padding:18px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left))!important}
  #app#app .bsx .bsx-head{flex-direction:column;align-items:stretch;gap:14px}
  #app#app .bsx .bsx-head-actions{margin-left:0}
  #app#app .bsx .bsx-search{flex:1;width:auto}
  #app#app .bsx .bsx-tabs{gap:20px;margin-bottom:18px}
  #app#app .bsx .bsx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app#app .bsx .bsx-kpi:nth-child(2){border-right:0}
  #app#app .bsx .bsx-kpi:nth-child(-n+2){border-bottom:1px solid var(--x-line)}
  #app#app .bsx .bsx-kpi{padding:14px 16px}
  #app#app .bsx .bsx-kpi strong{font-size:24px}
  #app#app .bsx .bsx-tr{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  #app#app .bsx .bsx-th{display:none}
  #app#app .bsx .bsx-tr > span:nth-child(3),#app#app .bsx .bsx-tr > span:nth-child(4){display:none}
  #app#app .bsx .bsx-tr > span:nth-child(5){grid-column:2;grid-row:1}
  #app#app .bsx .bsx-tr > span:nth-child(2){grid-column:1}
  #app#app .bsx .bsx-art-grid,#app#app .bsx .bsx-cats,#app#app .bsx .bsx-kinds,#app#app .bsx .bsx-results{grid-template-columns:minmax(0,1fr)}
  #app#app .bsx .bsx-art-grid .bsx-art{border-right:0!important;border-bottom:1px solid var(--x-line)!important}
  #app#app .bsx .bsx-art-grid .bsx-art:last-child{border-bottom:0!important}
  #app#app .bsx .bsx-kind{border-right:0}
  #app#app .bsx .bsx-cta{flex-wrap:wrap}
  #app#app .bsx .bsx-cta-actions{margin-left:0;width:100%}
  #app#app .bsx .bsx-cta-actions .bsx-btn{flex:1}
  #app#app .bsx .bsx-article{padding:20px}
  #app#app .bsx .bsx-desk,#app#app .bsx .bsx-desk.has-active,#app#app .bsx .bsx-desk:not(.has-active){grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  #app#app .bsx .bsx-desk:not(.has-active) .bsx-conv{display:none}
  #app#app .bsx .bsx-desk.has-active .bsx-list{display:none}
  #app#app .bsx .bsx-desk .bsx-list{border-right:0}
  #app#app .bsx .bsx-desk.has-active{height:min(680px,calc(100dvh - 160px));min-height:440px}
  #app#app .bsx .bsx-back{display:inline-grid}
  #app#app .bsx .bsx-conv-h{padding:14px 16px;align-items:center}
  #app#app .bsx .bsx-conv-h > .bsx-pill{display:none}
  #app#app .bsx .bsx-stream{padding:16px}
  #app#app .bsx .bsx-composer,#app#app .bsx .bsx-closed{margin:0 12px 12px}
  #app#app .bsx .bsx-hint{display:none}
  #app#app .bsx .bsx-composer-bar{justify-content:flex-end}
  #app#app .bsx .bsx-scrim{padding:0;place-items:end stretch}
  #app#app .bsx .bsx-modal{grid-template-columns:minmax(0,1fr);border-radius:16px 16px 0 0;max-height:94dvh;width:100%}
  #app#app .bsx .bsx-modal-side{display:none}
  #app#app .bsx .bsx-seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #app#app .bsx .bsx-seg button{padding:9px 8px;text-align:center}
  #app#app .bsx .bsx-seg button strong{font-size:12.5px}
  #app#app .bsx .bsx-card-h .bsx-sub,#app#app .bsx .bsx-label small{display:none}
  #app#app .bsx .bsx-kpi .bsx-eyebrow-dim{letter-spacing:.1em}
  #app#app .bsx .bsx-seg button small{display:none}
  #app#app .bsx .bsx-prios{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app#app .bsx .bsx-modal-h,#app#app .bsx .bsx-modal-b{padding:16px}
  #app#app .bsx .bsx-modal-f{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}
  #app#app .bsx .bsx-modal-f .bsx-hint{display:flex;justify-content:center}
  #app#app .bsx .bsx-modal-f > div{margin-left:0}
  #app#app .bsx .bsx-modal-f > div .bsx-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){#app#app .bsx *{transition:none!important}}

/* ---------- hardening against global element rules ---------- */
#app#app .bsx .bsx-head h1{font-family:var(--x-font)!important;font-size:28px!important;font-weight:700!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--x-text)!important;font-stretch:normal!important}
#app#app .bsx .bsx-search input{border:0!important;background:transparent!important;height:36px!important;min-height:0!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;font-size:13px!important;color:var(--x-text)!important;width:100%!important;-webkit-appearance:none!important;appearance:none!important}
#app#app .bsx .bsx-search input::-webkit-search-cancel-button{filter:invert(.6)}
#app#app .bsx .bsx-tools span,#app#app .bsx .bsx-tools strong,#app#app .bsx .bsx-tools small{letter-spacing:normal!important;text-transform:none!important}
#app#app .bsx .bsx-tools .bsx-topic strong{font-size:13px!important;font-weight:600!important;color:var(--x-text)!important}
#app#app .bsx .bsx-tools .bsx-topic small{font-size:12px!important;color:var(--x-dim)!important;font-weight:400!important}
#app#app .bsx .bsx-tools .bsx-topic > span{color:inherit!important;font-size:inherit!important}
#app#app .bsx .bsx-tools .bsx-topic-ic{color:var(--x-ash)!important}
#app#app .bsx .bsx-tools h3{font-size:14px!important;font-weight:700!important;margin:0!important;color:var(--x-text)!important;font-family:var(--x-font)!important;letter-spacing:normal!important}

/* Workspace shell styles every input/select/textarea with !important; restate ours. */
#app#app .bsx .bsx-search input,#app#app .bsx .bsx-search input:focus{min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:400 13px/1.2 var(--x-font)!important;color:var(--x-text)!important}
#app#app .bsx .bsx-select select,#app#app .bsx .bsx-select select:focus{min-height:0!important;height:28px!important;border:1px solid var(--x-line-2)!important;border-radius:7px!important;background:var(--x-bg)!important;color:var(--x-text)!important;font:500 12.5px/1 var(--x-font)!important;box-shadow:none!important;padding:0 6px!important}
#app#app .bsx .bsx-composer textarea,#app#app .bsx .bsx-composer textarea:focus{min-height:64px!important;border:0!important;border-radius:10px 10px 0 0!important;background:transparent!important;box-shadow:none!important;font:400 13.5px/1.5 var(--x-font)!important;color:var(--x-text)!important}
#app#app .bsx .bsx-field input[name="subject"],#app#app .bsx .bsx-field textarea{border:1px solid var(--x-line-2)!important;border-radius:9px!important;background:var(--x-bg)!important;color:var(--x-text)!important;font:400 13.5px/1.5 var(--x-font)!important;box-shadow:none!important}
#app#app .bsx .bsx-field input[name="subject"]:focus,#app#app .bsx .bsx-field textarea:focus{border-color:var(--x-or)!important;box-shadow:0 0 0 3px #ff6b2418!important}
#app#app .bsx :is(input,textarea)::placeholder{color:var(--x-dim)!important}