/* ════════════════════════════════════════════════════════════════════════
   scaliffy-app.css — after-signup workspace components
   Account popup · Orders kanban · Duplicate alerts · Maintenance widget
   Scaliffy parchment / rose / sage theme — self-contained tokens.
   ════════════════════════════════════════════════════════════════════════ */
.sc-ux{
  --sc-bg:#F2E9DC; --sc-panel:#F7F1E6; --sc-panel-2:#EDE3D0; --sc-panel-3:#E6DAC4;
  --sc-ink:#1A1A1A; --sc-text:#2C2A26; --sc-muted:#6E6354;
  --sc-line:rgba(26,26,26,.12); --sc-line-2:rgba(26,26,26,.07);
  --sc-rose:#C28778; --sc-rose-soft:#E0B5A2; --sc-rose-pale:#F2D8C9;
  --sc-sage:#8FA882; --sc-sage-soft:#B5C5A5; --sc-sage-pale:#D5DEC8;
  --sc-green:#5f8f56; --sc-amber:#C9923E; --sc-red:#b04a3f;
  --sc-disp:'Space Grotesk',system-ui,sans-serif;
  --sc-body:'Inter',system-ui,sans-serif;
  --sc-mono:'JetBrains Mono',ui-monospace,monospace;
  --sc-serif:'Fraunces',Georgia,serif;
  --sc-ease:cubic-bezier(.2,.7,.2,1);
  --sc-r-lg:20px; --sc-r-md:14px; --sc-r-sm:10px;
  --sc-shadow:0 30px 70px -40px rgba(26,26,26,.55);
}

