/* ERP — base visual compartilhada.
 * Ordem: tokens, elementos, componentes, shell, compatibilidade, responsividade, impressão.
 * Os módulos definem apenas composição e particularidades do domínio.
 * Índice: 01 tokens; 02 base; 03 controles; 04 composição; 05 shell;
 * 06 popups; 07 compatibilidade; 08 responsividade e acessibilidade.
 * Preserve os aliases durante a migração gradual dos módulos.
 */
:root {
    color-scheme: light;
    --bg: #f5f7fb;
    --bg2: #ffffff;
    --bg3: #eef2f7;
    --bg4: #dde6ef;
    --bg5: #cbd7e4;
    --text: #172b43;
    --text2: #4b6078;
    --text3: #596d82;
    --accent: #235dcc;
    --accent2: #1949a5;
    --accent-bg: #eaf0ff;
    --green: #17734c;
    --green-bg: #e4f5ec;
    --amber: #855500;
    --amber-bg: #fff3d6;
    --red: #b52a3c;
    --red-bg: #ffeaee;
    --teal: #086d78;
    --teal-bg: #e0f4f5;
    --border: #d6dfe9;
    --border2: #9aaec4;
    --on-accent: #ffffff;
    --overlay: rgb(12 24 42 / 52%);
    --shadow-color: rgb(20 40 70 / 10%);
    --font-sans: "DM Sans", "Segoe UI", system-ui, sans-serif;
    --font-mono: "Cascadia Code", Consolas, monospace;
    --text-2xs: .6875rem;
    --text-xs: .75rem;
    --text-sm: .8125rem;
    --text-base: .9375rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --radius-sm: .375rem;
    --radius: .5rem;
    --radius-lg: .75rem;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 3px var(--shadow-color);
    --shadow: 0 8px 28px var(--shadow-color);
    --shadow-lg: 0 20px 70px var(--shadow-color);
    --border-width: 1px;
    --z-header: 100;
    --z-backdrop: 150;
    --z-sidebar: 160;
    --z-dropdown: 200;
    --z-modal: 300;
    --z-toast: 1000;
    --duration-fast: 150ms;
    --duration: 220ms;
    --ease: cubic-bezier(.2, .8, .2, 1);
    --control-height: 2.75rem;
    --control-height-sm: 2rem;
    --header-height: 4rem;
    --footer-height: 2rem;
    --sidebar-width: 16rem;
    --page-padding: clamp(1rem, 2vw, 2rem);
    --content-width: 96rem;
}
/* Temas alteram somente valores; componentes são definidos uma única vez. */
:is(.dark, [data-theme="dark"]) {
    color-scheme: dark;
    --bg: #101925;
    --bg2: #182435;
    --bg3: #223249;
    --bg4: #2d4059;
    --bg5: #3c536e;
    --text: #edf3fb;
    --text2: #b9c8da;
    --text3: #a1b3ca;
    --accent: #9abaff;
    --accent2: #c3d5ff;
    --accent-bg: #23395d;
    --green: #83dfb3;
    --green-bg: #173d32;
    --amber: #f5ca76;
    --amber-bg: #44371f;
    --red: #ffa4b0;
    --red-bg: #492936;
    --teal: #83dbe3;
    --teal-bg: #163e49;
    --border: #35475d;
    --border2: #637e9f;
    --on-accent: #102441;
    --overlay: rgb(0 5 15 / 68%);
    --shadow-color: rgb(0 0 0 / 24%);
}
/* Nomes antigos usados pelo PHP/JS: aliases, nunca uma segunda paleta. */
:root, :is(.light, .dark, [data-theme]) {
    --font: var(--font-sans);
    --mono: var(--font-mono);
    --primary: var(--accent);
    --primary-color: var(--accent);
    --color-primary: var(--accent);
    --color-accent: var(--accent);
    --clr-accent: var(--accent);
    --ac: var(--accent);
    --ac2: var(--accent2);
    --accent-blue: var(--accent);
    --accent-blue-hover: var(--accent2);
    --accent-red: var(--red);
    --accent-red-hover: var(--red);
    --accent-amber: var(--amber);
    --color-danger: var(--red);
    --clr-danger: var(--red);
    --color-warning: var(--amber);
    --text1: var(--text);
    --text-color: var(--text);
    --text-main: var(--text);
    --cor-texto: var(--text);
    --text-secondary: var(--text2);
    --text-muted: var(--text3);
    --clr-text-md: var(--text2);
    --clr-text-lt: var(--text3);
    --muted: var(--text3);
    --ink: var(--text);
    --deep: var(--text);
    --bg-main: var(--bg);
    --bg-card: var(--bg2);
    --bg-component: var(--bg2);
    --bg-input: var(--bg2);
    --bg-sidebar: var(--bg2);
    --bg-hover: var(--bg3);
    --card: var(--bg2);
    --border-color: var(--border);
    --border-focus: var(--accent);
    --clr-border: var(--border);
    --line: var(--border);
    --table-header: var(--bg3);
    --op-border: var(--border);
    --op-surface: var(--bg2);
    --op-text: var(--text);
}
*, *::before, *::after {
    box-sizing: border-box;
}
html {
    min-height: 100%;
    text-size-adjust: 100%;
}
body {
    margin: 0;
    min-width: 0;
    background: var(--bg);
    color: var(--text);
    font: var(--text-base)/1.55 var(--font-sans);
}
body.body-modulo {
    padding: var(--page-padding);
}
:where(main, section, article, form, div, fieldset) {
    min-width: 0;
}
:where(h1, h2, h3, h4, p) {
    margin: 0 0 var(--space-3);
}
h1 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.2;
}
h2 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
h3 {
    font-size: var(--text-lg);
    line-height: 1.4;
}
h4 {
    font-size: var(--text-md);
}
a {
    color: var(--accent);
    text-underline-offset: .2em;
}
small {
    font-size: var(--text-sm);
}
img, svg, video, canvas {
    max-width: 100%;
}
img {
    object-fit: contain;
}
hr {
    border: 0;
    border-top: 1px solid var(--border);
    margin-block: var(--space-5);
}
pre {
    overflow: auto;
}
code, kbd {
    font-family: var(--font-mono);
}
[hidden], .hidden, .d-none {
    display: none !important;
}
:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}
::selection {
    background: var(--accent);
    color: var(--on-accent);
}
/* 03 — Controles. Estados e tamanhos compartilham a mesma base. */
button, input, select, textarea {
    font: inherit;
}
/* Variantes também funcionam em links e inputs sem a classe .btn. */
:where(.btn-danger, .btn-outline-danger, .btn-success, .btn-warning,
       .btn-ghost, .btn-icon, .icon-btn, .btn-close, .btn-action-table,
       .primary-button, .task-primary-button, .botao--primario,
       input[type="submit"], input[type="button"], input[type="reset"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-height);
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg2);
    color: var(--text);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
