:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#202223;background:#f5f5f4;font-size:14px;--accent:#b30000}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:232px;background:#161616;color:#eee;position:fixed;inset:0 auto 0 0;padding:36px 20px;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:1px;font-size:24px;padding:0 14px}.brand span{display:block;font-size:10px;letter-spacing:6px;color:#d7b58a;margin-top:6px}.store{font-size:12px;color:#bbb;padding:26px 14px;border-bottom:1px solid #333;margin-bottom:24px}.store i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#74b48c;margin-left:20px}nav{display:grid;gap:5px}nav button{background:transparent;color:#aaa;text-align:left;border:0;padding:13px 14px;font-size:14px;border-radius:6px}nav button:hover,nav .active{background:#303030;color:white}.side-foot{margin-top:auto;padding:12px;color:#777;line-height:1.8;font-size:11px}main{margin-left:232px;padding:36px 44px 64px;max-width:1600px;width:calc(100% - 232px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8a8179;margin:0 0 12px}h1{font-size:28px;letter-spacing:-.7px;margin:0}h2{font-size:18px;margin:0 0 10px}.subtitle{color:#737373;margin:10px 0 0}.primary,.secondary,button{cursor:pointer;min-height:38px}.primary,.secondary{border-radius:6px;padding:10px 17px;font-size:13px;font-weight:600}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.secondary{background:#fff;border:1px solid #d5d5d5;color:#333}.primary:disabled{opacity:.4;cursor:not-allowed}#notice{border-radius:6px;background:#fff4d7;color:#775622;padding:12px 16px;margin-bottom:24px;line-height:1.6}#notice.error{background:#ffebe9;color:#8d1b16}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid #e4e3e0;padding:22px;border-radius:10px}.metrics span{font-size:12px;color:#666}.metrics strong{font-size:32px;display:block;margin-top:14px;font-weight:650;letter-spacing:-1px}.overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{background:#fff;padding:28px;border:1px solid #e4e3e0;border-radius:10px;margin-bottom:22px}.panel p{line-height:1.7;color:#737373}.panel.dark{background:#181818;border-color:#181818;color:#fff}.dark h2{font-size:26px;letter-spacing:.5px}.dark p{color:#aaa}.checklist{padding:10px 0 20px}.checklist p{margin:10px 0;font-size:13px}.mini-card{padding:22px;background:linear-gradient(130deg,#352a23,#241b17);border:1px solid #6d5742;border-radius:10px;margin:22px 0}.mini-card>span{font-size:12px;color:#d9bd9b}.mini-card strong{display:block;font-size:42px;margin:14px 0}.mini-card small{font-size:11px;color:#ad9a82;letter-spacing:2px}.progress{height:3px;background:#65523f;margin:16px 0}.progress i{display:block;height:3px;width:20%;background:#d5b186}.preview-link{color:#e4c7a5;text-underline-offset:5px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;color:#555;font-size:13px;line-height:1.6}input,textarea,select{font:inherit;border:1px solid #ccc;border-radius:5px;padding:10px 12px;width:100%;background:#fff;color:#222;margin-top:6px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0 8px 0 0}label.switch{display:flex;align-items:center;margin:16px 0;white-space:nowrap}.callout{background:#f4f4f2;color:#666;line-height:1.7;padding:16px;margin-top:22px;font-size:12px;border-radius:6px}.muted{font-size:12px}.section-head{display:flex;justify-content:space-between;gap:20px}.tier{border-top:1px solid #e8e7e5;padding:24px 0;display:grid;grid-template-columns:150px 1fr;gap:28px}.tier-badge{border:1px solid #cbb79e;background:#f5efe6;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:120px;font-weight:700;font-size:20px;color:#6e5943}.tier:nth-child(2) .tier-badge{background:#f0f1f2;border-color:#b7bec5;color:#53616a}.tier:nth-child(3) .tier-badge{background:#fff4d9;color:#8a6b2b}.tier:nth-child(n+4) .tier-badge{background:#252a31;color:#c8d9e9;border-color:#535f6c}.tier-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tier-grid label:last-child{grid-column:1/-1}textarea{resize:vertical;min-height:84px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin:16px 0 24px}th{text-align:left;font-size:12px;color:#777;padding:12px 8px;background:#f5f5f4}td{padding:6px 8px;border-bottom:1px solid #eee}td input{min-width:90px}.inline{display:flex;gap:12px;align-items:center;margin:14px 0}.inline input{margin:0;max-width:420px}pre{background:#f5f5f4;padding:18px;border-radius:6px;overflow:auto;font-size:12px;line-height:1.6;white-space:pre-wrap}.page[hidden]{display:none}button:focus-visible,a:focus-visible{outline:3px solid #d2a36a;outline-offset:3px}@media(max-width:900px){aside{width:180px;padding:24px 12px}main{margin-left:180px;width:calc(100% - 180px);padding:24px}.overview-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.tier{grid-template-columns:1fr}.tier-badge{min-height:64px}.tier-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){aside{position:static;width:100%;padding:20px}.brand{padding:0}body{display:block}.store,.side-foot{display:none}nav{display:flex;overflow:auto;margin-top:18px}nav button{flex-shrink:0}main{margin:0;width:100%;padding:20px}header{gap:10px}h1{font-size:22px}.subtitle{display:none}.fields,.tier-grid{grid-template-columns:1fr}.panel{padding:20px}.metrics article{padding:16px}}

