/* Maxfem Workspace - design system do B2B (b2b.maxfem.cloud) aplicado ao LiveSeller.
   Canvas cinza-rosado, tinta vinho (#4a1d35), rosa (#f28ebe) como acento,
   Plus Jakarta Sans no texto e Space Grotesk nos numeros/titulos. Bordas finas, sem sombra.
   Entra ANTES do <style> de cada pagina. Os apelidos legados do tema antigo ficam
   mapeados pra esta escada, assim qualquer trecho antigo continua coerente. */

/* ---- fontes (mesmos arquivos do B2B, servidos de assets/fonts) ---- */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/plus-jakarta-sans-1.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/plus-jakarta-sans-2.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/plus-jakarta-sans-3.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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/plus-jakarta-sans-4.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}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/space-grotesk-5.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/space-grotesk-6.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}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/space-grotesk-7.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}

:root{
  /* paleta do workspace */
  --ws-canvas:#f6f3f5;      /* fundo da pagina */
  --ws-rail:#f2f1f1;        /* barra lateral */
  --ws-surface:#ffffff;     /* cards */
  --ws-surface-2:#f8f6f7;   /* cabecalho de tabela, faixas */
  --ws-line:#eae3e7;
  --ws-line-soft:#f0edee;
  --ws-ink:#4a1d35;
  --ws-ink-2:#4d3540;
  --ws-ink-3:#62535a;
  --ws-muted:#7b7075;
  --ws-muted-2:#9e969a;
  --ws-accent:#f28ebe;
  --ws-accent-500:#ec4899;
  --ws-accent-200:#fac6e0;
  --ws-accent-100:#fce0ee;
  --ws-accent-50:#fff1f7;
  --ws-rose:#db2777;
  --ws-rose-700:#b51f62;
  --ws-rose-800:#841c49;
  --ws-green-bg:#effbe5;
  --ws-amber:#9e6c10;
  --ws-amber-bg:#fff2c7;
  --ws-red:#b42318;
  --ws-red-bg:#fde8e8;
  --ws-blue:#37675b;
  --ws-blue-bg:#eaf3f0;
  --ws-radius:16px;
  --ws-radius-sm:12px;
  --ws-radius-xs:8px;
  --ws-shadow:0 1px 2px rgba(74,29,53,.03);
  --ws-shadow-lg:0 16px 65px rgba(74,29,53,.15);
  --ws-font:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --ws-display:'Space Grotesk','Plus Jakarta Sans',system-ui,sans-serif;
  --ws-ring:0 0 0 2px #fce0ee;

  /* apelidos legados usados pelas paginas (mesma semantica, cor nova) */
  --bg:var(--ws-canvas);--paper:var(--ws-surface);
  --line:var(--ws-line);--line-soft:var(--ws-line-soft);
  --ink:var(--ws-ink);--ink-2:var(--ws-ink-2);--muted:var(--ws-muted);--muted-2:var(--ws-ink-3);
  --green:var(--ws-rose);--green-bg:var(--ws-green-bg);--amber:var(--ws-amber);--amber-bg:var(--ws-amber-bg);
  --red:var(--ws-red);--red-bg:var(--ws-red-bg);--blue:var(--ws-blue);--blue-bg:var(--ws-blue-bg);
  --radius:var(--ws-radius);--radius-sm:var(--ws-radius-sm);
  --shadow:var(--ws-shadow);--shadow-lg:var(--ws-shadow-lg);
  --font:var(--ws-font);--serif:var(--ws-display);
  /* a familia rosa antiga aponta pra escada nova do B2B */
  --rose-950:var(--ws-ink);--rose-900:var(--ws-rose-800);--rose-800:var(--ws-rose-700);--rose-700:var(--ws-rose);
  --rose-600:var(--ws-rose);--rose-500:var(--ws-rose);--rose-300:var(--ws-accent-200);--rose-200:var(--ws-accent-200);--rose-100:var(--ws-accent-100);--rose-50:var(--ws-accent-50);
  --candy:var(--ws-accent-500);--rosa:var(--ws-rose-700);--rosa-d:var(--ws-rose-800);--rosa-candy:var(--ws-accent-500);--petala:var(--ws-accent-100);
  --grad-primary:var(--ws-ink);--grad-primary-hover:var(--ws-rose-700);--grad-tab:var(--ws-ink);--grad-wine:var(--ws-ink);--glow:none;
}

/* ---- base ---- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;background:var(--ws-canvas);color:var(--ws-ink);font:14px/1.5 var(--ws-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4{color:var(--ws-ink);letter-spacing:-.025em;font-weight:600}
h1{font-family:var(--ws-display);font-weight:500}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed}
img{max-width:100%}
::selection{background:#f4bcd5;color:var(--ws-ink)}
:focus-visible{outline:2px solid #69354c;outline-offset:3px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--ws-ink)}
/* numeros sempre tabulares na fonte de display */
.num,.tabular{font-family:var(--ws-display);font-variant-numeric:tabular-nums}

/* scrollbar fina e neutra */
*{scrollbar-width:thin;scrollbar-color:#cdc5c9 transparent}
*::-webkit-scrollbar{width:5px;height:5px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#cdc5c9;border-radius:4px}
*::-webkit-scrollbar-thumb:hover{background:#9c8b93}

/* sem rolagem horizontal na pagina; quem rola e o bloco largo */
html,body{overflow-x:hidden;max-width:100%}
button,a,[role=button]{touch-action:manipulation}
@media(hover:none) and (pointer:coarse){button,select,.btn{min-height:40px}}
@media(max-width:640px){
  /* 16px no campo evita o zoom automatico do Safari ao focar */
  input,select,textarea{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}