:where(button, .btn, .btn-primary, .btn-secondary, .botao, :is(.erp-button, .kb-primary, .qualidade-nova, .qualidade-ver, .pgrs-btn, .pdv-btn, .pdv-add, .precos-salvar, .pedido-novo, .btn-acao, .btn-tool, .btn-novo-setor, .btn-view, .btn-detalhes, .pf-btn-next, .pf-btn-back, .pf-btn-add, .pf-btn-remove, .pop-icon-btn, .btn-action-card, .btn-tabela, .btn-aprovar, .botao-secundario, .botao-icon)) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-height);
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg2);
    color: var(--text);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);
}
:where(button, .btn, :is(.erp-button, .kb-primary, .qualidade-nova, .qualidade-ver, .pgrs-btn, .pdv-btn, .pdv-add, .precos-salvar, .pedido-novo, .btn-acao, .btn-tool, .btn-novo-setor, .btn-view, .btn-detalhes, .pf-btn-next, .pf-btn-back, .pf-btn-add, .pf-btn-remove, .pop-icon-btn, .btn-action-card, .btn-tabela, .btn-aprovar, .botao-secundario, .botao-icon)):hover {
    background: var(--bg3);
    border-color: var(--border2);
}
:where(button, .btn):disabled, [aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
}
:is(.btn.primary, .btn-primary, .primary-button, .task-primary-button, .botao--primario, :is(.erp-button, .kb-primary, .qualidade-nova, .qualidade-ver, .pgrs-btn, .pdv-btn, .pdv-add, .precos-salvar, .pedido-novo, .btn-acao, .btn-tool, .btn-novo-setor, .btn-view, .btn-detalhes, .pf-btn-next, .pf-btn-back, .pf-btn-add, .pf-btn-remove, .pop-icon-btn, .btn-action-card, .btn-tabela, .btn-aprovar, .botao-secundario, .botao-icon).primary) {
    color: var(--on-accent);
    background: var(--accent);
    border-color: var(--accent);
}
:is(.btn.primary, .btn-primary, .primary-button):hover {
    background: var(--accent2);
}
:is(.btn.danger, .btn-danger, .btn-outline-danger) {
    color: var(--red);
    background: var(--red-bg);
    border-color: var(--red);
}
:is(.btn.success, .btn-success) {
    color: var(--green);
    background: var(--green-bg);
}
:is(.btn.warning, .btn-warning) {
    color: var(--amber);
    background: var(--amber-bg);
}
:is(.btn.ghost, .btn-ghost, .crumb-link) {
    border-color: transparent;
    background: transparent;
    color: var(--accent);
}
:is(.btn.icon, .btn-icon, .icon-btn, .btn-close, .btn-action-table) {
    width: var(--control-height);
    padding: var(--space-2);
    flex-shrink: 0;
}
.btn-sm {
    min-height: var(--control-height-sm);
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-sm);
}
.btn-sm:is(.icon, .btn-icon, .icon-btn) {
    width: var(--control-height-sm);
}
label {
    display: block;
    font-size: var(--text-sm);
    font-weight: 600;
}
label > span:first-child:not(.req):not(.required):not(.obrigatorio) {
    display: block;
    margin-bottom: var(--space-1);
}
:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]), select, textarea) {
    width: 100%;
    min-width: 0;
    min-height: var(--control-height);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border2);
    border-radius: var(--radius);
    background: var(--bg2);
    color: var(--text);
    transition: border-color var(--duration-fast) var(--ease);
}
input::placeholder, textarea::placeholder {
    color: var(--text3);
    opacity: 1;
}
textarea {
    resize: vertical;
    min-height: 7rem;
}
input[readonly], textarea[readonly] {
    background: var(--bg3);
}
:where(input, select, textarea):focus-visible {
    border-color: var(--accent);
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
input[type="file"]::file-selector-button {
    margin-inline-end: var(--space-3);
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg3);
    color: var(--text);
    font: inherit;
    cursor: pointer;
}
input:disabled, select:disabled, textarea:disabled {
    opacity: .65;
    cursor: not-allowed;
}
input[type="checkbox"], input[type="radio"] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: var(--accent);
    flex-shrink: 0;
}
:is(input, select, textarea):is([aria-invalid="true"], .error) {
    border-color: var(--red);
}
.req, .required, .obrigatorio, .aviso-list {
    color: var(--red);
}
.aviso-list:empty {
    display: none;
}
:is(.form-group, .campo-grupo, :is(.erp-field, .pf-field, .opc-field, .op-campo, .op-filtro-field, .mpf-group, .af-group, .ql-field, .financeiro-form__field, .campo-grupo, .campo)) {
    display: grid;
    align-content: start;
    gap: var(--space-2);
}
fieldset {
    margin: 0 0 var(--space-5);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: var(--space-4);
}
legend {
    padding-inline: var(--space-2);
    font-weight: 600;
}
.input-group {
    position: relative;
    margin-bottom: var(--space-4);
}
.input-group .icon-left {
    position: absolute;
    bottom: .9rem;
    left: .8rem;
    color: var(--text3);
}
.input-group:has(.icon-left) input {
    padding-inline: 2.5rem;
}
.input-group:has(> .input-group-text) {
    display: flex;
    align-items: stretch;
}
.input-group:has(> .input-group-text) > input {
    flex: 1;
    width: 1%;
}
.input-group-text {
    display: inline-flex;
    align-items: center;
    padding-inline: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg3);
    color: var(--text2);
}
.toggle-password {
    position: absolute;
    right: 1rem;
    bottom: .9rem;
    cursor: pointer;
}
.upload-area {
    position: relative;
    border: 2px dashed var(--border2);
    border-radius: var(--radius);
    padding: var(--space-5);
    text-align: center;
    background: var(--bg3);
}
.upload-area.dragover {
    border-color: var(--accent);
    background: var(--accent-bg);
}
.upload-preview-image {
    max-height: 12rem;
}
.upload-placeholder {
    color: var(--text2);
}
.upload-preview-image, .upload-file-info {
    display: none;
}
.has-preview .upload-preview-image {
    display: block;
    margin-inline: auto;
}
.has-file .upload-file-info {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
}
.has-preview .upload-placeholder, .has-file .upload-placeholder {
    display: none;
}
.upload-area.is-dragging {
    border-color: var(--accent);
    background: var(--accent-bg);
}
.campo-list-invalido, input.invalid {
    border-color: var(--red);
}
/* Composição reutilizável; aliases explícitos gerados no fim deste arquivo. */
:is(.erp-page, .catalogo, .conteiner, .container-fluid, .modulo-container, .fin-modulo, .est-modulo, .kb-page, .cliente-page, .fornecedor-page, .estoque-page, .mnt-dashboard, .task-dashboard, .task-detail, .task-form-page, .pgrs-shell, .qualidade-shell, .cq-shell, .pl-page, .mp-page, .mpf-page, .mpe-page, .op-container, .opc-container, .pedido-container, .precos-page, .pdv, .doc-dash, .pop-list, .pop-view, .af-page, .tr-page, .tool-shell, .financeiro-dashboard, .fin-container, .config-container, .setores-container, .tanques-container, .equip-container, .reception-view, .reception-form-container, .produto-formulario-container, .relatorio-container, .custo-page) {
    width: 100%;
    max-width: var(--content-width);
    margin-inline: auto;
}
:is(.erp-card, .card, .panel, .card-reception, .card-form, .card-form-verifica, .form-card, .view-card, .card-painel, .card-relatorio, .card-calibra, .calib-card, .filter-card, .conta-card, .dash-card, .dash-section, .kb-card, .kb-form-section, .kb-document, .task-card, .task-form-section, .task-detail, .mnt-summary-card, .os-view-card, .os-form-section, .pgrs-card, .pgrs-editor, .inspection-item, .financeiro-resumo__card, .financeiro-panel, .financeiro-form__section, .fin-card, .mp-stat, .mpf-card, .mpe-section, .mpe-formula-card, .pl-stat, .op-etapa-card, .op-card-info, .opc-card, .opc-resumo, .op-kpi, .pf-card, .pf-kpi-card, .pf-version-card, .pf-resumo-card, .doc-stat-card, .doc-module-card, .pop-section, .qualidade-lista, .ql-context, .ql-detail, .ql-conclusion, .cliente-order, .supply-delivery, .supplier-rating, .cliente-confirm, .fornecedor-confirm, .stock-delete, .stock-history, .stock-reception, .tr-card, .tr-form, .tr-detail, .grid-detalhes, .card-exibir, .ficha-tecnica, .v-card, .func-info-card, .card-funcionario, .access-card, .access-focus, .card-empresa, .caixa-card, .equip-card, .card-sanitario, .info-card, .stat-box, .card-stat, .menu-card, .tool-card, .tool-workspace, .result-panel, .pdv-carrinho, .pdv-fechamento, .pdv-resumo, .timeline-content-card, .rastreio-card, .modelo-card, .kpi, .dash-panel, .element-section, .list-panel, .code-block) {
    padding: var(--space-5);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg2);
    box-shadow: var(--shadow-sm);
}
:is(.erp-toolbar, .cliente-toolbar, .fornecedor-toolbar, .estoque-toolbar, .aba-toolbar, .fin-header, .est-header, .dash-header, .setores-header, .tanques-header, .equip-header, .historico-header, .equip-view-header, .layer-header, .layer-header-top, .exibir-header, .acoes-header, .task-toolbar, .task-detail-header, .mnt-panel-header, .os-view-header, .pgrs-hero, .pgrs-card-head, .qualidade-welcome, .qualidade-filtros, .mp-header, .mpf-topbar, .mpe-topbar, .pl-header, .op-header, .op-header-main, .opc-header, .op-etapa-navegacao, .pedido-toolbar, .precos-header, .pdv-header, .doc-dash-header, .pop-list-header, .pop-view-header, .custo-header, .tr-toolbar, .tr-detail-head, .kb-hero, .kb-result-head, .kb-form-header, .financeiro-dashboard__header, .financeiro-panel__header, .supplier-rating__header, .cliente-history__header, .supply-history__header, .pf-summary-header, .tool-intro, .workspace-head, .timeline-header, .card-header, .catalogo-hero, .modelo-intro, .modelo-card__top, .modelo-card__footer, .list-filters, .list-footer) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}
:is(.erp-actions, .btn-container, .btn-container-duplo, .form-buttons, .form-actions, .form-footer, .footer-actions, .footer-form, .acoes, .acoes-form, .action-buttons, .acoes-top, .acoes-topo, .cliente-actions, .fornecedor-actions, .stock-actions, .mnt-actions, .os-form-actions, .task-card-actions, .task-row-actions, .task-form-actions, .task-selection-actions, .pgrs-actions, .pgrs-summary-actions, .pgrs-sticky-actions, .ql-actions, .ql-actions-between, .qualidade-acao, .mp-actions, .mpf-actions, .mpe-topbar-actions, .mpe-tbl-actions, .pl-actions, .pl-header-actions, .op-acoes, .op-etapa-acoes, .op-etapa-acoes-right, .op-filtros-acoes, .opc-acoes, .opc-acoes-right, .op-header-left, .pf-actions, .pf-actions-right, .pf-done-actions, .pop-view-actions, .pop-row-actions, .pop-pagination-nav, .pdv-acoes, .pedido-filtros, .tr-detail-actions, .tr-form-actions, .tr-participant-actions, .kb-form-actions, .financeiro-dashboard__actions, .financeiro-form__footer, .fin-actions, .fin-acoes, .conta-acoes, .card-footer-acoes, .card-actions-balanca, .row-actions, .button-showcase, .badge-showcase) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}
:is(.erp-grid, .menu-grid, .cards-grid, .grid-funcionarios, .grid-balancas, .doc-categories-grid, .documentos-grid, .grid-externos, .grid-gestao, .config-grid, .caixa-grid, .equip-grid, .dash-grid-stats, .dash-cards, .contas-grid, .cat-grid, .cartoes-grid, .conta-grid, .fin-summary, .fin-grid, .doc-stats-grid, .doc-modules-grid, .kb-grid, .kb-gallery, .mnt-summary, .task-summary, .task-employee-grid, .financeiro-resumo, .financeiro-form__grid, .pgrs-kpis, .pga-photo-grid, .qualidade-grid, .cq-grid, .mp-stats, .mpf-classif-grid, .pl-stats, .op-details-grid, .opc-resumo-grid, .op-rendimento-kpis, .pf-kpi-grid, .pf-check-grid, .pf-version-grid, .pf-resumo, .versoes-grid, .ficha-grid, .info-grid, .stock-detail-grid, .stock-reception-grid, .stock-swap-grid, .supply-qualification__grid, .cliente-history__stats, .supply-history__stats, .supplier-rating__criteria, .tr-stats, .tr-info, .tr-people-grid, .tool-grid, .calc-fields, .access-grid, .access-tags, .func-stat-grid, .pop-meta-grid, .pgrs-meta, .pgrs-summary, .inspection-item-grid, .catalogo-grid, .kpi-grid, .desktop-grid, .state-grid, .color-grid, .dashboard-grid, .options-showcase) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: var(--space-4);
}
:is(.erp-form-grid, .form-grid, .grid-form, .form-row, .form-row-multi, .cliente-form-grid, .fornecedor-form-grid, .os-form-grid, .task-form-grid, .pgrs-form-grid, .kb-form-grid, .tr-form-grid, .pf-row3, .pf-row4, .opc-row3, .op-filtros-grid, .box-campos, .ficha-tecnica-grid) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}
:is(.erp-grid-2, .pf-row2, .opc-row2, .op-grid-2, .op-grid, .op-grid-3, .op-grid-4, .mpf-row2, .af-row2, .form-two, .grid-detalhes, .exibir-grid, .financeiro-dashboard__grid, .pdv-grid, .mpe-info-grid, .mpe-cols, .form-row-multi) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}
:is(.erp-empty, .empty, .empty-state, .empty-message, .empty-dashboard, .cliente-empty, .fornecedor-empty, .estoque-empty, .mnt-empty, .task-empty, .pgrs-empty, .qualidade-vazio, .qualidade-sem-laudo, .ql-empty, .mp-empty, .mp-cost-empty, .mpe-empty, .pl-empty, .op-vazio, .pedido-vazio, .precos-vazio, .pdv-vazio, .pf-table-empty, .kb-empty, .financeiro-vazio, .tr-empty, .os-view-empty, .pop-view-notfound, .access-empty, .aviso-vazio, .vazio) {
    padding: var(--space-7) var(--space-5);
    text-align: center;
    color: var(--text2);
    border: 1px dashed var(--border2);
    border-radius: var(--radius-lg);
    background: var(--bg2);
}
:is(.erp-muted, .text-muted, .txt-muted, .text-secondary, .campo-help, .form-text, .pf-hint, .pf-table-hint, .opc-hint, .mpf-hint, .af-hint, .mnt-row-sub, .os-muted, .info-label, .data-label, .financeiro-form__hint, .kb-field-hint, .pedido-sem-filtro) {
    color: var(--text2);
    font-size: var(--text-sm);
}
:is(.erp-tabs, .fin-tabs, .est-tabs, .estoque-tabs, .task-tabs, .mnt-tabs, .financeiro-tabs, .financeiro-abas, .tabs-header, .pl-filter-bar, .pf-versao-tabs, .op-timeline, .produto-timeline, .tipo-toggle, .pop-status-chips, .code-tabs, .period-control) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-block: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}
:is(.erp-tabs, .fin-tabs, .est-tabs, .estoque-tabs, .task-tabs, .mnt-tabs, .financeiro-tabs, .financeiro-abas, .tabs-header, .pl-filter-bar, .pf-versao-tabs, .op-timeline, .produto-timeline, .tipo-toggle, .pop-status-chips, .code-tabs, .period-control) :is(.active, .is-active, [aria-selected="true"]) {
    color: var(--accent);
    background: var(--accent-bg);
    border-color: var(--accent);
}
:is(.erp-section, .form-section, .pf-section, .op-etapa-secao, .op-secao, .pgrs-section-read, .pop-section-content, .ficha-item, .kb-form-section) {
    margin-block: var(--space-5);
}
:is(.full, .full-width, .col-full, .col-12, .span-3, .wide, .form-group-full, .pf-row-full, .os-full, .task-full) {
    grid-column: 1 / -1;
}
.span-2 {
    grid-column: span 2;
}
:is(.erp-table-wrap, .table-responsive, .table-responsive-container, .table-wrap, .tabela-container, .cliente-table-wrap, .fornecedor-table-wrap, .estoque-table-wrap, .mnt-table-wrap, .task-table-wrap, .pgrs-table-wrap, .qualidade-tabela-wrap, .ql-results-wrap, .mp-table-wrap, .mp-cost-table, .mpe-table-wrap, .pl-table-wrap, .op-table-wrap, .op-tabela-wrap, .op-separacao-tabela-wrap, .pedido-tabela-wrap, .precos-tabela-wrap, .pf-table, .custo-table-wrap, .tr-table-wrap, .supplier-rating__table-wrap) {
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg2);
}
table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
    text-align: left;
}
th, td {
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}
th {
    background: var(--bg3);
    color: var(--text2);
    font-weight: 700;
    white-space: nowrap;
}
td {
    overflow-wrap: anywhere;
}
td small {
    display: block;
    color: var(--text2);
}
tbody tr:last-child > td {
    border-bottom: 0;
}
tbody tr:hover {
    background: var(--bg3);
}
td form {
    margin: 0;
}
td :is(input, select) {
    min-width: 6rem;
}
/* Seletores de linha não devem herdar a largura dos campos de texto. */
td input:is([type="checkbox"], [type="radio"]) {
    min-width: 0;
}
caption {
    text-align: left;
    padding: var(--space-3);
    color: var(--text2);
}
:is(.badge, :is(.erp-badge, .stock-badge, .badge-status, .badge-codigo, .badge-codigo-lg, .op-status-tag, .op-badge-id, .op-tag-qtd, .pl-badge, .pl-linha-badge, .pf-status-badge, .pf-badge-saved, .pgrs-status, .qualidade-status, .tr-status, .task-type, .pop-version-tag, .kb-type, .kb-tags)) {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: .2rem .6rem;
    border-radius: var(--radius-pill);
    font-size: var(--text-xs);
    font-weight: 700;
    background: var(--bg3);
    color: var(--text2);
}
:is(.badge-success, .badge-green, .badge-sucesso, .status-ok, .positivo, .txt-success, .text-success) {
    color: var(--green);
}
:is(.badge-danger, .badge-red, .badge-perigo, .status-erro, .negativo, .txt-danger, .text-danger) {
    color: var(--red);
}
:is(.badge-warning, .badge-amber, .txt-warning) {
    color: var(--amber);
}
:is(.alert, :is(.erp-alert, .est-info-box, .fin-alerta, .est-alerta, .pf-infobox, .op-infobox, .op-alerta, .op-info-aviso, .op-alerta-warning, .op-erro, .opc-erros, .pdv-erros, .pgrs-note, .pgrs-alert, .ql-warning, .info-msg, .custo-alerta, .alerta, .aviso)) {
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    border: 1px solid var(--border);
    border-inline-start: 4px solid var(--accent);
    border-radius: var(--radius);
    color: var(--text);
    background: var(--accent-bg);
}
:is(.alert-danger, .alert-error, .alert-erro, .alerta-falha) {
    background: var(--red-bg);
    border-color: var(--red);
    color: var(--red);
}
:is(.alert-warning, .alert-aviso) {
    background: var(--amber-bg);
    border-color: var(--amber);
    color: var(--amber);
}
:is(.alert-success, .alerta--sucesso) {
    background: var(--green-bg);
    border-color: var(--green);
    color: var(--green);
}
/* Shell: o iframe ocupa o espaço restante; documentos dos módulos rolam sozinhos. */
body:has(> #main-conteiner) {
    height: 100dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#topbar {
    height: var(--header-height);
    flex: 0 0 var(--header-height);
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding-inline: var(--space-4);
    background: var(--bg2);
    border-bottom: 1px solid var(--border);
    position: relative;
    z-index: var(--z-header);
}
.logo {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text);
    text-decoration: none;
    font-weight: 700;
}
.logo-icon {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
}
.logo-icon img {
    max-height: 100%;
}
#breadcrumb {
    display: flex;
    gap: var(--space-2);
    min-width: 0;
    color: var(--text2);
    font-size: var(--text-sm);
}
.bc-current {
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topbar-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-left: auto;
}
.avatar {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
}
.avatar > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
}
#main-conteiner {
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative;
}
#main {
    flex: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
}
#appFrame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--bg);
}
#sidebar {
    width: 0;
    flex-shrink: 0;
    overflow: hidden auto;
    background: var(--bg2);
    transition: width var(--duration) var(--ease);
}
#sidebar.open, .sidebar-open #sidebar {
    width: var(--sidebar-width);
    border-right: 1px solid var(--border);
}
.nav-section {
    width: var(--sidebar-width);
    padding: var(--space-3);
}
.nav-label {
    padding: var(--space-3);
    color: var(--text3);
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: var(--text-xs);
    font-weight: 700;
}
.nav-item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    min-height: var(--control-height);
    border-radius: var(--radius);
    color: var(--text2);
    cursor: pointer;
    text-decoration: none;
}
.nav-item i {
    width: 1.25rem;
    text-align: center;
}
.nav-item:hover {
    background: var(--bg3);
    color: var(--text);
}
.nav-item.active, .nav-item[aria-current="page"] {
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
    box-shadow: inset 3px 0 var(--accent);
}
.nav-badge {
    margin-left: auto;
    font-size: var(--text-xs);
}
.sidebar-footer {
    border-top: 1px solid var(--border);
    width: var(--sidebar-width);
    padding: var(--space-3);
}
#overlay {
    display: none;
}
#statusbar {
    min-height: var(--footer-height);
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding-inline: var(--space-4);
    background: var(--bg2);
    border-top: 1px solid var(--border);
    color: var(--text3);
    font-size: var(--text-xs);
}
.status-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.status-dot {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: var(--green);
}
.status-dot.warn {
    background: var(--amber);
}
#loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: var(--accent);
    z-index: 1;
}
@keyframes loaderIn {
    from {
        width: 0;
    }
    to {
        width: 90%;
    }
}
.mod-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border);
}
.mod-header__left {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
.mod-header__icon {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    color: var(--accent);
    background: var(--accent-bg);
}
.mod-header__title {
    font-size: var(--text-lg);
    font-weight: 700;
}
.mod-header__sub {
    font-size: var(--text-sm);
    color: var(--text2);
}
.af-topbar-title, .breadcrumb-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.crumb-current {
    font-size: var(--text-sm);
    font-weight: 600;
}
/* Popups da stack PHP preservam ordem DOM; cada camada cobre a anterior. */
.popup {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: var(--space-5);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--overlay);
}
.popup-body {
    position: relative;
    width: min(100%, 76rem);
    margin-block: auto;
    padding: var(--space-5);
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}
.popup-body > header {
    padding-right: 3rem;
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--border);
}
.popup-body:is(.form-small, .confirm-screen) {
    max-width: 36rem;
}
.close-popup {
    position: absolute;
    right: var(--space-4);
    top: var(--space-4);
}
.back-popup {
    margin-bottom: var(--space-4);
}
.modal-overlay, .modal, .modal-externo, #modal-aguarde {
    display: none;
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
    background: var(--overlay);
    overflow: auto;
}
.modal-overlay.active, .modal.active, .modal.show, .modal.open {
    display: flex;
}
.modal-content, .modal .dialog, .modal-content-pdf {
    width: min(100%, 48rem);
    max-height: 90dvh;
    overflow: auto;
    padding: var(--space-5);
    border-radius: var(--radius-lg);
    background: var(--bg2);
    box-shadow: var(--shadow-lg);
}
.modal-header, .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-block: var(--space-3);
}
.dropdown-card {
    display: none;
    flex-direction: column;
    position: absolute;
    top: calc(100% + .75rem);
    right: 0;
    width: min(23rem, calc(100vw - 2rem));
    max-height: 75dvh;
    overflow: auto;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    box-shadow: var(--shadow-lg);
    z-index: var(--z-dropdown);
}
.notification-wrapper {
    position: relative;
}
.icone-sino {
    cursor: pointer;
    display: grid;
    place-items: center;
    position: relative;
    min-height: var(--control-height);
}
.notif-badge {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--red-bg);
    color: var(--red);
    font-size: var(--text-xs);
    border-radius: var(--radius-pill);
    padding: 0 .3rem;
}
#notifList {
    list-style: none;
    margin: 0;
    padding: 0;
}
#notifList li {
    padding: var(--space-3);
    border-bottom: 1px solid var(--border);
}
.uc-header {
    text-align: center;
    overflow-wrap: anywhere;
}
.uc-header img {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    border-radius: 50%;
}
.uc-body {
    display: grid;
    gap: var(--space-2);
}
.uc-footer {
    margin-top: var(--space-4);
}
.global-search-panel {
    position: absolute;
    right: 1rem;
    top: calc(100% + .5rem);
    width: min(36rem, calc(100vw - 2rem));
    padding: var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg2);
    box-shadow: var(--shadow-lg);
}
.global-search-input {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.global-search-results {
    max-height: 60dvh;
    overflow: auto;
    margin-top: var(--space-3);
}
.global-search-result {
    width: 100%;
    justify-content: start;
    text-align: left;
    margin-bottom: var(--space-1);
}
.global-search-result[aria-selected="true"] {
    color: var(--accent);
    background: var(--accent-bg);
}
.qr-scanner-modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: var(--z-modal);
    padding: var(--space-4);
}
.qr-scanner-backdrop {
    position: absolute;
    inset: 0;
    background: var(--overlay);
}
.qr-scanner-card {
    position: relative;
    width: min(100%, 36rem);
    padding: var(--space-5);
    border-radius: var(--radius-lg);
    background: var(--bg2);
}
.qr-scanner-header, .qr-scanner-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}
.qr-scanner-header small {
    display: block;
    color: var(--text2);
}
.qr-scanner-view {
    position: relative;
    margin-block: var(--space-4);
}
.qr-scanner-view video {
    width: 100%;
    max-height: 50dvh;
    border-radius: var(--radius);
    background: #000;
}
.qr-scanner-guide {
    position: absolute;
    inset: 20%;
    border: 2px solid white;
    border-radius: var(--radius);
}
.toast-container, #toast-container:not(:empty) {
    position: fixed;
    right: var(--space-4);
    bottom: var(--space-4);
    z-index: var(--z-toast);
    width: min(26rem, calc(100vw - 2rem));
}
.toast-message {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--bg2);
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
}
.toast-content {
    flex: 1;
    overflow-wrap: anywhere;
}
.toast-message:is(.success, .sucesso) {
    border-left-color: var(--green);
}
.toast-message:is(.error, .falha) {
    border-left-color: var(--red);
}
.toast-message.warning {
    border-left-color: var(--amber);
}
.toast-close {
    flex-shrink: 0;
}
.toast-container.hide {
    opacity: 0;
    transition: opacity var(--duration-fast);
}
.toast-message.hide {
    animation: erp-toast-out var(--duration) var(--ease) forwards;
}
@keyframes erp-toast-out {
    to {
        opacity: 0;
        transform: translateY(.5rem);
    }
}
.spinner-loading {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: erp-spin .8s linear infinite;
}
@keyframes erp-spin {
    to {
        transform: rotate(360deg);
    }
}
/* Utilitários antigos usados sem Bootstrap. Não incluir outro reset global. */
.d-flex {
    display: flex;
}
.d-inline {
    display: inline;
}
.d-block {
    display: block;
}
.flex-wrap {
    flex-wrap: wrap;
}
.align-items-center {
    align-items: center;
}
.align-items-end {
    align-items: end;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-end {
    justify-content: end;
}
.gap-1 {
    gap: var(--space-1);
}
.gap-2, .g-2 {
    gap: var(--space-2);
}
.gap-3, .g-3 {
    gap: var(--space-4);
}
.row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--space-4);
}
.row > * {
    grid-column: span 12;
}
.row > .col-md-6, .row > .col-6 {
    grid-column: span 6;
}
.row > .col-md-4, .row > .col-4 {
    grid-column: span 4;
}
.row > .col-md-3, .row > .col-3 {
    grid-column: span 3;
}
.row > .col-md-8, .row > .col-8 {
    grid-column: span 8;
}
.row > .col-md-5 {
    grid-column: span 5;
}
.row > .col {
    grid-column: span 6;
}
.w-100 {
    width: 100%;
}
.text-center {
    text-align: center;
}
.text-end, .right {
    text-align: right;
}
.fw-bold, .fw-semibold {
    font-weight: 700;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.font-monospace, .mono, .op-mono, .pf-mono {
    font-family: var(--font-mono);
}
.m-0, .mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: var(--space-1);
}
.mb-2 {
    margin-bottom: var(--space-2);
}
.mb-3 {
    margin-bottom: var(--space-4);
}
.mb-4 {
    margin-bottom: var(--space-5);
}
.mt-3 {
    margin-top: var(--space-4);
}
.mt-4 {
    margin-top: var(--space-5);
}
.p-0 {
    padding: 0;
}
.p-3 {
    padding: var(--space-4);
}
.py-3 {
    padding-block: var(--space-4);
}
.py-4 {
    padding-block: var(--space-5);
}
.me-2 {
    margin-inline-end: var(--space-2);
}
.border, .border-top, .border-bottom {
    border-color: var(--border);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.login-page {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: var(--space-5);
}
.login-card {
    width: min(100%, 28rem);
    padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
}
.login-header {
    text-align: center;
    margin-bottom: var(--space-5);
}
.login-card .btn-primary {
    width: 100%;
}
.login-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-2);
    margin-top: var(--space-4);
}
.pf-table-head, .pf-table-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(8rem, 1fr);
    gap: var(--space-3);
    min-width: max-content;
    padding: var(--space-3);
    border-bottom: 1px solid var(--border);
}
.pf-table-head {
    background: var(--bg3);
    font-weight: 600;
}
.pf-table-row > * {
    min-width: 0;
}
.pf-table-row :is(input, select) {
    width: 100%;
}
.pf-table-body {
    min-width: max-content;
}
/* Apresentação estática deduplicada das páginas; display e medidas dinâmicas continuam no markup. */
.erp-style-57b7da6391 {
    font-size:12px;
    color: var(--clr-text-md);
}
.erp-style-c42f23b8ec {
    font-size:12px;
}
.erp-style-faacfcef81 {
    margin-top:2px;
    color: var(--clr-text-lt);
}
.erp-style-a9fd68747a {
    color: var(--text);
}
.erp-style-73a0665eae {
    font-weight:normal;
}
.erp-style-e741df4e2b {
    color: var(--green);
    font-size: 0.8rem;
}
.erp-style-b28f5117e6 {
    color: var(--text);
    font-size: 0.8rem;
}
.erp-style-38965f9b18 {
    margin:0;
}
.erp-style-bd752b52de {
    margin:5px 0 0;
    color: var(--text);
}
.erp-style-785c5735fd {
    margin:0;
    font-size: 1.1rem;
}
.erp-style-cf82b0b666 {
    font-size: 0.85rem;
    color: var(--accent);
    margin-bottom: 15px;
}
.erp-style-ad3995c849 {
    font-size: 0.75rem;
    font-weight: bold;
}
.erp-style-9e520c22e6 {
    text-align: center;
    padding: 60px;
}
.erp-style-de49e91411 {
    margin:0;
    color: var(--accent);
}
.erp-style-f0e4fe7230 {
    margin-top: 30px;
    padding-top: 20px;
}
.erp-style-da4a057cf8 {
    padding: 0 25px;
}
.erp-style-e070c310d2 {
    background-color: var(--accent-bg);
}
.erp-style-9b75d38881 {
    text-align:right;
}
.erp-style-d17e334a27 {
    color: var(--red);
    margin-left: 10px;
}
.erp-style-a0b7dd2b7d {
    margin-top: 25px;
}
.erp-style-aa30769a00 {
    background: var(--accent-bg);
    color: var(--text);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7em;
}
.erp-style-fc983810c5 {
    margin: 10px 0 5px;
}
.erp-style-7659594190 {
    font-size: 0.85em;
    color: var(--text);
    margin-bottom: 10px;
}
.erp-style-936d6bbab2 {
    margin-top: 20px;
}
.erp-style-fb5ec070f2 {
    text-align: center;
}
.erp-style-37dd0c2a64 {
    text-align: right;
}
.erp-style-b12701f51f {
    color: var(--accent);
    background: var(--bg2);
    border-color: var(--accent);
}
.erp-style-77a3165699 {
    font-weight: 700;
}
.erp-style-bfb8586228 {
    color: var(--accent);
}
.erp-style-2fd5662a66 {
    text-align: center;
    padding: 40px;
}
.erp-style-a723567d53 {
    color: var(--accent);
    background: var(--bg2);
    border-color: var(--border);
}
.erp-style-96e5575162 {
    font-weight: 700;
    color: var(--text);
}
.erp-style-db8d1899ad {
    font-size: 0.75rem;
    color: var(--text);
}
.erp-style-a642b1b7d2 {
    font-size: 0.75rem;
    font-weight: 600;
}
.erp-style-2aca3a85b5 {
    text-align: center;
    padding: 50px;
}
.erp-style-918b083c78 {
    border: 2px dashed var(--border-color);
    border-radius: 10px;
}
.erp-style-0feeb823ba {
    border: 0;
    margin: 15px 0;
}
.erp-style-e75f40aac3 {
    color: var(--accent);
    margin:0;
}
.erp-style-1975ced28d {
    font-weight:bold;
    color: var(--primary-color);
}
.erp-style-f22d03b7ac {
    text-align:center;
    padding:50px;
}
.erp-style-41b8c8406e {
    margin-top:15px;
    color: var(--text);
}
.erp-style-e2465a6c74 {
    margin:0;
    color: var(--text);
}
.erp-style-141400355a {
    margin:5px 0 0;
    color: var(--text);
    font-size: 0.9rem;
}
.erp-style-d971c59ad3 {
    text-align: center;
    padding: 40px;
    color: var(--text);
}
.erp-style-20ae163613 {
    margin-bottom: 10px;
}
.erp-style-318e106a24 {
    text-align: center;
    margin-bottom: 30px;
}
.erp-style-cf7295d9ac {
    margin-top:15px;
}
.erp-style-2033226391 {
    margin-top: 30px;
}
.erp-style-671686dad8 {
    background: var(--bg2);
    padding: 2px 5px;
}
.erp-style-5d5b49c70c {
    color: var(--text);
    margin-right: 5px;
}
.erp-style-49f7fb2b47 {
    text-align: center;
    padding: 50px;
    color: var(--text);
}
.erp-style-695de9d0bd {
    margin-bottom: 15px;
}
.erp-style-48edde54d6 {
    margin:5px 0 0;
    color: var(--text);
    font-size: 0.85rem;
}
.erp-style-f0bf6a17fa {
    margin-top: 25px;
    padding-top: 20px;
}
.erp-style-0da14ac9f0 {
    padding: 0 20px;
}
.erp-style-9c62a73fcb {
    background-color: var(--bg2);
}
.erp-style-08724256bd {
    font-size: 0.7rem;
}
.erp-style-da3f8db2b1 {
    font-weight:bold;
}
.erp-style-1d82ccbefb {
    padding: 0 20px;
    border: 1px solid var(--border);
}
.erp-style-ccdb1c03a7 {
    color: var(--red);
}
.erp-style-7c80c18053 {
    padding: 20px;
    text-align: center;
}
.erp-style-a39cd721bd {
    background: var(--bg2);
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
    border: 1px solid var(--accent);
}
.erp-style-aa434a0c6c {
    font-size: 1.1em;
    color: var(--red);
}
.erp-style-24741b4b97 {
    font-size: 0.9em;
    color: var(--accent);
}
.erp-style-3b6fad0b29 {
    margin-top: 10px;
}
.erp-style-ecde41555c {
    background: var(--red-bg);
}
.erp-style-ba7679814c {
    border: 2px dashed var(--border);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    background: var(--bg2);
}
.erp-style-7ca7374b25 {
    color: var(--red);
    margin-bottom: 10px;
}
.erp-style-34c0110166 {
    color: var(--accent);
    font-weight: 600;
}
.erp-style-be819909e7 {
    background: var(--accent-bg);
    color: white;
    padding: 12px 40px;
}
.erp-style-d221fa2013 {
    color: var(--accent);
    font-weight:800;
}
.erp-style-9a195fddfa {
    color: var(--red);
    font-weight:600;
}
.erp-style-fcf02c3506 {
    background: var(--bg2);
    padding:15px;
    border: 1px solid var(--border);
}
.erp-style-8dc0136349 {
    padding-left:10px;
}
.erp-style-9d6ca0938e {
    background: var(--accent-bg);
}
.erp-style-cfbffe8a62 {
    margin:5px 0 0;
    color: var(--accent);
}
.erp-style-558f429c42 {
    margin:0;
    color: var(--green);
}
.erp-style-76aaaab926 {
    color: var(--green);
    font-weight: 800;
}
.erp-style-5d0345940f {
    background: var(--green-bg);
    color: white;
    padding: 12px 40px;
}
.erp-style-9da05b68e3 {
    color: var(--accent);
    font-weight: 800;
}
.erp-style-7961a40bf5 {
    background: var(--green-bg);
}
.erp-style-e56f26fcf7 {
    background: var(--bg2);
    padding: 10px;
    border: 1px dashed var(--border);
}
.erp-style-4908cb0a13 {
    font-size: 0.85rem;
}
.erp-style-8d2def55c4 {
    margin-top: 30px;
    font-size: 0.75rem;
    color: var(--text);
}
.erp-style-8914d26e8f {
    margin-top: 40px;
}
.erp-style-bd80dfbdad {
    font-size: var(--text-xs);
    color: var(--accent);
}
.erp-style-d660fcae82 {
    font-size: var(--text-xs);
    margin-top: 4px;
}
.erp-style-d61cc177a0 {
    margin-top: 35px;
}
.erp-style-114073c7ae {
    background: var(--bg2);
    color: var(--accent);
}
.erp-style-2bdac9f277 {
    background: var(--primary-color);
}
.erp-style-f6279acc73 {
    margin-bottom: 20px;
}
.erp-style-2d08400dcf {
    background: var(--bg2);
    color: var(--text);
    border-radius: 8px;
}
.erp-style-ec6857fb73 {
    text-align:center;
    padding: 15px;
    color: var(--text);
}
.erp-style-a9e9a27b86 {
    background: var(--bg2);
}
.erp-style-50ea4af755 {
    font-family:monospace;
    font-weight:700;
}
.erp-style-9a88079f0c {
    text-align: center;
    font-size: var(--text-xs);
    font-weight: bold;
    color: var(--accent);
}
.erp-style-b361b9a7fc {
    margin:0;
    font-size: 1.8rem;
}
.erp-style-be06232fe3 {
    border-color: var(--red);
    background: var(--bg2);
}
.erp-style-ccd83533a9 {
    font-size: 0.9rem;
    color: var(--red);
    font-weight: 600;
}
.erp-style-7aa1d463ac {
    padding: 0 25px;
    border: 1px solid var(--border);
}
.erp-style-6d9f822e97 {
    background: ' . $cor . ';
}
.erp-style-9e4c473ac5 {
    color: ' . $cor . ';
}
.erp-style-c9fd821d61 {
    margin-left:auto;
}
.erp-style-3c4a3d4400 {
    margin-bottom:20px;
}
.erp-style-76977cc9f2 {
    margin-top:16px;
}
.erp-style-910f53fb7a {
    margin-top:20px;
}
.erp-style-3c39487795 {
    font-size:18px;
    margin-bottom:4px;
}
.erp-style-04bbec5e3d {
    margin-top:24px;
}
.erp-style-a859200882 {
    margin:8px 0;
}
.erp-style-80223951ea {
    color: var(--amber);
}
.erp-style-01c6d4ad38 {
    padding:20px;
    text-align:center;
}
.erp-style-0e1939af20 {
    font-size:24px;
    margin-bottom:10px;
}
.erp-style-9e4959a8eb {
    font-size:32px;
    color: var(--green);
}
.erp-style-768bda7dd9 {
    margin-bottom:0;
}
.erp-style-5010dfa1d4 {
    background: var(--bg3);
}
.erp-style-7564ec607e {
    margin-bottom:16px;
}
.erp-style-7854600feb {
    text-align:right;
    font-weight:600;
    padding:10px 14px;
}
.erp-style-dd2a87512f {
    padding:10px 14px;
}
.erp-style-f0ff694093 {
    font-size:12px;
    color: var(--text2);
}
.erp-style-e15feb253f {
    font-size:18px;
    font-weight:700;
}
.erp-style-62bb608c26 {
    padding:18px;
    text-align:center;
}
.erp-style-3a903f96e9 {
    margin-top:12px;
    text-align:right;
}
.erp-style-6c91765ffa {
    text-align: center;
    padding: 10px;
}
.erp-style-39ea782e3a {
    color: var(--color-danger);
    margin-bottom: 15px;
}
.erp-style-24f263ce38 {
    color: var(--text);
    margin-bottom: 20px;
}
.erp-style-d7ae58b2a6 {
    background: var(--accent-bg);
    color: var(--red);
    padding: 10px;
    border-radius: 5px;
    font-size: 0.9rem;
    margin-bottom: 20px;
}
.erp-style-6002529ccd {
    margin: 0 auto;
}
.erp-style-17a023d34d {
    text-align: center;
    margin-bottom: 25px;
}
.erp-style-9c2e7b8342 {
    padding: 15px;
    border-radius: 50%;
    background: var(--bg2);
    color: var(--accent);
    margin-bottom: 10px;
}
.erp-style-df24264489 {
    margin: 0;
    color: var(--accent);
}
.erp-style-e39ef58e2a {
    color: var(--text);
    font-size: 0.9rem;
}
.erp-style-6d30777cc1 {
    font-size: 0.85rem;
    color: var(--text);
    margin-bottom: 5px;
}
.erp-style-9c093aa959 {
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--bg2);
}
.erp-style-43f4a77d1b {
    padding-top: 15px;
}
.erp-style-84847d7fb7 {
    padding: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    border: 2px solid var(--accent);
    border-radius: 6px;
    color: var(--text);
}
.erp-style-50c89265fb {
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}
.erp-style-a38a558733 {
    margin-bottom: 25px;
}
.erp-style-9ca8f4bec6 {
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}
.erp-style-955f05a7c2 {
    padding-top: 20px;
}
.erp-style-c55cbff356 {
    margin-bottom: 30px;
}
.erp-style-c2ede0265b {
    padding: 20px;
}
.erp-style-599ba40082 {
    font-weight: 600;
    color: var(--text);
}
.erp-style-6460435040 {
    background: var(--bg2);
    color: var(--text);
}
.erp-style-70b70d4d11 {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid var(--border);
    font-size: 0.8rem;
}
.erp-style-a8bdd3150f {
    padding: 20px;
    background: var(--bg2);
    margin-bottom: 20px;
}
.erp-style-4feb5ba670 {
    margin:5px 0 0;
    font-size: 0.85rem;
    color: var(--text);
}
.erp-style-45f4a6e681 {
    padding: 0 20px 20px;
}
.erp-style-691726f321 {
    color: var(--text);
    font-size: 0.9em;
}
.erp-style-24419ed324 {
    border: 1px solid var(--border);
    padding: 5px;
    font-family: sans-serif;
}
.erp-style-9bde2ca76d {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}
.erp-style-1b01d94f9d {
    font-size: 14px;
}
.erp-style-1be0299e6b {
    border: 2px solid var(--border);
    padding: 5px;
}
.erp-style-8f05af8d3a {
    font-size: 18px;
}
.erp-style-3f1b0acefd {
    margin-top: 10px;
    font-size: var(--text-xs);
    text-align: center;
}
.erp-style-4bb7187fee {
    background: var(--bg2);
    border: 1px solid var(--border);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.erp-style-c5f9a53023 {
    background: var(--bg2);
    border-radius: 50%;
    margin: 0 auto 15px;
}
.erp-style-9e436e8d13 {
    color: var(--accent);
    font-size: 24px;
}
.erp-style-5d32f50c61 {
    margin: 0;
    color: var(--text);
}
.erp-style-a61d7b070d {
    color: var(--text);
    font-size: 0.9em;
    margin-top: 5px;
}
.erp-style-f8c2632604 {
    font-weight: 700;
    color: var(--text);
    font-size: 0.9em;
}
.erp-style-33a5b8ae09 {
    font-size: 0.8em;
    background: var(--bg2);
    padding: 4px 10px;
    border-radius: 20px;
}
.erp-style-02419cffd4 {
    margin: 0;
}
.erp-style-a5429d87dc {
    background: var(--bg2);
    color: var(--accent);
    border: 1px solid var(--border);
    font-size: 0.95em;
}
.erp-style-e267207bc8 {
    margin-top: 20px;
    padding: 15px;
    background: var(--bg2);
    border-radius: 8px;
    border: 1px solid var(--accent);
}
.erp-style-f54ebc4691 {
    margin: 0;
    font-size: 0.8em;
    color: var(--red);
}
.erp-style-a3743f3b89 {
    background: var(--accent-bg);
    padding: 15px;
    margin-top: 20px;
    border-radius: 8px;
    font-size: 1em;
}
.erp-style-fffdd52c08 {
    margin-bottom:10px;
}
.erp-style-1b1ead71de {
    font-size:12px;
    color: var(--text3);
}
.erp-style-97c425d756 {
    margin-right:4px;
}
.erp-style-15e65fbda6 {
    color: var(--green);
    font-size:12px;
    font-weight:600;
}
.erp-style-6dfb84f45f {
    color: var(--text3);
    font-size:12px;
}
.erp-style-cdcef186c8 {
    font-size:13px;
}
.erp-style-5b09339034 {
    font-family:var(--mono);
    font-size: var(--text-xs);
    color: var(--accent);
}
.erp-style-4e192c0d36 {
    padding:16px 14px;
    text-align:center;
    color: var(--text3);
    font-size:12px;
}
.erp-style-5a2dfef236 {
    text-align:center;
}
.erp-style-0c09c5ad1d {
    margin-left: auto;
}
.erp-style-4cfe8a357c {
    font-weight:700;
    font-size:13px;
}
.erp-style-9fcd3cfe84 {
    color: var(--text3);
    font-size: var(--text-xs);
}
.erp-style-1d258e26f4 {
    font-weight:400;
}
.erp-style-16dbf2a37c {
    margin-bottom:14px;
}
.erp-style-976558e23e {
    text-align:center;
    padding: 20px;
    color: var(--text3);
}
.erp-style-9c53a5625e {
    font-weight:600;
    font-size:13px;
}
.erp-style-deb2910b4e {
    font-size: var(--text-xs);
    color: var(--text3);
}
.erp-style-5e39f33ecd {
    font-weight:700;
    color: var(--text1);
}
.erp-style-c9320a5229 {
    color: var(--green);
    font-weight:600;
}
.erp-style-a35ac0af27 {
    border-color: var(--red);
}
.erp-style-d3872ec25a {
    background-color: rgba(59, 130, 246, 0.05);
}
.erp-style-ddc59b0e91 {
    color: var(--accent2);
    font-weight:600;
    font-size: var(--text-xs);
}
.erp-style-579f23f1c4 {
    font-size:8px;
}
.erp-style-6b2a94ea3b {
    font-weight:600;
}
.erp-style-a49d712d8e {
    background: var(--nva, rgba(59,130,246,.12));
    color: var(--accent2);
}
.erp-style-93bce07eeb {
    background: rgba(220,38,38,.12);
    color: var(--red);
}
.erp-style-444e807392 {
    font-size:12px;
    font-family:var(--mono);
}
.erp-style-726e8b317f {
    margin-top:10px;
}
.erp-style-9c3785c28e {
    font-weight:700;
}
.erp-style-a8dc945a21 {
    font-size:12.5px;
    color: var(--text2);
}
.erp-style-13fb17a4cc {
    font-size:12px;
    color: var(--amber);
    margin-top:4px;
}
.erp-style-d85c3cc503 {
    font-size:12px;
    color: var(--red);
    margin-top:4px;
}
.erp-style-037b4f435f {
    font-size:12.5px;
    color: var(--text2);
    margin-top:8px;
}
.erp-style-b5ed74fb7b {
    background: var(--bg2);
    border-color: var(--amber);
    color: var(--red);
}
.erp-style-5c14837639 {
    font-size: var(--text-xs);
    color: var(--text3);
    margin-bottom:4px;
}
.erp-style-b910c0e9c6 {
    font-size:12px;
    color: var(--amber);
}
.erp-style-84f18bac23 {
    font-size:12px;
    color: var(--red);
}
.erp-style-ce7c027b78 {
    font-size:13px;
    font-weight:700;
    margin-bottom:10px;
    color: var(--text);
}
.erp-style-f5f11265d7 {
    text-align:right;
    font-weight:700;
    color: var(--text);
}
.erp-style-c6b6d70a80 {
    background: var(--bg3);
    border: 1px solid var(--border);
    border-radius:6px;
    padding:14px;
    margin-bottom:20px;
    font-size:13px;
    color: var(--text2);
}
.erp-style-4382ccdf25 {
    color: var(--text3);
}
.erp-style-6ddbe8575c {
    text-align:center;
    padding: 40px 20px;
}
.erp-style-fe41dcb484 {
    font-size: 48px;
    color: var(--accent);
    margin-bottom: 15px;
}
.erp-style-0628485855 {
    font-size: 18px;
    font-weight:700;
    color: var(--text);
    margin-bottom: 8px;
}
.erp-style-7dc08ef5d3 {
    color: var(--text2);
    font-size: 14px;
    margin: 0 auto 20px auto;
}
.erp-style-f92a2c0a12 {
    font-size:20px;
    color: var(--amber);
}
.erp-style-4c010533c7 {
    color: var(--amber);
    font-weight:700;
}
.erp-style-6e9a59cae1 {
    background: var(--nva, rgba(59,130,246,.12));
    color: var(--accent2);
    border-color: var(--border-nva, transparent);
}
.erp-style-c591e4da71 {
    font-size:12.5px;
    font-weight:700;
    margin-bottom:8px;
}
.erp-style-0866464d6f {
    font-size:12.5px;
    font-weight:700;
    margin:16px 0 8px;
}
.erp-style-8d84299030 {
    margin-top:14px;
}
.erp-style-1123c59f22 {
    font-size: var(--text-xs);
    color: var(--text3);
    margin-left:4px;
}
.erp-style-dd8825564f {
    color: var(--amber);
    margin-right:3px;
}
.erp-style-f46e59bdca {
    font-size: var(--text-xs);
    color: var(--text2);
}
.erp-style-7a3dd4d83c {
    font-size: var(--text-xs);
}
.erp-style-f859180de7 {
    color: var(--green,var(--green));
    font-weight:600;
    font-size: var(--text-xs);
}
.erp-style-1556cd31b6 {
    color: var(--red,var(--red));
    font-weight:600;
    font-size: var(--text-xs);
}
.erp-style-c8590d693a {
    margin-top:3px;
}
.erp-style-a80179ab74 {
    padding:4px 8px;
}
.erp-style-4636770b49 {
    margin-bottom:12px;
}
.erp-style-ea4d2f3bbb {
    color: var(--text3);
    font-weight:400;
    font-size: var(--text-xs);
}
.erp-style-4e9f21a528 {
    text-align: center;
    font-size: var(--text-xs);
    color: var(--text);
}
.erp-style-dd2cecba72 {
    color: var(--text-color);
}
.erp-style-1305fa8339 {
    padding:0;
}
.erp-style-79d5be2a2c {
    border: none;
}
.erp-style-e12e213489 {
    margin-bottom:1.5rem;
}
.erp-style-8402bee21e {
    margin-bottom:.75rem;
}
.erp-style-359d73ba56 {
    margin-bottom:.5rem;
}
.erp-style-df179573b0 {
    text-align:right;
    margin-bottom:.75rem;
}
.erp-style-18122b3ac1 {
    border: none;
    margin-bottom:.75rem;
}
.erp-style-8f77880b0f {
    margin-bottom:1.25rem;
}
.erp-style-e451be69cc {
    color: var(--clr-text-lt);
}
.erp-style-68227a9129 {
    margin-bottom:1rem;
}
.erp-style-18df78c0ef {
    padding-bottom:.75rem;
    margin-bottom:.75rem;
}
.erp-style-8ce7912ebf {
    color: var(--color-accent);
}
.erp-style-6af044980f {
    color: var(--text-secondary);
    margin-bottom: 20px;
}
.erp-style-76a7911952 {
    padding: 20px;
    color: var(--color-danger);
}
.erp-style-9f56f80c9f {
    margin-top: 15px;
    font-weight: bold;
}
.erp-style-822bb0b711 {
    margin: 0;
    font-size: 1.4rem;
    color: var(--text);
}
.erp-style-2db0f94626 {
    color: var(--green);
}
.erp-style-ecfab5eb19 {
    margin: 4px 0 0 0;
    color: var(--text);
    font-size: 0.88rem;
}
.erp-style-252bc2f7cf {
    background-color: var(--bg2);
    color: var(--text);
    padding: 9px 15px;
    border-radius: 6px;
    font-weight: 600;
}
.erp-style-cc99dbf26d {
    font-size: 0.88rem;
}
.erp-style-e1dedd3145 {
    background-color: var(--bg2);
    text-align: left;
}
.erp-style-c7aa49fe84 {
    padding: 10px;
}
.erp-style-337c08388a {
    padding: 10px;
    text-align: center;
}
.erp-style-63b9713e41 {
    text-align: center;
    padding: 25px;
    color: var(--text);
}
.erp-style-fdcc16d19c {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.erp-style-1c38012ab0 {
    padding-bottom: 20px;
}
.erp-style-8f2ff52614 {
    font-size: 0.78rem;
    color: var(--text);
    font-weight: 700;
    margin-bottom: 4px;
}
.erp-style-6f8009c211 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
}
.erp-style-c9d423beb4 {
    margin-right: 4px;
}
.erp-style-e996195d7e {
    padding-top: 20px;
    padding-bottom: 20px;
}
.erp-style-2ef298043d {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text);
}
.erp-style-bb0827c775 {
    font-size: 0.78rem;
    color: var(--text);
    font-weight: 700;
    margin-bottom: 8px;
}
.erp-style-e76e3eb3cd {
    background-color: var(--accent-bg);
    color: var(--text);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.88rem;
}
.erp-style-7e375c13cd {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 14px;
    font-size: 0.9rem;
    color: var(--text);
}
.erp-style-5607c8cd03 {
    background-color: var(--bg2);
    border: 1px solid var(--red);
    color: var(--red);
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.erp-style-5e57ea959d {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
}
.erp-style-a1d2c6a413 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 0.88rem;
}
.erp-style-0386160c7f {
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.88rem;
}
.erp-style-96d402c917 {
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.88rem;
    background-color: var(--bg2);
}
.erp-style-1ac190aa9f {
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.88rem;
    font-family: inherit;
}
.erp-style-686031a326 {
    background-color: var(--green-bg);
    color: var(--text);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
}
.erp-style-c14a7bcc7d {
    font-weight: bold;
    font-size: 0.85rem;
}
.erp-style-08765e1dba {
    padding: 6px 10px;
}
.erp-style-89c8a97e84 {
    background-color: var(--accent-bg);
    color: white;
    border: none;
    padding: 7px 15px;
    border-radius: 4px;
    font-weight: bold;
}
.erp-style-0f6ec62dbc {
    font-size: 0.88rem;
    text-align: center;
}
.erp-style-a7edee464f {
    border: 1px solid var(--border);
    padding: 10px;
}
.erp-style-33900a97dd {
    padding: 20px;
    color: var(--text);
}
.erp-style-fd528ecab7 {
    border: 1px solid var(--border);
    padding: 8px;
    font-weight: bold;
    background-color: var(--bg2);
}
.erp-style-481f9ed9c6 {
    font-size: 0.75rem;
    color: var(--text);
    font-weight: normal;
}
.erp-style-05386e0b97 {
    border: 1px solid var(--border);
    padding: 8px;
    font-weight: bold;
    color: var(--accent);
}
.erp-style-164f9b58d0 {
    border: 1px solid var(--border);
    padding: 8px;
}
.erp-style-f1133b6299 {
    background-color: var(--bg2);
    color: var(--accent);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.8rem;
}
.erp-style-affc179140 {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
    font-size: 0.82rem;
    color: var(--text);
}
.erp-style-9afdabaccb {
    margin-top: 15px;
}
.erp-style-cce3edfef3 {
    font-size: 0.85rem;
    color: var(--text);
    font-weight: bold;
}
.erp-style-10e9368789 {
    margin-top: 5px;
}
.erp-style-44355905ea {
    text-align: right;
    margin-top: 20px;
}
.erp-style-c98a9f1869 {
    margin-top: 4px;
}
.erp-style-b0fd267918 {
    margin: 5px 0 0 0;
    font-size: 0.9rem;
    color: var(--text);
    background: var(--bg2);
    padding: 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
}
.erp-style-aaa99193a1 {
    background: var(--bg2);
    border: 1px solid var(--red);
    border-radius: 8px;
    padding: 15px;
}
.erp-style-d909ef35c3 {
    margin: 0 0 12px 0;
    color: var(--red);
    font-size: 0.95rem;
}
.erp-style-1c8760c991 {
    color: var(--text);
    font-size: 0.85rem;
    margin: 0;
}
.erp-style-40d3070a1e {
    border-radius: 6px;
    border: 1px solid var(--red);
    background: var(--bg2);
}
.erp-style-8af7464764 {
    background: var(--bg2);
    border: 1px solid var(--green);
    border-radius: 8px;
    padding: 15px;
}
.erp-style-606e8ae9cf {
    margin: 0 0 12px 0;
    color: var(--green);
    font-size: 0.95rem;
}
.erp-style-9c31b7775e {
    border-radius: 6px;
    border: 1px solid var(--green);
    background: var(--bg2);
}
.erp-style-bd947565c8 {
    background: var(--bg2);
    border: 1px dashed var(--red);
    padding: 15px;
    border-radius: 8px;
}
.erp-style-a4d427b21b {
    font-weight: bold;
    color: var(--red);
    font-size: 0.95rem;
}
.erp-style-218c8cc57f {
    background-color: var(--red-bg);
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}
.erp-style-8de8d73bda {
    background: white;
}
.erp-style-edf2b77c3c {
    background: var(--bg2);
    border: 1px dashed var(--green);
    padding: 15px;
    border-radius: 8px;
}
.erp-style-b612fad475 {
    font-weight: bold;
    color: var(--green);
    font-size: 0.95rem;
}
.erp-style-f1cfd199ee {
    background-color: var(--green-bg);
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}
.erp-style-1d42a60fcb {
    background-color: var(--green-bg);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-weight: bold;
}
.erp-style-82a6ce1522 {
    background-color: var(--bg2);
    font-weight: bold;
}
.erp-style-7ba9bad628 {
    font-weight: 500;
}
.erp-style-77dc929544 {
    font-family: var(--mono);
    font-weight: 500;
}
.erp-style-47ff806497 {
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
}
.erp-style-6f05bed420 {
    background: var(--accent-bg);
    color: var(--text);
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 600;
}
.erp-style-b78d611d07 {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: var(--text);
}
.erp-style-5bacd37d09 {
    font-size: 2.5rem;
    color: var(--text);
    margin-bottom: 10px;
}
.erp-style-3109d253d8 {
    margin: 0;
    font-size: 1rem;
}
.erp-style-3532eda742 {
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--accent);
    background: var(--bg2);
    padding: 2px 8px;
    border-radius: 4px;
}
.erp-style-f06773066f {
    margin: 6px 0 0 0;
    font-size: 1.05rem;
    color: var(--text);
}
.erp-style-8ff3b1e5fa {
    margin: 0 0 8px 0;
    font-size: 0.85rem;
    color: var(--text);
}
.erp-style-5f2401dd1c {
    margin: 0 0 10px 0;
    font-size: 0.85rem;
    color: var(--text);
}
.erp-style-cb26b30b39 {
    font-family: var(--font);
}
.erp-style-d4b1805dca {
    color: var(--text2);
}
.erp-style-a20e54b3fa {
    font-family: var(--mono);
}
.erp-style-87451a1e2f {
    border-color: var(--border) !important;
}
.erp-style-9bb9d25de2 {
    margin: 0 auto 20px auto;
}
.erp-style-50da9bce97 {
    background-color: var(--bg2);
    color: var(--text);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    border: none;
}
.erp-style-d6e763aaef {
    color: var(--text);
    font-size: 0.75rem;
    margin-top: 3px;
}
.erp-style-40ca72b37d {
    margin-top: 25px;
    padding-top: 15px;
}
.erp-style-0d95f1e699 {
    background-color: var(--green-bg);
    color: var(--text);
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 700;
    border: none;
    font-size: 0.95rem;
}
.erp-style-2678c9e8b3 {
    font-size: 0.5rem;
}
.erp-style-30fcfa8a5a {
    color: var(--teal);
}
.erp-style-7b13a8383d {
    background-color: var(--bg4);
    border-color: var(--border) !important;
}
.erp-style-9675703dcd {
    background-color: var(--bg3);
    color: var(--text);
}
.erp-style-bbd6403773 {
    background-color: var(--bg3);
}
.erp-style-a4b10d7c5b {
    color: var(--text);
    font-size: 0.95rem;
}
.erp-style-068c40c3cd {
    background-color: var(--bg3);
    color: var(--text2);
    font-size: 0.8rem;
}
.erp-style-9c83241a65 {
    margin: 20px auto 0 auto;
}
.erp-style-62b136fcf1 {
    color: var(--accent);
    margin-top: 4px;
}
.erp-style-e5d4f0f60c {
    font-size: 1.2rem;
}
.erp-style-f7556c2141 {
    font-weight: 500;
    color: var(--text);
}
.erp-style-493eb325ea {
    padding: 4px 10px;
    font-size: 0.8rem;
    background: var(--bg2);
    color: var(--text);
}
.erp-style-c1445fc428 {
    margin-top: 15px;
    padding-top: 15px;
}
.erp-style-127bfddedc {
    text-align:center;
    padding:40px;
}
.erp-style-ce40466324 {
    font-weight: bold;
    background: var(--bg2);
}
.erp-style-451d13ae38 {
    margin-left:6px;
}
.erp-style-4cb9f73de3 {
    font-size:12px;
    color: var(--text2);
    font-family:var(--mono);
}
.erp-style-d14b422f87 {
    background: var(--bg2);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    color: var(--text);
}
.erp-style-8fc542cc7f {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.erp-style-93e5d15d24 {
    margin-bottom: 8px;
}
.erp-style-8374717b53 {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text);
}
.erp-style-4c03020da6 {
    background: var(--bg2);
    color: var(--text);
    font-size: 0.75rem;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}
