/* outfit-latin-ext-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/outfit-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* outfit-latin-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/outfit-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* outfit-latin-ext-500-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/outfit-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* outfit-latin-500-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/outfit-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* outfit-latin-ext-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/outfit-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* outfit-latin-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/outfit-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* outfit-latin-ext-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/outfit-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* outfit-latin-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/outfit-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* noto-sans-arabic-arabic-400-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/noto-sans-arabic-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
/* noto-sans-arabic-arabic-500-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/noto-sans-arabic-arabic-500-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
/* noto-sans-arabic-arabic-600-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/noto-sans-arabic-arabic-600-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
/* noto-sans-arabic-arabic-700-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/noto-sans-arabic-arabic-700-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* Outfit + Noto Sans Arabic are self-hosted (scripts/build.mjs → dist/fonts), no third-party font request. */
:root{--bg:#f6f7f9;--surface:#fff;--side:#fbfbfc;--text:#192029;--muted:#7b828f;--line:#e9ebef;--soft:#f4f5f7;--orange:#fa6c16;--orange-soft:#fff0e6;--green:#11ae78;--blue:#4185ee;--purple:#9c75e8;--red:#ea5d72;--shadow:0 2px 3px #18202a02;--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #fdb48a;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #fdb48a;outline-offset:1px}h1,h2,h3,h4,p{margin:0}h1{font-size:1.8125rem;line-height:1.25;letter-spacing:-1px;font-weight:650}h2{font-size:1rem;letter-spacing:-.3px;font-weight:650}h3{font-size:0.875rem;font-weight:600}p{color:var(--muted)}.muted{color:var(--muted)}small{font-size:0.875rem}.mono{font-variant-numeric:tabular-nums}.strong,b,strong{font-weight:600}.nowrap{white-space:nowrap}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grow{flex:1;min-width:0}.right{text-align:right}.center{text-align:center}.positive{color:var(--green)}.negative{color:var(--red)}.mt{margin-top:20px}.mb{margin-bottom:20px}.smallgap{gap:7px}.wrap{flex-wrap:wrap}.hidden{display:none!important}
.sidebar{width:229px;position:fixed;inset:0 auto 0 0;z-index:25;border-right:1px solid var(--line);background:var(--side);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:27px 23px 23px}.brandmark{width:33px;height:33px;position:relative;color:var(--orange)}.brandmark svg{width:34px;height:34px}.brand-name{font-size:1.4375rem;font-weight:700;letter-spacing:-1.1px;line-height:1}.brand-sub{font-size:0.875rem;letter-spacing:2.3px;color:var(--muted);margin-top:7px}.store-switch{margin:0 16px 17px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:11px;text-align:left;display:flex;gap:10px;align-items:center}.store-icon{width:32px;height:32px;background:#f4eee8;display:grid;place-items:center;border-radius:8px;color:#a87a4d}.store-name{font-size:1rem;font-weight:600}.store-sub{color:var(--muted);font-size:0.875rem}.nav-scroll{overflow:auto;flex:1;padding:0 14px 10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.nav-section{font-size:0.875rem;font-weight:600;letter-spacing:1.5px;color:#969ba5;padding:15px 13px 8px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin:2px 0;font-size:1rem;color:#5c6470;min-height:39px;transition:.15s}.nav-link:hover{background:var(--soft);color:var(--text)}.nav-link.active{color:#e75a0b;background:var(--orange-soft);font-weight:600}.nav-link.active svg{stroke-width:2}.nav-link .counter{margin-left:auto;border-radius:5px;background:var(--surface);font-size:0.875rem;line-height:18px;padding:0 5px;min-width:22px;text-align:center}.nav-link svg{width:17px;height:17px}.profile{margin:14px 16px 16px;padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:10px;cursor:pointer}.avatar{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;font-size:0.875rem;font-weight:600;color:#897354;background:#f5eddf;flex-shrink:0}.avatar.violet{background:#eee7fb;color:#8964be}.avatar.blue{background:#e4effc;color:#437dc2}.avatar.green{background:#e0f2ea;color:#298165}.avatar.orange{background:#fae9db;color:#b17342}.main-shell{margin-left:229px;min-height:100vh}.topbar{height:68px;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumbs{font-size:0.875rem;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumbs b{font-weight:500;color:var(--text)}.breadcrumbs svg{width:14px;height:14px}.top-actions{display:flex;align-items:center;gap:15px}.demo-tag{display:flex;align-items:center;gap:6px;border-radius:20px;background:var(--soft);padding:5px 10px;font-size:0.875rem;color:#7c8490;white-space:nowrap}.demo-tag i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}.search-trigger{border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:7px 10px;display:flex;gap:9px;align-items:center;font-size:0.875rem}.search-trigger svg{width:15px;height:15px}kbd{background:var(--soft);font-size:0.875rem;padding:1px 4px;border-radius:3px;border:1px solid var(--line);color:var(--muted)}.icon-btn{width:31px;height:31px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);position:relative;flex-shrink:0}.icon-btn:hover{background:var(--soft)}.icon-btn svg{width:16px;height:16px}.bare{border:0;background:transparent}.notif-dot{position:absolute;right:7px;top:6px;width:5px;height:5px;background:var(--orange);border-radius:50%;border:1px solid var(--surface)}#content{padding:29px 30px 30px;max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.page-head p{font-size:1rem;margin-top:6px}.head-actions{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 13px;min-height:35px;font-size:0.875rem;font-weight:500;white-space:nowrap;transition:background .15s}.btn:hover{background:var(--soft);border-color:#d1d6de}.btn svg{width:15px;height:15px}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 3px 5px #fa6c161a}.btn.primary:hover{background:#e95c0a}.btn.danger{background:#fff0f1;color:#cf4057;border-color:#ffd5dd}.btn.success{background:#e5f7ef;color:#168e65;border-color:#c9eadd}.btn.sm{min-height:29px;padding:5px 9px;font-size:0.875rem}.btn.link{padding:3px 0;min-height:0;border:0;color:var(--orange);background:none}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0;overflow:hidden}.pad{padding:20px}.card-head{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head p{font-size:0.875rem;margin-top:3px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px}.kpi{padding:18px 20px 17px;position:relative;min-height:151px;text-align:left;width:100%}.kpi:hover{border-color:#d7dce3}.kpi-top{display:flex;align-items:center;gap:8px;font-size:0.875rem;font-weight:500}.kpi-top>.icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:var(--tint);color:var(--tone)}.kpi-top>.icon svg{width:16px;height:16px}.kpi-top>.arrow{margin-left:auto;color:var(--muted);width:14px;height:14px}.kpi-value{font-size:1.8125rem;letter-spacing:-1px;font-weight:600;line-height:1.3;margin-top:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-value .unit{font-size:1rem;letter-spacing:0;font-weight:500;margin-left:4px;color:var(--muted)}.kpi-foot{font-size:0.875rem;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}.kpi-foot b{color:var(--tone);font-weight:500}.mini-dots{width:91px;height:49px;position:absolute;bottom:20px;right:17px;opacity:.85}.kpi.wide-number .mini-dots{width:60px;bottom:13px;opacity:.55}.overview-row{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(260px,1fr);gap:19px;margin-bottom:20px}.chart-card .card-head{padding-bottom:8px}.chart-total{font-size:1.75rem;letter-spacing:-.9px;font-weight:600;line-height:1.2}.chart-meta{padding:10px 20px 0}.chart-meta p{font-size:0.875rem;margin-top:5px}.chart-svg{width:100%;height:214px;display:block;margin-top:8px}.chart-svg text{font-family:inherit;font-size:0.875rem;fill:var(--muted)}.chart-legend{display:flex;gap:15px;font-size:0.875rem;color:var(--muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.seg{display:flex;gap:2px;background:var(--soft);padding:3px;border-radius:7px}.seg button{font-size:0.875rem;padding:5px 9px;border-radius:5px;color:var(--muted);white-space:nowrap}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #1519230c}.task-list{padding:0 20px}.task{display:flex;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.task:last-child{border:0}.task:hover .task-title{color:var(--orange)}.task-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--tone);flex-shrink:0}.task-title{font-size:0.875rem;font-weight:550}.task-sub{font-size:0.875rem;color:var(--muted);margin-top:3px}.task-count{margin-left:auto;font-size:0.875rem;background:var(--tint);color:var(--tone);border-radius:20px;min-width:29px;padding:4px;text-align:center}.task>svg{width:13px;height:13px;color:var(--muted)}.insight{margin:4px 20px 18px;padding:12px;background:var(--soft);border-radius:9px;display:flex;align-items:flex-start;gap:8px;font-size:0.875rem;color:var(--muted)}.insight svg{color:var(--orange);width:15px;height:15px}.funnel{margin-bottom:21px}.funnel .card-head{padding-bottom:12px}.funnel-stages{display:grid;grid-template-columns:repeat(5,1fr);padding:0 20px 19px;gap:12px}.stage{display:flex;align-items:center;gap:10px;text-align:left;background:var(--tint);padding:13px 12px;border-radius:8px;position:relative;min-width:0}.stage:hover{filter:brightness(.98)}.stage svg{color:var(--tone);width:22px;height:22px}.stage-label{font-size:0.875rem;color:#6d7380}.stage-number{font-size:1.1875rem;font-weight:600;letter-spacing:-.4px}.stage small{font-size:0.875rem;color:var(--muted);margin-left:auto;align-self:flex-end}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:7px 10px;border-radius:7px;max-width:330px;flex:1;min-width:160px}.searchbox svg{width:15px;height:15px;color:var(--muted)}.searchbox input{border:0;outline:0!important;min-width:0;flex:1;padding:0;background:transparent;color:var(--text);font-size:0.875rem}.searchbox input::placeholder{color:#9a9fa8}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:0.875rem;text-align:left}th{background:var(--side);color:#8a909c;font-weight:450;font-size:0.875rem;white-space:nowrap;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child>td{border-bottom:0}tbody tr:hover{background:var(--side)}.clickrow{cursor:pointer}.order-id{font-weight:600;font-size:0.875rem}.customer-cell{display:flex;align-items:center;gap:9px}.customer-cell small,.product-cell small{display:block;color:var(--muted);font-size:0.875rem;margin-top:2px}.product-cell{display:flex;align-items:center;gap:9px}.product-thumb{width:31px;height:34px;border-radius:6px;display:grid;place-items:center;background:var(--tint,#f3e8ef);color:var(--tone,#ae7f9f);flex-shrink:0}.product-thumb svg{width:19px;height:19px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;line-height:1.3;font-size:0.875rem;border-radius:20px;white-space:nowrap;color:var(--tone,#7b828f);background:var(--tint,#f1f3f5)}.badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:0.875rem}.pagination{display:flex;gap:5px}.pagination button{height:26px;min-width:26px;border:1px solid var(--line);border-radius:5px;font-size:0.875rem}.pagination .selected{color:var(--orange);background:var(--orange-soft);border-color:transparent}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:21px;overflow-x:auto;scrollbar-width:thin}.tabs button{padding:11px 1px 12px;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap;font-size:1rem;display:flex;align-items:center;gap:8px}.tabs button.active{border-color:var(--orange);color:var(--orange);font-weight:600}.tabs button span{font-size:0.875rem;background:var(--soft);border-radius:5px;padding:1px 5px;color:var(--muted)}.subtabs{margin-bottom:0;padding:0 20px;gap:18px}.subtabs button{font-size:0.875rem}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #f6e4d4;background:#fff8f0;color:#a17951;padding:12px 15px;border-radius:9px;font-size:0.875rem;margin-bottom:18px}.notice svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty svg{width:35px;height:35px;margin-bottom:14px;color:#bdc3cb}.empty h3{color:var(--text);margin-bottom:6px}.empty p{font-size:1rem;max-width:390px;margin:auto}.empty .btn{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field>span,.field>label{font-size:0.875rem;font-weight:500}.field small{color:var(--muted);font-size:0.875rem}.field input,.field select,.field textarea,.input{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 11px;min-height:38px;background:var(--surface);color:var(--text);font-size:1rem}.field textarea{resize:vertical;min-height:80px}.form-section{margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:1rem;font-weight:600}.form-section:first-child{margin-top:0}.switch{display:inline-block;width:33px;height:19px;border-radius:20px;background:#dfe3e8;position:relative;vertical-align:middle;flex-shrink:0}.switch:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;transition:.15s}.switch.on{background:var(--orange)}.switch.on:after{transform:translateX(14px)}.setting-line{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-line:last-child{border:0}.setting-line p{font-size:0.875rem;margin-top:3px}.setting-line b{font-size:1rem}.panel-columns{display:grid;grid-template-columns:330px 1fr;gap:20px}.queue-item{width:100%;text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.queue-item.active{background:var(--orange-soft);box-shadow:inset 3px 0 var(--orange)}.queue-item:hover{background:var(--soft)}.queue-item p{font-size:0.875rem;margin-top:3px}.queue-item b{font-size:0.875rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:0.875rem}.detail-grid dt{color:var(--muted);font-size:0.875rem;margin-bottom:5px}.detail-grid dd{margin:0}.total-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:1rem}.total-line.grand{border-top:1px solid var(--line);font-size:1.0625rem;font-weight:600;padding-top:15px;margin-top:8px}.timeline{padding-left:8px}.event{position:relative;border-left:1px solid var(--line);padding:0 0 19px 20px;font-size:0.875rem}.event:before{content:'';position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;left:-4px;top:5px;box-shadow:0 0 0 4px var(--surface)}.event:last-child{border:0;padding-bottom:0}.event small{display:block;color:var(--muted);margin-top:3px}.stat-box{padding:15px;border-radius:9px;background:var(--soft)}.stat-box p{font-size:0.875rem}.stat-box strong{display:block;font-size:1.4375rem;margin-top:6px;letter-spacing:-.6px}.bar-track{height:5px;background:var(--soft);border-radius:5px;overflow:hidden}.bar-track>i{display:block;background:var(--tone,var(--orange));height:100%;border-radius:5px}.progress-row{padding:13px 0;border-bottom:1px solid var(--line)}.progress-row:last-child{border:0}.progress-row .between{margin-bottom:8px;font-size:0.875rem}.progress-row small{font-size:0.875rem}.integration-card{padding:21px}.integration-logo{width:41px;height:41px;background:var(--tint);color:var(--tone);border-radius:10px;display:grid;place-items:center;font-size:1.125rem;font-weight:650;margin-bottom:14px}.integration-card p{font-size:0.875rem;min-height:34px;margin:6px 0 16px}.integration-card h3{font-size:0.875rem}.integration-card .badge{font-size:0.875rem}.team-card{padding:22px;text-align:center}.team-card .avatar{width:46px;height:46px;font-size:1rem;margin-bottom:10px}.team-card p{font-size:0.875rem}.team-card .between{margin-top:20px;text-align:left}.metric{font-size:1.3125rem;font-weight:600;letter-spacing:-.5px}.pill{background:var(--soft);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:0.875rem}.chat-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:500px}.chat-list{border-right:1px solid var(--line)}.chat-area{display:flex;flex-direction:column}.chat-top{padding:17px 20px;border-bottom:1px solid var(--line)}.chat-messages{padding:25px;flex:1;min-height:260px;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:15px}.message{max-width:78%;background:var(--soft);padding:12px 15px;border-radius:12px 12px 12px 3px;font-size:1rem;align-self:flex-start}.message.out{background:var(--orange-soft);align-self:flex-end;border-radius:12px 12px 3px 12px}.message small{display:block;color:var(--muted);font-size:0.875rem;margin-top:5px}.chat-compose{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--line)}.chat-compose input{flex:1}.rule{padding:18px 20px;display:flex;align-items:center;gap:15px}.rule .rule-icon{width:37px;height:37px;background:var(--orange-soft);color:var(--orange);border-radius:10px;display:grid;place-items:center}.rule p{font-size:0.875rem;margin-top:4px}.rule b{font-size:1rem}.codebox{white-space:pre-wrap;word-break:break-word;background:var(--soft);padding:14px;border-radius:8px;font:.875rem/1.6 ui-monospace,monospace;color:var(--muted)}.overlay{position:fixed;inset:0;background:#111a2b42;backdrop-filter:blur(3px);z-index:60;display:flex;justify-content:center;align-items:center;padding:30px;animation:fade .15s}.modal{background:var(--surface);width:650px;max-width:100%;max-height:91vh;border-radius:16px;box-shadow:0 25px 80px #0002;display:flex;flex-direction:column;animation:up .2s;overflow:hidden}.modal.wide{width:850px}.modal.drawer{height:100%;max-height:100vh;width:640px;margin:0 0 0 auto;border-radius:16px 0 0 16px}.overlay:has(.drawer){padding:0}.modal-head{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head h2{font-size:1.125rem}.modal-body{padding:24px;overflow:auto}.modal-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:var(--side)}.modal-foot p{font-size:0.875rem;margin-right:auto;align-self:center}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:400px}.toast{background:#242c36;color:#fff;border-radius:10px;padding:12px 18px;box-shadow:0 8px 30px #0002;display:flex;align-items:center;gap:10px;animation:up .2s;font-size:1rem}.toast svg{color:#83d7ae;width:18px;height:18px}.bulkbar{display:flex;align-items:center;gap:12px;background:var(--orange-soft);padding:11px 20px;font-size:0.875rem;color:#b96025;flex-wrap:wrap}.check{accent-color:var(--orange);width:14px;height:14px;cursor:pointer}.mini-label{font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.mobile-menu{display:none}.bottom-foot{font-size:0.875rem;color:#959aa5;display:flex;justify-content:space-between;margin-top:22px}.pos-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px}.pos-product{padding:18px;text-align:left;transition:.2s}.pos-product:hover{border-color:var(--orange);transform:translateY(-2px)}.pos-product .product-thumb{width:100%;height:75px;margin-bottom:13px}.pos-product svg{width:35px;height:35px}.pos-product b{font-size:1rem}.pos-product p{font-size:0.875rem;margin-top:5px}.tag-color{width:14px;height:14px;border-radius:4px;display:inline-block}.stepper{display:flex;gap:10px;margin-bottom:20px}.stepper div{flex:1;padding:9px;text-align:center;font-size:0.875rem;background:var(--soft);border-radius:7px;color:var(--muted)}.stepper div.on{color:var(--orange);background:var(--orange-soft)}.order-line{display:grid;grid-template-columns:2fr 65px 95px 27px;gap:8px;margin-bottom:9px}.order-line select,.order-line input{padding:8px;min-width:0}.order-line .check{width:14px}.line-hint{font-size:0.875rem;color:var(--orange);margin:-3px 0 8px}.table-name-btn{font-size:inherit;font-weight:500;padding:0;text-align:left}.table-name-btn:hover{color:var(--orange)}.table-scroll thead button{padding:0;font:inherit;color:inherit}.active-filter{padding:6px 10px;background:var(--orange-soft);color:var(--orange);font-size:0.875rem;border-radius:20px}.ring{height:135px;width:135px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--pct),var(--soft) 0);margin:17px auto;position:relative}.ring:before{content:'';position:absolute;inset:14px;border-radius:50%;background:var(--surface)}.ring>span{position:relative;font-size:1.4375rem;font-weight:600}.dark{--bg:#161b22;--surface:#20262f;--side:#1b212a;--text:#edf0f5;--muted:#959fac;--line:#303844;--soft:#272f3b;--orange-soft:#402c20;--shadow:none}.dark .kpi,.dark .stage,.dark .task-count,.dark .badge,.dark .product-thumb,.dark .task-icon{--tint:#2c3340!important}.dark .notice{background:#382d22;border-color:#4b3927;color:#e6bc93}.dark .avatar{color:#efd4ac;background:#514531}.dark .nav-link{color:#b5becb}.dark .nav-link.active{color:#ffa871}.dark .message.out{color:#ffd0b2}.dark .btn.danger{background:#422b32;border-color:#68404a}.dark .btn.success{background:#223d34;border-color:#335d4c;color:#91dab6}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){#content{padding:33px 38px}.topbar{padding:0 38px}.kpi{min-height:167px}.chart-svg{height:235px}.kpi-value{font-size:2.0625rem}}
@media(max-width:1250px){.sidebar{width:208px}.main-shell{margin-left:208px}#content{padding:24px 20px}.topbar{padding:0 20px}.page-head{align-items:flex-start}h1{font-size:1.5625rem}.kpi{padding:16px;min-height:151px}.kpi-value{font-size:1.5625rem}.kpi-top{font-size:0.875rem}.mini-dots{width:70px;right:12px;bottom:18px}.kpi-foot{font-size:0.875rem}.stage{padding:12px 9px;gap:7px}.stage small{display:none}.funnel-stages{gap:9px}.head-actions{gap:6px}.search-trigger{display:none}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{padding:25px 18px}.brand-name{font-size:1.3125rem}.nav-link{font-size:0.875rem;padding:9px}.overview-row{grid-template-columns:1.65fr 1fr;gap:15px}.kpis{gap:12px}.kpi-value{font-size:1.375rem}.kpi-top>.icon{width:24px;height:24px}.mini-dots{width:48px;height:37px;bottom:14px;right:12px}.kpi{min-height:144px}.kpi-foot{max-width:73%;line-height:1.5;display:block}.kpi-top{gap:5px}.card-head{padding:17px 16px}.task-list{padding:0 16px}.task-title{font-size:0.875rem}.task-sub{font-size:0.875rem}.task{gap:8px}.task-icon{width:31px;height:31px}.task-count{min-width:24px}.chart-legend{display:none}.panel-columns{grid-template-columns:270px 1fr}.page-head{flex-wrap:wrap}.grid3{grid-template-columns:repeat(2,1fr)}.funnel-stages{padding:0 15px 15px}.stage-label{font-size:0.875rem}.stage svg{width:18px;height:18px}.demo-tag{font-size:0.875rem}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;width:230px;box-shadow:5px 0 30px #0001}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:inline-grid}.topbar{height:59px;padding:0 16px}.top-actions{gap:8px}.breadcrumbs{gap:7px;font-size:0.875rem}.demo-tag{padding:5px 8px}.top-actions .avatar{display:none}#content{padding:22px 16px}.kpis{grid-template-columns:repeat(2,1fr);gap:12px}.kpi{min-height:145px}.kpi-value{font-size:1.6875rem}.kpi-top{font-size:0.875rem}.kpi-foot{max-width:none}.mini-dots{width:80px;height:45px}.overview-row{grid-template-columns:1fr}.task-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task{border:0;flex-wrap:wrap;padding:10px 0 18px}.task-count{margin-left:0}.task>svg{display:none}.task .grow{flex-basis:70%;flex-grow:1}.insight{margin-bottom:16px}.funnel-stages{gap:8px;grid-template-columns:repeat(5,minmax(90px,1fr));overflow:auto}.stage{flex-direction:column;align-items:flex-start;gap:5px}.funnel .card-head small{display:none}.grid2,.panel-columns,.pos-grid{grid-template-columns:1fr}.queue-list{max-height:210px;overflow:auto}.chat-layout{grid-template-columns:210px 1fr}.toolbar{padding:12px 14px}.card-head{padding:16px}.table-foot{padding:12px 14px}.modal-body{padding:20px}.overlay{padding:15px}.head-actions{flex-wrap:wrap}.tabs{gap:18px}.bottom-foot{gap:15px}.brand{padding:22px}.grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){h1{font-size:1.5625rem}.page-head p{font-size:0.875rem}.demo-tag{font-size:0.875rem}.top-actions{gap:5px}.breadcrumbs>span{display:none}.kpis{gap:10px}.kpi{padding:14px;min-height:146px}.kpi-value{font-size:1.5rem;margin-top:20px}.kpi-value .unit{font-size:0.875rem}.mini-dots{width:42px;bottom:15px;right:10px;opacity:.6}.kpi-foot{font-size:0.875rem;max-width:68%;min-height:26px}.kpi-top{font-size:0.875rem;gap:7px}.kpi-top>.arrow{display:none}.kpi-top>.icon{width:24px;height:24px}.kpi.wide-number .mini-dots{width:40px}.kpi-value{position:relative;z-index:1}.grid3,.grid4{grid-template-columns:1fr}.task-list{display:block}.task{flex-wrap:nowrap;padding:12px 0;border-bottom:1px solid var(--line)}.task-title{font-size:0.875rem}.task-sub{font-size:0.875rem}.task-count{margin-left:auto}.task .grow{flex-basis:auto}.task>svg{display:block}.head-actions{width:100%}.head-actions .btn{font-size:0.875rem;flex:1}.page-head{gap:16px;margin-bottom:21px}.chart-meta{padding-left:16px}.chart-total{font-size:1.625rem}.chart-svg{height:155px}.chart-card .card-head{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.chat-layout{grid-template-columns:1fr}.chat-list{max-height:130px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.chat-list .queue-item{padding:11px}.modal-head,.modal-foot{padding:17px}.modal-body{padding:17px}.overlay{padding:8px}.modal{max-height:96vh}.modal.drawer{width:100%;border-radius:0}.order-line{grid-template-columns:1.4fr 46px 72px 22px;gap:5px}.order-line input,.order-line select{font-size:0.875rem;padding:7px 5px}.rule{padding:15px;gap:10px;flex-wrap:wrap}.rule .grow{min-width:170px}.detail-grid{gap:13px}.bottom-foot{font-size:0.875rem}.bottom-foot span:last-child{display:none}.notice{font-size:0.875rem}.searchbox{max-width:none}.toolbar>.flex{flex-wrap:wrap}.page-head .head-actions{flex-wrap:nowrap}.seg button{font-size:0.875rem;padding:5px 7px}}
@media print{body{background:white!important;color:black!important}.sidebar,.topbar,#content,.modal-head,.modal-foot,.toast-stack{display:none!important}.overlay{position:static;background:white;display:block;padding:0;backdrop-filter:none}.modal,.modal.drawer{display:block;width:100%;max-height:none;height:auto;box-shadow:none;border-radius:0}.modal-body{overflow:visible;padding:20px}.print-label{page-break-after:always;border:1px dashed #999;padding:30px;margin-bottom:20px}.no-print{display:none!important}}

/* WeConvert comfort system — WCAG 2.2 + USWDS guidance.
   Body 16px / secondary 14px are design choices, not universal WCAG minima.
   References: w3.org/WAI/WCAG22/Understanding/{contrast-minimum,target-size-enhanced,resize-text,reflow}.html
   designsystem.digital.gov/components/typography/ */
:root{
 --text:#19232f;--muted:#596575;--line:#dfe3e9;--control:#7c8796;
 --orange:#b34409;--brand:#f36d21;--primary:#b84408;--orange-soft:#fff0e6;
 --green:#08724f;--blue:#185eb3;--purple:#7543b4;--red:#b72f4a;
 --tone-orange:#a84008;--tone-blue:#185eb3;--tone-green:#08724f;
 --tone-purple:#7543b4;--tone-red:#b72f4a;--tone-gray:#566170;
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;
 --sidebar-width:17rem;--target:2.75rem;--radius:.875rem;
}
html{font-size:100%;scroll-padding-block:7rem}
body{font-size:1rem;line-height:1.5}
h1{font-size:2rem;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
h2{font-size:1.25rem;line-height:1.4;letter-spacing:-.01em}
h3{font-size:1.125rem;line-height:1.4}
small{font-size:.875rem;line-height:1.5}
p{line-height:1.5}
button,input,select,textarea{line-height:1.5}
button{min-height:var(--target);min-width:var(--target)}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:1rem;min-height:var(--target)}
svg{width:1.25rem;height:1.25rem}
:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #1763bd;outline-offset:3px}
.searchbox:focus-within{outline:3px solid #1763bd;outline-offset:3px}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:150;background:var(--surface);color:var(--text);padding:.75rem 1rem;border:2px solid var(--orange);border-radius:.5rem;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.flex,.between{gap:.75rem;min-width:0}
.between{flex-wrap:wrap}
.stack{gap:1.5rem}
.grid2,.grid3,.grid4,.form-grid{gap:1.5rem}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid2>*,.grid3>*,.grid4>*,.form-grid>*,.panel-columns>*,.pos-grid>*{min-width:0}
.sidebar{width:var(--sidebar-width)}
.brand{padding:1.5rem;gap:.75rem;min-height:var(--target)}
.brand-name{font-size:1.5rem;line-height:1.2;letter-spacing:-.03em}
.brand-sub{font-size:.875rem;letter-spacing:.08em;margin-top:.375rem}
.brandmark{color:var(--brand);width:2.25rem;height:2.25rem}
.brandmark svg{width:2.25rem;height:2.25rem}
.store-switch{margin:0 1rem 1rem;padding:.75rem;gap:.75rem;border-color:var(--control)}
.store-name{font-size:1rem}.store-sub{font-size:.875rem}
.store-icon{width:2.5rem;height:2.5rem;color:#88582c;flex-shrink:0}
.nav-scroll{padding:0 .75rem .75rem}.nav-section{font-size:.875rem;letter-spacing:.055em;color:var(--muted);padding:1.25rem .75rem .5rem}
.nav-link{font-size:1rem;padding:.625rem .75rem;gap:.75rem;min-height:3rem;color:var(--muted);line-height:1.5}
.nav-link svg{width:1.25rem;height:1.25rem}.nav-link.active{color:var(--orange)}
.nav-link .counter{font-size:.875rem;line-height:1.5;min-width:1.75rem;padding:.125rem .375rem}
.profile{padding:.75rem;margin:1rem;border-color:var(--control);gap:.75rem}
.avatar{width:2.5rem;height:2.5rem;font-size:.875rem;color:#70552e}
.avatar.violet{color:#684295}.avatar.blue{color:#265d9f}.avatar.green{color:#196948}.avatar.orange{color:#8b4d20}
.main-shell{margin-left:var(--sidebar-width);min-width:0}
.topbar{min-height:5rem;height:auto;padding:1rem 1.5rem;gap:1rem;flex-wrap:wrap}
.breadcrumbs{font-size:.875rem;gap:.5rem;flex-wrap:wrap}.breadcrumbs svg{width:1rem;height:1rem}
.top-actions{gap:.5rem;flex-wrap:wrap;min-width:0}
.demo-tag{font-size:.875rem;line-height:1.5;color:var(--muted);padding:.5rem .75rem;white-space:normal}
.search-trigger{font-size:.875rem;min-height:var(--target);padding:.5rem .75rem;border-color:var(--control)}
.search-trigger svg{width:1.25rem;height:1.25rem}kbd{font-size:.875rem}
.icon-btn{width:var(--target);height:var(--target);border-color:var(--control);border-radius:.5rem}
.icon-btn svg{width:1.25rem;height:1.25rem}
.mobile-menu{display:none}
#content{padding:2rem 1.5rem;max-width:112.5rem;min-width:0;outline-offset:-3px}
.page-head{margin-bottom:1.5rem;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}
.page-head>div:first-child{min-width:0;flex:1 1 26rem}
.page-head p{font-size:1rem;margin-top:.5rem;max-width:65ch}
.head-actions{gap:.75rem;flex-wrap:wrap;flex-shrink:1;max-width:100%}
.btn,.btn.sm,.head-actions .btn{min-height:var(--target);font-size:1rem;line-height:1.5;padding:.625rem 1rem;gap:.5rem;white-space:normal;border-radius:.5rem;border-color:var(--control)}
.btn svg{width:1.25rem;height:1.25rem}.btn.sm{font-size:.875rem;padding:.5rem .75rem}
.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.primary:hover{background:#973506}
.btn.success{color:#116747;border-color:#76a992}.btn.danger{color:#ad2542;border-color:#c98493}
.btn.link{padding:.5rem .25rem;border:0;min-height:var(--target);color:var(--orange)}
.card-head{padding:1.25rem 1.5rem;flex-wrap:wrap;align-items:flex-start;gap:1rem}
.card-head p{font-size:.875rem;margin-top:.25rem}.pad{padding:1.5rem}
.kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin-bottom:1.5rem}
.kpi{padding:1.25rem;min-height:12rem;display:flex;flex-direction:column;gap:.75rem}
.kpi-top{font-size:1rem;line-height:1.5;gap:.5rem;width:100%;align-items:flex-start}
.kpi-top>.icon{width:2rem;height:2rem;flex-shrink:0}.kpi-top>.icon svg{width:1.25rem;height:1.25rem}
.kpi-top>.arrow{width:1.125rem;height:1.125rem;margin-top:.375rem}
.kpi-value{font-size:2rem;line-height:1.25;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere;margin-top:auto;position:relative;z-index:1}
.kpi-value .unit{font-size:1rem;margin-left:.375rem}
.kpi-foot{font-size:.875rem;line-height:1.5;max-width:none;display:block;margin:0;min-height:0;position:relative;z-index:1}
.kpi .mini-dots,.kpi.wide-number .mini-dots{width:4rem;height:2rem;position:static;align-self:flex-end;margin-top:-.25rem;opacity:.9}
.overview-row{grid-template-columns:minmax(0,1.65fr) minmax(20rem,1fr);gap:1.5rem;margin-bottom:1.5rem}
.chart-total{font-size:2rem;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.chart-meta{padding:.75rem 1.5rem 0;align-items:flex-start;gap:1rem}.chart-meta p{font-size:.875rem}
.chart-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem}
.seg{flex-wrap:wrap;max-width:100%;padding:.25rem;gap:.25rem}
.seg button{font-size:.875rem;padding:.5rem .75rem;white-space:normal;min-height:var(--target)}
.sales-chart{margin:1.5rem 1.5rem 1rem;min-width:0}
.chart-grid{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.5rem}
.chart-scale{height:12rem;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:.875rem;line-height:1.25;color:var(--muted)}
.chart-columns{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));gap:.5rem;min-width:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(4rem - 1px),var(--line) calc(4rem - 1px),var(--line) 4rem);background-size:100% 12rem;background-repeat:no-repeat}
.chart-column{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.chart-column svg{height:12rem;width:100%;max-width:3.5rem;display:block}
.chart-day{font-size:.875rem;color:var(--muted);line-height:1.5;white-space:nowrap}.chart-short{display:none}
.chart-caption{font-size:.875rem;color:var(--muted);text-align:center;margin-top:.75rem}
.task-list{padding:0 1.5rem;display:block}.task{gap:.75rem;padding:1rem 0;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
.task-icon{width:2.75rem;height:2.75rem}.task-title{font-size:1rem}.task-sub{font-size:.875rem;margin-top:.25rem}
.task .grow{flex-basis:auto}.task-count{font-size:.875rem;min-width:2rem;padding:.25rem .5rem;margin-left:auto}
.task>svg{display:block;width:1rem;height:1rem}.insight{font-size:.875rem;margin:1rem 1.5rem 1.5rem;padding:1rem;gap:.75rem}
.insight svg{width:1.25rem;height:1.25rem;flex-shrink:0}
.funnel{margin-bottom:1.5rem}.funnel-stages{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;padding:0 1.5rem 1.5rem;overflow:visible}
.stage{padding:1rem;gap:.5rem;flex-wrap:wrap;align-items:flex-start;flex-direction:row}.stage svg{width:1.5rem;height:1.5rem}
.stage-label{font-size:.875rem;color:var(--muted)}.stage-number{font-size:1.5rem;line-height:1.4}
.stage small{display:block;font-size:.875rem;line-height:1.5;align-self:flex-end}.funnel .card-head small{display:block;margin:.25rem 0 0!important}
.toolbar{padding:1rem 1.5rem;gap:1rem}.toolbar>.flex{flex-wrap:wrap}
.searchbox{min-height:var(--target);min-width:min(100%,14rem);max-width:26rem;padding:.375rem .75rem;border-color:var(--control)}
.searchbox input{font-size:1rem;min-height:2rem}.searchbox input::placeholder{color:var(--muted);opacity:1}.searchbox svg{width:1.25rem;height:1.25rem}
.table-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}
table{font-size:1rem}th{font-size:.875rem;font-weight:600;color:var(--muted);padding:.875rem 1rem}td{padding:.875rem 1rem;line-height:1.5}
.order-id{font-size:1rem}.customer-cell small,.product-cell small{font-size:.875rem;margin-top:.25rem}
.product-thumb{width:2.5rem;height:2.75rem}.product-thumb svg{width:1.25rem;height:1.25rem}
.badge,.integration-card .badge,.pill{font-size:.875rem;line-height:1.5;padding:.25rem .625rem}
.badge{white-space:normal}.badge i{flex-shrink:0}.table-scroll .badge{white-space:nowrap}
.table-foot{font-size:.875rem;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem}.pagination{flex-wrap:wrap;gap:.375rem}
.pagination button{font-size:.875rem;width:var(--target);height:var(--target);min-width:var(--target);border-color:var(--control)}
.tabs{gap:1rem;flex-wrap:wrap;overflow:visible;margin-bottom:1.5rem}.tabs button,.subtabs button{font-size:1rem;min-height:3rem;padding:.625rem .375rem;white-space:normal;text-align:left}
.tabs button span{font-size:.875rem;line-height:1.5}.subtabs{padding:0 1.5rem;margin-bottom:0}
.notice{font-size:1rem;padding:1rem;gap:.75rem;color:#81502b;line-height:1.5}.notice svg{width:1.25rem;height:1.25rem;margin-top:.125rem}
.field{gap:.5rem}.field>span,.field>label{font-size:1rem}.field small{font-size:.875rem}
.field input,.field select,.field textarea,.input,.order-line input,.order-line select{font-size:1rem;line-height:1.5;padding:.625rem .75rem;border:1px solid var(--control);min-height:var(--target);border-radius:.5rem;background:var(--surface);color:var(--text);max-width:100%;min-width:0}
.field textarea{min-height:6rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:var(--muted);opacity:1}
.form-section{font-size:1.125rem;margin:1.5rem 0 1rem;padding-bottom:.75rem}
.switch{width:3.5rem;height:var(--target);min-width:3.5rem;background:transparent!important;border-radius:.5rem}
.switch:before{content:'';position:absolute;left:0;right:0;top:50%;height:1.75rem;transform:translateY(-50%);border:1px solid var(--control);background:#e0e4e9;border-radius:1rem}
.switch:after{width:1.25rem;height:1.25rem;top:calc(50% - .625rem);left:.25rem;background:#586475}
.switch.on:before{background:var(--primary);border-color:var(--primary)}.switch.on:after{transform:translateX(1.75rem);background:#fff}
.check{appearance:none;-webkit-appearance:none;position:relative;display:inline-grid;place-content:center;vertical-align:middle;flex-shrink:0;margin:0;width:var(--target);height:var(--target);min-width:var(--target);border:0!important;background:transparent!important;cursor:pointer}
.check:before{content:'';width:1.25rem;height:1.25rem;border:2px solid var(--control);background:var(--surface);border-radius:.25rem}
.check:checked:before{background:var(--primary);border-color:var(--primary)}
.check:checked:after{content:'';position:absolute;width:.625rem;height:.375rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:calc(50% - .3125rem);top:calc(50% - .25rem)}
.check:disabled{opacity:.5;cursor:not-allowed}.line-hint{display:flex;align-items:center;gap:.375rem;font-size:.875rem;margin:0 0 1rem}
.setting-line{gap:1rem;align-items:flex-start;padding:1rem 0;flex-wrap:wrap}.setting-line p{font-size:.875rem}.setting-line b{font-size:1rem}
.panel-columns{grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);gap:1.5rem}
.queue-item{padding:1rem;gap:.75rem;min-width:0}.queue-item p{font-size:.875rem;overflow-wrap:anywhere}.queue-item b{font-size:1rem}
.detail-grid{font-size:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.detail-grid dt{font-size:.875rem}.detail-grid dd{overflow-wrap:anywhere}
.total-line{font-size:1rem;gap:.75rem;flex-wrap:wrap}.total-line.grand{font-size:1.25rem}
.event{font-size:1rem;padding-left:1.5rem;padding-bottom:1.5rem}.stat-box p{font-size:1rem}.stat-box strong{font-size:1.75rem;overflow-wrap:anywhere}
.progress-row .between{font-size:1rem}.progress-row small{font-size:.875rem}
.integration-card,.team-card{padding:1.5rem}.integration-card p,.team-card p{font-size:1rem;min-height:0}.integration-card h3{font-size:1.125rem}
.integration-logo{width:3rem;height:3rem;font-size:1.5rem}.team-card .avatar{width:3.5rem;height:3.5rem;font-size:1.25rem}.metric{font-size:1.5rem}
.chat-layout{grid-template-columns:minmax(15rem,19rem) minmax(0,1fr)}.chat-list,.chat-area{min-width:0}
.chat-top{padding:1.25rem}.chat-messages{padding:1.5rem;max-height:32rem;min-height:18rem;gap:1rem}
.message{font-size:1rem;max-width:85%;overflow-wrap:anywhere}.message small{font-size:.875rem}
.chat-compose{padding:1rem;flex-wrap:wrap}.chat-compose input{min-width:0;flex:1 1 14rem}
.rule{padding:1.25rem;gap:1rem;flex-wrap:wrap}.rule .grow{min-width:0;flex:1 1 12rem}.rule p{font-size:.875rem}.rule b{font-size:1rem}
.codebox{font-size:.875rem;line-height:1.6}.overlay{padding:1.5rem}.modal{width:45rem;max-height:calc(100dvh - 3rem);max-width:100%}.modal.wide{width:60rem}
.modal.drawer{width:45rem;max-height:100dvh}.modal-head{padding:1.25rem 1.5rem;gap:1rem;flex-shrink:0}.modal-head h2{font-size:1.5rem;line-height:1.3;min-width:0}
.modal-body{padding:1.5rem;min-height:0;overscroll-behavior:contain}.modal-foot{padding:1rem 1.5rem;flex-wrap:wrap;gap:.75rem;flex-shrink:0}.modal-foot p{font-size:.875rem}
.toast-stack{left:1rem;right:1rem;bottom:1rem;margin-left:auto;max-width:26rem}.toast{font-size:1rem;overflow-wrap:anywhere}
.bulkbar{font-size:1rem;color:var(--orange)}.mini-label{font-size:.875rem}.bottom-foot{font-size:.875rem;gap:1rem;flex-wrap:wrap;color:var(--muted);margin-top:2rem}
.pos-grid{grid-template-columns:minmax(0,1.5fr) minmax(20rem,1fr);gap:1.5rem}.pos-product{padding:1rem}.pos-product b,.pos-product p{font-size:1rem}
.stepper{flex-wrap:wrap}.stepper div{font-size:.875rem;flex:1 1 8rem;padding:.75rem}
.order-line{grid-template-columns:minmax(0,2fr) minmax(4.5rem,.65fr) minmax(7rem,1fr) var(--target);gap:.75rem;margin-bottom:.5rem}
.order-line .check{width:var(--target)}.table-name-btn{min-height:var(--target)}.table-scroll thead button{min-height:var(--target)}.active-filter{font-size:.875rem}
.ring{height:10rem;width:10rem}.ring>span{font-size:1.75rem}
.dark{--text:#edf0f5;--muted:#b2bdcb;--control:#7d8da3;--orange:#ffb582;--green:#72ddb2;--blue:#8cbbff;--purple:#cbb0ff;--red:#ff9fb2;--tone-orange:#ffb582;--tone-blue:#8cbbff;--tone-green:#72ddb2;--tone-purple:#cbb0ff;--tone-red:#ff9fb2;--tone-gray:#b9c5d4}
.dark .nav-link.active{color:var(--orange)}.dark .btn.danger{color:#ff9fb2}.dark .stage-label,.dark .demo-tag,.dark .bottom-foot{color:var(--muted)}
.dark .integration-logo,.dark .rule-icon,.dark .kpi-top>.icon{background:#2c3340}.dark .integration-logo{color:var(--tone)}
.dark .avatar{color:#efd4ac;background:#514531}.dark .avatar.blue{color:#b6d5ff;background:#243d5b}.dark .avatar.violet{color:#d7c2ff;background:#423359}.dark .avatar.green{color:#ade6c7;background:#234536}
.menu-dismiss{display:none}
@media(max-width:68em){.sidebar.open+.menu-dismiss{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:24;background:#11182755;border:0}.sidebar.open~.main-shell:before{display:none}}
@media(max-width:68em){.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar .nav-scroll{flex:1 0 auto;overflow:visible}.sidebar .brand,.sidebar .store-switch,.sidebar .profile{flex-shrink:0}}
.dark :is(button,a,input,select,textarea,[tabindex]):focus-visible,.dark .searchbox:focus-within{outline-color:#8cbbff}
@media(min-width:97em){#content{padding:2rem}.topbar{padding:1rem 2rem}}
@media(max-width:85em){.overview-row{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-grid{grid-template-columns:1fr}.top-actions{gap:.5rem}.search-trigger{display:none}}
@media(max-width:68em){.sidebar{transform:translateX(-100%);transition:transform .2s;width:min(var(--sidebar-width),calc(100vw - 3rem));box-shadow:.5rem 0 2rem #0002}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:inline-grid}.sidebar.open~.main-shell:before{content:'';position:fixed;inset:0;background:#11182755;z-index:24;pointer-events:none}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-columns{grid-template-columns:1fr}.queue-list{max-height:20rem;overflow:auto}}
@media(max-width:52em){h1{font-size:1.75rem}.topbar{position:static;padding:1rem}.topbar>.flex{flex:1 1 100%}.top-actions{width:100%;justify-content:flex-end}.top-actions .demo-tag{margin-right:auto;flex:1;justify-content:flex-start}.top-actions .avatar{display:none}#content{padding:1.5rem 1rem}.page-head>div:first-child{flex-basis:100%}.head-actions{width:100%;flex-wrap:wrap!important}.head-actions .btn{flex:1 1 12rem}.grid2,.grid3,.grid4{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-list{border-right:0;border-bottom:1px solid var(--line);max-height:18rem;overflow:auto}.chat-top{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.chart-legend{display:flex}.chart-long{display:none}.chart-short{display:inline}.sales-chart{margin-inline:1rem}.chart-grid{grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem}.chart-columns{gap:.25rem}.chart-caption{text-align:left}.order-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--target)}.order-line select{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.pad,.card-head,.toolbar{padding:1rem}.funnel-stages{padding:0 1rem 1rem}.task-list{padding:0 1rem}.insight{margin:1rem}.chart-meta{padding:.75rem 1rem 0}.table-foot{padding:1rem}.modal-head,.modal-body,.modal-foot{padding:1rem}.overlay{padding:.5rem}.modal{max-height:calc(100dvh - 1rem)}.modal.drawer{width:100%;border-radius:0}.modal-foot .btn{flex:1 1 8rem}.subtabs{padding:0 1rem}.bottom-foot span:last-child{display:block}.breadcrumbs>span{display:inline}.empty p{font-size:1rem;max-width:65ch}}
@media(max-width:30em){.kpis{grid-template-columns:1fr}.kpi{min-height:11rem}.kpi-top>.arrow{display:block}.kpi-value{font-size:2rem}.kpi-foot{max-width:none;min-height:0}.kpi .mini-dots{position:absolute;bottom:1.25rem;right:1.25rem;width:3rem;opacity:.15;pointer-events:none}.funnel-stages{grid-template-columns:1fr}.stage{gap:.75rem}.topbar{gap:.75rem}.demo-tag{font-size:.875rem}.seg{width:100%}.seg button{flex:1}.chart-grid{grid-template-columns:2rem minmax(0,1fr)}.chart-columns{gap:.125rem}.chart-column svg{height:12rem}.brand-name{font-size:1.5rem}.searchbox{flex-basis:100%;max-width:none}.notice{font-size:1rem}.page-head .head-actions{flex-wrap:wrap}.table-foot .pagination{max-width:100%}}
@media(pointer:coarse){:root{--target:3rem}.nav-link{min-height:3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.skip-link{display:none}.modal{max-height:none}.modal.drawer{max-height:none}.chart-columns{print-color-adjust:exact}}

@media(max-width:68em){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

/* Suite CRM — same type scale and focus rules as the existing workspace. */
.suite-source{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.5rem}
.suite-source p,.suite-small{font-size:.875rem}.suite-source strong{display:block}.suite-label{font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.suite-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:2rem;padding:2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.5rem;border-top:4px solid var(--brand)}
.suite-hero h2{font-size:1.75rem;margin:.75rem 0}.suite-hero p{max-width:60ch}.suite-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:center}.suite-hero-stats strong{font-size:2rem;line-height:1.2;display:block;margin:.5rem 0}.suite-hero-stats>div{padding:1rem;background:var(--soft);border-radius:.75rem}
.suite-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.suite-stage{padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;min-width:0}.suite-stage strong{font-size:1.75rem}.suite-stage code{font-size:1rem;color:var(--text);overflow-wrap:anywhere}.suite-stage p{font-size:.875rem}.suite-stage .btn{align-self:flex-start;margin-top:auto}.suite-stage .task-icon{width:2.75rem;height:2.75rem}
.suite-health{list-style:none;padding:0;margin:0}.suite-health li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:flex-start}.suite-health li:last-child{border:0}.suite-health p{font-size:.875rem;margin-top:.25rem}.suite-health .task-icon{flex:none;margin-top:.25rem}.suite-health .badge{margin-left:auto;flex:none}
.suite-fields{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.suite-fields .field{flex:1 1 12rem;min-width:0}.suite-fields .btn{align-self:flex-end}.suite-detail-value{font-size:1rem;overflow-wrap:anywhere}.suite-code{white-space:pre-wrap;word-break:break-word;max-height:24rem;overflow:auto;font-size:.875rem;padding:1rem;background:var(--soft);border:1px solid var(--line);border-radius:.75rem;color:var(--text)}
.suite-import{border:2px dashed var(--control);border-radius:.75rem;padding:1.5rem}.suite-import input[type=file]{width:100%;max-width:100%;height:auto;white-space:normal;padding:.5rem;background:var(--surface)}.suite-steps{display:grid;gap:1rem;counter-reset:step;list-style:none;padding:0}.suite-steps li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem}.suite-steps li:before{counter-increment:step;content:counter(step);background:var(--orange-soft);color:var(--orange);font-weight:700;border-radius:50%;width:2.5rem;height:2.5rem;display:grid;place-items:center}.suite-steps p{font-size:.875rem;margin-top:.25rem}.suite-pagination{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 1.5rem;border-top:1px solid var(--line)}
.suite-pixel{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.suite-pixel:last-child{border:0}.suite-pixel code{font-size:.875rem;overflow-wrap:anywhere}.suite-pixel .grow{min-width:0}.suite-empty{padding:2rem;text-align:center}.suite-empty p{max-width:60ch;margin:.75rem auto}.suite-inline{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.suite-inline .btn{font-size:.875rem}
body.dark .suite-steps li:before{background:var(--soft)}
@media(max-width:70em){.suite-hero{grid-template-columns:1fr;gap:1.5rem}.suite-stages{grid-template-columns:1fr}.suite-stage{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:start}.suite-stage> :not(.task-icon){grid-column:2}.suite-stage .task-icon{grid-column:1;grid-row:1/3}.suite-stage .btn{justify-self:start}}
@media(max-width:52em){.suite-hero{padding:1.25rem}.suite-hero h2{font-size:1.5rem}.suite-source{padding:1rem}.suite-source>.flex{flex-wrap:wrap}.suite-health li{flex-wrap:wrap}.suite-health .badge{margin-left:0}.suite-import{padding:1rem}.suite-pagination{padding:1rem}.suite-stages{gap:1rem}.suite-stage{padding:1rem}.suite-hero-stats strong{font-size:1.75rem}}

.suite-paste summary{min-height:var(--target);padding:.625rem 0;cursor:pointer}


/* Additive styles only. The approved design tokens and components are preserved. */
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,480px);padding:32px}.auth-card .brand{padding:0 0 28px}.auth-card h1{font-size:1.65rem}.auth-card .field{margin-top:16px}.auth-card button[type=submit]{width:100%;margin-top:24px}.auth-links{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.auth-links button{font-size:.9rem;color:var(--orange);text-decoration:underline}.form-error{padding:12px 14px;margin-top:16px;border-radius:9px;background:var(--surface);border:1px solid var(--red);color:var(--text)}.form-error:empty{display:none}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.crm-warning{color:var(--muted);font-size:.875rem}.nav-link .later{font-size:.7rem;margin-left:auto;color:var(--muted);font-weight:400}.crm-chart{display:flex;align-items:stretch;gap:18px;height:210px;padding:10px 28px 25px}.crm-bar-column{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:8px;min-width:0}.crm-bar-column i{display:block;width:min(60px,80%);background:var(--orange);border-radius:6px 6px 0 0;min-height:2px}.crm-bar-column small{font-size:.75rem;white-space:nowrap}.order-code{font-variant-numeric:tabular-nums;font-weight:650;color:var(--text)}.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.history-item p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.history-item small{color:var(--muted)}.source-badge{font-size:.75rem}.queue-list{max-height:680px;overflow-y:auto}.crm-loader{display:flex;gap:12px;align-items:center;padding:28px;color:var(--muted)}.crm-loader:before{content:'';width:20px;height:20px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--orange);animation:crmspin .8s linear infinite}@keyframes crmspin{to{transform:rotate(360deg)}}.member-actions{display:flex;gap:8px;align-items:center}.crm-readonly{opacity:.75}.crm-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.crm-note{white-space:pre-wrap;overflow-wrap:anywhere}.crm-inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.crm-inline-form .field{flex:1;min-width:180px}.crm-invite{width:100%;min-height:110px;resize:vertical;padding:12px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px}.crm-search{min-width:160px}.crm-search select{max-width:230px}.theme-setting{display:flex;gap:15px;align-items:center}.crm-queue-note{border-top:1px solid var(--line);padding-top:16px}.crm-caption{font-size:.875rem;color:var(--muted)}.crm-product-picker{margin-bottom:12px}.crm-total{font-size:1.4rem;font-weight:650}.crm-confirm-count{font-size:1.6rem;font-weight:650}.crm-offline{position:sticky;top:0;z-index:50;padding:10px;text-align:center;background:var(--orange-soft);color:var(--text)}.auth-card .notice{margin-top:18px}.dark .crm-bar-column i{background:var(--orange)}button,a{min-height:24px}.btn,.icon-btn,.pagination button{min-height:44px}.queue-item{min-height:70px}.table-scroll:focus{outline:2px solid var(--orange)}@media(max-width:640px){.auth-card{padding:24px}.crm-chart{gap:8px;padding-inline:12px}.crm-chart small{font-size:.65rem}.crm-inline-form{display:grid}.crm-search select{max-width:100%}.member-actions{flex-wrap:wrap}.crm-product-picker .searchbox{max-width:none}.crm-detail-actions .btn{flex:1 1 auto}}
.nav-link .later{white-space:nowrap}.nav-link>span:not(.later):not(.counter){min-width:0}
@media(prefers-reduced-motion:reduce){.crm-loader:before{animation:none}}

/* WooCommerce uses the existing theme tokens in both modes. */
.woo-mark{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:15px;background:#7f54b3;color:#fff;font-size:1.8rem;font-weight:800}
.woo-connection p{max-width:88ch;overflow-wrap:anywhere}.woo-facts,.woo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.woo-facts{padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.woo-facts small{display:block;color:var(--muted);margin-bottom:7px}.woo-facts b{font-size:.875rem}.woo-steps p{font-size:.875rem;margin-top:6px}.woo-log-detail{max-width:460px;min-width:240px;white-space:normal;line-height:1.6}.woo-source{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.woo-compare{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:12px;font-size:.875rem;overflow-wrap:anywhere}.woo-compare dt{color:var(--muted)}.woo-compare dd{margin:0}.woo-source p{font-size:.875rem;line-height:1.6}.woo-connection .btn{min-height:44px}#woo-connect details{padding:12px;border:1px solid var(--border);border-radius:10px}#woo-connect summary{cursor:pointer;font-size:.875rem;margin-bottom:10px}
@media(max-width:680px){.woo-facts,.woo-steps{grid-template-columns:1fr;gap:16px}.woo-connection>.between{align-items:flex-start;gap:16px}.woo-connection .flex.wrap>.btn{flex:1 1 180px}.woo-compare{grid-template-columns:1fr;gap:4px}.woo-compare dd{margin-bottom:8px}}
.zr-mark{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:15px;background:var(--orange-soft);color:var(--orange)}
.zr-connection p{max-width:88ch;overflow-wrap:anywhere}.zr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zr-facts small,.zr-sub{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.zr-facts b{display:block;font-size:1rem;margin-top:6px}.zr-items{min-width:170px;max-width:320px;white-space:normal;line-height:1.5}
.zr-connection .btn,.zr-items .btn{min-height:44px}.zr-connection .flex.wrap{gap:10px}
@media(max-width:680px){.zr-facts{grid-template-columns:1fr;gap:14px}.zr-connection>.between{align-items:flex-start;gap:16px}.zr-connection .flex.wrap>.btn{flex:1 1 170px}}

/* WeConvert visual contract: docs/WECONVERT_GUIDELINES_UI.md.
   Overrides the approved prototype without replacing its business layouts. */
:root{
 --wc-canvas:#f7f7f8;--wc-sidebar:#f5f5f5;--wc-surface:#fff;
 --wc-ink:#111827;--wc-muted:#59616c;--wc-line:#e8eaed;--wc-control:#656d77;
 --wc-brand:#f97316;--wc-action:#b84308;--wc-action-hover:#963506;
 --wc-brand-soft:#fff0e6;--wc-focus:#1558b5;--wc-dot-muted:#e5e7eb;
 --bg:var(--wc-canvas);--surface:var(--wc-surface);--side:var(--wc-sidebar);
 --text:var(--wc-ink);--muted:var(--wc-muted);--line:var(--wc-line);
 --control:var(--wc-control);--soft:#f2f3f5;--orange:var(--wc-action);
 --brand:var(--wc-brand);--primary:var(--wc-action);--orange-soft:var(--wc-brand-soft);
 --green:#137c45;--blue:#1558b5;--purple:#783ab4;--red:#b42318;
 --tone-orange:#a83e00;--tone-blue:#1558b5;--tone-green:#137c45;
 --tone-purple:#783ab4;--tone-red:#b42318;--tone-gray:#59616c;
 --radius:.875rem;--sidebar-width:17rem;--target:2.75rem;
 --shadow:0 2px 8px #11182708;
}
html{color-scheme:light}
body{font-family:'Outfit','Noto Sans Arabic',system-ui,sans-serif;background:var(--bg);color:var(--text);letter-spacing:0}
button,input,select,textarea{font-family:inherit}
[lang=ar]{font-family:'Noto Sans Arabic','Outfit',system-ui,sans-serif;letter-spacing:normal}
h1{font-size:clamp(1.75rem,2.2vw,2.25rem);font-weight:600;line-height:1.22;letter-spacing:-.025em}
h2{font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.015em}
h3{font-weight:600}
.sidebar{background:var(--side);border-right:1px solid var(--line)}
.brand{padding:1.75rem 1.5rem 1.25rem;gap:.75rem}
.brand-name{font-size:1.55rem;font-weight:600;letter-spacing:-.04em}
.brand-sub{font-size:.75rem;font-weight:500;letter-spacing:.08em;margin-top:.3rem}
.brandmark{color:var(--brand);width:2.25rem;height:2.25rem}
.store-switch{background:#e9e9e9;border-color:#e2e2e2;border-radius:.75rem;margin:0 1rem 1.25rem;padding:.75rem;min-height:3.5rem}
.store-icon{background:var(--surface);color:var(--orange);border-radius:.5rem}
.store-name{font-weight:600}
.nav-section{color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.075em;padding:1rem .75rem .375rem}
.nav-link{color:var(--text);font-weight:450;border-radius:.625rem;min-height:2.75rem;margin:.125rem 0}
.nav-link svg{width:1.25rem;height:1.25rem;stroke-width:1.75}
.nav-link:hover{background:#e9e9e9}
.nav-link.active{background:var(--orange-soft);color:var(--orange);font-weight:600}
.nav-link .counter{background:#e9e9e9;border-radius:999px;min-width:1.65rem;padding:.1rem .4rem}
.profile{background:var(--surface);border-color:var(--line);border-radius:.75rem;box-shadow:var(--shadow);margin:1rem}
.topbar{background:var(--bg);border-bottom:0;min-height:5.5rem;padding:1rem 2rem}
.breadcrumbs{color:var(--muted);font-size:.875rem}
.breadcrumbs b{font-weight:600;color:var(--text)}
.top-actions{gap:.625rem}
.demo-tag{background:#eaf7ef;color:#145b39;border:1px solid #d1e9dc;font-weight:500}
.search-trigger,.icon-btn{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.search-trigger{color:var(--muted);min-height:var(--target)}
.icon-btn{width:var(--target);height:var(--target);border-radius:.625rem}
.icon-btn.bare:not(.mobile-menu){border:1px solid var(--line)}
#content{max-width:100rem;padding:1rem 2rem 2.5rem}
.page-head{align-items:flex-end;gap:1rem;margin-bottom:1.75rem}
.page-head p{color:var(--muted);margin-top:.375rem}
.head-actions{align-items:center}
.btn,.btn.sm,.head-actions .btn{border-radius:.625rem;min-height:var(--target);font-weight:500}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 8px #b843081a}
.btn.primary:hover{background:var(--wc-action-hover);border-color:var(--wc-action-hover)}
.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.card-head{padding:1.5rem 1.5rem 1rem;align-items:center}
.card-head p{margin-top:.25rem}
.pad{padding:1.5rem}
.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.kpis.kpis-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi{padding:1.5rem;min-height:12.5rem;gap:0;justify-content:space-between;transition:border-color .15s,box-shadow .15s,transform .15s}
.kpi:hover{border-color:#c8ccd2;box-shadow:0 8px 20px #1118270e;transform:translateY(-1px)}
.kpi-top{display:flex;align-items:center;font-size:1.0625rem;font-weight:500;gap:.75rem}
.kpi-top>.icon{width:2.5rem;height:2.5rem;border-radius:.6rem;background:var(--tint);color:var(--tone)}
.kpi-top>.icon svg{width:1.25rem;height:1.25rem}
.kpi-top>.arrow{margin-left:auto;color:var(--text);width:1.125rem;height:1.125rem}
.wc-kpi-bottom{display:flex;align-items:end;justify-content:space-between;gap:.5rem;min-width:0;width:100%;margin-top:1rem}
.wc-kpi-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}
.kpi-value{font-size:clamp(2.125rem,3vw,3rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;margin:0;white-space:normal;overflow-wrap:anywhere}
.kpi-foot{font-size:.875rem;line-height:1.45;color:var(--muted);text-align:left}
.kpi-foot b{color:var(--tone);font-weight:600}
.wc-kpi-spark{width:7rem;height:4rem;flex:0 0 7rem;align-self:end;display:block}
.wc-kpi-spark .on{fill:var(--tone)}
.wc-kpi-spark .off{fill:var(--wc-dot-muted)}
.overview-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(19rem,1fr);gap:1rem;margin-bottom:1rem;align-items:stretch}
.overview-row>.card{min-height:27rem}
.chart-card{display:flex;flex-direction:column}
.chart-card .card-head{padding-bottom:.5rem}
.chart-meta{padding:1rem 1.5rem 0}
.chart-total{font-size:2.625rem;font-weight:600;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.chart-meta p{margin-top:.375rem}
.pill{border-radius:.5rem;padding:.375rem .625rem;background:var(--soft);color:var(--text)}
.crm-chart.wc-dots-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;align-items:end;height:auto;min-height:15rem;padding:1.5rem 1.5rem 1.25rem;margin-top:auto}
.wc-dots-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;gap:.5rem}
.wc-dots-day b{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}
.wc-dots-day small{font-size:.75rem;color:var(--muted);white-space:nowrap}
.wc-dot-stack{height:8.25rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;width:100%;align-items:center}
.wc-dot-stack i{width:.4rem;height:.4rem;border-radius:50%;background:var(--wc-dot-muted);flex:0 0 .4rem}
.wc-dot-stack i.on{background:var(--wc-brand)}
.wc-day-card{display:flex;flex-direction:column}
.wc-day-card .task-list{padding:0 1.5rem}
.wc-day-card .task{padding:.875rem 0;gap:.75rem;align-items:center}
.wc-day-card .task-icon{border-radius:.625rem;background:var(--tint);color:var(--tone)}
.wc-day-card .task>svg{color:var(--muted)}
.wc-day-card .insight{margin:auto 1.5rem 1.5rem;color:var(--muted)}
.wc-activity-card{margin-bottom:1.5rem}
.wc-activity-card .card-head{padding-bottom:1.25rem}
.toolbar{padding:1.125rem 1.5rem}
.tabs{margin-bottom:1.5rem}
.tabs button.active{font-weight:600}
.searchbox{border-color:var(--control);border-radius:.625rem}
.table-scroll{background:var(--surface)}
table{font-size:.9375rem}
th{background:#f9f9fa;color:var(--muted);font-size:.875rem;font-weight:600}
td{font-size:.9375rem;min-height:3.75rem;padding:1rem;vertical-align:middle}
tbody tr{height:3.75rem}
.order-id{font-size:.9375rem}
.badge{font-weight:500}
.pagination button{width:var(--target);height:var(--target);display:inline-grid;place-items:center;border-radius:.5rem}
.pagination button svg{width:1rem;height:1rem}
.pagination button[aria-label="Page précédente"] svg{transform:rotate(180deg)}
.product-thumb,.task-icon,.integration-logo{border-radius:.625rem}
.panel-columns{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr);gap:1rem}
.queue-item{border-radius:.625rem}
.field input,.field select,.field textarea,.input,.order-line input,.order-line select{border-color:var(--control)}
.form-grid[hidden]{display:none}
.modal{border-radius:var(--radius)}
.modal.wide{width:45rem}
.modal.drawer{border-radius:var(--radius) 0 0 var(--radius)}
:is(button,a,input,select,textarea,[tabindex]):focus-visible,.searchbox:focus-within{outline:3px solid var(--wc-focus);outline-offset:2px}
.mono,.kpi-value,.chart-total,td .mono{font-variant-numeric:tabular-nums}

/* Performance reports reuse the CRM cards, filters, progress tracks and tables. */
.report-filters{margin-bottom:1.5rem}
.report-presets{display:flex;flex-wrap:wrap;gap:.5rem}
.report-presets .btn{min-height:var(--target)}
.report-presets .report-preset-active{background:var(--orange-soft);color:var(--orange);border-color:var(--orange)}
.report-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end}
.report-filter-fields .field{min-width:0}
.report-kpis .kpi{cursor:default}
.report-kpis .report-kpi-action{cursor:pointer;text-align:left;color:var(--text);font:inherit;width:100%}
.delivered-period{margin-bottom:1rem;scroll-margin-top:1.5rem}
.report-kpis .kpi-value{font-size:clamp(2rem,2.6vw,2.75rem)}
.report-analysis>.card{min-width:0;min-height:25rem}
.report-chart-card{display:flex;flex-direction:column}
.report-chart-card .card-head{align-items:center}
.report-chart-legend{display:flex;gap:1.5rem;flex-wrap:wrap;padding:0 1.5rem;font-size:.875rem;color:var(--muted)}
.report-chart-legend span{display:inline-flex;align-items:center;gap:.5rem}
.report-chart-legend i{display:inline-block;width:.75rem;height:.75rem;border-radius:.2rem}
.report-chart-legend .received,.report-bar.received{background:var(--wc-brand)}
.report-chart-legend .confirmed,.report-bar.confirmed{background:var(--blue)}
.report-chart-scroll{overflow-x:auto;padding:1.5rem 1.5rem 0;margin-top:auto;scrollbar-width:thin}
.report-chart{display:grid;grid-template-columns:repeat(var(--report-columns),minmax(1.5rem,1fr));gap:.35rem;min-width:max(100%,calc(var(--report-columns) * 2.15rem));align-items:end}
.report-bar-group{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;gap:.5rem;outline-offset:-2px}
.report-bar-pair{display:flex;align-items:end;justify-content:center;gap:.125rem;width:100%;height:11rem;border-bottom:1px solid var(--line)}
.report-bar{display:block;width:min(44%,.9rem);border-radius:.25rem .25rem 0 0;min-height:0}
.report-bar-group small{font-size:.75rem;min-height:1.5rem;color:var(--muted);white-space:nowrap}
.report-bar-group:is(:focus-visible,:hover)::after{content:attr(data-tip);position:absolute;z-index:2;left:50%;bottom:calc(100% + .5rem);transform:translateX(-50%);min-width:12rem;max-width:17rem;padding:.5rem .75rem;background:var(--text);color:var(--surface);border-radius:.5rem;box-shadow:var(--shadow);font-size:.875rem;line-height:1.45;text-align:center;pointer-events:none;white-space:normal}
.report-values{margin:1rem 1.5rem 1.5rem;border-top:1px solid var(--line);font-size:.875rem}
.report-values summary{cursor:pointer;min-height:var(--target);display:flex;align-items:center;color:var(--blue);font-weight:500}
.report-status-list{margin-top:1rem}
.report-status-list .progress-row b{font-size:.9375rem;font-weight:500}
.report-status-list .progress-row span{font-size:.875rem;color:var(--muted)}
.report-breakdowns .card{min-width:0}
.report-breakdowns .table-scroll{max-width:100%;overflow-x:auto}
.report-breakdowns td{overflow-wrap:anywhere}
.report-breakdowns .empty{padding:1.25rem}
.report-sku{display:block}
.report-table-note{padding:0 1.5rem 1.25rem}

/* Dark mode is a complete palette, with the same layout and component sizes. */
body.dark{
 color-scheme:dark;
 --wc-canvas:#111418;--wc-sidebar:#171b20;--wc-surface:#1d2228;
 --wc-ink:#f6f7f9;--wc-muted:#c1c9d2;--wc-line:#34404d;--wc-control:#a8b4c2;
 --wc-brand:#ff8a3d;--wc-action:#ff8a3d;--wc-action-hover:#ff9e60;
 --wc-brand-soft:#3b2a22;--wc-focus:#8bb7ff;--wc-dot-muted:#343d46;
 --bg:var(--wc-canvas);--surface:var(--wc-surface);--side:var(--wc-sidebar);
 --text:var(--wc-ink);--muted:var(--wc-muted);--line:var(--wc-line);
 --control:var(--wc-control);--soft:#282e35;--orange:var(--wc-brand);
 --brand:var(--wc-brand);--primary:var(--wc-action);--orange-soft:var(--wc-brand-soft);
 --green:#77d7a1;--blue:#95bcff;--purple:#c9a7ff;--red:#ff9c96;
 --tone-orange:#ffac71;--tone-blue:#95bcff;--tone-green:#77d7a1;
 --tone-purple:#c9a7ff;--tone-red:#ff9c96;--tone-gray:#c1c9d2;
 --shadow:0 2px 8px #0002;
}
.dark .store-switch{background:#282e35;border-color:#34404d}
.dark .store-icon{background:#353c44;color:var(--orange)}
.dark .nav-link{color:var(--text)}
.dark .nav-link:hover{background:#282e35}
.dark .nav-link.active{background:var(--orange-soft);color:var(--tone-orange)}
.dark .nav-link .counter{background:#353c44;color:var(--text)}
.dark .demo-tag{background:#173b2d;border-color:#2a5b45;color:#afe8c6}
.dark .btn.primary{background:var(--primary);border-color:var(--primary);color:#1d2228;box-shadow:none}
.dark .btn.primary:hover{background:var(--wc-action-hover);border-color:var(--wc-action-hover)}
.dark .btn.link{color:var(--wc-brand)}
.dark .kpi-top>.icon{background:#34303a;color:var(--tone)}
.dark .pill{color:var(--text)}
.dark th{background:#242a31;color:var(--muted)}
.dark .wc-day-card .task-icon{background:#30343a}
.dark .wc-day-card .insight{background:#282e35}
.dark .search-trigger,.dark .icon-btn{background:var(--surface);border-color:var(--line)}
.dark .notice{color:#ffd3ae}
.dark .report-presets .report-preset-active{background:var(--orange-soft);color:var(--tone-orange);border-color:var(--wc-brand)}
.dark :is(button,a,input,select,textarea,[tabindex]):focus-visible,.dark .searchbox:focus-within{outline-color:var(--wc-focus)}

@media(max-width:85em){
 .overview-row{grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr)}
}
@media(max-width:68em){
 .sidebar{width:min(17rem,calc(100vw - 2rem))}
 .main-shell{margin-left:0}
 .topbar{min-height:4.5rem;padding:1rem 1.25rem}
 #content{padding:1rem 1.25rem 2rem}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpis.kpis-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:52em){
 .overview-row{grid-template-columns:1fr}
 .overview-row>.card{min-height:0}
 .wc-day-card .insight{margin:1rem 1.5rem 1.5rem}
 .topbar{gap:.75rem}
 .top-actions{justify-content:flex-start}
 .page-head{align-items:flex-start}
 .card-head{padding:1.25rem 1rem .75rem}
 .chart-meta{padding:.75rem 1rem 0}
 .crm-chart.wc-dots-chart{padding:1rem;min-height:13rem}
 .wc-day-card .task-list{padding:0 1rem}
 .wc-day-card .insight{margin:1rem}
 .kpi{padding:1.25rem;min-height:11.5rem}
 .toolbar{padding:1rem}
 .report-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-chart-scroll{padding:1rem 1rem 0}
 .report-values{margin:1rem}
}
@media(max-width:37.5em){
 #content{padding:1rem 1rem 2rem}
 .report-filter-fields{grid-template-columns:1fr}
 .report-presets .btn{flex:1 1 7rem}
 .report-chart-legend{padding:0 1rem}
 .kpis{grid-template-columns:1fr}
 .kpis.kpis-four{grid-template-columns:1fr}
 .wc-kpi-spark{width:6rem;flex-basis:6rem}
 .kpi-value{font-size:2.5rem}
 .overview-row{grid-template-columns:1fr}
 .wc-dots-day small{font-size:.625rem}
 .wc-dot-stack{gap:.15rem}
 .wc-dot-stack i{height:.3rem;width:.3rem;flex-basis:.3rem}
 .wc-activity-card .card-head{align-items:flex-start}
}
@media(max-width:23em){
 .crm-chart.wc-dots-chart{gap:.15rem;padding:.75rem}
 .wc-dots-day small{font-size:.55rem}
 .wc-kpi-spark{width:5rem;flex-basis:5rem}
}
@media(prefers-reduced-motion:reduce){.kpi{transition:none;transform:none!important}}