/* ───────── shared atoms ───────── */
.sc-ux button{font-family:inherit;cursor:pointer}
.sc-ux *{box-sizing:border-box}
.sc-pill{display:inline-flex;align-items:center;gap:.34rem;height:22px;padding:0 .55rem;border-radius:999px;
  font-family:var(--sc-mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:0 1.1rem;
  border-radius:11px;border:1px solid var(--sc-ink);background:var(--sc-ink);color:#F7F1E6;
  font-family:var(--sc-disp);font-size:.78rem;font-weight:600;letter-spacing:.02em;
  transition:transform .2s var(--sc-ease),box-shadow .2s var(--sc-ease),background .2s var(--sc-ease)}
.sc-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 14px 26px -16px rgba(26,26,26,.6)}
.sc-btn:active{transform:translateY(0)}
.sc-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.sc-btn-ghost{background:transparent;color:var(--sc-ink);border-color:var(--sc-line)}
.sc-btn-ghost:hover{background:rgba(26,26,26,.04);box-shadow:none}
.sc-btn-rose{background:var(--sc-rose);border-color:var(--sc-rose);color:#fff}
.sc-btn-rose:hover{background:#b3766a;box-shadow:0 16px 30px -16px rgba(194,135,120,.7)}
.sc-empty{padding:1.6rem 1rem;text-align:center;color:var(--sc-muted);font-family:var(--sc-serif);font-style:italic;font-size:.9rem}
.sc-input{width:100%;min-height:44px;padding:.6rem .8rem;border:1px solid var(--sc-line);border-radius:11px;
  background:#FBF7EF;color:var(--sc-ink);font-family:var(--sc-body);font-size:.9rem;transition:border-color .2s var(--sc-ease),box-shadow .2s var(--sc-ease)}
.sc-input:focus{outline:none;border-color:var(--sc-rose);box-shadow:0 0 0 3px rgba(194,135,120,.16)}
.sc-field-label{display:block;font-family:var(--sc-mono);font-size:.62rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sc-muted);margin:0 0 .4rem}

/* ════════════════════════════ ACCOUNT POPUP ════════════════════════════ */
#scAcct{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:1.2rem;
  background:rgba(26,22,18,.52);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  opacity:0;transition:opacity .22s var(--sc-ease)}
#scAcct.open{display:grid;opacity:1}
.sc-acct-card{width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;
  background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:var(--sc-r-lg);
  box-shadow:var(--sc-shadow);transform:translateY(14px) scale(.985);transition:transform .26s var(--sc-ease)}
#scAcct.open .sc-acct-card{transform:none}
.sc-acct-head{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.2rem .9rem;border-bottom:1px solid var(--sc-line-2)}
.sc-acct-av{width:44px;height:44px;flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:var(--sc-panel-2);border:1px solid var(--sc-line);color:var(--sc-rose);
  font-family:var(--sc-serif);font-style:italic;font-weight:600;font-size:1.05rem;cursor:pointer;position:relative}
.sc-acct-av img{width:100%;height:100%;object-fit:cover}
.sc-acct-av:hover::after{content:'edit';position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(26,26,26,.55);color:#fff;font-family:var(--sc-mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}
.sc-acct-who{flex:1 1 auto;min-width:0}
.sc-acct-who b{display:block;font-family:var(--sc-disp);font-size:1.02rem;font-weight:700;color:var(--sc-ink);letter-spacing:-.01em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-acct-who span{display:block;font-family:var(--sc-serif);font-style:italic;color:var(--sc-muted);font-size:.82rem;margin-top:.1rem}
.sc-acct-x{width:34px;height:34px;flex:0 0 auto;border-radius:9px;border:1px solid var(--sc-line);background:transparent;
  color:var(--sc-muted);font-size:1.2rem;line-height:1;display:grid;place-items:center;transition:all .2s var(--sc-ease)}
.sc-acct-x:hover{background:rgba(26,26,26,.05);color:var(--sc-ink)}
.sc-acct-tabs{display:flex;gap:.2rem;padding:.5rem .7rem 0;border-bottom:1px solid var(--sc-line-2)}
.sc-acct-tab{flex:1;min-height:42px;border:0;background:transparent;color:var(--sc-muted);
  font-family:var(--sc-disp);font-size:.72rem;font-weight:600;letter-spacing:.03em;
  padding:.5rem .3rem;border-bottom:2px solid transparent;transition:color .2s var(--sc-ease),border-color .2s var(--sc-ease)}
.sc-acct-tab:hover{color:var(--sc-ink)}
.sc-acct-tab.is-active{color:var(--sc-ink);border-bottom-color:var(--sc-rose)}
.sc-acct-body{flex:1 1 auto;overflow-y:auto;padding:1.2rem;display:none}
.sc-acct-body.is-active{display:block;animation:scFade .26s var(--sc-ease)}
@keyframes scFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sc-acct-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 0 1rem}
.sc-acct-field{display:block}
.sc-acct-field.full{grid-column:1/-1}
.sc-save-row{display:flex;align-items:center;gap:.8rem;margin-top:.3rem}
.sc-save-status{font-family:var(--sc-mono);font-size:.66rem;color:var(--sc-sage);letter-spacing:.05em}

/* connected stores list */
.sc-stores{display:flex;flex-direction:column;gap:.5rem}
.sc-store{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid var(--sc-line);
  border-radius:var(--sc-r-md);background:#FBF7EF}
.sc-store-logo{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;
  background:var(--sc-ink);color:#F7F1E6;font-family:var(--sc-disp);font-weight:700;font-size:.7rem;overflow:hidden}
.sc-store-logo img{width:100%;height:100%;object-fit:cover}
.sc-store-info{flex:1 1 auto;min-width:0}
.sc-store-info b{display:block;font-family:var(--sc-disp);font-size:.84rem;color:var(--sc-ink);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-store-info span{font-family:var(--sc-mono);font-size:.62rem;color:var(--sc-muted);letter-spacing:.04em}
.sc-store .sc-pill{background:var(--sc-sage-pale);color:#3f5f38}

/* plan & billing */
.sc-plan-card{padding:1.1rem;border:1px solid var(--sc-line);border-radius:var(--sc-r-md);
  background:linear-gradient(160deg,var(--sc-rose-pale),#FBF7EF 70%);margin:0 0 1rem}
.sc-plan-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}
.sc-plan-name{font-family:var(--sc-disp);font-size:1.25rem;font-weight:700;color:var(--sc-ink);text-transform:capitalize}
.sc-plan-card .sc-pill{background:var(--sc-ink);color:#F7F1E6}
.sc-plan-feat{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0 0}
.sc-plan-feat li{display:flex;align-items:flex-start;gap:.5rem;font-size:.84rem;color:var(--sc-text);list-style:none}
.sc-plan-feat li svg{flex:0 0 auto;margin-top:.12rem;color:var(--sc-sage)}
.sc-billing-note{font-family:var(--sc-serif);font-style:italic;color:var(--sc-muted);font-size:.84rem;margin:.2rem 0 1rem}

/* team / packaging */
.sc-team-intro{font-size:.86rem;color:var(--sc-text);line-height:1.55;margin:0 0 1rem}
.sc-team-members{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1.2rem}
.sc-mrow{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border:1px solid var(--sc-line);border-radius:var(--sc-r-md);background:#FBF7EF}
.sc-mrow-av{width:32px;height:32px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:var(--sc-sage-pale);color:#3f5f38;font-family:var(--sc-disp);font-weight:700;font-size:.72rem}
.sc-mrow-info{flex:1 1 auto;min-width:0}
.sc-mrow-info b{display:block;font-family:var(--sc-disp);font-size:.84rem;color:var(--sc-ink);line-height:1.2}
.sc-mrow-info span{font-family:var(--sc-mono);font-size:.6rem;color:var(--sc-muted);letter-spacing:.04em}
.sc-mrow-del{width:28px;height:28px;border:1px solid var(--sc-line);border-radius:8px;background:transparent;
  color:var(--sc-muted);font-size:1rem;line-height:1;display:grid;place-items:center;transition:all .2s var(--sc-ease)}
.sc-mrow-del:hover{background:rgba(176,74,63,.1);color:var(--sc-red);border-color:rgba(176,74,63,.3)}

.sc-token-gen{border:1px dashed var(--sc-line-strong,rgba(194,135,120,.42));border-radius:var(--sc-r-md);
  padding:1rem;background:rgba(194,135,120,.05)}
.sc-token-gen h4{margin:0 0 .2rem;font-family:var(--sc-disp);font-size:.9rem;color:var(--sc-ink)}
.sc-token-gen > p{margin:0 0 .85rem;font-size:.78rem;color:var(--sc-muted)}
.sc-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 .9rem}
.sc-perm{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;border:1px solid var(--sc-line);
  border-radius:var(--sc-r-sm);background:#FBF7EF;cursor:pointer;transition:border-color .2s var(--sc-ease),background .2s var(--sc-ease)}
.sc-perm:hover{border-color:var(--sc-rose-soft)}
.sc-perm.is-on{border-color:var(--sc-rose);background:var(--sc-rose-pale)}
.sc-perm input{margin:.12rem 0 0;accent-color:var(--sc-rose);width:15px;height:15px;flex:0 0 auto}
.sc-perm-tx b{display:block;font-family:var(--sc-disp);font-size:.76rem;color:var(--sc-ink);line-height:1.2}
.sc-perm-tx span{font-size:.66rem;color:var(--sc-muted);line-height:1.3}
.sc-token-out{margin-top:.9rem;padding:.8rem;border:1px solid var(--sc-line);border-radius:var(--sc-r-sm);background:#FBF7EF}
.sc-token-out small{font-family:var(--sc-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-sage)}
.sc-token-out .sc-token-code{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 .3rem}
.sc-token-out code{flex:1 1 auto;font-family:var(--sc-mono);font-size:.78rem;color:var(--sc-ink);background:var(--sc-panel-2);
  padding:.45rem .55rem;border-radius:8px;word-break:break-all}
.sc-token-out p{margin:.2rem 0 0;font-size:.72rem;color:var(--sc-muted)}

/* sidebar account trigger (replaces e.SCALEX user card hover) */
.sc-acct-trigger{cursor:pointer}
.es-user-card.sc-acct-trigger:hover{border-color:var(--sc-rose-soft,#E0B5A2);box-shadow:0 18px 40px -30px rgba(194,135,120,.6)}
.sc-team{display:none!important} /* legacy sidebar team panel from main.js — superseded by popup */

/* sidebar brand — scaliffy ff mark (replaces e.SCALEX logo) */
.es-side-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:700;text-transform:none!important;letter-spacing:-.03em}
.es-side-brand .brand-monogram{width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 3px 8px rgba(26,26,26,.25))}
.es-side-brand .brand-monogram text{text-transform:none!important}
.es-side-brand .brand-name{font-size:1.12rem;letter-spacing:-.03em;text-transform:none!important}
.es-side-brand .brand-name i{font-style:normal;color:var(--v3)}

/* overview counter cards — parchment re-theme missed these (stayed dark) */
body.es-dashboard-mode .es-counter-grid article{
  background:#F7F1E6!important;border-color:rgba(26,26,26,.12)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.es-dashboard-mode .es-counter-grid article::before{
  background:linear-gradient(180deg,rgba(194,135,120,.06),transparent 42%)!important}
body.es-dashboard-mode .es-counter-grid b{color:#1A1A1A}
body.es-dashboard-mode .es-counter-grid span{color:#6E6354}

/* ════════════════════════════ ORDERS KANBAN ════════════════════════════ */
body.sc-orders-active .es-shell > .es-view{display:none!important}
#scOrdersView{display:none}
body.sc-orders-active #scOrdersView{display:block;animation:scFade .26s var(--sc-ease)}
.sc-ord-toolbar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 1rem}
.sc-ord-search{flex:1 1 220px;min-width:0}
.sc-ord-alertbtn{position:relative}
.sc-ord-alertbtn .sc-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  background:var(--sc-red);color:#fff;font-family:var(--sc-mono);font-size:.58rem;font-weight:700;display:grid;place-items:center}
.sc-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:start}
.sc-col{background:var(--sc-panel-2);border:1px solid var(--sc-line);border-radius:var(--sc-r-md);
  padding:.6rem;display:flex;flex-direction:column;gap:.55rem;min-height:140px}
.sc-col-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.2rem .25rem .1rem}
.sc-col-head b{font-family:var(--sc-disp);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-ink)}
.sc-col-head .sc-count{font-family:var(--sc-mono);font-size:.64rem;font-weight:700;color:var(--sc-muted);
  background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:999px;min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center}
.sc-col[data-col="new"] .sc-col-dot{background:var(--sc-amber)}
.sc-col[data-col="processed"] .sc-col-dot{background:var(--sc-rose)}
.sc-col[data-col="shipped"] .sc-col-dot{background:var(--sc-sage)}
.sc-col[data-col="canceled"] .sc-col-dot{background:var(--sc-red)}
.sc-col-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:.4rem;vertical-align:middle}
.sc-col-list{display:flex;flex-direction:column;gap:.5rem}
.sc-ocard{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:var(--sc-r-sm);padding:.7rem .75rem;
  display:flex;flex-direction:column;gap:.34rem;transition:transform .18s var(--sc-ease),box-shadow .18s var(--sc-ease),border-color .18s var(--sc-ease)}
.sc-ocard:hover{transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(26,26,26,.5);border-color:var(--sc-rose-soft)}
.sc-ocard.is-flagged{border-color:var(--sc-amber);box-shadow:inset 3px 0 0 var(--sc-amber)}
.sc-ocard-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.sc-ocard-ref{font-family:var(--sc-mono);font-size:.66rem;font-weight:700;letter-spacing:.04em;color:var(--sc-muted)}
.sc-warn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;
  color:var(--sc-amber)}
.sc-warn svg{width:18px;height:18px}
.sc-ocard b.sc-ocard-cust{font-family:var(--sc-disp);font-size:.86rem;font-weight:600;color:var(--sc-ink);line-height:1.2}
.sc-ocard-items{font-size:.76rem;color:var(--sc-text);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-ocard-meta{font-family:var(--sc-mono);font-size:.62rem;color:var(--sc-muted);letter-spacing:.02em}
.sc-ocard-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.15rem;padding-top:.4rem;border-top:1px solid var(--sc-line-2)}
.sc-ocard-total{font-family:var(--sc-disp);font-size:.86rem;font-weight:700;color:var(--sc-ink)}
.sc-ocard-total span{font-size:.64rem;font-weight:500;color:var(--sc-muted)}
.sc-ocard-act{display:flex;gap:.3rem}
.sc-ocard-act button{width:28px;height:28px;border-radius:8px;border:1px solid var(--sc-line);background:var(--sc-panel-2);
  display:grid;place-items:center;color:var(--sc-muted);transition:all .18s var(--sc-ease)}
.sc-ocard-act button:hover{color:var(--sc-ink);border-color:var(--sc-ink);transform:translateY(-1px)}
.sc-ocard-act button svg{width:15px;height:15px}

/* ════════════════════════════ ALERTS DRAWER ════════════════════════════ */
#scAlerts{position:fixed;inset:0;z-index:9999;display:none}
#scAlerts.open{display:block}
.sc-alerts-scrim{position:absolute;inset:0;background:rgba(26,22,18,.4);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s var(--sc-ease)}
#scAlerts.open .sc-alerts-scrim{opacity:1}
.sc-alerts-panel{position:absolute;top:0;right:0;height:100%;width:min(400px,92vw);background:var(--sc-panel);
  border-left:1px solid var(--sc-line);box-shadow:-30px 0 70px -40px rgba(26,26,26,.6);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s var(--sc-ease)}
#scAlerts.open .sc-alerts-panel{transform:none}
.sc-alerts-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--sc-line-2)}
.sc-alerts-head h3{margin:0;font-family:var(--sc-disp);font-size:1rem;color:var(--sc-ink)}
.sc-alerts-head p{margin:.15rem 0 0;font-family:var(--sc-serif);font-style:italic;font-size:.78rem;color:var(--sc-muted)}
.sc-alerts-list{flex:1 1 auto;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}
.sc-alert{display:flex;gap:.7rem;padding:.85rem;border:1px solid var(--sc-line);border-radius:var(--sc-r-md);background:#FBF7EF}
.sc-alert.is-review{border-color:var(--sc-amber);background:linear-gradient(160deg,rgba(201,146,62,.08),#FBF7EF 60%)}
.sc-alert.is-merge{border-color:var(--sc-sage-soft)}
.sc-alert-ic{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center}
.sc-alert.is-review .sc-alert-ic{background:rgba(201,146,62,.16);color:var(--sc-amber)}
.sc-alert.is-merge .sc-alert-ic{background:var(--sc-sage-pale);color:#3f5f38}
.sc-alert-ic svg{width:17px;height:17px}
.sc-alert-tx b{display:block;font-family:var(--sc-disp);font-size:.82rem;color:var(--sc-ink);line-height:1.25}
.sc-alert-tx p{margin:.2rem 0 .3rem;font-size:.76rem;color:var(--sc-text);line-height:1.4}
.sc-alert-tx small{font-family:var(--sc-mono);font-size:.6rem;color:var(--sc-muted);letter-spacing:.03em}

/* ════════════════════════════ PACKAGING MEMBER VIEW ════════════════════════════ */
.sc-member-body.sc-ux .sc-member-head{margin-bottom:1rem}
.sc-mtabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.3rem;border-bottom:1px solid var(--sc-line)}
.sc-mtab{min-height:40px;padding:.45rem .95rem;border:0;background:transparent;color:var(--sc-muted);
  font-family:var(--sc-disp);font-size:.84rem;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color .2s var(--sc-ease),border-color .2s var(--sc-ease)}
.sc-mtab:hover{color:var(--sc-ink)}
.sc-mtab.is-active{color:var(--sc-ink);border-bottom-color:var(--sc-rose)}
.sc-mpanel[hidden]{display:none}
.sc-mpanel{animation:scFade .26s var(--sc-ease)}
.sc-member-body.sc-ux .sc-member-search{margin-bottom:1rem}

/* ════════════════════════════ MAINTENANCE WIDGET ════════════════════════════ */
.sc-maint{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem;align-items:start}
.sc-maint-panel{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:var(--sc-r-lg);overflow:hidden;display:flex;flex-direction:column}
.sc-maint-hd{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;border-bottom:1px solid var(--sc-line-2)}
.sc-maint-hd .sc-ff{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;
  background:var(--sc-ink);color:var(--sc-rose);font-family:var(--sc-serif);font-style:italic;font-weight:600;font-size:1rem;letter-spacing:-1px}
.sc-maint-hd b{font-family:var(--sc-disp);font-size:.92rem;color:var(--sc-ink);line-height:1.2}
.sc-maint-hd span{display:block;font-family:var(--sc-serif);font-style:italic;font-size:.76rem;color:var(--sc-muted)}
.sc-maint-live{margin-left:auto;display:inline-flex;align-items:center;gap:.34rem;font-family:var(--sc-mono);font-size:.6rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--sc-sage)}
.sc-maint-live i{width:7px;height:7px;border-radius:50%;background:var(--sc-sage);box-shadow:0 0 0 0 rgba(143,168,130,.6);animation:scPing 2s infinite}
@keyframes scPing{0%{box-shadow:0 0 0 0 rgba(143,168,130,.5)}70%{box-shadow:0 0 0 7px rgba(143,168,130,0)}100%{box-shadow:0 0 0 0 rgba(143,168,130,0)}}
.sc-maint-log{flex:1 1 auto;min-height:240px;max-height:340px;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}
.sc-cmsg{max-width:86%;padding:.6rem .8rem;border-radius:13px;font-size:.84rem;line-height:1.5;animation:scFade .24s var(--sc-ease)}
.sc-cmsg.assistant{align-self:flex-start;background:var(--sc-panel-2);color:var(--sc-text);border-bottom-left-radius:4px}
.sc-cmsg.user{align-self:flex-end;background:var(--sc-ink);color:#F7F1E6;border-bottom-right-radius:4px}
.sc-cmsg.typing{align-self:flex-start;color:var(--sc-muted);font-family:var(--sc-serif);font-style:italic}
.sc-maint-sugg{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.2rem .6rem}
.sc-sugg{border:1px solid var(--sc-line);background:#FBF7EF;border-radius:999px;padding:.35rem .7rem;
  font-size:.7rem;color:var(--sc-text);transition:all .18s var(--sc-ease)}
.sc-sugg:hover{border-color:var(--sc-rose);background:var(--sc-rose-pale);color:var(--sc-ink)}
.sc-maint-compose{display:flex;gap:.5rem;padding:.8rem 1.2rem 1.1rem;border-top:1px solid var(--sc-line-2)}
.sc-maint-compose .sc-input{min-height:42px}
.sc-maint-side{display:flex;flex-direction:column;gap:1rem}
.sc-help-card{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:var(--sc-r-lg);padding:1.2rem}
.sc-help-card h4{margin:0 0 .3rem;font-family:var(--sc-disp);font-size:.92rem;color:var(--sc-ink)}
.sc-help-card p{margin:0 0 .9rem;font-size:.82rem;color:var(--sc-text);line-height:1.5}
.sc-help-card textarea{width:100%;min-height:84px;resize:vertical;padding:.6rem .75rem;border:1px solid var(--sc-line);
  border-radius:11px;background:#FBF7EF;color:var(--sc-ink);font-family:var(--sc-body);font-size:.86rem;margin:0 0 .7rem}
.sc-help-card textarea:focus{outline:none;border-color:var(--sc-sage);box-shadow:0 0 0 3px rgba(143,168,130,.16)}
.sc-cal-card{background:linear-gradient(165deg,var(--sc-ink),#2b241f);border-radius:var(--sc-r-lg);padding:1.3rem;color:#F2E9DC;position:relative;overflow:hidden}
.sc-cal-card::after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(194,135,120,.5),transparent 70%)}
.sc-cal-card h4{margin:0 0 .3rem;font-family:var(--sc-disp);font-size:1rem;color:#F7F1E6;position:relative}
.sc-cal-card p{margin:0 0 1rem;font-size:.82rem;color:rgba(242,233,220,.78);line-height:1.5;position:relative}
.sc-cal-card .sc-btn{position:relative;width:100%;background:var(--sc-rose);border-color:var(--sc-rose);color:#fff}
.sc-cal-card .sc-btn:hover{background:#cf8d7e}
.sc-cal-meta{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-family:var(--sc-mono);font-size:.62rem;
  letter-spacing:.06em;color:rgba(242,233,220,.6);position:relative}

/* ───────── responsive ───────── */
@media(max-width:1080px){.sc-maint{grid-template-columns:1fr}.sc-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .sc-board{grid-template-columns:1fr}
  .sc-acct-row{grid-template-columns:1fr}
  .sc-perm-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sc-ux *,#scAcct,.sc-acct-card,.sc-alerts-panel{transition:none!important;animation:none!important}}

/* App shell polish: keep the legacy dashboard logic, but make every visible
   surface inherit the scaliffy landing palette instead of the old violet dark UI. */
body.es-dashboard-mode{
  background:#F2E9DC!important;
  color:#2C2A26!important;
  --es-bg:#F2E9DC;
  --es-panel:#F7F1E6;
  --es-panel-2:#EDE3D0;
  --es-ink:#1A1A1A;
  --es-text:#2C2A26;
  --es-muted:#6E6354;
  --es-line:rgba(26,26,26,.12);
  --es-line-strong:rgba(26,26,26,.2);
  --es-violet:#C28778;
  --es-violet-2:#E0B5A2;
  --es-green:#5F8F56;
  --es-amber:#C9923E;
  --es-red:#B04A3F;
  --es-font-display:'Space Grotesk',system-ui,sans-serif;
  --es-font-body:'Inter',system-ui,sans-serif;
  --es-font-mono:'JetBrains Mono',ui-monospace,monospace;
}
body.es-dashboard-mode .client-dashboard.es-app{
  background:
    radial-gradient(circle at 20% 10%,rgba(194,135,120,.16),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(143,168,130,.13),transparent 24%),
    linear-gradient(180deg,#F2E9DC,#F7F1E6 56%,#F2E9DC)!important;
  color:#2C2A26!important;
}
body.es-dashboard-mode .client-dashboard.es-app::before{
  opacity:.24!important;
  background-image:radial-gradient(rgba(26,26,26,.14) 1px,transparent 1px)!important;
}
body.es-dashboard-mode .es-sidebar{
  background:rgba(242,233,220,.86)!important;
  border-right:1px solid rgba(26,26,26,.12)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
}
body.es-dashboard-mode .es-side-nav button{
  color:#4E463D!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.es-dashboard-mode .es-side-nav button:hover,
body.es-dashboard-mode .es-side-nav button.is-active{
  color:#241A16!important;
  background:#F2DED5!important;
  border-color:rgba(194,135,120,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(194,135,120,.34),0 10px 22px -20px rgba(116,74,61,.65)!important;
}
body.es-dashboard-mode .es-side-nav button.is-active{color:#241A16!important}
body.es-dashboard-mode .sc-ord-alertbtn,
body.es-dashboard-mode [data-mtab="alerts"],
body.es-dashboard-mode [data-mpanel="alerts"],
body.es-dashboard-mode [data-perm="alerts"]{display:none!important}

/* Final dashboard brand/nav override loaded after the main stylesheet. */
body.es-dashboard-mode .es-side-brand,
body.es-dashboard-mode .es-sidebar .es-side-brand,
body.es-dashboard-mode a.brand.es-side-brand{
  display:flex!important;
  align-items:center!important;
  gap:.6rem!important;
  min-height:48px!important;
  padding:0!important;
  color:#1A1A1A!important;
  text-decoration:none!important;
  font-family:var(--font-display,'Space Grotesk',system-ui,sans-serif)!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
}
body.es-dashboard-mode .es-side-brand .brand-monogram,
body.es-dashboard-mode .es-side-brand .scaliffy-mark{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:block!important;
  filter:drop-shadow(0 3px 8px rgba(26,26,26,.28))!important;
}
body.es-dashboard-mode .es-side-brand .brand-name{
  color:#1A1A1A!important;
  font-family:var(--font-display,'Space Grotesk',system-ui,sans-serif)!important;
  font-size:1.12rem!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
}
body.es-dashboard-mode .es-side-brand .brand-name i{
  color:#C28778!important;
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important;
  font-style:italic!important;
  font-weight:600!important;
  font-size:1.02em!important;
  letter-spacing:-.04em!important;
}
body.es-dashboard-mode .es-side-nav button,
body.es-dashboard-mode .es-sidebar .es-side-nav button{
  min-height:44px!important;
  background:transparent!important;
  background-image:none!important;
  color:#4E473F!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  text-transform:none!important;
}
body.es-dashboard-mode .es-side-nav button:hover,
body.es-dashboard-mode .es-side-nav button:focus-visible{
  background:#F2DED5!important;
  background-image:none!important;
  color:#241A16!important;
  border-color:rgba(194,135,120,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(194,135,120,.22),0 10px 22px -20px rgba(116,74,61,.65)!important;
  transform:translateX(2px)!important;
}
body.es-dashboard-mode .es-side-nav button.is-active,
body.es-dashboard-mode .es-side-nav button.is-active:hover{
  background:#F7E8DF!important;
  background-image:none!important;
  color:#241A16!important;
  border-color:rgba(194,135,120,.48)!important;
  box-shadow:inset 3px 0 0 #C28778,0 12px 24px -22px rgba(116,74,61,.7)!important;
  transform:none!important;
}
body.es-dashboard-mode .es-user-card,
body.es-dashboard-mode .es-topbar,
body.es-dashboard-mode .es-empty-cta,
body.es-dashboard-mode .es-agent-layer,
body.es-dashboard-mode .es-agent-actions,
body.es-dashboard-mode .es-kpi,
body.es-dashboard-mode .es-counter-grid article,
body.es-dashboard-mode .es-command-metric,
body.es-dashboard-mode .es-delivery-ring,
body.es-dashboard-mode .es-chart-panel,
body.es-dashboard-mode .es-table-panel,
body.es-dashboard-mode .es-platform-card,
body.es-dashboard-mode .intg-card,
body.es-dashboard-mode .es-inbox-shell{
  background:rgba(247,241,230,.88)!important;
  border:1px solid rgba(26,26,26,.12)!important;
  color:#2C2A26!important;
  box-shadow:0 24px 56px -42px rgba(26,26,26,.45)!important;
  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}
body.es-dashboard-mode .es-table-panel{
  overflow:hidden!important;
  border-radius:18px!important;
}
body.es-dashboard-mode .es-table-panel header{
  margin:-.96rem -.96rem .8rem!important;
  padding:.95rem 1rem!important;
  background:rgba(237,227,208,.74)!important;
  border-bottom:1px solid rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-table-scroll{
  background:#FBF7EF!important;
  border:1px solid rgba(26,26,26,.08)!important;
  border-radius:14px!important;
}
body.es-dashboard-mode .es-empty-state,
body.es-dashboard-mode .es-inbox-empty,
body.es-dashboard-mode .es-inbox-msg-empty{
  color:#6E6354!important;
  background:transparent!important;
}
body.es-dashboard-mode .es-kpi::before,
body.es-dashboard-mode .es-counter-grid article::before,
body.es-dashboard-mode .es-chart-panel::before,
body.es-dashboard-mode .es-table-panel::before,
body.es-dashboard-mode .es-command-metric::before,
body.es-dashboard-mode .es-delivery-ring::before{
  background:linear-gradient(180deg,rgba(194,135,120,.08),transparent 48%)!important;
}
body.es-dashboard-mode .es-command-metric b,
body.es-dashboard-mode .es-delivery-ring b,
body.es-dashboard-mode .es-counter-grid b,
body.es-dashboard-mode .es-kpi b,
body.es-dashboard-mode .es-chart-panel h3,
body.es-dashboard-mode .es-table-panel h3,
body.es-dashboard-mode .intg-card h3{
  color:#1A1A1A!important;
}
body.es-dashboard-mode .es-command-metric i,
body.es-dashboard-mode .es-kpi i,
body.es-dashboard-mode .intg-card p,
body.es-dashboard-mode .es-table-panel td,
body.es-dashboard-mode .es-inbox-contact i{
  color:#6E6354!important;
}
body.es-dashboard-mode .es-ring{
  background:conic-gradient(#8FA882 calc(var(--p)*1%),rgba(26,26,26,.1) 0)!important;
  box-shadow:inset 0 0 0 1px rgba(26,26,26,.08)!important;
}
body.es-dashboard-mode .es-ring::after{background:#F7F1E6!important}
body.es-dashboard-mode .es-session-status{
  background:#F7F1E6!important;
  border-color:rgba(95,143,86,.35)!important;
  color:#31522D!important;
  box-shadow:0 16px 34px -28px rgba(95,143,86,.6)!important;
}
body.es-dashboard-mode .es-session-status b{color:#31522D!important}
body.es-dashboard-mode .es-icon-btn,
body.es-dashboard-mode .es-global-search,
body.es-dashboard-mode .intg-search-field,
body.es-dashboard-mode .es-inbox-input,
body.es-dashboard-mode #maintenanceMsg{
  background:#FBF7EF!important;
  border-color:rgba(26,26,26,.14)!important;
  color:#1A1A1A!important;
  box-shadow:none!important;
}
body.es-dashboard-mode .es-global-search input{color:#1A1A1A!important}
body.es-dashboard-mode .es-icon-btn:hover,
body.es-dashboard-mode .intg-card:hover{
  border-color:rgba(194,135,120,.42)!important;
  box-shadow:0 28px 58px -42px rgba(194,135,120,.55)!important;
}
body.es-dashboard-mode .intg-logo.brand-logo{
  background:#FBF7EF!important;
  border:1px solid rgba(26,26,26,.08)!important;
  box-shadow:0 14px 26px -22px rgba(26,26,26,.35)!important;
}
body.es-dashboard-mode .intg-logo.brand-logo img{
  filter:none!important;
}
body.es-dashboard-mode .intg-connect-btn{
  background:rgba(26,26,26,.04)!important;
  border-color:rgba(26,26,26,.14)!important;
  color:#1A1A1A!important;
  min-height:24px!important;
}
body.es-dashboard-mode .intg-connect-btn:hover{
  background:#1A1A1A!important;
  border-color:#1A1A1A!important;
  color:#F7F1E6!important;
}
body.es-dashboard-mode .es-inbox-contacts,
body.es-dashboard-mode .es-inbox-chat{
  background:rgba(247,241,230,.68)!important;
  border-color:rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-inbox-head,
body.es-dashboard-mode .es-inbox-chat-head,
body.es-dashboard-mode .es-inbox-compose{
  background:rgba(237,227,208,.62)!important;
  border-color:rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-inbox-contact{
  border-bottom-color:rgba(26,26,26,.08)!important;
}
body.es-dashboard-mode .es-inbox-contact:hover,
body.es-dashboard-mode .es-inbox-contact.is-active{
  background:rgba(194,135,120,.12)!important;
}
body.es-dashboard-mode .es-inbox-msg.customer{
  background:#FBF7EF!important;
  color:#2C2A26!important;
  border:1px solid rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-inbox-msg.agent{
  background:#1A1A1A!important;
  color:#F7F1E6!important;
}
body.es-dashboard-mode .es-inbox-send{
  background:#1A1A1A!important;
  color:#F7F1E6!important;
}
body.es-dashboard-mode .sc-cal-card{
  background:linear-gradient(160deg,#1A1A1A,#3C3028)!important;
}

/* Inbox usability fix: the page should not eat the chat scroll.
   The conversation scrolls inside the message pane, while the takeover
   composer stays reachable at the bottom of the workspace. */
body.es-dashboard-mode #esInboxView.is-active{
  height:calc(100dvh - 126px)!important;
  min-height:560px!important;
  overflow:hidden!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-shell{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-contacts,
body.es-dashboard-mode #esInboxView .es-inbox-chat{
  min-height:0!important;
  overflow:hidden!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-chat{
  display:flex!important;
  flex-direction:column!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-chat-head{
  flex:0 0 auto!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-messages{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:1.1rem 1.25rem 1.4rem!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(26,26,26,.28) rgba(26,26,26,.06);
}
body.es-dashboard-mode #esInboxView .es-inbox-messages::-webkit-scrollbar{width:10px}
body.es-dashboard-mode #esInboxView .es-inbox-messages::-webkit-scrollbar-track{background:rgba(26,26,26,.05);border-radius:999px}
body.es-dashboard-mode #esInboxView .es-inbox-messages::-webkit-scrollbar-thumb{background:rgba(26,26,26,.26);border-radius:999px;border:2px solid rgba(247,241,230,.75)}
body.es-dashboard-mode #esInboxView .es-inbox-shell.chat-open .es-inbox-compose{
  display:flex!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-compose{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  padding:.85rem 1rem!important;
  background:rgba(237,227,208,.94)!important;
  box-shadow:0 -18px 36px -34px rgba(26,26,26,.55)!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-input{
  min-height:44px!important;
  border-radius:999px!important;
  padding:0 1rem!important;
}
body.es-dashboard-mode #esInboxView .es-inbox-send{
  min-width:86px!important;
  min-height:44px!important;
  border-radius:999px!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-weight:700!important;
}
body.es-dashboard-mode #esInboxView .es-chat-status{
  margin-left:auto!important;
  white-space:nowrap!important;
}
body.es-dashboard-mode #esInboxView .es-chat-intervene{
  min-height:42px!important;
  padding:0 1.05rem!important;
  border-radius:999px!important;
  background:#F7F1E6!important;
  color:#1A1A1A!important;
  border:1px solid rgba(194,135,120,.42)!important;
  box-shadow:0 14px 30px -24px rgba(194,135,120,.7)!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
body.es-dashboard-mode #esInboxView .es-chat-intervene:hover{
  background:#1A1A1A!important;
  color:#F7F1E6!important;
  border-color:#1A1A1A!important;
}
body.es-dashboard-mode #esInboxView .es-chat-intervene.is-active{
  background:#C9923E!important;
  color:#1A1A1A!important;
  border-color:#C9923E!important;
}

/* Absolute last wordmark/hover lock for app.html. */
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-name,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-name.notranslate{
  color:#1A1A1A!important;
  -webkit-text-fill-color:#1A1A1A!important;
  font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif!important;
  font-size:17.92px!important;
  font-weight:700!important;
  line-height:29.568px!important;
  letter-spacing:-.5376px!important;
  text-transform:none!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-name i{
  color:#C28778!important;
  -webkit-text-fill-color:#C28778!important;
  font-family:Georgia,serif!important;
  font-style:italic!important;
  font-weight:600!important;
  font-size:18.2784px!important;
  line-height:30.1594px!important;
  letter-spacing:-.731136px!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand{
  width:max-content!important;
  min-height:40px!important;
  height:40px!important;
  gap:9.6px!important;
  font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:26.4px!important;
  letter-spacing:-.08px!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .scaliffy-dashboard-logo-img{
  display:block!important;
  width:109.6875px!important;
  height:40px!important;
  max-width:none!important;
  object-fit:contain!important;
}
.sc-member-brand .scaliffy-dashboard-logo-img{
  display:block!important;
  width:109.6875px!important;
  height:40px!important;
  max-width:none!important;
  object-fit:contain!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-monogram,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .scaliffy-mark{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  display:block!important;
  filter:drop-shadow(0 3px 8px rgba(26,26,26,.28))!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-monogram rect,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .scaliffy-mark rect{
  fill:#1a1a1a!important;
  x:4!important;
  y:4!important;
  width:56px!important;
  height:56px!important;
  rx:13!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .brand-monogram text,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-brand .scaliffy-mark text{
  fill:#C28778!important;
  color:#C28778!important;
  -webkit-text-fill-color:#C28778!important;
  font-family:Georgia,serif!important;
  font-size:33px!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:-2px!important;
  text-anchor:middle!important;
  dominant-baseline:middle!important;
  text-transform:none!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-nav button:hover,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-nav button:focus-visible{
  background:#F2DED5!important;
  background-image:none!important;
  color:#241A16!important;
  -webkit-text-fill-color:#241A16!important;
  border-color:rgba(194,135,120,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(194,135,120,.22),0 10px 22px -20px rgba(116,74,61,.65)!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-nav button.is-active,
html body.es-dashboard-mode .client-dashboard.es-app .es-sidebar .es-side-nav button.is-active:hover{
  background:#F7E8DF!important;
  background-image:none!important;
  color:#241A16!important;
  -webkit-text-fill-color:#241A16!important;
}

/* Final integration controls: remove the old dark/violet tab and button states. */
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs{
  display:inline-grid!important;
  grid-auto-flow:column!important;
  gap:.38rem!important;
  align-items:center!important;
  width:max-content!important;
  padding:.32rem!important;
  border-radius:13px!important;
  background:#F7F1E6!important;
  background-image:none!important;
  border:1px solid rgba(26,26,26,.11)!important;
  box-shadow:0 16px 34px -30px rgba(116,74,61,.42)!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab]{
  min-height:40px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  background-image:none!important;
  color:#4E473F!important;
  -webkit-text-fill-color:#4E473F!important;
  padding:.58rem .96rem!important;
  box-shadow:none!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-size:.83rem!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .18s var(--ease),transform .16s var(--ease)!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab]:hover,
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab]:focus-visible{
  background:#F2DED5!important;
  background-image:none!important;
  color:#241A16!important;
  -webkit-text-fill-color:#241A16!important;
  border-color:rgba(194,135,120,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(194,135,120,.18),0 10px 22px -20px rgba(116,74,61,.65)!important;
  transform:translateY(-1px)!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab].is-active,
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab][aria-selected="true"],
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab].is-active:hover,
html body.es-dashboard-mode .client-dashboard.es-app .es-tabs [data-es-integration-tab][aria-selected="true"]:hover{
  background:#F7E8DF!important;
  background-image:none!important;
  color:#241A16!important;
  -webkit-text-fill-color:#241A16!important;
  border-color:rgba(194,135,120,.42)!important;
  box-shadow:inset 3px 0 0 #C28778,0 12px 24px -20px rgba(116,74,61,.7)!important;
  transform:none!important;
}

/* Final chart layout reset: keep the overview curves separated and readable. */
html body.es-dashboard-mode .client-dashboard.es-app .es-analytics-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:1rem!important;
  align-items:stretch!important;
  overflow:visible!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-analytics-row{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
  overflow:visible!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-chart-panel{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:1rem 1.15rem 1.1rem!important;
  border-radius:16px!important;
  background:#F7F1E6!important;
  background-image:none!important;
  border:1px solid rgba(26,26,26,.12)!important;
  box-shadow:0 18px 42px -34px rgba(26,26,26,.42)!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-chart-panel header{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:1rem!important;
  min-height:24px!important;
  margin:0 0 .8rem!important;
  padding:0!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-chart-panel h3{
  margin:0!important;
  color:#1A1A1A!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;
  font-size:.92rem!important;
  line-height:1.15!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-chart-panel header span{
  color:#9B8F7B!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:.56rem!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-align:right!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-chart-panel canvas{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:1!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-pulse-strip{
  min-height:238px!important;
  max-height:none!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-pulse-strip canvas{
  height:165px!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-orders-panel,
html body.es-dashboard-mode .client-dashboard.es-app .es-revenue-panel{
  min-height:330px!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-orders-panel canvas,
html body.es-dashboard-mode .client-dashboard.es-app .es-revenue-panel canvas{
  height:252px!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-axis-unit{
  top:4.15rem!important;
  left:.42rem!important;
  color:#9B8F7B!important;
  z-index:2!important;
}
html body.es-dashboard-mode .client-dashboard.es-app .es-pulse-strip .es-axis-unit{
  top:3.85rem!important;
}
@media(max-width:1040px){
  html body.es-dashboard-mode .client-dashboard.es-app .es-analytics-row{
    grid-template-columns:1fr!important;
  }
  html body.es-dashboard-mode .client-dashboard.es-app .es-orders-panel,
  html body.es-dashboard-mode .client-dashboard.es-app .es-revenue-panel{
    min-height:300px!important;
  }
  html body.es-dashboard-mode .client-dashboard.es-app .es-orders-panel canvas,
  html body.es-dashboard-mode .client-dashboard.es-app .es-revenue-panel canvas{
    height:220px!important;
  }
}