.erp-style-05ce526e43 {
    font-size: 0.85rem;
    color: var(--text);
    margin: 0 0 15px 0;
}
.erp-style-63507f8f33 {
    padding-top: 12px;
    margin-top: 10px;
}
.erp-style-8ef44860ca {
    background-color: var(--green-bg);
    color: white;
    border: none;
    padding: 7px 15px;
    border-radius: 4px;
    font-weight: bold;
}
.erp-style-f33e8f9034 {
    border: 1px solid var(--border);
    padding: 8px;
    background-color: var(--bg2);
}
.erp-style-7734d63a7c {
    border: 1px solid var(--border);
    padding: 8px;
    background-color: var(--accent-bg);
}
.erp-style-3c89a60579 {
    border: 1px solid var(--border);
    padding: 6px;
}
.erp-style-05c43445e7 {
    border: 1px solid var(--border);
    padding: 6px;
    font-weight: bold;
    background-color: var(--bg2);
}
.erp-style-5137e0018f {
    color: var(--text);
    font-size: 0.88rem;
    margin: 0;
}
.erp-style-a7f42c7c20 {
    margin: 0;
    padding-left: 20px;
    font-size: 0.88rem;
}
.erp-style-f3c131ddce {
    margin-bottom: 6px;
}
.erp-style-7a99134f52 {
    margin:0;
    color: var(--text);
    font-size:1.4rem;
}
.erp-style-92e7f786fd {
    color: var(--text);
    font-size:0.88rem;
}
.erp-style-9dbf3bf29e {
    font-size:0.8rem;
    font-weight:600;
    color: var(--text);
}
.erp-style-759d82cbc6 {
    padding:8px;
    border: 1px solid var(--border);
    border-radius:6px;
}
.erp-style-1283114011 {
    text-align: center;
    color: var(--text);
    padding: 24px;
}
.erp-style-457ba1f1b9 {
    font-size: 1.5rem;
    margin-bottom: 8px;
}
.erp-style-696fff2dc3 {
    background: none;
    border: none;
    color: var(--accent);
    padding:4px 8px;
}
.erp-style-7e7984b8dc {
    font-size:12px;
    text-align:right;
}
.erp-style-94d50e15b2 {
    margin:15px 0;
}
.erp-style-edaff7cf28 {
    color: var(--text);
    font-size: 0.78rem;
}
.erp-style-77ffb2f09d {
    background-color: var(--green-bg);
    border-color: var(--green);
    padding: 10px 20px;
    font-weight: bold;
}
.erp-style-afdd344d9b {
    color: var(--green);
    font-weight: 600;
    font-size: 0.85rem;
    background-color: var(--accent-bg);
    padding: 4px 12px;
    border-radius: 12px;
}
.erp-style-7eaeb3b53b {
    color: var(--red);
    font-weight: 600;
    font-size: 0.85rem;
    background-color: var(--bg2);
    padding: 4px 12px;
    border-radius: 12px;
}
.erp-style-9a0b21bf57 {
    padding: 15px 0;
}
.erp-style-4f632abede {
    font-size: 0.8rem;
    color: var(--text);
    font-weight: 600;
}
.erp-style-d64bd70add {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
    margin-top: 2px;
}
.erp-style-97de0a966f {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text);
    margin-top: 2px;
}
.erp-style-e666ad2812 {
    background-color: var(--bg2);
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--border);
}
.erp-style-6230b9fc91 {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--green);
    margin-top: 2px;
}
.erp-style-ec749d28bb {
    font-size: 0.95rem;
    font-weight: 500;
    margin-top: 2px;
}
.erp-style-ee7cb5bc70 {
    color: var(--red);
    font-weight: bold;
    background-color: var(--bg2);
    padding: 3px 8px;
    border-radius: 4px;
}
.erp-style-34adcf2cbf {
    text-align: center;
    padding: 30px 10px;
    color: var(--text);
}
.erp-style-e1e878249c {
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: var(--text);
}
.erp-style-f4287bea74 {
    margin: 0;
    font-weight: 500;
}
.erp-style-f8396413f3 {
    background-color: var(--bg2);
    text-align: left;
    font-size: 0.88rem;
    color: var(--text);
}
.erp-style-7236ea2b36 {
    padding: 10px;
    text-align: right;
}
.erp-style-9be7441361 {
    font-size: 0.9rem;
}
.erp-style-3fc96c1e4b {
    padding: 10px;
    font-weight: bold;
    color: var(--text);
}
.erp-style-70a0acb987 {
    padding: 10px;
    font-weight: 600;
    color: var(--text);
}
.erp-style-147dbc04a4 {
    padding: 10px;
    color: var(--text);
}
.erp-style-bb910f4d5e {
    background-color: var(--bg2);
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
}
.erp-style-257278c791 {
    padding: 10px;
    color: var(--text);
    font-weight: 500;
}
.erp-style-c89e3dc095 {
    color: var(--red);
    font-weight: bold;
    font-size: 0.8rem;
    background-color: var(--bg2);
    padding: 2px 6px;
    border-radius: 4px;
}
.erp-style-f1185fb98e {
    color: var(--green);
    font-weight: 600;
    font-size: 0.8rem;
    background-color: var(--accent-bg);
    padding: 2px 8px;
    border-radius: 12px;
}
.erp-style-d47f6d90fc {
    color: var(--red);
    font-weight: 600;
    font-size: 0.8rem;
    background-color: var(--bg2);
    padding: 2px 8px;
    border-radius: 12px;
}
.erp-style-274d178429 {
    text-align: center;
    padding: 20px;
    color: var(--text);
}
.erp-style-c77b426345 {
    font-size: 0.8rem;
    color: var(--text);
}
.erp-style-94d585f077 {
    font-size: 0.75rem;
    background: var(--bg2);
    color: var(--accent);
    padding: 2px 6px;
    border-radius: 4px;
}
.erp-style-94702c89d2 {
    font-size: 0.85rem;
    color: var(--text);
}
.erp-style-d2bb9fcfb0 {
    padding: 10px;
    font-size: 0.85rem;
    color: var(--text);
}
.erp-style-c6bb82d2d4 {
    margin: 10px 0;
}
.erp-style-a905015236 {
    padding: 8px;
}
.erp-style-8261d93717 {
    padding: 8px;
    font-weight: 600;
}
.erp-style-928d11be2b {
    padding: 8px;
    color: var(--text);
}
.erp-style-3c91ca156a {
    font-weight: bold;
    font-size: 1.05rem;
}
.erp-style-b88806715b {
    background-color: var(--green-bg);
    border-color: var(--green);
}
.erp-style-475e4be3b5 {
    background: var(--bg2);
    padding: 30px;
    border-radius: 8px;
    text-align: center;
    color: var(--text);
    border: 1px solid var(--border);
}
.erp-style-71d0abdf18 {
    font-size: 2rem;
    color: var(--text);
    margin-bottom: 10px;
}
.erp-style-8bbeb17143 {
    margin: 0;
    font-size: 1.15rem;
    color: var(--text);
    font-weight: 700;
}
.erp-style-fa8c313da9 {
    background-color: var(--bg2);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}
