/* Tema "erp" — paleta + tokens. Chrome/geometria: css/notch-erp.css (body.mad-layout-erp).
   Carregado como #mad-theme-css DEPOIS de themes/default_*.css: só redefine o
   que muda, o resto do legado (L1) segue valendo. Cores reais chegam por
   --mad-brand-* e --mad-dock-* (ThemeContentService::buildLayoutVarsCss, inline no
   <head>); os fallbacks aqui são o vermelho padrão da marca. */

:root {
    --name: ERP;

    /* Marca (L1 legado) — tudo que lê --main-color passa a seguir a marca. */
    --main-color: var(--mad-brand, #E5202A);
    --preloader-color: var(--mad-brand, #E5202A);

    /* Tipografia: IBM Plex Sans (self-hosted em lib/fonts/ibm-plex-sans.css). */
    --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size: 14px;

    /* Geometria do casco: topo de 56px, ilha rail(76) + painel(248) = 324. */
    --header-height: 56px;
    --header-box-width: 56px;
    --menu-width: 348px;   /* rail 100 + painel 248 (--erp-island em notch-erp.css) */

    /* Superfícies planas: página cinza, cartões brancos, borda única. */
    --live-background-color: #f4f5f7;
    --header-background-color: #ffffff;
    --header-border-bottom: #e6e8ec;
    --header-box-shadow: none;
    --menu-box-shadow: none;
    --template-border-color: #e6e8ec;
    --content-border-color: #e6e8ec;
    --content-background: #ffffff;
    --submenu-border-right: #e6e8ec;
    --field-border-color: #e6e8ec;
    --button-border: #e6e8ec;
    --tr-hover-background: #f4f5f7;

    /* Raio único de 9/10px (o default_white usa pílulas de 24px). */
    --field-border-radius: 9px;
    --button-border-radius: 9px;
    --content-border-radius: 10px;
    --panel-border-radius: 10px;
    --tab-button-border-radius: 9px;
    --modules-button-radius: 10px;
}

/* ── L2: tokens do mad-ui ──────────────────────────────────────────────────
   Custom property resolve pelo ANCESTRAL MAIS PRÓXIMO: sem o par
   `.mad-theme-erp .mad-ui`, o bloco `:root, .mad-ui` do mad-ui.css venceria
   dentro de todo componente. Por isso o seletor duplo (padrão .mad-theme-rose). */
.mad-theme-erp,
.mad-theme-erp .mad-ui {
    --erp-brand:        var(--mad-brand, #E5202A);
    --erp-accent:       var(--mad-brand-accent, var(--erp-brand));
    --erp-brand-hover:  var(--mad-brand-hover, color-mix(in srgb, var(--erp-brand) 88%, #000));
    --erp-brand-subtle: var(--mad-brand-subtle, color-mix(in srgb, var(--erp-brand) 8%, #fff));

    /* Dock = rail de módulos (fundo na cor de destaque). */
    --dock-bg:          var(--mad-dock-bg, var(--erp-accent));
    --dock-ink:         var(--mad-dock-ink, #fff);
    --dock-ink-muted:   var(--mad-dock-ink-muted, rgba(255,255,255,.72));
    --dock-hover:       var(--mad-dock-hover, rgba(255,255,255,.10));
    --dock-active-bg:   var(--mad-dock-active-bg, #fff);
    --dock-active-ink:  var(--mad-dock-active-ink, var(--erp-accent));
    --dock-active-ring: var(--mad-dock-active-ring, rgba(255,255,255,.32));

    --mad-primary:        var(--erp-brand);
    --mad-primary-hover:  var(--erp-brand-hover);
    --mad-primary-fg:     var(--mad-brand-fg, #fff);
    --mad-primary-subtle: var(--erp-brand-subtle);

    --mad-accent:        var(--erp-brand);
    --mad-accent-subtle: var(--erp-brand-subtle);
    --mad-accent-border: color-mix(in srgb, var(--erp-brand) 25%, transparent);
    --mad-accent-ring:   color-mix(in srgb, var(--erp-brand) 18%, transparent);
    --mad-ring:          color-mix(in srgb, var(--erp-brand) 12%, transparent);

    --mad-radius:    9px;
    --mad-radius-md: 9px;
    --mad-bg-muted:  #f4f5f7;
    --mad-bg-subtle: #f4f5f7;
    --mad-border:    #e6e8ec;
    --mad-text:        #1a1d21;
    --mad-text-muted:  #6b7280;
    --mad-text-subtle: #9aa0aa;
    --mad-font: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Ponte para o L1 legado — mesmas chaves que .mad-theme-rose escreve
       (mad-ui.css), pra menu/modal/topo seguirem a marca sem tocar no notch. */
    --main-color:                  var(--erp-brand);
    --mad-theme-accent:            var(--erp-brand);
    --mad-theme-rail:              var(--dock-bg);
    --mad-theme-accent-dark:       var(--erp-brand-hover);
    --menu-background-color:       var(--dock-bg);
    --menu-background-check:       var(--erp-brand);
    --menu-user-splash-background: var(--dock-bg);
    --menu-border-right:           var(--erp-brand-hover);
    --field-check-color:           var(--erp-brand);
    --modal-header-background:     var(--erp-brand);
    --top-menu-background-check:   var(--erp-brand);
    --top-menu-check-color:        #fff;
}

/* ── Dark: só as superfícies neutras (a marca continua a mesma) ────────────
   Valores alinhados com notch-dark.css (bg #1c1c22, borda #3f3f46, texto #e4e4e7). */
html[data-theme="dark"] .mad-theme-erp,
html[data-theme="dark"] .mad-theme-erp .mad-ui {
    /* notch-dark.css redeclara --mad-primary em `html[data-theme=dark] .mad-ui`
       (0,2,1) — vence o bloco claro acima (0,2,0) dentro de qualquer .mad-ui.
       A marca precisa ser reafirmada aqui, senão o botão primário vira cinza. */
    --mad-primary:        var(--erp-brand);
    --mad-primary-hover:  var(--erp-brand-hover);
    --mad-primary-fg:     var(--mad-brand-fg, #fff);
    --mad-primary-subtle: var(--erp-brand-subtle);
    --mad-accent:         var(--erp-brand);
    --mad-bg-muted:  #27272a;
    --mad-bg-subtle: #202028;
    --mad-border:    #3f3f46;
    --mad-text:        #e4e4e7;
    --mad-text-muted:  #a1a1aa;
    --mad-text-subtle: #71717a;
    --mad-accent-subtle: color-mix(in srgb, var(--erp-brand) 16%, #1c1c22);
    --erp-brand-subtle:  color-mix(in srgb, var(--erp-brand) 16%, #1c1c22);
}

/* Tema "MadERP" (maderp) — gerado pelo MadBuilder a partir de mad_theme. */
/* Não edite à mão: o próximo download/sync sobrescreve. */
:root {
  --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size: 13px;
  --mad-radius: 8px;
  --mad-radius-md: 8px;
  --mad-radius-lg: 12px;
  --button-border-radius: 8px;
  --field-border-radius: 8px;
  --mad-label-weight: 600;
  --mad-label-size: 12px;
  --mad-dg-head-font-weight: 600;
  --mad-dg-head-font-size: 12px;
  --mad-label-gap: 6px;
  --erp-brand: #0F5C5E;
  --erp-brand-subtle: #E3EFED;
  --mad-brand-ink: #0B4B4D;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0B3B3D;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #0F5C5E;
  --erp-page-bg: #F4F7F6;
  --erp-border: #DCE5E2;
  --erp-fg: #142421;
  --content-background: #FFFFFF;
  --panel-background: #FFFFFF;
  --panel-border-color: #DCE5E2;
  --font-color: #142421;
  --mad-label-color: #4F625E;
  --field-background: #FFFFFF;
  --field-border-color: #CFDBD7;
  --field-font-color: #142421;
  --field-placeholder-color: #8FA59F;
  --button-background: #0F5C5E;
  --button-font-color: #FFFFFF;
  --hint-color: #4F625E;
  --panel-box-shadow: 0 1px 3px rgba(20, 36, 33, 0.08);
  --mad-dg-body-color: #142421;
  --mad-brand: #0F5C5E;
  --mad-brand-accent: #0B3B3D;
  --mad-brand-hover: #0B4749;
  --mad-brand-fg: #ffffff;
  --mad-brand-subtle: #E3EFED;
  --erp-accent: #0B3B3D;
  --erp-brand-hover: #0B4749;
  --main-color: #0F5C5E;
  --mad-primary: #0F5C5E;
  --mad-primary-hover: #0B4749;
  --mad-primary-fg: #ffffff;
  --mad-primary-subtle: #E3EFED;
  --dock-ink-muted: color-mix(in srgb, #ffffff 72%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 10%, transparent);
  --mad-dashf-accent: #0F5C5E;
  --mad-dashf-ink: #142421;
  --lv-brand-color: #0F5C5E;
}
.mad-ui {
  --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size: 13px;
  --mad-radius: 8px;
  --mad-radius-md: 8px;
  --mad-radius-lg: 12px;
  --button-border-radius: 8px;
  --field-border-radius: 8px;
  --mad-label-weight: 600;
  --mad-label-size: 12px;
  --mad-dg-head-font-weight: 600;
  --mad-dg-head-font-size: 12px;
  --mad-label-gap: 6px;
  --erp-brand: #0F5C5E;
  --erp-brand-subtle: #E3EFED;
  --mad-brand-ink: #0B4B4D;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0B3B3D;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #0F5C5E;
  --erp-page-bg: #F4F7F6;
  --erp-border: #DCE5E2;
  --erp-fg: #142421;
  --content-background: #FFFFFF;
  --panel-background: #FFFFFF;
  --panel-border-color: #DCE5E2;
  --font-color: #142421;
  --mad-label-color: #4F625E;
  --field-background: #FFFFFF;
  --field-border-color: #CFDBD7;
  --field-font-color: #142421;
  --field-placeholder-color: #8FA59F;
  --button-background: #0F5C5E;
  --button-font-color: #FFFFFF;
  --hint-color: #4F625E;
  --panel-box-shadow: 0 1px 3px rgba(20, 36, 33, 0.08);
  --mad-dg-body-color: #142421;
  --mad-brand: #0F5C5E;
  --mad-brand-accent: #0B3B3D;
  --mad-brand-hover: #0B4749;
  --mad-brand-fg: #ffffff;
  --mad-brand-subtle: #E3EFED;
  --erp-accent: #0B3B3D;
  --erp-brand-hover: #0B4749;
  --main-color: #0F5C5E;
  --mad-primary: #0F5C5E;
  --mad-primary-hover: #0B4749;
  --mad-primary-fg: #ffffff;
  --mad-primary-subtle: #E3EFED;
  --dock-ink-muted: color-mix(in srgb, #ffffff 72%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 10%, transparent);
  --mad-dashf-accent: #0F5C5E;
  --mad-dashf-ink: #142421;
}
.mad-dark, html[data-theme="dark"] {
  --erp-brand: #3FA7A1;
  --erp-brand-subtle: #163432;
  --mad-brand-ink: #7FD1CB;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0A1413;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #3FA7A1;
  --erp-page-bg: #0E1716;
  --erp-border: #22332F;
  --erp-fg: #E8F1F0;
  --content-background: #15211F;
  --panel-background: #15211F;
  --panel-border-color: #22332F;
  --font-color: #E8F1F0;
  --mad-label-color: #A8BFB7;
  --field-background: #0F1B19;
  --field-border-color: #2A3D39;
  --field-font-color: #E8F1F0;
  --field-placeholder-color: #5F7A73;
  --button-background: #3FA7A1;
  --button-font-color: #08201E;
  --hint-color: #A8BFB7;
  --panel-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  --mad-dg-body-color: #E8F1F0;
  --mad-brand: #3FA7A1;
  --mad-brand-accent: #0A1413;
  --mad-brand-hover: #5BBAB4;
  --mad-brand-fg: #08201E;
  --mad-brand-subtle: #163432;
  --erp-accent: #0A1413;
  --erp-brand-hover: #5BBAB4;
  --main-color: #3FA7A1;
  --mad-primary: #3FA7A1;
  --mad-primary-hover: #5BBAB4;
  --mad-primary-fg: #08201E;
  --mad-primary-subtle: #163432;
  --dock-ink-muted: color-mix(in srgb, #ffffff 68%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --mad-dashf-accent: #3FA7A1;
  --mad-dashf-ink: #E8F1F0;
  --mad-info: #6CB6BE;
  --mad-info-subtle: #12292B;
  --mad-badge-info-fg: #8FD3CE;
}
.mad-dark .mad-ui, html[data-theme="dark"] .mad-ui {
  --erp-brand: #3FA7A1;
  --erp-brand-subtle: #163432;
  --mad-brand-ink: #7FD1CB;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0A1413;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #3FA7A1;
  --erp-page-bg: #0E1716;
  --erp-border: #22332F;
  --erp-fg: #E8F1F0;
  --content-background: #15211F;
  --panel-background: #15211F;
  --panel-border-color: #22332F;
  --font-color: #E8F1F0;
  --mad-label-color: #A8BFB7;
  --field-background: #0F1B19;
  --field-border-color: #2A3D39;
  --field-font-color: #E8F1F0;
  --field-placeholder-color: #5F7A73;
  --button-background: #3FA7A1;
  --button-font-color: #08201E;
  --hint-color: #A8BFB7;
  --panel-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  --mad-dg-body-color: #E8F1F0;
  --mad-brand: #3FA7A1;
  --mad-brand-accent: #0A1413;
  --mad-brand-hover: #5BBAB4;
  --mad-brand-fg: #08201E;
  --mad-brand-subtle: #163432;
  --erp-accent: #0A1413;
  --erp-brand-hover: #5BBAB4;
  --main-color: #3FA7A1;
  --mad-primary: #3FA7A1;
  --mad-primary-hover: #5BBAB4;
  --mad-primary-fg: #08201E;
  --mad-primary-subtle: #163432;
  --dock-ink-muted: color-mix(in srgb, #ffffff 68%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --mad-dashf-accent: #3FA7A1;
  --mad-dashf-ink: #E8F1F0;
  --mad-info: #6CB6BE;
  --mad-info-subtle: #12292B;
  --mad-badge-info-fg: #8FD3CE;
}
body.mad-layout-erp, body.mad-layout-erp .mad-ui, html[data-theme="dark"] body.mad-layout-erp .mad-ui {
  --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size: 13px;
  --mad-radius: 8px;
  --mad-radius-md: 8px;
  --mad-radius-lg: 12px;
  --button-border-radius: 8px;
  --field-border-radius: 8px;
  --mad-label-weight: 600;
  --mad-label-size: 12px;
  --mad-dg-head-font-weight: 600;
  --mad-dg-head-font-size: 12px;
  --mad-label-gap: 6px;
}
html:not([data-theme="dark"]) body.mad-layout-erp, html:not([data-theme="dark"]) body.mad-layout-erp .mad-ui {
  --erp-brand: #0F5C5E;
  --erp-brand-subtle: #E3EFED;
  --mad-brand-ink: #0B4B4D;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0B3B3D;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #0F5C5E;
  --erp-page-bg: #F4F7F6;
  --erp-border: #DCE5E2;
  --erp-fg: #142421;
  --content-background: #FFFFFF;
  --panel-background: #FFFFFF;
  --panel-border-color: #DCE5E2;
  --font-color: #142421;
  --mad-label-color: #4F625E;
  --field-background: #FFFFFF;
  --field-border-color: #CFDBD7;
  --field-font-color: #142421;
  --field-placeholder-color: #8FA59F;
  --button-background: #0F5C5E;
  --button-font-color: #FFFFFF;
  --hint-color: #4F625E;
  --panel-box-shadow: 0 1px 3px rgba(20, 36, 33, 0.08);
  --mad-dg-body-color: #142421;
  --mad-brand: #0F5C5E;
  --mad-brand-accent: #0B3B3D;
  --mad-brand-hover: #0B4749;
  --mad-brand-fg: #ffffff;
  --mad-brand-subtle: #E3EFED;
  --erp-accent: #0B3B3D;
  --erp-brand-hover: #0B4749;
  --main-color: #0F5C5E;
  --mad-primary: #0F5C5E;
  --mad-primary-hover: #0B4749;
  --mad-primary-fg: #ffffff;
  --mad-primary-subtle: #E3EFED;
  --dock-ink-muted: color-mix(in srgb, #ffffff 72%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 10%, transparent);
  --mad-dashf-accent: #0F5C5E;
  --mad-dashf-ink: #142421;
}
html[data-theme="dark"] body.mad-layout-erp, html[data-theme="dark"] body.mad-layout-erp .mad-ui {
  --erp-brand: #3FA7A1;
  --erp-brand-subtle: #163432;
  --mad-brand-ink: #7FD1CB;
  --mad-brand-ink-dark: #7FD1CB;
  --dock-bg: #0A1413;
  --dock-ink: #E8F1F0;
  --mad-topbar-color: #3FA7A1;
  --erp-page-bg: #0E1716;
  --erp-border: #22332F;
  --erp-fg: #E8F1F0;
  --content-background: #15211F;
  --panel-background: #15211F;
  --panel-border-color: #22332F;
  --font-color: #E8F1F0;
  --mad-label-color: #A8BFB7;
  --field-background: #0F1B19;
  --field-border-color: #2A3D39;
  --field-font-color: #E8F1F0;
  --field-placeholder-color: #5F7A73;
  --button-background: #3FA7A1;
  --button-font-color: #08201E;
  --hint-color: #A8BFB7;
  --panel-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  --mad-dg-body-color: #E8F1F0;
  --mad-brand: #3FA7A1;
  --mad-brand-accent: #0A1413;
  --mad-brand-hover: #5BBAB4;
  --mad-brand-fg: #08201E;
  --mad-brand-subtle: #163432;
  --erp-accent: #0A1413;
  --erp-brand-hover: #5BBAB4;
  --main-color: #3FA7A1;
  --mad-primary: #3FA7A1;
  --mad-primary-hover: #5BBAB4;
  --mad-primary-fg: #08201E;
  --mad-primary-subtle: #163432;
  --dock-ink-muted: color-mix(in srgb, #ffffff 68%, transparent);
  --dock-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --mad-dashf-accent: #3FA7A1;
  --mad-dashf-ink: #E8F1F0;
  --mad-info: #6CB6BE;
  --mad-info-subtle: #12292B;
  --mad-badge-info-fg: #8FD3CE;
}

/* MadERP — modo escuro (L9). Logo do topo: sem a caixa branca do layout ERP, o logo escuro (letras claras) fica legível sobre o dock. */
html[data-theme="dark"] body.mad-layout-erp .header-logo .logo-name { background: transparent; box-shadow: none; }