.customer-summary{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.customer-summary strong{background:#f6f3ef;padding:14px 18px;border-radius:8px;font-size:14px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.filters label{font-size:12px;color:#666}.filters input,.filters select{display:block;margin-top:6px;padding:10px;border:1px solid #ddd;border-radius:5px;background:#fff}.event-card{border:1px solid #e6e1da;border-left:3px solid #b51912;border-radius:7px;padding:20px;margin:14px 0}.event-head{display:flex;justify-content:space-between;gap:16px;color:#888;font-size:12px}.event-kind{color:#9b3023;font-weight:650}.event-card h3{margin:12px 0;font-size:15px}.balance-change{display:flex;gap:18px;align-items:center;font-size:24px;font-weight:600;margin:15px 0}.balance-change strong{font-size:14px;padding:5px 12px;border-radius:30px}.plus{color:#2b6849;background:#e7f0e8}.minus{color:#a52c21;background:#fbe9e7}.event-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-diff div{min-width:0}.event-diff small{color:#888}.event-diff pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f6f3;padding:12px;border-radius:5px}.event-meta{color:#888;font-size:11px;margin-top:14px}.event-meta a{color:#9b3023}.customer-chip{padding:10px 16px;border:1px solid #ded8d1;border-radius:20px;background:#fff;margin:10px 8px 0 0;cursor:pointer}@media(max-width:650px){.event-diff{grid-template-columns:1fr}.filters{align-items:stretch}.event-head{flex-direction:column;gap:4px}}
.state-value{background:#f7f6f3;padding:12px;border-radius:5px;font-size:13px;line-height:1.6;min-height:60px}.state-value p{margin:3px 0}.state-value ul{padding-left:18px;margin:0}.state-value li{margin:4px 0}

button:disabled{opacity:.5;cursor:not-allowed}.customer-search input{max-width:600px;min-width:0;flex:1}.customer-search button{flex-shrink:0}.customer-result{width:100%;display:flex;align-items:center;gap:20px;background:white;border:1px solid #e4e3e0;border-radius:8px;padding:16px 18px;text-align:left;margin:10px 0;color:#333}.customer-result:hover{border-color:#b30000;background:#fffafa}.customer-identity{display:grid;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}.customer-identity strong{font-size:15px}.customer-identity span{font-size:13px;color:#666}.customer-identity small{font-size:11px;color:#888}.customer-balance{font-size:12px;color:#777;flex-shrink:0}.selected-identity{width:100%;overflow-wrap:anywhere}.selected-identity h3{margin:8px 0}.selected-identity p{margin:0}.customer-summary .callout{margin:0;width:100%}.preview-link[hidden]{display:none}@media(max-width:600px){.customer-result{gap:10px;flex-wrap:wrap}.customer-result>.customer-identity{flex-basis:100%}.customer-search{align-items:stretch}.customer-search .primary{padding:8px 10px}}

.vip-matrix{min-width:780px}.vip-matrix th{font-size:13px;vertical-align:middle}.vip-matrix td{padding:13px 12px;text-align:center;white-space:nowrap}.vip-matrix thead th:not(:first-child){text-align:center}.vip-matrix tbody th{width:34%;font-weight:500;background:transparent;color:#333}.vip-matrix tr[data-reference="points"]{background:#f6eee1;color:#78531e;font-weight:750}.vip-matrix tr[data-reference="birthday"]{background:#faf7f2}.vip-pending{padding:18px;background:#f7f4ef;border-radius:8px;line-height:1.8}.vip-pending summary{cursor:pointer;font-weight:650}#activation-blockers{padding-left:20px;line-height:1.9;color:#865a24}

[hidden]{display:none!important}.staff-loading [data-page],.staff-loading .page,.staff-loading #save{display:none!important}

.support-cart-context{margin:18px 0;padding:14px;background:#fff;border:1px solid #ddd9d5;border-radius:12px;min-width:0}
.support-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.support-cart-heading h3{font-size:15px;line-height:1.4;margin:0}
.support-cart-heading button{flex:0 0 34px;width:34px;min-height:34px;padding:4px;font-size:19px;line-height:1}
.support-cart-lines{max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.support-cart-line{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #eee}
.support-cart-line:last-child{border-bottom:0}
.support-cart-line img{flex:0 0 48px;width:48px;height:48px;object-fit:contain;border-radius:6px;background:#fafafa}
.support-cart-copy{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.support-cart-copy strong{font-size:13px;line-height:1.4}
.support-cart-copy small,.support-cart-stamp{font-size:12px;line-height:1.5;color:#666}
.support-cart-total{display:block;padding:10px 0;font-size:13px}
.support-cart-stamp{display:block;margin-top:8px}

body > aside nav a[data-page] {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  color: #bbb;
  white-space: nowrap;
}
body > aside nav a[data-page]:hover, body > aside nav a.active {
  background: #303030;
  color: #fff;
}
.workspace-topbar {display:none}
body[data-workspace-page] {
  --workspace-topbar-height: 42px;
  --work-left: 272px;
  --work-right: 272px;
  --work-line: #e4e7e3;
  --work-ink: #222624;
  --work-muted: #5f6962;
  --work-red: #a52227;
  --work-select: #faeae8;
  display: block;
  background: #fff;
  color: var(--work-ink);
}
body[data-workspace-page] .workspace-topbar {
  display:flex; align-items:center; gap:11px;
  height:var(--workspace-topbar-height); padding:0 22px;
  position:sticky; top:0; z-index:2;
  background:white; border-bottom:1px solid var(--work-line);
}
.workspace-shop {flex:none;white-space:nowrap;font-weight:650}
.workspace-shop::before {
  content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
  margin-right:7px; background:#438360;
}
body[data-workspace-page] > aside {
  top:var(--workspace-topbar-height); width:var(--work-left); padding:17px 13px;
  background:#f8f9f7; color:var(--work-ink);
  border-right:1px solid var(--work-line);
  overflow:auto; overscroll-behavior:contain;
}
body[data-workspace-page] > aside :is(.brand,.store,.side-foot) {display:none}
#workspace-navigation {
  display:flex;align-items:center;gap:4px;margin:0 0 0 auto;min-width:0;max-width:100%;
  overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px;scrollbar-width:thin;
}
#workspace-navigation a {
  display:flex;align-items:center;flex:none;min-height:34px;padding:6px 10px;border-radius:6px;
  color:var(--work-muted);font-size:13px;text-decoration:none;white-space:nowrap;
}
#workspace-navigation a:is(:hover,[aria-current="page"]) {background:var(--work-select);color:#902127}
#workspace-navigation a:focus-visible {outline:2px solid var(--work-red);outline-offset:-2px}
.workspace-sidebar-tools {min-width:0}
.workspace-sidebar-tools h2 {font-size:14px;margin:0 4px 9px}
.workspace-sidebar-tools .customer-search {gap:5px;margin:0}
.workspace-sidebar-tools .customer-search :is(input,button) {margin:0;min-width:0;padding:7px 8px;min-height:35px}
.workspace-sidebar-tools .customer-search input {font-size:12px}
.workspace-search-help {font-size:12px;color:var(--work-muted);margin:6px 4px 10px}
.workspace-list-head {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;font-size:12px;color:var(--work-muted)}
.workspace-list-head button,.workspace-sidebar-tools #more-customers {min-height:30px;padding:4px 7px;font-size:12px}
.workspace-sidebar-tools .customer-result {
  margin:4px 0;padding:9px 7px;gap:7px;border:1px solid transparent;background:transparent;border-radius:8px;
}
.workspace-sidebar-tools .customer-result:hover,.workspace-sidebar-tools .customer-result[aria-pressed="true"] {
  background:var(--work-select);border-color:#efd5d0;
}
.workspace-sidebar-tools .customer-identity {min-width:0;flex:1}
.workspace-sidebar-tools .customer-identity :is(strong,span) {
  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.workspace-sidebar-tools .customer-balance {margin:0;font-size:12px;white-space:nowrap}
.workspace-benefit-choice {
  border:1px solid transparent;background:transparent;border-radius:8px;width:100%;
  padding:8px;text-align:left;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:6px;
}
.workspace-benefit-choice[aria-pressed="true"],.workspace-benefit-choice:hover {
  background:var(--work-select);border-color:#efd5d0;
}
.workspace-tag {
  display:inline-flex; align-items:center; padding:3px 7px; border-radius:6px; font-size:12px;
  white-space:nowrap; color:#536056; background:#eff0ec; font-weight:600;
}
.workspace-tag.enabled {background:#e4f4eb;color:#216445}
body[data-workspace-page] > main {
  margin:0 0 0 var(--work-left); width:calc(100% - var(--work-left)); max-width:none; padding:0;
}
body[data-workspace-page] > main > header {display:none}
body[data-workspace-page] #notice {
  font-size:12px; padding:5px 20px; border-radius:0; margin:0; background:#f7f8f6; color:#4d5c50;
  border-bottom:1px solid var(--work-line);
}
body[data-workspace-page] #notice.error {background:#ffebe9;color:#8d1b16}
.workspace {
  display:grid;grid-template-columns:minmax(0,1fr) var(--work-right);min-height:calc(100vh - var(--workspace-topbar-height));
}
.workspace-main,.workspace-right {min-width:0}
.workspace-heading {
  padding:19px 23px 11px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
.workspace-heading h2 {font-size:23px;line-height:1.25;margin:0}
.workspace-heading p {color:var(--work-muted);font-size:13px;margin:5px 0 0}
.workspace-actions {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.workspace-actions :is(.primary,.secondary) {min-height:34px;padding:6px 10px;font-size:13px;white-space:nowrap}
.workspace .primary {background:var(--work-red);border-color:var(--work-red)}
.workspace-tabs {display:flex;gap:18px;border-bottom:1px solid var(--work-line);padding:0 23px;overflow-x:auto}
.workspace-tabs button {
  display:block;flex:none;min-height:36px;white-space:nowrap;color:var(--work-muted);background:#fff;
  border:0;border-bottom:2px solid transparent;padding:7px 0;font-size:13px;
}
.workspace-tabs button[aria-pressed="true"] {color:var(--work-red);border-bottom-color:var(--work-red);font-weight:700}
.workspace-body {padding:14px 23px 22px;min-width:0}
.workspace .filters {margin:0 0 13px;gap:7px}
.workspace .filters :is(select,input,button) {min-height:33px;margin-top:3px;padding:4px 6px;font-size:12px}
.workspace .filters label {min-width:0}
.workspace .filters input[type="date"] {width:122px}
.workspace-empty {padding:11px 8px;color:var(--work-muted);font-size:13px}
.workspace-ledger {border:1px solid var(--work-line);border-radius:8px;overflow:hidden}
.workspace-event {border-top:1px solid #e9ece8}
.workspace-event-row {
  display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1.7fr) minmax(45px,.5fr) minmax(65px,.7fr);
  align-items:center;gap:7px;padding:9px 11px;font-size:13px;list-style:none;cursor:pointer;
}
.workspace-event-row::-webkit-details-marker {display:none}
.workspace-event-row:focus-visible {outline:2px solid #a52227;outline-offset:-2px}
.workspace-ledger-head {background:#f5f6f4;color:var(--work-muted);font-size:12px;cursor:default}
.workspace-event-row > :nth-child(n+3) {text-align:right;font-variant-numeric:tabular-nums}
.workspace-event-row time,.workspace-event-reason small {color:var(--work-muted);font-size:12px}
.workspace-event-reason {overflow-wrap:anywhere}
.workspace-event-reason small {display:block;margin-top:2px}
.workspace-event[open] {background:#fff7f6}
.workspace-event-body {padding:9px 11px;border-top:1px solid #f1e4e2}
.workspace-balance-diff {display:flex;flex-wrap:wrap;gap:8px;font-weight:700}
.workspace-event-meta {display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:12px;color:var(--work-muted);overflow-wrap:anywhere}
.workspace :is(.workspace-event-meta,.workspace-summary-card) a {color:var(--work-red);font-weight:650}
.workspace .gain {color:#216d4a;font-weight:700}
.workspace .loss {color:#a1252b;font-weight:700}
.workspace-more {margin:10px 0;text-align:center}
.workspace-more button {min-height:33px;padding:5px 9px}
.workspace-import {font-size:12px;color:var(--work-muted);margin:16px 0 0}
.workspace-import > summary {cursor:pointer}
.workspace-import .panel,#workspace-adjust-slot .panel {padding:14px;margin:7px 0 12px}
.workspace :is(.panel .inline,.panel .section-head) {flex-wrap:wrap}
.workspace-right {
  border-left:1px solid var(--work-line);background:#fafbf9;padding:16px;
  position:sticky;top:var(--workspace-topbar-height);align-self:start;min-height:calc(100vh - var(--workspace-topbar-height));
}
.workspace-right h2 {font-size:14px;margin:0 0 12px}
.workspace-right .customer-summary {display:block;margin:0}
.workspace-right .selected-identity {width:auto;margin:0 0 12px;overflow-wrap:anywhere}
.workspace-right .selected-identity h3 {margin:0;font-size:16px}
.workspace-right .selected-identity p {margin:3px 0 0;color:var(--work-muted)}
.workspace-summary-card {border:1px solid var(--work-line);border-radius:8px;background:white;padding:9px 11px;margin:0 0 8px;overflow-wrap:anywhere}
.workspace-summary-card small {display:block;color:var(--work-muted)}
.workspace .workspace-summary-card strong {
  display:block;padding:0;margin:2px 0;background:none;color:inherit;font-size:17px;
}
.workspace-summary-card p {margin:4px 0 0}
.workspace-summary-card a {display:inline-block;margin-top:5px}
.workspace .workspace-benefit-editor {display:block;border:0;padding:0}
.workspace .workspace-benefit-editor .tier-grid {grid-template-columns:1fr 1fr}
.workspace .workspace-benefit-editor .tier-grid label:last-child {grid-column:auto}
.workspace .workspace-benefit-editor :is(h3,.switch) {margin:0}
.workspace #workspace-benefit-editor,.workspace #workspace-claim-panel {padding:15px;margin-bottom:12px}
@media(max-width:1120px) {
  body[data-workspace-page] {--work-left:225px;--work-right:213px}
  .workspace-heading,.workspace-body,.workspace-tabs {padding-inline:14px}
  .workspace-right {padding-inline:11px}
  .workspace-event-row {grid-template-columns:minmax(82px,1fr) minmax(85px,1.4fr) minmax(35px,.45fr) minmax(55px,.6fr)}
}
@media(max-width:920px) {
  .workspace {grid-template-columns:minmax(0,1fr)}
  .workspace-right {position:static;min-height:0;border-left:0;border-top:1px solid var(--work-line)}
}
@media(max-width:690px) {
  body[data-workspace-page] > aside {position:static;width:auto;border-right:0}
  body[data-workspace-page] > main {margin:0;width:100%}
  body[data-workspace-page] .workspace-topbar {height:auto;min-height:var(--workspace-topbar-height);flex-wrap:wrap;padding:9px 12px 4px;gap:6px 10px}
  #workspace-navigation {flex-basis:100%;margin:0}
  .workspace-heading {flex-wrap:wrap}
  .workspace-tabs {gap:11px}
  .workspace-event-row {gap:5px;padding:8px 6px;font-size:12px}
  .workspace-event-row time {font-size:11px}
}

 #notice:empty {display:none}

/* Keep directory and search controls outside the customer list scroll area. */
body[data-workspace-page="customers"] > aside {
  overflow: hidden;
}
#workspace-customer-sidebar {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
}
#workspace-customer-sidebar > :not(#customer-list) {
  flex: none;
}
#workspace-customer-sidebar #customer-list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
#workspace-customer-sidebar #more-customers {
  align-self: flex-start;
  margin-top: 5px;
}
@media (max-width: 690px) {
  #workspace-customer-sidebar {
    flex: none;
  }
  #workspace-customer-sidebar #customer-list {
    max-height: min(42dvh, 22rem);
  }
}

/* Shared shell. The header owns page navigation; each left column is local to its page. */
.workspace-standard > .workspace-main > .workspace-heading {border-bottom:1px solid var(--work-line)}
.workspace-standard .workspace-body > .panel {padding:18px;margin-bottom:14px}
.workspace-standard .workspace-right .panel {padding:12px;margin:0 0 10px}
.workspace-standard .workspace-right .panel h2 {margin:0 0 8px}
.workspace-standard .workspace-right .vip-pending {padding:11px;font-size:12px;overflow-wrap:anywhere}
.workspace-standard .workspace-right pre {margin:0;padding:9px;overflow-wrap:anywhere}
.workspace-standard .metrics {grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;margin-bottom:14px}
.workspace-standard .metrics article {padding:15px}
[data-workspace-section] {scroll-margin-top:calc(var(--workspace-topbar-height) + 20px)}
[data-workspace-sections] button {
  display:block;width:100%;padding:8px 9px;margin:2px 0;border:0;border-radius:6px;
  background:transparent;color:var(--work-ink);text-align:left;font-size:13px;
}
[data-workspace-sections] button:hover {background:var(--work-select);color:var(--work-red)}
[data-workspace-sections] button:focus-visible {outline:2px solid var(--work-red);outline-offset:-2px}

body[data-workspace-page="support"] > aside {overflow:hidden}
#workspace-support-sidebar {display:flex;flex:1 1 0;flex-direction:column;min-height:0}
#workspace-support-sidebar .support-filter-bar {display:flex;gap:4px;margin:2px 0 8px;flex:none}
#workspace-support-sidebar .support-filter-tabs {display:flex;flex-wrap:wrap;gap:2px;min-width:0;flex:1}
#workspace-support-sidebar .support-filter-tabs button {
  padding:6px 5px;border:0;border-radius:6px;background:transparent;color:var(--work-muted);font-size:12px;
}
#workspace-support-sidebar .support-filter-tabs button:is(:hover,[aria-pressed="true"]) {
  background:var(--work-select);color:var(--work-red);
}
#workspace-support-sidebar .support-refresh {
  flex:0 0 30px;width:30px;height:30px;padding:6px;background:white;color:var(--work-muted);border:1px solid var(--work-line);
}
#workspace-support-sidebar .support-refresh svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
#workspace-support-sidebar .support-search {display:flex;gap:4px;margin:0 0 8px;flex:none}
#workspace-support-sidebar .support-search :is(input,button) {margin:0;min-width:0;min-height:34px;padding:5px;font-size:12px}
#workspace-support-sidebar .support-search input {flex:1;width:0}
#workspace-support-sidebar [data-support-status] {font-size:12px;margin:0 0 7px;color:var(--work-muted);overflow-wrap:anywhere}
#workspace-support-sidebar [data-support-status]:empty {display:none}
#workspace-support-sidebar .support-list {flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#workspace-support-sidebar :is(.support-list-empty,.support-state-hint) {padding:5px;color:var(--work-muted);font-size:12px}
#workspace-support-sidebar .support-thread-row {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px;
  margin:0 0 5px;padding:2px;border:1px solid transparent;border-radius:7px;
}
#workspace-support-sidebar .support-thread-row:is(:hover,.active) {background:var(--work-select);border-color:#efd5d0}
#workspace-support-sidebar .support-thread {
  display:block;width:100%;min-width:0;margin:0;padding:7px 5px;border:0;border-radius:5px;
  background:transparent;color:var(--work-ink);text-align:left;overflow:hidden;
}
#workspace-support-sidebar .support-state-toggle {
  display:grid;place-items:center;flex:none;width:30px;min-height:30px;margin:1px 1px 0 0;
  padding:5px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--work-muted);
}
#workspace-support-sidebar .support-thread-row.active .support-state-toggle,
#workspace-support-sidebar .support-state-toggle:hover {border-color:#e5c4c6;background:white;color:var(--work-red)}
#workspace-support-sidebar .support-state-toggle[aria-pressed="true"] {background:#e1f1e5;color:#266647}
#workspace-support-sidebar .support-state-toggle[aria-disabled="true"] {opacity:.5;cursor:wait}
#workspace-support-sidebar .support-state-toggle svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
#workspace-support-sidebar .support-thread-heading {display:flex;align-items:center;gap:4px;min-width:0}
#workspace-support-sidebar .support-thread-heading strong {flex:1;min-width:0;font-size:13px}
#workspace-support-sidebar :is(.support-thread-heading strong,.support-thread-preview,.support-thread-meta) {
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#workspace-support-sidebar :is(.support-thread-time,.support-thread-meta) {font-size:10px;color:var(--work-muted)}
#workspace-support-sidebar .support-thread-preview {font-size:12px;margin:3px 0}
#workspace-support-sidebar .support-thread-count {background:var(--work-red);color:white;padding:1px 5px;border-radius:12px;font-size:10px}
#workspace-support-sidebar :is(.support-more-threads,.support-list > .secondary) {padding:6px 9px;font-size:12px}

body[data-workspace-page="support"].support-workspace-page > main,
body[data-workspace-page="support"] > main {display:flex;flex-direction:column;height:calc(100dvh - var(--workspace-topbar-height));padding:0}
body[data-workspace-page="support"] #support {min-height:0;flex:1 1 0}
body[data-workspace-page="support"] #support .zj-support {height:100%;min-height:0;display:block}
body[data-workspace-page="support"] #support [data-support-detail] {height:100%;margin:0;border:0;border-radius:0}
body[data-workspace-page="support"] #support .support-detail-grid {height:100%;grid-template-columns:minmax(0,1fr)}
body[data-workspace-page="support"] #support .support-chat-column {padding:16px 23px}
body[data-workspace-page="support"] #support [data-support-placeholder] .workspace-heading {padding:0 0 10px}
body[data-workspace-page="support"] #support [data-support-placeholder] .workspace-heading h2 {font-size:23px;margin:0}
body[data-workspace-page="support"] #support .workspace-right {min-height:0;background:#fafbf9}
body[data-workspace-page="support"] #support .workspace-right > h2 {font-size:14px;margin:0 0 12px}
body[data-workspace-page="support"] #support .support-history {gap:8px;padding:6px 6px 9px}
body[data-workspace-page="support"] #support .support-message-row {
  display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:2px;
  min-width:0;max-width:min(88%,680px);align-self:flex-start;
}
body[data-workspace-page="support"] #support .support-row-from-staff {align-self:flex-end;align-items:flex-end}
body[data-workspace-page="support"] #support .support-row-internal {align-self:center;align-items:center}
body[data-workspace-page="support"] #support .support-message-meta {
  display:flex;align-items:baseline;gap:7px;padding:0 3px;max-width:100%;
  color:var(--work-muted);font-size:11px;line-height:1.35;
}
body[data-workspace-page="support"] #support .support-message-meta strong {
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body[data-workspace-page="support"] #support .support-message-meta time {flex:none;font-size:10px;font-variant-numeric:tabular-nums}
body[data-workspace-page="support"] #support .support-message {
  padding:6px 9px;max-width:100%;width:fit-content;line-height:1.45;
}
body[data-workspace-page="support"] #support .support-reply-composer {
  position:relative;padding:7px 0 0;overflow:visible;max-height:none;
}
body[data-workspace-page="support"] #support .support-reply-composer > textarea {
  display:block;margin:0;min-height:62px;padding:8px 10px;
}
body[data-workspace-page="support"] #support .support-compose-actions {
  justify-content:flex-start;flex-wrap:wrap;gap:4px 10px;margin-top:6px;
}
body[data-workspace-page="support"] #support .support-compose-actions > label {
  display:flex;gap:5px;align-items:center;min-height:32px;font-size:12px;white-space:nowrap;cursor:pointer;
}
body[data-workspace-page="support"] #support .support-compose-actions input[type=checkbox] {
  flex:none;width:14px;height:14px;margin:0;
}
body[data-workspace-page="support"] #support .support-attach-button svg {
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
}
body[data-workspace-page="support"] #support .support-compose-actions [type=submit] {
  margin-inline-start:auto;min-height:32px;padding:5px 11px;white-space:nowrap;
}
#support .support-quick-trigger {
  display:grid;place-items:center;width:34px;min-height:32px;padding:6px;
}
#support .support-quick-trigger[aria-expanded="true"] {
  color:var(--work-red);background:var(--work-select);border-color:#e5c4c6;
}
#support .support-quick-trigger svg,.support-header-actions svg {
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}
body[data-workspace-page="support"] #support .support-reply-tools {
  position:absolute;z-index:4;inset:auto auto calc(100% - 2px) 0;width:min(330px,100%);
  max-height:min(340px,43dvh);overflow:auto;padding:9px;
  border:1px solid var(--work-line);border-radius:8px;background:white;box-shadow:0 4px 18px #2222;
}
.support-reply-picker-heading,.support-settings-heading {display:flex;align-items:center;justify-content:space-between;gap:10px}
.support-reply-picker-heading button,.support-settings-heading button {min-height:28px;padding:2px 8px;font-size:18px}
#support .support-reply-tools input {padding:6px 8px;margin:4px 0;background:#f7f8f8;font-size:12px}
#support .support-reply-options {display:grid;gap:2px;margin:3px 0}
#support .support-reply-choice {
  display:grid;gap:2px;width:100%;padding:6px 7px;border:0;border-radius:6px;
  background:transparent;color:var(--work-ink);text-align:left;
}
#support .support-reply-choice:is(:hover,:focus-visible) {background:var(--work-select)}
#support .support-reply-choice small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--work-muted)}
#support .support-reply-manage {
  width:100%;min-height:29px;padding:5px 7px;border:0;border-top:1px solid var(--work-line);
  background:white;color:var(--work-red);text-align:left;
}
.support-header-actions {display:none}
body[data-workspace-page="support"] .support-header-actions {display:flex;flex:none;gap:6px;margin-inline-start:auto}
.support-header-actions button {
  display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 8px;
  font-size:12px;white-space:nowrap;
}
.support-standalone-title {border-left:1px solid var(--work-line);padding-inline-start:10px;color:var(--work-muted);white-space:nowrap}
.support-action-notice {
  position:fixed;z-index:5;top:calc(var(--workspace-topbar-height) + 10px);right:12px;
  width:max-content;max-width:calc(100vw - 24px);margin:0;padding:9px 13px;
  border:1px solid #e3cfc5;border-radius:8px;background:#fff8ed;color:#683c28;box-shadow:0 3px 14px #2222;
  overflow-wrap:anywhere;font-size:13px;
}
.support-settings-dialog {
  width:min(490px,calc(100% - 28px));max-height:85dvh;overflow:auto;
  padding:16px;border:1px solid var(--work-line);border-radius:12px;color:var(--work-ink);background:white;
}
.support-settings-dialog::backdrop {background:#26282766}
.support-settings-heading {margin-bottom:12px}
.support-settings-heading h2 {margin:0}
.support-settings-actions {display:flex;align-items:end;flex-wrap:wrap;gap:7px}
.support-settings-actions label {flex:1 0 155px}
.support-settings-dialog input,.support-settings-dialog select,.support-settings-dialog textarea {font-size:13px}
.support-settings-feedback {margin:6px 0;color:var(--work-red);font-size:12px}
.support-settings-feedback:empty {display:none}
.support-settings-dialog .support-muted {margin:7px 0;color:var(--work-muted);font-size:12px}
.support-reply-manager {margin-top:12px;padding-top:10px;border-top:1px solid var(--work-line)}
.support-reply-manager summary {cursor:pointer;font-weight:600}
.support-reply-manager .support-settings-actions {margin-top:8px}
body[data-workspace-page="support"] #support .support-attachments:not(:empty) {
  max-height:108px;overflow-y:auto;margin-top:6px;
}
@media(min-width:981px) {
  body[data-workspace-page="support"] #support .support-detail-grid {grid-template-columns:minmax(0,1fr) var(--work-right)}
  body[data-workspace-page="support"] #support .support-customer-panel {
    display:block;position:static;width:auto;border:0;border-left:1px solid var(--work-line);box-shadow:none;
  }
  body[data-workspace-page="support"] #support :is(.support-conversation-heading,.support-customer-close) {display:none}
  body[data-workspace-page="support"] #support .support-show-customer .support-customer-panel {
    position:static;width:auto;box-shadow:none;
  }
}
@media(max-width:690px) {
  [data-workspace-section] {scroll-margin-top:112px}
  body[data-workspace-page="support"] .support-header-actions {order:1}
  body[data-workspace-page="support"] #workspace-navigation {order:2}
  body[data-support-standalone] .workspace-topbar {padding-bottom:9px}
  body[data-workspace-page="support"] .support-action-notice {top:90px}
  #workspace-support-sidebar {flex:none}
  #workspace-support-sidebar .support-list {max-height:min(42dvh,22rem)}
  body[data-workspace-page="support"]:has(#support.support-has-thread) #workspace-support-sidebar {display:none}
  body[data-workspace-page="support"].support-workspace-page > main,
  body[data-workspace-page="support"] > main {height:auto}
  body[data-workspace-page="support"] #support {flex:auto}
  body[data-workspace-page="support"] #support .zj-support {height:auto}
  body[data-workspace-page="support"] #support:not(.support-has-thread) [data-support-detail] {display:block;height:auto}
  body[data-workspace-page="support"] #support.support-has-thread .zj-support {height:max(480px,calc(100dvh - 110px))}
  body[data-workspace-page="support"] #support .support-chat-column {padding:12px}
}

@media (max-width:365px) {
  body[data-workspace-page="support"] .workspace-topbar {gap:5px;padding-inline:8px}
  .support-header-actions {gap:4px}
  .support-header-actions button {padding-inline:5px}
  .support-header-actions button svg {width:13px;height:13px}
}