.erp-style-6e7202d3fc {
    margin-bottom: 4px;
}
.erp-style-5cb65f931b {
    color: var(--text);
    margin-top: 6px;
    font-size: 0.8rem;
}
.erp-style-bcae01c185 {
    padding-top: 12px;
    margin-top: 5px;
}
.erp-style-27984e8af5 {
    padding: 8px 0;
    background-color: var(--accent-bg);
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 0.9rem;
}
.erp-style-f2fbac2d97 {
    padding: 8px 0;
    background-color: var(--green-bg);
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 0.9rem;
}
.erp-style-e92fba012e {
    padding: 8px 0;
    background-color: var(--bg2);
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 0.9rem;
}
.erp-style-526b9b64e2 {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.erp-style-e361500cd4 {
    background: var(--bg2);
    color: var(--green);
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
}
.erp-style-439b091a92 {
    background: var(--accent-bg);
    color: var(--red);
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
}
.erp-style-102e1499ee {
    background: var(--bg2);
    color: var(--red);
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
}
.erp-style-6dec7e02d6 {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 12px 15px;
}
.erp-style-4495dacda7 {
    margin: 6px 0 0 18px;
    padding: 0;
    font-size: 0.88rem;
}
.erp-style-4faa56c218 {
    margin: 0;
    font-size: 0.9rem;
    color: var(--green);
    background: var(--bg2);
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--green);
}
.erp-style-eef86533e2 {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 18px;
}
.erp-style-5f67a99a0a {
    margin: 0 0 12px 0;
    color: var(--accent);
    padding-bottom: 8px;
    font-size: 1rem;
}
.erp-style-01b0b7eb7a {
    color: var(--text);
    font-size: 0.88rem;
}
.erp-style-62b6664351 {
    font-size: 0.83rem;
}
.erp-style-da8edf5cee {
    text-align: left;
    color: var(--text);
}
.erp-style-d43722bc2a {
    padding: 6px 0;
}
.erp-style-5788b5cd9b {
    padding: 8px 0;
}
.erp-style-aa508d58b2 {
    padding: 8px 0;
    color: var(--text);
}
.erp-style-5eb37ff5a6 {
    margin: 0 0 12px 0;
    color: var(--green);
    padding-bottom: 8px;
    font-size: 1rem;
}
.erp-style-39ac3bc197 {
    padding: 6px 0;
    text-align: center;
}
.erp-style-1a55820e68 {
    padding: 8px 0;
    text-align: center;
}
.erp-style-835d897406 {
    color: var(--green);
    font-weight: bold;
}
.erp-style-56338bbd68 {
    color: var(--red);
    font-weight: bold;
}
.erp-style-b00b2a5f7c {
    margin: 0 0 12px 0;
    color: var(--red);
    padding-bottom: 8px;
    font-size: 1rem;
}
.erp-style-02ae58c807 {
    padding: 10px;
    background: var(--bg-hover);
    border-radius: 5px;
    margin-bottom: 10px;
}
.erp-style-82875dc887 {
    text-align:center;
    padding:20px;
}
.erp-style-a1a892829b {
    background: var(--bg);
}
.erp-style-7a34669cb6 {
    font-size:var(--text-sm);
    color: var(--text2);
}
.erp-style-45fbd907c9 {
    margin-top: 30px;
    text-align: right;
    padding-top: 20px;
}
.erp-style-4ea6d59d92 {
    color: var(--text-secondary);
}
.erp-style-7755cb9a8d {
    margin-top: 20px;
    text-align: right;
}
.erp-style-5573093c38 {
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
}
.erp-style-3a4d00cf7f {
    color: var(--color-warning);
    margin-bottom: 20px;
}
.erp-style-5f4ffaaf6b {
    color: var(--text-secondary);
    margin-bottom: 30px;
}
.erp-style-c84c59002f {
    color: var(--text);
    margin-left: 5px;
}
.erp-style-5d9175481f {
    text-align: center;
    padding: 40px;
    color: var(--text-secondary);
}
.erp-style-1f4a359839 {
    color: var(--text-secondary);
    margin-bottom:15px;
    font-size: 0.9rem;
}
.erp-style-d455c3e652 {
    background-color: var(--color-primary);
    color: white;
}
@media (max-width: 64rem) {
    :is(.erp-form-grid, .form-grid, .grid-form, .form-row, .form-row-multi, .cliente-form-grid, .fornecedor-form-grid, .os-form-grid, .task-form-grid, .pgrs-form-grid, .kb-form-grid, .tr-form-grid, .pf-row3, .pf-row4, .opc-row3, .op-filtros-grid, .box-campos, .ficha-tecnica-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #breadcrumb {
        display: none;
    }
}
@media (max-width: 48rem) {
    #sidebar {
        position: fixed;
        top: var(--header-height);
        bottom: var(--footer-height);
        left: 0;
        z-index: var(--z-sidebar);
    }
    #overlay.open, .sidebar-open #overlay {
        display: block;
        position: fixed;
        inset: var(--header-height) 0 var(--footer-height);
        background: var(--overlay);
        z-index: var(--z-backdrop);
    }
    .top-btn span, .logo > span, #statusbar .status-item:nth-child(3) {
        display: none;
    }
    #topbar {
        gap: var(--space-2);
        padding-inline: var(--space-2);
    }
    .topbar-actions {
        gap: var(--space-1);
    }
    :is(.erp-form-grid, .form-grid, .grid-form, .form-row, .form-row-multi, .cliente-form-grid, .fornecedor-form-grid, .os-form-grid, .task-form-grid, .pgrs-form-grid, .kb-form-grid, .tr-form-grid, .pf-row3, .pf-row4, .opc-row3, .op-filtros-grid, .box-campos, .ficha-tecnica-grid), :is(.erp-grid-2, .pf-row2, .opc-row2, .op-grid-2, .op-grid, .op-grid-3, .op-grid-4, .mpf-row2, .af-row2, .form-two, .grid-detalhes, .exibir-grid, .financeiro-dashboard__grid, .pdv-grid, .mpe-info-grid, .mpe-cols, .form-row-multi) {
        grid-template-columns: minmax(0, 1fr);
    }
    .span-2, .row > * {
        grid-column: 1 / -1 !important;
    }
    :is(.erp-card, .card, .panel, .card-reception, .card-form, .card-form-verifica, .form-card, .view-card, .card-painel, .card-relatorio, .card-calibra, .calib-card, .filter-card, .conta-card, .dash-card, .dash-section, .kb-card, .kb-form-section, .kb-document, .task-card, .task-form-section, .task-detail, .mnt-summary-card, .os-view-card, .os-form-section, .pgrs-card, .pgrs-editor, .inspection-item, .financeiro-resumo__card, .financeiro-panel, .financeiro-form__section, .fin-card, .mp-stat, .mpf-card, .mpe-section, .mpe-formula-card, .pl-stat, .op-etapa-card, .op-card-info, .opc-card, .opc-resumo, .op-kpi, .pf-card, .pf-kpi-card, .pf-version-card, .pf-resumo-card, .doc-stat-card, .doc-module-card, .pop-section, .qualidade-lista, .ql-context, .ql-detail, .ql-conclusion, .cliente-order, .supply-delivery, .supplier-rating, .cliente-confirm, .fornecedor-confirm, .stock-delete, .stock-history, .stock-reception, .tr-card, .tr-form, .tr-detail, .grid-detalhes, .card-exibir, .ficha-tecnica, .v-card, .func-info-card, .card-funcionario, .access-card, .access-focus, .card-empresa, .caixa-card, .equip-card, .card-sanitario, .info-card, .stat-box, .card-stat, .menu-card, .tool-card, .tool-workspace, .result-panel, .pdv-carrinho, .pdv-fechamento, .pdv-resumo, .timeline-content-card, .rastreio-card, .modelo-card, .kpi, .dash-panel, .element-section, .list-panel, .code-block) {
        padding: var(--space-4);
    }
    :is(.erp-toolbar, .cliente-toolbar, .fornecedor-toolbar, .estoque-toolbar, .aba-toolbar, .fin-header, .est-header, .dash-header, .setores-header, .tanques-header, .equip-header, .historico-header, .equip-view-header, .layer-header, .layer-header-top, .exibir-header, .acoes-header, .task-toolbar, .task-detail-header, .mnt-panel-header, .os-view-header, .pgrs-hero, .pgrs-card-head, .qualidade-welcome, .qualidade-filtros, .mp-header, .mpf-topbar, .mpe-topbar, .pl-header, .op-header, .op-header-main, .opc-header, .op-etapa-navegacao, .pedido-toolbar, .precos-header, .pdv-header, .doc-dash-header, .pop-list-header, .pop-view-header, .custo-header, .tr-toolbar, .tr-detail-head, .kb-hero, .kb-result-head, .kb-form-header, .financeiro-dashboard__header, .financeiro-panel__header, .supplier-rating__header, .cliente-history__header, .supply-history__header, .pf-summary-header, .tool-intro, .workspace-head, .timeline-header, .card-header, .catalogo-hero, .modelo-intro, .modelo-card__top, .modelo-card__footer, .list-filters, .list-footer) {
        align-items: stretch;
    }
    :is(.erp-toolbar, .cliente-toolbar, .fornecedor-toolbar, .estoque-toolbar, .aba-toolbar, .fin-header, .est-header, .dash-header, .setores-header, .tanques-header, .equip-header, .historico-header, .equip-view-header, .layer-header, .layer-header-top, .exibir-header, .acoes-header, .task-toolbar, .task-detail-header, .mnt-panel-header, .os-view-header, .pgrs-hero, .pgrs-card-head, .qualidade-welcome, .qualidade-filtros, .mp-header, .mpf-topbar, .mpe-topbar, .pl-header, .op-header, .op-header-main, .opc-header, .op-etapa-navegacao, .pedido-toolbar, .precos-header, .pdv-header, .doc-dash-header, .pop-list-header, .pop-view-header, .custo-header, .tr-toolbar, .tr-detail-head, .kb-hero, .kb-result-head, .kb-form-header, .financeiro-dashboard__header, .financeiro-panel__header, .supplier-rating__header, .cliente-history__header, .supply-history__header, .pf-summary-header, .tool-intro, .workspace-head, .timeline-header, .card-header, .catalogo-hero, .modelo-intro, .modelo-card__top, .modelo-card__footer, .list-filters, .list-footer) > :is(form, label) {
        flex: 1 1 100%;
    }
    .popup {
        padding: var(--space-2);
    }
    .popup-body {
        padding: var(--space-4);
        margin-block: 0;
        min-height: calc(100dvh - 1rem);
        border-radius: var(--radius);
    }
    :is(.erp-table-wrap, .table-responsive, .table-responsive-container, .table-wrap, .tabela-container, .cliente-table-wrap, .fornecedor-table-wrap, .estoque-table-wrap, .mnt-table-wrap, .task-table-wrap, .pgrs-table-wrap, .qualidade-tabela-wrap, .ql-results-wrap, .mp-table-wrap, .mp-cost-table, .mpe-table-wrap, .pl-table-wrap, .op-table-wrap, .op-tabela-wrap, .op-separacao-tabela-wrap, .pedido-tabela-wrap, .precos-tabela-wrap, .pf-table, .custo-table-wrap, .tr-table-wrap, .supplier-rating__table-wrap) table {
        min-width: 38rem;
    }
    :is(.erp-table-wrap, .table-responsive, .table-responsive-container, .table-wrap, .tabela-container, .cliente-table-wrap, .fornecedor-table-wrap, .estoque-table-wrap, .mnt-table-wrap, .task-table-wrap, .pgrs-table-wrap, .qualidade-tabela-wrap, .ql-results-wrap, .mp-table-wrap, .mp-cost-table, .mpe-table-wrap, .pl-table-wrap, .op-table-wrap, .op-tabela-wrap, .op-separacao-tabela-wrap, .pedido-tabela-wrap, .precos-tabela-wrap, .pf-table, .custo-table-wrap, .tr-table-wrap, .supplier-rating__table-wrap) table :is(input, select) {
        font-size: 1rem;
    }
    input, select, textarea {
        font-size: 1rem;
    }
    .dropdown-card {
        position: fixed;
        right: 1rem;
        top: calc(var(--header-height) + .5rem);
    }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
@media (forced-colors: active) {
    button, input, select, textarea, :is(.erp-card, .card, .panel, .card-reception, .card-form, .card-form-verifica, .form-card, .view-card, .card-painel, .card-relatorio, .card-calibra, .calib-card, .filter-card, .conta-card, .dash-card, .dash-section, .kb-card, .kb-form-section, .kb-document, .task-card, .task-form-section, .task-detail, .mnt-summary-card, .os-view-card, .os-form-section, .pgrs-card, .pgrs-editor, .inspection-item, .financeiro-resumo__card, .financeiro-panel, .financeiro-form__section, .fin-card, .mp-stat, .mpf-card, .mpe-section, .mpe-formula-card, .pl-stat, .op-etapa-card, .op-card-info, .opc-card, .opc-resumo, .op-kpi, .pf-card, .pf-kpi-card, .pf-version-card, .pf-resumo-card, .doc-stat-card, .doc-module-card, .pop-section, .qualidade-lista, .ql-context, .ql-detail, .ql-conclusion, .cliente-order, .supply-delivery, .supplier-rating, .cliente-confirm, .fornecedor-confirm, .stock-delete, .stock-history, .stock-reception, .tr-card, .tr-form, .tr-detail, .grid-detalhes, .card-exibir, .ficha-tecnica, .v-card, .func-info-card, .card-funcionario, .access-card, .access-focus, .card-empresa, .caixa-card, .equip-card, .card-sanitario, .info-card, .stat-box, .card-stat, .menu-card, .tool-card, .tool-workspace, .result-panel, .pdv-carrinho, .pdv-fechamento, .pdv-resumo, .timeline-content-card, .rastreio-card, .modelo-card, .kpi, .dash-panel, .element-section, .list-panel, .code-block) {
        border: 1px solid CanvasText;
    }
}
@media print {
    :root, body, .dark, [data-theme] {
        --bg: #fff;
        --bg2: #fff;
        --bg3: #eee;
        --text: #000;
        --text2: #222;
        --text3: #444;
        --border: #aaa;
        --border2: #777;
        color-scheme: light;
    }
    body, body.body-modulo {
        height: auto;
        padding: 0;
        background: white;
        color: black;
    }
    #topbar, #sidebar, #overlay, #statusbar, .no-print, .toast-container, #toast-container, .close-popup, .back-popup {
        display: none !important;
    }
    :is(.erp-card, .card, .panel, .card-reception, .card-form, .card-form-verifica, .form-card, .view-card, .card-painel, .card-relatorio, .card-calibra, .calib-card, .filter-card, .conta-card, .dash-card, .dash-section, .kb-card, .kb-form-section, .kb-document, .task-card, .task-form-section, .task-detail, .mnt-summary-card, .os-view-card, .os-form-section, .pgrs-card, .pgrs-editor, .inspection-item, .financeiro-resumo__card, .financeiro-panel, .financeiro-form__section, .fin-card, .mp-stat, .mpf-card, .mpe-section, .mpe-formula-card, .pl-stat, .op-etapa-card, .op-card-info, .opc-card, .opc-resumo, .op-kpi, .pf-card, .pf-kpi-card, .pf-version-card, .pf-resumo-card, .doc-stat-card, .doc-module-card, .pop-section, .qualidade-lista, .ql-context, .ql-detail, .ql-conclusion, .cliente-order, .supply-delivery, .supplier-rating, .cliente-confirm, .fornecedor-confirm, .stock-delete, .stock-history, .stock-reception, .tr-card, .tr-form, .tr-detail, .grid-detalhes, .card-exibir, .ficha-tecnica, .v-card, .func-info-card, .card-funcionario, .access-card, .access-focus, .card-empresa, .caixa-card, .equip-card, .card-sanitario, .info-card, .stat-box, .card-stat, .menu-card, .tool-card, .tool-workspace, .result-panel, .pdv-carrinho, .pdv-fechamento, .pdv-resumo, .timeline-content-card, .rastreio-card, .modelo-card, .kpi, .dash-panel, .element-section, .list-panel, .code-block), .popup-body {
        box-shadow: none;
    }
    :is(.erp-table-wrap, .table-responsive, .table-responsive-container, .table-wrap, .tabela-container, .cliente-table-wrap, .fornecedor-table-wrap, .estoque-table-wrap, .mnt-table-wrap, .task-table-wrap, .pgrs-table-wrap, .qualidade-tabela-wrap, .ql-results-wrap, .mp-table-wrap, .mp-cost-table, .mpe-table-wrap, .pl-table-wrap, .op-table-wrap, .op-tabela-wrap, .op-separacao-tabela-wrap, .pedido-tabela-wrap, .precos-tabela-wrap, .pf-table, .custo-table-wrap, .tr-table-wrap, .supplier-rating__table-wrap) {
        overflow: visible;
        border: 0;
    }
    :is(.erp-table-wrap, .table-responsive, .table-responsive-container, .table-wrap, .tabela-container, .cliente-table-wrap, .fornecedor-table-wrap, .estoque-table-wrap, .mnt-table-wrap, .task-table-wrap, .pgrs-table-wrap, .qualidade-tabela-wrap, .ql-results-wrap, .mp-table-wrap, .mp-cost-table, .mpe-table-wrap, .pl-table-wrap, .op-table-wrap, .op-tabela-wrap, .op-separacao-tabela-wrap, .pedido-tabela-wrap, .precos-tabela-wrap, .pf-table, .custo-table-wrap, .tr-table-wrap, .supplier-rating__table-wrap) table {
        min-width: 0;
    }
    .popup {
        position: static;
        display: block;
        padding: 0;
        overflow: visible;
        background: none;
    }
    .popup:has(~ .popup) {
        display: none;
    }
    .popup-body {
        width: 100%;
        border: 0;
        padding: 0;
    }
    thead {
        display: table-header-group;
    }
    tr, img, .signatures, .sig-box {
        break-inside: avoid;
    }
    h1, h2, h3 {
        break-after: avoid;
    }
    a {
        color: inherit;
    }
}