/* ==========================================================================
       QZZAR TRACK - ESTILOS GLOBAIS E VARIÁVEIS (Unificado & Otimizado)
       ========================================================================== */
    :root {
      color-scheme: light;
      /* Cores da Marca */
      --qz-brand-navy: #061b33;
      --qz-brand-deep: #020b18;
      --qz-brand-blue: #0d47a1;
      --qz-brand-cyan: #12b9f3;
      --qz-brand-red: #e41d3d;
      --cor-primaria: #0d47a1;
      --cor-primaria-hover: #083b8e;
      --cor-secundaria: #334155;
      --cor-sucesso: #059669;
      --cor-sucesso-hover: #047857;
      --cor-erro: #dc3545;
      --cor-erro-hover: #c82333;
      --cor-alerta: #ffc107;
      --cor-alerta-hover: #e0a800;

      /* Escalas de Cinza & Fundos */
      --cor-fundo-tela: #f6f7fb;
      --cor-fundo-card: #ffffff;
      --cor-borda: #e7eaf1;
      --cor-input-bg: #f8fafc;
      --cor-input-disabled: #e9ecef;

      /* Textos */
      --text-main: #111827;
      --text-muted: #6b7280;
      --text-soft: #374151;

      /* Sombras e Bordas Premium */
      --sombra-padrao: 0 2px 4px rgba(17,24,39,0.02), 0 8px 16px rgba(17,24,39,0.04), 0 16px 32px rgba(17,24,39,0.04);
      --sombra-hover: 0 4px 8px rgba(17,24,39,0.04), 0 12px 24px rgba(17,24,39,0.06), 0 24px 48px rgba(17,24,39,0.06);
      --borda-arredondada: 12px;
      --borda-arredondada-lg: 16px;

      /* Transições Base OTIMIZADAS (Sem 'all') para Alta Performance */
      --transicao-padrao: background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease, box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);

      /* Variáveis Específicas do Index */
      --sidebar-width: 290px;
      --sidebar-mini-width: 80px;
      --header-height: 72px;
      --hover-bg: #f2f5fb;
      --shadow-header: 0 4px 12px rgba(17,24,39,0.03), 0 8px 24px rgba(17,24,39,0.03);
      --scroll-thumb: rgba(17, 24, 39, 0.18);
      --scroll-thumb-hover: rgba(17, 24, 39, 0.32);
      --qz-navbar-bg: rgba(255, 255, 255, 0.78);
      --qz-sidebar-bg: linear-gradient(180deg, rgba(252,253,255,0.85) 0%, rgba(248,250,253,0.85) 100%);
      --qz-top-icon-bg: rgba(255, 255, 255, .75);
      --qz-top-icon-bg-hover: rgba(255, 255, 255, .92);
      --qz-table-head-bg: #f8fafc;
      --qz-table-row-even: #fcfcfd;
      --qz-table-row-hover: #f0f4f8;
      --qz-bg-page: var(--cor-fundo-tela);
      --qz-bg-surface: var(--cor-fundo-card);
      --qz-bg-surface-2: #f8fafc;
      --qz-bg-surface-3: #f1f5f9;
      --qz-bg-elevated: #ffffff;
      --qz-bg-overlay: rgba(15, 23, 42, .46);
      --qz-border: var(--cor-borda);
      --qz-border-strong: #d8dee9;
      --qz-text: var(--text-main);
      --qz-text-soft: var(--text-soft);
      --qz-text-muted: var(--text-muted);
      --qz-input-bg: var(--cor-input-bg);
      --qz-input-bg-focus: #ffffff;
      --qz-input-border: #dce3eb;
      --qz-input-placeholder: rgba(100, 116, 139, .82);
      --qz-surface-shadow: var(--sombra-padrao);
      --qz-focus-ring: rgba(13, 71, 161, .14);
      --qz-status-info-bg: rgba(13, 71, 161, .10);
      --qz-status-info-text: #0d47a1;
      --qz-status-info-solid: #0d47a1;
      --qz-status-success-bg: rgba(5, 150, 105, .11);
      --qz-status-success-text: #047857;
      --qz-status-success-solid: #059669;
      --qz-status-success-solid-hover: #047857;
      --qz-status-warning-bg: rgba(245, 158, 11, .14);
      --qz-status-warning-text: #92400e;
      --qz-status-warning-solid: #f59e0b;
      --qz-status-danger-bg: rgba(220, 53, 69, .11);
      --qz-status-danger-text: #b91c1c;
      --qz-status-danger-solid: #dc2626;
      --accent: var(--cor-primaria);
      --accent-soft: rgba(13, 71, 161, 0.14);
      --ring: rgba(13, 71, 161, 0.18);
      --menu-shell-bg: #f8fafd;
      --menu-shell-border: rgba(148, 163, 184, 0.22);
      --menu-item-hover: rgba(15, 23, 42, 0.05);
      --menu-item-active: rgba(15, 23, 42, 0.08);
      --menu-icon-muted: #64748b;
      --ease-premium: cubic-bezier(.2, .9, .2, 1);
      --ease-soft: cubic-bezier(.2, .8, .2, 1);
      --dur-fast: 160ms;
      --dur-mid: 240ms;
      --dur-slow: 320ms;
    }

    html[data-qz-theme="dark"] {
      color-scheme: dark;
      --cor-secundaria: #d7e5f7;
      --cor-sucesso: #16c784;
      --cor-sucesso-hover: #22d394;
      --cor-erro: #f0445e;
      --cor-erro-hover: #ff5a70;
      --cor-alerta: #fbbf24;
      --cor-alerta-hover: #f59e0b;
      --cor-primaria: #12b9f3;
      --cor-primaria-hover: #0ea5e9;
      --cor-fundo-tela: #030914;
      --cor-fundo-card: #0d1f35;
      --cor-borda: rgba(125, 164, 210, 0.22);
      --cor-input-bg: #0a1a2d;
      --cor-input-disabled: #071425;
      --text-main: #f1f5f9;
      --text-muted: #94a3b8;
      --text-soft: #cbd5e1;
      --sombra-padrao: 0 4px 8px rgba(0,0,0,0.2), 0 16px 32px rgba(0,0,0,0.3);
      --sombra-hover: 0 8px 16px rgba(0,0,0,0.3), 0 24px 48px rgba(0,0,0,0.4);
      --hover-bg: rgba(18, 185, 243, 0.08);
      --shadow-header: 0 8px 24px rgba(0, 0, 0, 0.4);
      --scroll-thumb: rgba(159, 180, 205, 0.34);
      --scroll-thumb-hover: rgba(18, 185, 243, 0.52);
      --qz-navbar-bg: rgba(5, 18, 34, 0.75);
      --qz-sidebar-bg: linear-gradient(180deg, rgba(6,27,51,0.8) 0%, rgba(4,16,31,0.8) 100%);
      --qz-top-icon-bg: rgba(13, 31, 53, 0.78);
      --qz-top-icon-bg-hover: rgba(18, 48, 80, .96);
      --qz-table-head-bg: #0a1a2d;
      --qz-table-row-even: rgba(255, 255, 255, .015);
      --qz-table-row-hover: rgba(18, 185, 243, .07);
      --qz-bg-page: #030914;
      --qz-bg-surface: #0d1f35;
      --qz-bg-surface-2: #0a1a2d;
      --qz-bg-surface-3: #12263d;
      --qz-bg-elevated: #102844;
      --qz-bg-overlay: rgba(2, 11, 24, .82);
      --qz-border: rgba(125, 164, 210, .18);
      --qz-border-strong: rgba(159, 180, 205, .28);
      --qz-text: #f1f5f9;
      --qz-text-soft: #cbd5e1;
      --qz-text-muted: #94a3b8;
      --qz-input-bg: #0a1a2d;
      --qz-input-bg-focus: #0f223a;
      --qz-input-border: rgba(125, 164, 210, .24);
      --qz-input-placeholder: rgba(159, 180, 205, .74);
      --qz-surface-shadow: var(--sombra-padrao);
      --qz-focus-ring: rgba(18, 185, 243, .35);
      --qz-status-info-bg: rgba(18, 185, 243, .14);
      --qz-status-info-text: #7ddcff;
      --qz-status-info-solid: #12b9f3;
      --qz-status-success-bg: rgba(22, 199, 132, .15);
      --qz-status-success-text: #57e4c3;
      --qz-status-success-solid: #16c784;
      --qz-status-success-solid-hover: #22d394;
      --qz-status-warning-bg: rgba(251, 191, 36, .15);
      --qz-status-warning-text: #ffd37a;
      --qz-status-warning-solid: #fbbf24;
      --qz-status-danger-bg: rgba(240, 68, 94, .15);
      --qz-status-danger-text: #ff8a98;
      --qz-status-danger-solid: #f0445e;
      --menu-shell-bg: #071425;
      --menu-shell-border: rgba(18, 185, 243, .16);
      --menu-item-hover: rgba(18, 185, 243, .09);
      --menu-item-active: rgba(18, 185, 243, .14);
      --menu-icon-muted: #95abc5;
      --accent-soft: rgba(18, 185, 243, .16);
      --ring: rgba(18, 185, 243, .22);
    }

    /* ===== Ajuste de Z-Index dos Drawers e Backdrops Globais/Módulos para sobrepor o Header/Sidebar ===== */
    .offcanvas,
    .qz-drawer,
    .drawer,
    .chips-drawer,
    .desc-drawer,
    .vent-drawer,
    .vsai-drawer,
    .tec-drawer,
    .user-drawer,
    .cli-drawer,
    .colab-drawer,
    .hdg-detail-drawer,
    [id*="-drawer"],
    [class*="-drawer"] {
      z-index: 1070 !important;
    }

    .offcanvas-backdrop,
    .qz-drawer-overlay,
    .drawer-overlay,
    .chips-drawer-overlay,
    .desc-drawer-overlay,
    .vent-drawer-overlay,
    .vsai-drawer-overlay,
    .tec-drawer-overlay,
    .user-drawer-overlay,
    .cli-drawer-overlay,
    .colab-drawer-overlay,
    .shadow-drawer,
    .backdrop,
    [id*="-drawer-overlay"],
    [class*="-drawer-overlay"] {
      z-index: 1060 !important;
    }

    /* ===== HEADER DE OPERAÇÕES DE CAMPO (COMPARTILHADO) ===== */
    .op-header-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: .5rem; }
    .op-header-title { font-size: 1.15rem; font-weight: 800; color: var(--cor-primaria); display: flex; align-items: center; gap: 8px; letter-spacing: .01em; white-space: nowrap; }
    .op-tabs-row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
    .op-tab-btn { padding: .5rem 1rem; border-radius: var(--borda-arredondada); border: 1px solid transparent; background: transparent; color: var(--text-muted); font-weight: 800; font-size: .9rem; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: .2s; }
    .op-tab-btn:hover { background: rgba(0,0,0,.03); }
    .op-tab-btn.active { background: rgba(13,71,161,.1); color: var(--cor-primaria); border-color: rgba(13,71,161,.15); }
    .op-btn-ico { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--cor-borda); background: var(--cor-fundo-card); color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: .2s; }
    .op-btn-ico:hover { color: var(--cor-primaria); border-color: var(--cor-primaria); background: var(--hover-bg); }
    .qz-refreshing,
    button.qz-refreshing,
    [role="button"].qz-refreshing {
      pointer-events: none;
      opacity: .78;
      cursor: wait !important;
      box-shadow: 0 0 0 3px rgba(13, 71, 161, .08) !important;
    }

    .qz-refresh-spinner {
      width: 1em;
      height: 1em;
      display: inline-block;
      margin-right: .45rem;
      vertical-align: -0.15em;
      border: 2px solid currentColor;
      border-right-color: transparent;
      border-radius: 999px;
      animation: qz-refresh-spin .75s linear infinite;
    }

    .qz-refreshing .qz-refresh-spinner:only-child {
      margin-right: 0;
    }

    @keyframes qz-refresh-spin {
      to { transform: rotate(360deg); }
    }

    .op-filter-grid { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
    .op-input-group { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 180px; }
    .op-input-group label { font-size: .72rem; font-weight: 900; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; margin-left: 4px; }
    .op-input-icon { position: relative; width: 100%; }
    .op-input-icon i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: 1.15rem; pointer-events: none; z-index: 2; }
    .op-input-icon .input-padrao,
    .op-input-icon .select-padrao {
      height: 42px;
      min-height: 42px;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 42px !important;
      line-height: 1.2;
      display: block;
    }
    .op-input-icon .select-padrao {
      padding-right: 40px !important;
      appearance: auto;
    }
    .op-input-icon input[type="date"].input-padrao,
    .op-input-icon input[type="time"].input-padrao,
    .op-input-icon input[type="datetime-local"].input-padrao {
      line-height: normal;
    }

    /* Normaliza campos com icone usados por varios modulos.
       Cada modulo deve declarar uma altura/min-height para esses campos. */
    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) .input-padrao,
    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) .select-padrao {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      line-height: 1.2;
      display: block;
      box-sizing: border-box;
    }

    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) .select-padrao {
      padding-right: 40px !important;
    }

    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) input[type="date"].input-padrao,
    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) input[type="time"].input-padrao,
    body #app-content :is(
      .op-input-icon,
      .busca-input-icon,
      .chips-input-icon,
      .cli-input-icon,
      .colab-input-icon,
      .tec-input-icon,
      .user-input-icon,
      .users-input-icon
    ) input[type="datetime-local"].input-padrao {
      line-height: normal;
    }

    /* --------------------------------------------------------------------------
       HEADER COMPARTILHADO (ESCOPO POR CLASSE)
       Usar apenas nos modulos que adotarem explicitamente:
       - Saldo de chips
       - Historico de entradas
       - Historico de saidas
       - Auditoria de descarte
       -------------------------------------------------------------------------- */
    .qz-shared-module-head {
      --qz-head-accent: var(--qz-profile-primary, var(--cor-primaria));
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
      background: var(--cor-fundo-card, #fff);
      border: 1px solid var(--cor-borda, #e5e7eb);
      border-radius: var(--borda-arredondada-lg, 16px);
      border-top: 4px solid var(--qz-head-accent);
      box-shadow: var(--sombra-padrao, 0 14px 36px rgba(17, 24, 39, 0.07));
      flex-shrink: 0;
    }

    .qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .055), rgba(255, 255, 255, .92) 44%),
        var(--cor-fundo-card, #fff);
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18);
      border-top-color: var(--qz-head-accent);
    }

    html[data-qz-theme="dark"] .qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16), rgba(2, 11, 24, .18) 48%),
        var(--cor-fundo-card, #0d1f35);
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .28);
      border-top-color: var(--qz-head-accent);
      box-shadow: 0 22px 52px rgba(0, 0, 0, .34);
    }

    html[data-qz-theme="dark"] .qz-shared-module-head {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .12), rgba(2, 11, 24, .16) 48%),
        var(--cor-fundo-card, #0d1f35);
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .22);
      border-top-color: var(--qz-head-accent);
      box-shadow: 0 22px 52px rgba(0, 0, 0, .30);
    }

    html[data-qz-theme="dark"] .qz-shared-module-head__badge,
    html[data-qz-theme="dark"] .qz-shared-module-head .qz-head-badge {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .12);
      color: var(--text-soft);
    }

    html[data-qz-theme="dark"] .qz-shared-module-head.qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16), rgba(2, 11, 24, .18) 48%),
        var(--cor-fundo-card, #0d1f35);
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .28);
      border-top-color: var(--qz-head-accent);
    }

    .qz-shared-module-head__main {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .qz-shared-module-head .qz-head-main,
    .qz-shared-module-head__identity {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .qz-shared-module-head__text {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .qz-shared-module-head__title,
    .qz-shared-module-head .qz-head-title {
      margin: 0;
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--qz-head-accent);
      font-size: 1.15rem;
      font-weight: 800;
      line-height: 1.2;
    }

    .qz-shared-module-head__title i,
    .qz-shared-module-head .qz-head-title i {
      font-size: 1.1em;
      color: var(--qz-head-accent);
      flex: 0 0 auto;
    }

    .qz-shared-module-head__icon {
      width: 46px;
      height: 46px;
      aspect-ratio: 1 / 1;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      color: var(--qz-head-accent);
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .10);
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .16);
      font-size: 1.35rem;
    }

    .qz-shared-module-head__title-text,
    .qz-shared-module-head .qz-head-title {
      color: var(--qz-head-accent);
      font-size: 1.15rem;
      font-weight: 800;
      letter-spacing: 0;
      white-space: normal;
      word-break: break-word;
    }

    .qz-shared-module-head__subtitle,
    .qz-shared-module-head .qz-head-subtitle {
      margin: 0;
      color: var(--text-muted, #64748b);
      font-size: 0.9rem;
      font-weight: 500;
    }

    .qz-shared-module-head__badge,
    .qz-shared-module-head .qz-head-badge {
      width: fit-content;
      margin-top: 4px;
      padding: 4px 10px;
      border-radius: 999px;
      background: var(--qz-bg-surface-3);
      color: var(--text-muted, #64748b);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: none;
      white-space: nowrap;
      transition: var(--transicao-padrao);
    }

    .qz-shared-module-head__badge.paused,
    .qz-shared-module-head__badge.is-paused {
      background: #fff3e0;
      color: #e65100;
    }

    .qz-shared-module-head__actions,
    .qz-shared-module-head .qz-head-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
    }

    @media (max-width: 760px) {
      .qz-shared-module-head {
        align-items: flex-start;
        flex-direction: column;
      }

      .qz-shared-module-head__actions {
        width: 100%;
      }
    }

    /* ===== GALERIA GLOBAL DE ARQUIVOS/MIDIA ===== */
    #qzGlobalMediaGalleryModal { z-index: 20050 !important; }
    .qz-media-gallery-backdrop { z-index: 20040 !important; }
    .qz-media-gallery-modal .modal-dialog { max-width: min(1080px, calc(100vw - 32px)); }
    .qz-media-gallery-modal .modal-content {
      background: rgba(15, 23, 42, .62);
      backdrop-filter: blur(14px);
      border-radius: 18px;
      box-shadow: 0 24px 80px rgba(15, 23, 42, .35);
    }
    .qz-media-gallery-modal .modal-body { min-height: 260px; padding: 0 64px 56px; }
    .qz-media-gallery-modal .btn-close { filter: invert(1); }
    .qz-media-gallery-image {
      max-height: min(78vh, 760px);
      object-fit: contain;
      display: none;
      background: var(--qz-bg-surface);
    }
    .qz-media-gallery-modal.qz-media-gallery-modal--document .qz-media-gallery-image {
      background: #ffffff !important;
      padding: 16px;
      border-radius: 16px;
      box-shadow: 0 16px 40px rgba(15, 23, 42, .22);
    }
    .qz-media-gallery-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      width: 46px;
      height: 46px;
      border: 1px solid rgba(255,255,255,.26);
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: .18s ease;
    }
    .qz-media-gallery-nav:hover:not(:disabled) { background: rgba(255,255,255,.22); transform: translateY(-50%) scale(1.04); }
    .qz-media-gallery-nav:disabled { opacity: .35; cursor: not-allowed; }
    .qz-media-gallery-prev { left: 14px; }
    .qz-media-gallery-next { right: 14px; }
    .qz-media-gallery-counter {
      position: absolute;
      left: 50%;
      bottom: 16px;
      transform: translateX(-50%);
      color: #fff;
      background: rgba(15,23,42,.55);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 999px;
      padding: 6px 14px;
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .02em;
    }
    .qz-media-gallery-fallback {
      color: #fff;
      display: grid;
      place-items: center;
      gap: 14px;
      min-height: 260px;
    }
    .qz-media-gallery-file-icon {
      width: 72px;
      height: 72px;
      border-radius: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.20);
      font-size: 2rem;
    }
    .qz-media-gallery-file-title { font-weight: 900; font-size: 1.05rem; }
    @media (max-width: 768px) {
      .qz-media-gallery-modal .modal-body { padding: 0 52px 54px; }
      .qz-media-gallery-nav { width: 40px; height: 40px; }
    }

    .qz-tenant-context-banner {
      margin: 10px 16px 0 16px;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--qz-border);
      background: #fff7ed;
      color: #7c2d12;
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      position: sticky;
      top: calc(var(--header-height) + 8px);
      z-index: 1040;
      box-shadow: 0 8px 18px rgba(124, 45, 18, 0.12);
    }

    .qz-tenant-context-banner.is-active {
      display: flex;
    }

    .qz-tenant-context-banner__text {
      font-size: 0.88rem;
      font-weight: 700;
      line-height: 1.35;
      min-width: 0;
      white-space: normal;
      word-break: break-word;
    }

    .qz-tenant-context-banner__actions {
      display: flex;
      gap: 8px;
      align-items: center;
      flex: 0 0 auto;
    }

    .qz-tenant-context-banner__mode {
      font-size: 0.75rem;
      font-weight: 800;
      text-transform: uppercase;
      color: #9a3412;
      background: rgba(124, 45, 18, 0.1);
      border: 1px solid rgba(124, 45, 18, 0.22);
      border-radius: 999px;
      padding: 4px 10px;
      line-height: 1;
      white-space: nowrap;
    }

    .qz-tenant-context-banner__btn {
      border: 1px solid #9a3412;
      background: var(--qz-bg-surface);
      color: #9a3412;
      border-radius: 10px;
      padding: 7px 11px;
      font-weight: 800;
      font-size: 0.8rem;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      transition: var(--transicao-padrao);
    }

    .qz-tenant-context-banner__btn:hover {
      background: #ffedd5;
    }

    /* --------------------------------------------------------------------------
       RESET E ESTRUTURA BASE
       -------------------------------------------------------------------------- */
    * {
      box-sizing: border-box;
    }

    *::before,
    *::after {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      background-color: var(--cor-fundo-tela);
      font-family: 'Manrope', 'Inter', sans-serif;
      color: var(--text-main);
      line-height: 1.6;
      overflow-x: hidden;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    h1, h2, h3, h4, h5, h6, .fw-bold, .fw-bolder {
      letter-spacing: -0.02em;
    }

    /* ==================================================== */
    /* SCROLLBAR PREMIUM GLOBAL (Estilo Fino e Seguro) */
    html {
      scrollbar-width: thin;
      scrollbar-color: var(--scroll-thumb) transparent;
    }

    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-track {
      background: transparent;
    }

    ::-webkit-scrollbar-thumb {
      background-color: var(--scroll-thumb);
      border-radius: 10px;
      border: 2px solid transparent;
      background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: var(--scroll-thumb-hover);
      border: 2px solid transparent;
      background-clip: padding-box;
    }

    ::-webkit-scrollbar-corner {
      background: transparent;
    }

    /* ==================================================== */
    /* BLOQUEIO ANTI-PISCAR TELA (A página começa invisível) */
    html {
      opacity: 0;
      background: var(--cor-fundo-tela);
    }

    html.auth-ok {
      opacity: 1;
      transition: opacity 0.4s ease-in;
      background: var(--cor-fundo-tela);
    }

    /* ==================================================== */
    /* TELA DE CARREGAMENTO GLOBAL OTIMIZADA (VETOR SVG) */
    #global-loader {
      position: fixed;
      inset: 0;
      background: var(--cor-fundo-tela);
      z-index: 99999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: opacity 0.6s ease, visibility 0.6s ease;
    }

    .qzzar-loader-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
    }

    .loader-svg {
      width: 110px;
      height: 110px;
      filter: drop-shadow(0 6px 12px rgba(13, 71, 161, 0.15));
    }

    .draw-path {
      stroke-dasharray: 400;
      stroke-dashoffset: 400;
      animation: draw-circuit 2.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards infinite;
    }

    .draw-path-slow {
      stroke-dasharray: 400;
      stroke-dashoffset: 400;
      animation: draw-circuit 4.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards infinite;
    }

    @keyframes draw-circuit {
      0% {
        stroke-dashoffset: 400;
      }

      45%,
      100% {
        stroke-dashoffset: 0;
      }
    }

    .qzzar-loader-text {
      font-family: 'Manrope', sans-serif;
      font-weight: 900;
      letter-spacing: 4px;
      font-size: 1.4rem;
      text-transform: uppercase;
      animation: pulse-text 2.2s infinite;
      display: flex;
      gap: 6px;
    }

    .text-qzzar {
      background: linear-gradient(90deg, #143A7A 0%, #00C49A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .text-track {
      color: var(--cor-secundaria);
    }

    @keyframes pulse-text {

      0%,
      100% {
        opacity: 0.6;
      }

      50% {
        opacity: 1;
      }
    }

    /* ==================================================== */
    /* ===== Sidebar ===== */
    #sidebar-wrapper {
      width: var(--sidebar-width);
      height: 100vh;
      background: var(--qz-sidebar-bg);
      backdrop-filter: blur(16px) saturate(180%);
      -webkit-backdrop-filter: blur(16px) saturate(180%);
      border-right: 1px solid var(--menu-shell-border);
      position: fixed;
      z-index: 1000;
      transform: translate3d(calc(var(--sidebar-width) * -1), 0, 0);
      transition: transform var(--dur-slow) var(--ease-premium), width var(--dur-slow) var(--ease-premium);
      overflow-y: auto;
      overflow-x: hidden;
      box-shadow: var(--sombra-padrao);
      will-change: transform, width;
      contain: layout paint;
    }

    #page-content-wrapper {
      width: 100%;
      min-height: 100vh;
      padding-left: 0;
      transition: padding-left var(--dur-slow) var(--ease-premium);
      min-width: 0;
      display: flex;
      flex-direction: column;
      height: 100vh;
      overflow: hidden;
    }

    .brand-mini-icon {
      display: none;
      height: 44px;
      width: 44px;
      transition: transform 0.3s ease;
      filter: drop-shadow(0 4px 6px rgba(13, 71, 161, 0.10));
    }

    .brand-mini-icon:hover {
      transform: scale(1.08);
    }

    .menu-text {
      white-space: nowrap;
      transition: opacity var(--dur-fast) ease;
      opacity: 1;
    }

    /* COMPORTAMENTO MOBILE (Padrão) */
    body.sb-sidenav-toggled #sidebar-wrapper {
      transform: translate3d(0, 0, 0);
    }

    body.sb-sidenav-toggled #page-content-wrapper {
      padding-left: var(--sidebar-width);
    }

    /* COMPORTAMENTO DESKTOP (Mini Sidebar com Hover Estrutural) */
    @media (min-width: 768px) {
      body:not(.sb-sidenav-toggled) #sidebar-wrapper {
        transform: translate3d(0, 0, 0);
        width: var(--sidebar-mini-width);
      }

      body:not(.sb-sidenav-toggled) #page-content-wrapper {
        padding-left: var(--sidebar-mini-width);
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:hover {
        width: var(--sidebar-width);
        box-shadow: var(--sombra-padrao);
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:hover~#page-content-wrapper {
        padding-left: var(--sidebar-width);
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .brand-logo {
        display: none !important;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .brand-mini-icon {
        display: block !important;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) #active-indicator {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: none !important;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .menu-text,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .chev,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .sub-chev {
        opacity: 0;
        pointer-events: none;
        position: absolute;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .group-toggle,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .sub-toggle,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .menu-item {
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .group-title,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .sub-title {
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .group-title i,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .sub-title i,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .menu-item i {
        margin: 0 !important;
        font-size: 1.35rem;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .group-toggle::before,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .sub-toggle::before {
        display: none;
      }

      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .submenu,
      body:not(.sb-sidenav-toggled) #sidebar-wrapper:not(:hover) .submenu2 {
        display: none !important;
      }
    }

    #overlay {
      position: fixed;
      inset: 0;
      background: rgba(17, 24, 39, .40);
      z-index: 900;
      display: none;
      backdrop-filter: blur(2px);
    }

    @media (max-width:768px) {
      body.sb-sidenav-toggled #page-content-wrapper {
        padding-left: 0;
      }

      body.sb-sidenav-toggled #overlay {
        display: block;
      }
    }

    /* ===== Header ===== */
    .navbar {
      min-height: var(--header-height);
      padding-top: 8px;
      padding-bottom: 8px;
      background: var(--qz-navbar-bg) !important;
      backdrop-filter: blur(16px) saturate(180%);
      -webkit-backdrop-filter: blur(16px) saturate(180%);
      border-bottom: 1px solid var(--cor-borda) !important;
      box-shadow: var(--shadow-header);
      position: sticky;
      top: 0;
      z-index: 1050;
    }

    .sidebar-heading {
      position: sticky;
      top: 0;
      background: var(--qz-sidebar-bg);
      z-index: 5;
      border-bottom: 1px solid var(--menu-shell-border) !important;
    }

    .brand-logo {
      height: 56px;
      width: auto;
      object-fit: contain;
      padding: 8px 0;
    }

    /* ===== Top icons ===== */
    .top-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .top-ico-btn {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      border: 1px solid var(--cor-borda);
      background: var(--qz-top-icon-bg);
      box-shadow: 0 10px 20px rgba(17, 24, 39, .06);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer;
      transition: transform var(--dur-fast) var(--ease-soft),
        box-shadow var(--dur-fast) var(--ease-soft),
        border-color var(--dur-fast) ease,
        background var(--dur-fast) ease;
      user-select: none;
    }

    .top-ico-btn:hover {
      transform: translateY(-1px);
      box-shadow: var(--sombra-hover);
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .34);
      background: var(--qz-top-icon-bg-hover);
    }

    .top-ico-btn:active {
      transform: translateY(0) scale(.98);
      box-shadow: 0 18px 38px rgba(17, 24, 39, .12);
    }

    .top-ico-btn i {
      font-size: 1.15rem;
      color: var(--text-main);
      filter: drop-shadow(0 10px 18px rgba(13, 71, 161, .12));
    }

    .top-ico-btn i.text-danger {
      color: var(--cor-erro) !important;
    }

    .top-ico-btn.is-disabled,
    .top-ico-btn:disabled {
      opacity: .42;
      cursor: not-allowed;
      pointer-events: none;
      box-shadow: none;
      transform: none;
      border-color: var(--cor-borda);
      background: var(--qz-top-icon-bg);
    }

    .top-ico-btn.is-disabled:hover,
    .top-ico-btn:disabled:hover,
    .top-ico-btn.is-disabled:active,
    .top-ico-btn:disabled:active {
      transform: none;
      box-shadow: none;
      border-color: var(--cor-borda);
      background: var(--qz-top-icon-bg);
    }

    .qz-theme-toggle {
      border-color: rgba(18, 185, 243, .24);
    }

    .qz-theme-toggle i {
      color: var(--qz-brand-cyan);
    }

    html[data-qz-theme="dark"] .qz-theme-toggle {
      border-color: rgba(228, 29, 61, .32);
      background:
        radial-gradient(circle at 25% 20%, rgba(18, 185, 243, .18), transparent 34%),
        linear-gradient(135deg, rgba(6, 27, 51, .96), rgba(2, 11, 24, .96));
      box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
    }

    html[data-qz-theme="dark"] .qz-theme-toggle i {
      color: var(--qz-brand-red);
    }

    .top-badge {
      position: absolute;
      top: -6px;
      right: -6px;
      min-width: 18px;
      height: 18px;
      padding: 0 6px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--cor-primaria), #1976d2);
      color: #fff;
      font-size: 10px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid rgba(255, 255, 255, .9);
      box-shadow: 0 10px 20px rgba(13, 71, 161, .25);
      pointer-events: none;
    }

    /* ===== Saudação ===== */
    .header-welcome {
      min-width: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      line-height: 1.05;
      margin-left: 2px;
    }

    .header-welcome-label {
      font-size: .74rem;
      font-weight: 700;
      color: var(--text-muted);
      letter-spacing: .02em;
      margin-bottom: 2px;
    }

    .header-welcome-name {
      font-size: 1rem;
      font-weight: 800;
      color: var(--text-main);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 320px;
    }

    /* ===== User Dropdown Styling ===== */
    .user-avatar-btn {
      cursor: pointer;
      transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .user-avatar-btn:hover {
      transform: scale(1.05);
    }

    .dropdown-menu {
      z-index: 10000 !important;
      background: var(--cor-fundo-card);
      border: 1px solid var(--cor-borda) !important;
      color: var(--text-main);
      box-shadow: var(--sombra-padrao);
    }

    .dropdown-item {
      color: var(--text-main);
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
      background: var(--hover-bg);
      color: var(--text-main);
    }

    .dropdown-divider {
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .text-muted {
      color: var(--text-muted) !important;
    }

    html[data-qz-theme="dark"] .text-dark {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] .bg-white {
      background-color: var(--cor-fundo-card) !important;
    }

    html[data-qz-theme="dark"] .text-primary {
      color: var(--qz-brand-cyan) !important;
    }

    html[data-qz-theme="dark"] .card,
    html[data-qz-theme="dark"] .modal-content,
    html[data-qz-theme="dark"] .offcanvas,
    html[data-qz-theme="dark"] .toast {
      background-color: var(--cor-fundo-card);
      color: var(--text-main);
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .modal-header,
    html[data-qz-theme="dark"] .modal-footer,
    html[data-qz-theme="dark"] .card-header,
    html[data-qz-theme="dark"] .card-footer {
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .form-control,
    html[data-qz-theme="dark"] .form-select,
    html[data-qz-theme="dark"] textarea,
    html[data-qz-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    html[data-qz-theme="dark"] select {
      background-color: var(--cor-input-bg);
      color: var(--text-main);
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .form-control::placeholder,
    html[data-qz-theme="dark"] input::placeholder,
    html[data-qz-theme="dark"] textarea::placeholder {
      color: rgba(159, 180, 205, .78);
    }

    html[data-qz-theme="dark"] .form-control:disabled,
    html[data-qz-theme="dark"] .form-control[readonly],
    html[data-qz-theme="dark"] input:disabled,
    html[data-qz-theme="dark"] select:disabled,
    html[data-qz-theme="dark"] textarea:disabled {
      background-color: var(--cor-input-disabled);
      color: var(--text-muted);
      opacity: 1;
    }

    html[data-qz-theme="dark"] .input-group-text {
      background-color: var(--cor-input-disabled);
      color: var(--text-soft);
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .btn-outline-secondary,
    html[data-qz-theme="dark"] .btn-outline-dark {
      background: rgba(255, 255, 255, .025);
      border-color: var(--cor-borda);
      color: var(--text-soft);
    }

    html[data-qz-theme="dark"] .btn-outline-secondary:hover,
    html[data-qz-theme="dark"] .btn-outline-dark:hover {
      background: rgba(18, 185, 243, .12);
      border-color: rgba(18, 185, 243, .42);
      color: var(--text-main);
    }

    html[data-qz-theme="dark"] .table {
      --bs-table-bg: transparent;
      --bs-table-color: var(--text-main);
      --bs-table-border-color: var(--cor-borda);
      --bs-table-striped-bg: rgba(255, 255, 255, .025);
      --bs-table-hover-bg: rgba(18, 185, 243, .07);
      color: var(--text-main);
      border-color: var(--cor-borda);
    }

    html[data-qz-theme="dark"] .table thead,
    html[data-qz-theme="dark"] .table-light {
      --bs-table-bg: var(--qz-table-head-bg);
      --bs-table-color: var(--text-soft);
    }

    html[data-qz-theme="dark"] .list-group-item {
      background-color: var(--cor-fundo-card);
      color: var(--text-main);
      border-color: var(--cor-borda);
    }

    /* ===== Qzzar Design System Global ===== */
    body,
    #page-content-wrapper,
    #app-content {
      background: var(--qz-bg-page);
      color: var(--qz-text);
    }

    .qz-surface,
    .qz-card,
    .qz-panel,
    .card-padrao,
    .module-card,
    .kpi-card,
    .qz-kpi,
    .metric-card,
    .info-card,
    .stat-card,
    .table-card,
    .filter-card,
    .form-card,
    .summary-card {
      background: var(--qz-bg-surface);
      color: var(--qz-text);
      border: 1px solid var(--qz-border);
      box-shadow: var(--qz-surface-shadow);
    }

    .qz-elevated,
    .qz-drawer,
    .drawer,
    .offcanvas,
    .modal-content,
    .dropdown-menu,
    .toast,
    .view-toast {
      background: var(--qz-bg-elevated);
      color: var(--qz-text);
      border-color: var(--qz-border);
      box-shadow: var(--qz-surface-shadow);
    }

    .qz-muted-surface,
    .table-footer,
    .footer-bar,
    .card-footer,
    .modal-footer,
    .drawer-ftr,
    .offcanvas-footer,
    .qz-toolbar,
    .qz-filter-row {
      background: var(--qz-bg-surface-2);
      color: var(--qz-text);
      border-color: var(--qz-border);
    }

    .qz-title,
    .card-title,
    .modal-title,
    .offcanvas-title,
    .drawer-title,
    .section-title,
    .header-title,
    .view-header-title,
    .cell-primary {
      color: var(--qz-text);
    }

    .qz-subtitle,
    .qz-muted,
    .card-subtitle,
    .section-subtitle,
    .help-text,
    .hint,
    .page-info,
    .form-text {
      color: var(--qz-text-muted);
    }

    .qz-input,
    .input-padrao,
    .select-padrao,
    .textarea-padrao,
    .form-control,
    .form-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select {
      background-color: var(--qz-input-bg);
      color: var(--qz-text);
      border-color: var(--qz-input-border);
    }

    .qz-input:focus,
    .input-padrao:focus,
    .select-padrao:focus,
    .textarea-padrao:focus,
    .form-control:focus,
    .form-select:focus,
    textarea:focus,
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
    select:focus {
      background-color: var(--qz-input-bg-focus);
      color: var(--qz-text);
      border-color: var(--cor-primaria);
      box-shadow: 0 0 0 4px var(--qz-focus-ring);
      outline: none;
    }

    .qz-input::placeholder,
    .input-padrao::placeholder,
    .textarea-padrao::placeholder,
    .form-control::placeholder,
    textarea::placeholder,
    input::placeholder {
      color: var(--qz-input-placeholder);
    }

    .input-group-text,
    .op-input-icon,
    .input-icon,
    .field-icon {
      background: var(--qz-bg-surface-2);
      color: var(--qz-text-muted);
      border-color: var(--qz-border);
    }

    .tabela-container,
    .table-wrapper,
    .table-responsive,
    .qz-table-wrap {
      background: var(--qz-bg-surface);
      border-color: var(--qz-border);
      color: var(--qz-text);
    }

    .tabela-mestra,
    .qz-table,
    .hd-table,
    .table {
      color: var(--qz-text);
      border-color: var(--qz-border);
    }

    .tabela-mestra th,
    .qz-table th,
    .hd-table th,
    .table thead th,
    .table-light {
      background: var(--qz-table-head-bg) !important;
      color: var(--qz-text-soft) !important;
      border-color: var(--qz-border) !important;
    }

    .tabela-mestra td,
    .qz-table td,
    .hd-table td,
    .table td {
      color: var(--qz-text-soft);
      border-color: var(--qz-border);
    }

    .tabela-mestra tbody tr,
    .qz-table tbody tr,
    .hd-table tbody tr {
      background: var(--qz-bg-surface);
    }

    .tabela-mestra tbody tr:nth-child(even),
    .qz-table tbody tr:nth-child(even),
    .hd-table tbody tr:nth-child(even) {
      background: var(--qz-table-row-even);
    }

    .tabela-mestra tbody tr:hover,
    .qz-table tbody tr:hover,
    .hd-table tbody tr:hover {
      background: var(--qz-table-row-hover);
    }

    .action-col,
    .sticky-col,
    .col-action,
    .actions-col {
      background: var(--qz-bg-surface-2) !important;
      color: var(--qz-text) !important;
      border-color: var(--qz-border) !important;
    }

    .status-badge,
    .qz-badge,
    .badge-soft,
    .qz-pill {
      background: var(--qz-status-info-bg);
      color: var(--qz-status-info-text);
      border: 1px solid color-mix(in srgb, var(--qz-status-info-text) 34%, transparent);
    }

    .status-success,
    .badge-success,
    .st-concluido,
    .st-aceito,
    .qz-badge-success {
      background: var(--qz-status-success-bg) !important;
      color: var(--qz-status-success-text) !important;
      border-color: color-mix(in srgb, var(--qz-status-success-text) 34%, transparent) !important;
    }

    .status-warning,
    .badge-warning,
    .st-andamento,
    .st-aguardando,
    .qz-badge-warning {
      background: var(--qz-status-warning-bg) !important;
      color: var(--qz-status-warning-text) !important;
      border-color: color-mix(in srgb, var(--qz-status-warning-text) 34%, transparent) !important;
    }

    .status-danger,
    .badge-danger,
    .st-pendente,
    .st-recusado,
    .qz-badge-danger {
      background: var(--qz-status-danger-bg) !important;
      color: var(--qz-status-danger-text) !important;
      border-color: color-mix(in srgb, var(--qz-status-danger-text) 34%, transparent) !important;
    }

    .qz-btn,
    .btn-soft,
    .btn-secondary,
    .btn-outline-secondary,
    .btn-outline-dark,
    .btn.border,
    .btn-ico,
    .btn-icon,
    .op-btn-ico,
    .btn-xs {
      background: var(--qz-bg-surface-2);
      color: var(--qz-text-soft);
      border-color: var(--qz-border);
    }

    .qz-btn:hover,
    .btn-soft:hover,
    .btn-secondary:hover,
    .btn-outline-secondary:hover,
    .btn-outline-dark:hover,
    .btn.border:hover,
    .btn-ico:hover,
    .btn-icon:hover,
    .op-btn-ico:hover,
    .btn-xs:hover {
      background: var(--hover-bg);
      color: var(--qz-text);
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .38);
    }

    .skeleton-box,
    .qz-skeleton,
    .hd-skeleton {
      background: linear-gradient(90deg, rgba(148, 163, 184, .12), rgba(148, 163, 184, .24), rgba(148, 163, 184, .12));
      background-size: 200% 100%;
    }

    .modal-backdrop,
    .offcanvas-backdrop,
    .qz-drawer-overlay,
    .drawer-overlay,
    .backdrop {
      background-color: var(--qz-bg-overlay);
    }

    html[data-qz-theme="dark"] #app-content :is(.bg-white, .bg-light, .p-3.bg-white, .list-group-item) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--qz-text) !important;
      border-color: var(--qz-border) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(
      [style*="background:#fff"],
      [style*="background: #fff"],
      [style*="background-color:#fff"],
      [style*="background-color: #fff"],
      [style*="background:#f8"],
      [style*="background: #f8"],
      [style*="background:#ff"],
      [style*="background: #ff"]
    ) {
      background: var(--qz-bg-surface-2) !important;
      color: var(--qz-text) !important;
      border-color: var(--qz-border) !important;
    }

    html[data-qz-theme="dark"] #app-content :is([style*="color:#111827"], [style*="color: #111827"], [style*="color:#0f172a"], [style*="color: #0f172a"], [style*="color:#111"], [style*="color: #111"], [style*="color:#000"], [style*="color: #000"]) {
      color: var(--qz-text) !important;
    }

    html[data-qz-theme="dark"] #app-content :is([style*="color:#64748b"], [style*="color: #64748b"], [style*="color:#6b7280"], [style*="color: #6b7280"]) {
      color: var(--qz-text-muted) !important;
    }

    /* ===== Tema escuro: módulos de Pessoas ===== */
    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) {
      color: var(--text-main);
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.card-padrao, .tabela-container, .right-panel > .card-padrao, .view-toast, .toast, .drawer-hdr, .drawer-ftr) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.input-padrao, .select-padrao, .textarea-padrao, input, select, textarea) {
      background-color: var(--cor-input-bg) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.input-padrao, .select-padrao, .textarea-padrao, input, textarea)::placeholder {
      color: rgba(159, 180, 205, .78) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.header-title, .view-header-title, .cell-primary, .c-title, .drawer-hdr h3, .t-title, .level-val, .m-v, .c-v, label) {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.check-sub, .c-sub, .c-k, .m-k, .t-msg, small, .text-muted, .level-item small) {
      color: var(--text-muted) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.tabela-mestra, .tabela-mestra th, .tabela-mestra td, .level-item, .table-footer, .c-actions, .drawer-hdr, .drawer-ftr, .meta-grid > div) {
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.tabela-mestra thead th, .tabela-mestra th.action-col, .action-col) {
      background: var(--qz-table-head-bg) !important;
      color: var(--text-soft) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.tabela-mestra tbody tr, .card-item) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.tabela-mestra tbody tr:hover, .view-tab-btn:hover, .btn-ico:hover, .btn-icon:hover) {
      background: var(--hover-bg) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.view-tab-btn, .btn-ico, .btn-icon, .btn-soft, .btn-soft-cancel, .btn.border.bg-white, .btn.border.text-muted.bg-white) {
      background: rgba(255, 255, 255, .035) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.view-tab-btn.active, .edit-badge) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16) !important;
      color: var(--qz-brand-cyan) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .38) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(#view-overlay, #loadingOverlay, .loading-overlay) {
      background: rgba(2, 11, 24, .76) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root #cli-drawer,
      #mod-view-colab #colab-drawer,
      #mod-view-user #user-drawer,
      #mod-view-tec #tec-drawer
    ) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-left: 1px solid var(--cor-borda);
    }

    html[data-qz-theme="dark"] :is(#cli-overlay, #colab-overlay, #users-overlay, #tec-overlay) {
      background: rgba(2, 11, 24, .76) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.toast.ok, .view-toast.ok) {
      background: rgba(0, 196, 154, .14) !important;
      border-color: rgba(0, 196, 154, .32) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.toast.warn, .view-toast.warn) {
      background: rgba(255, 196, 87, .14) !important;
      border-color: rgba(255, 196, 87, .34) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-cli,
      #mod-colab,
      #mod-users,
      #mod-tec,
      #mod-clientes-root,
      #mod-view-cli,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.toast.err, .view-toast.err) {
      background: rgba(255, 71, 87, .14) !important;
      border-color: rgba(255, 71, 87, .34) !important;
    }

    /* ===== Tema escuro: módulos de Operação de Campo ===== */
    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) {
      color: var(--text-main);
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .card,
      .card-padrao,
      .qz-card,
      .hd-card,
      .qz-kpi,
      .hd-kpi,
      .content,
      .queue,
      .queue-body,
      .info-box,
      .switch-row,
      .qitem,
      .card-item,
      .finalize-card,
      .qz-info-card,
      .tabela-container,
      .table-responsive,
      .qz-card-hd,
      .qz-card-bd,
      .hd-card-hd,
      .hd-card-bd,
      .qz-table,
      .hd-table,
      .qz-mini-table,
      .qz-chip,
      .hd-chip,
      .qz-badge,
      .hd-badge,
      .quid,
      .public-badge,
      .anexo-card,
      .anexo-thumb,
      .anexo-thumbnail,
      .qz-skeleton,
      .hd-skeleton,
      .view-toast,
      .toast,
      .empty-state,
      .footer,
      .offcanvas,
      .offcanvas-header,
      .offcanvas-body
    ) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(#hdm-modal-manage, #hdm-modal-close) :is(
      .modal-content,
      .modal-header,
      .modal-body,
      .modal-footer,
      .qz-card,
      .qz-chip,
      .qz-pill
    ) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .form-control,
      .form-select,
      .input-padrao,
      .select-padrao,
      .textarea-padrao,
      .input-wrap,
      .finalize-readonly,
      input,
      select,
      textarea
    ) {
      background-color: var(--cor-input-bg) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(#hdm-modal-manage, #hdm-modal-close) :is(.form-control, .form-select, input, select, textarea) {
      background-color: var(--cor-input-bg) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(input, textarea, .form-control, .input-padrao, .textarea-padrao)::placeholder {
      color: rgba(159, 180, 205, .78) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .card-title,
      .op-header-title,
      .qz-card-hd,
      .hd-card-hd,
      .qz-card-hd p,
      .hd-card-hd p,
      .qz-client-name,
      .qtitle,
      .c-title,
      .cell-primary,
      .s-value,
      .n,
      .qz-kpi .n,
      .hd-kpi .n,
      .fw-bold,
      .text-dark,
      h1, h2, h3, h4, h5, h6,
      label
    ) {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .text-muted,
      .qz-muted,
      .hd-muted,
      .qsub,
      .qmeta,
      .c-sub,
      .qz-help,
      .hd-small,
      .qz-small,
      .s-label,
      .l,
      .qz-kpi .l,
      .hd-kpi .l,
      small,
      .page-info
    ) {
      color: var(--text-muted) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      table,
      th,
      td,
      .qz-mini-table,
      .tabela-mestra,
      .tabela-mestra th,
      .tabela-mestra td,
      .table-wrap,
      .qz-card-hd,
      .qz-card-bd,
      .hd-card-hd,
      .hd-card-bd,
      .queue-head,
      .c-actions,
      .footer,
      .border,
      .border-bottom,
      .border-top
    ) {
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #view-os,
      #avisosmod,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      th,
      thead,
      .qz-table th,
      .hd-table th,
      .tabela-mestra thead th,
      .tabela-mestra th.action-col,
      .action-col,
      .qz-mini-table thead th
    ) {
      background: var(--qz-table-head-bg) !important;
      color: var(--text-soft) !important;
    }

    html[data-qz-theme="dark"] :is(
      #view-os,
      #avisosmod,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(tbody tr, .tabela-mestra tbody tr) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.qz-table tr, .hd-table tr, .qz-mini-table tr) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #view-os,
      #avisosmod,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(tbody tr:hover, .tabela-mestra tbody tr:hover, .qitem:hover, .qz-kpi:hover, .hd-kpi:hover, .btn-qz-soft:hover, .op-btn-ico:hover) {
      background: var(--hover-bg) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .btn-secondary,
      .btn-light,
      .btn-outline-secondary,
      .btn-qz-soft,
      .op-btn-ico,
      .icon-btn,
      .pencil-btn,
      .btn.border.bg-white,
      .btn.border.text-muted,
      .page-link,
      .hd-actions .btn,
      .qz-actions .btn,
      .qz-mini,
      .finalize-upload,
      .finalize-signature,
      .finalize-signature button
    ) {
      background: rgba(255, 255, 255, .04) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.qz-tab, .view-tab-btn, .nav-link) {
      background: rgba(255, 255, 255, .035) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.qz-tab.active, .nav-link.active) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .18) !important;
      color: var(--qz-brand-cyan) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .38) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.bg-white, .p-3.bg-white, .bg-light) {
      background: rgba(255, 255, 255, .04) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(
      .qz-kpi.active,
      .hd-kpi.active,
      .qitem.editing,
      .status-edit,
      .secret-sync-badge
    ) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .14) !important;
      color: var(--qz-brand-cyan) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .36) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.qz-skeleton, .hd-skeleton) {
      background: linear-gradient(90deg, rgba(159, 180, 205, .08), rgba(159, 180, 205, .18), rgba(159, 180, 205, .08)) !important;
      background-size: 200% 100% !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.badge.bg-light, .cat-tag, .hd-pill, .status-badge) {
      background: rgba(255, 255, 255, .055) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.st-open, .status-new, .st-concluido, .badge-low) {
      background: rgba(0, 196, 154, .14) !important;
      color: #57e4c3 !important;
      border-color: rgba(0, 196, 154, .32) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.st-work, .st-agendado, .btn-view, .btn-share) {
      background: rgba(18, 185, 243, .13) !important;
      color: #7ddcff !important;
      border-color: rgba(18, 185, 243, .32) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.st-wait, .st-andamento, .badge-medium, .view-toast.warn) {
      background: rgba(255, 196, 87, .14) !important;
      color: #ffd37a !important;
      border-color: rgba(255, 196, 87, .34) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.st-pendente, .btn-archive, .badge-high, .view-toast.err) {
      background: rgba(255, 71, 87, .14) !important;
      color: #ff8a98 !important;
      border-color: rgba(255, 71, 87, .34) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.st-arquivado, .btn-react) {
      background: rgba(159, 180, 205, .10) !important;
      color: var(--text-soft) !important;
      border-color: rgba(159, 180, 205, .26) !important;
    }

    html[data-qz-theme="dark"] #view-overlay,
    html[data-qz-theme="dark"] #os-overlay,
    html[data-qz-theme="dark"] :is(#mod-os, #view-os, #finalize-os-root) .loading-overlay {
      background: rgba(2, 11, 24, .78) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.toast.ok, .view-toast.ok) {
      background: rgba(0, 196, 154, .14) !important;
      border-color: rgba(0, 196, 154, .32) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.toast.warn, .view-toast.warn) {
      background: rgba(255, 196, 87, .14) !important;
      border-color: rgba(255, 196, 87, .34) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-os,
      #view-os,
      #avisosmod,
      #finalize-os-root,
      #mod-hd-open,
      #mod-hd-manage,
      #mod-hd3,
      #mod-hd-global
    ) :is(.toast.err, .view-toast.err) {
      background: rgba(255, 71, 87, .14) !important;
      border-color: rgba(255, 71, 87, .34) !important;
    }

    /* Gerenciamento de OS usa root próprio (#mod-os-root). */
    html[data-qz-theme="dark"] #mod-os-root {
      color: var(--text-main);
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .card-padrao,
      .tabela-container,
      .table-wrapper,
      .cards-wrapper,
      .card-item,
      .view-os-right > .card-padrao,
      .footer-bar,
      .offcanvas,
      .offcanvas-header,
      .offcanvas-body,
      .view-toast,
      .anexo-card,
      .anexo-thumb,
      .anexo-thumbnail
    ) {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .input-padrao,
      .select-padrao,
      .op-input-icon,
      input,
      select,
      textarea
    ) {
      background-color: var(--cor-input-bg) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(input, textarea)::placeholder {
      color: rgba(159, 180, 205, .78) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .op-header-title,
      .op-header-title span,
      .fw-bold,
      .text-dark,
      .cell-primary,
      .c-title,
      .view-toast .t-title,
      h1, h2, h3, h4, h5, h6,
      label
    ) {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .text-muted,
      .c-sub,
      .page-info,
      .view-toast .t-msg,
      small
    ) {
      color: var(--text-muted) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .op-header-title i,
    html[data-qz-theme="dark"] #mod-os-root .text-primary {
      color: var(--qz-brand-cyan) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .tabela-mestra,
      .tabela-mestra th,
      .tabela-mestra td,
      .action-col,
      .c-actions,
      .border,
      .border-bottom,
      .border-top
    ) {
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra thead th {
      background: var(--qz-table-head-bg) !important;
      color: var(--text-soft) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr,
    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody td {
      background: var(--cor-fundo-card) !important;
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr:nth-child(even),
    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr:nth-child(even) td {
      background: var(--qz-table-row-even) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr:hover,
    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr:hover td,
    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra tbody tr:hover .action-col {
      background: var(--qz-table-row-hover) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra th.action-col,
    html[data-qz-theme="dark"] #mod-os-root .tabela-mestra td.action-col,
    html[data-qz-theme="dark"] #mod-os-root .action-col {
      background: #0a1a2d !important;
      color: var(--text-main) !important;
      border-left-color: var(--cor-borda) !important;
      box-shadow: -10px 0 18px rgba(0, 0, 0, .14);
    }

    html[data-qz-theme="dark"] #mod-os-root .footer-bar {
      border-top: 1px solid var(--cor-borda) !important;
      background: #0a1a2d !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(
      .op-tab-btn,
      .op-btn-ico,
      .btn.border.bg-white,
      .btn-xs,
      .btn-page
    ) {
      background: rgba(255, 255, 255, .04) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(.op-tab-btn.active, .btn-page.active) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16) !important;
      color: var(--qz-brand-cyan) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .36) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(.op-tab-btn:hover, .op-btn-ico:hover, .btn-xs:hover, .btn-page:hover) {
      background: var(--hover-bg) !important;
      color: var(--qz-brand-cyan) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root :is(.badge.bg-light) {
      background: rgba(255, 255, 255, .06) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .st-agendado {
      background: rgba(14,165,233,.17) !important; color: #38bdf8 !important; border-color: rgba(56,189,248,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-andamento {
      background: rgba(245,158,11,.17) !important; color: #fbbf24 !important; border-color: rgba(251,191,36,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-pendente {
      background: rgba(244,63,94,.17) !important; color: #fb7185 !important; border-color: rgba(251,113,133,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-concluido {
      background: rgba(16,185,129,.17) !important; color: #34d399 !important; border-color: rgba(52,211,153,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-impedida {
      background: rgba(249,115,22,.17) !important; color: #fb923c !important; border-color: rgba(251,146,60,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-cancelado {
      background: rgba(220,38,38,.17) !important; color: #f87171 !important; border-color: rgba(248,113,113,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-arquivado {
      background: rgba(100,116,139,.15) !important; color: #94a3b8 !important; border-color: rgba(148,163,184,.33) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .st-reaberto {
      background: rgba(139,92,246,.18) !important; color: #a78bfa !important; border-color: rgba(167,139,250,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .sit-aceito {
      background: rgba(20,184,166,.17) !important; color: #2dd4bf !important; border-color: rgba(45,212,191,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .sit-aguardando {
      background: rgba(99,102,241,.17) !important; color: #818cf8 !important; border-color: rgba(129,140,248,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .sit-recusado {
      background: rgba(244,63,94,.17) !important; color: #fb7185 !important; border-color: rgba(251,113,133,.44) !important;
    }
    html[data-qz-theme="dark"] #mod-os-root .sit-desconhecido {
      background: rgba(148,163,184,.13) !important; color: #94a3b8 !important; border-color: rgba(148,163,184,.30) !important;
    }

    html[data-qz-theme="dark"] #mod-os-root .cell-money {
      color: #57e4c3 !important;
    }

    html[data-qz-theme="dark"] #mod-os-root #view-overlay {
      background: rgba(2, 11, 24, .78) !important;
      color: var(--text-main) !important;
    }

    .user-avatar-letter {
      font-weight: 900;
      font-size: 1rem;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .02em;
      user-select: none;
    }

    .user-card-avatar {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--cor-primaria), #1976d2);
      color: #fff;
      box-shadow: 0 10px 20px rgba(13, 71, 161, 0.18);
      flex: 0 0 42px;
    }

    .user-card-meta {
      min-width: 0;
    }

    .user-card-meta .user-name {
      font-size: .95rem;
      font-weight: 800;
      color: var(--text-main);
      line-height: 1.15;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .user-card-meta .user-role,
    .user-card-meta .user-email {
      font-size: .82rem;
      color: var(--text-muted);
      line-height: 1.25;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    @media (max-width: 576px) {
      .header-welcome {
        max-width: 145px;
      }

      .header-welcome-label {
        display: none;
      }

      .header-welcome-name {
        font-size: .92rem;
        max-width: 145px;
      }
    }

    /* ===== Menu wrapper + indicador ===== */
    .menu-wrap {
      position: relative;
      padding: 14px 10px 28px 10px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    #active-indicator {
      position: absolute;
      left: 8px;
      width: 3px;
      border-radius: 999px;
      background: var(--cor-primaria);
      opacity: 0;
      transform: translate3d(0, 0, 0);
      transition: transform var(--dur-mid) var(--ease-premium),
        opacity var(--dur-fast) ease,
        height var(--dur-mid) ease,
        background-color var(--dur-fast) ease;
      box-shadow: 0 10px 26px var(--ring);
      pointer-events: none;
      will-change: transform, height;
    }

    /* Paletas por grupo */
    .menu-group[data-group="estrategia"] {
      --g: var(--cor-primaria);
      --gs: rgba(13, 71, 161, .14);
      --gr: rgba(13, 71, 161, .20);
    }

    .menu-group[data-group="comercial"] {
      --g: #0f766e;
      --gs: rgba(15, 118, 110, .14);
      --gr: rgba(15, 118, 110, .20);
    }

    .menu-group[data-group="campo"] {
      --g: #9a3412;
      --gs: rgba(154, 52, 18, .14);
      --gr: rgba(154, 52, 18, .20);
    }

    .menu-group[data-group="logistica"] {
      --g: #7e22ce;
      --gs: rgba(126, 34, 206, .14);
      --gr: rgba(126, 34, 206, .20);
    }

    .menu-group[data-group="sistema"] {
      --g: var(--cor-secundaria);
      --gs: rgba(51, 65, 85, .14);
      --gr: rgba(51, 65, 85, .20);
    }

    .menu-group[data-group="financeiro"] {
      --g: #a16207;
      --gs: rgba(161, 98, 7, .14);
      --gr: rgba(161, 98, 7, .20);
    }

    .menu-group[data-group="superadmin"] {
      --g: #4338ca;
      --gs: rgba(67, 56, 202, .14);
      --gr: rgba(67, 56, 202, .20);
    }

    .menu-group {
      border: 0;
      background: transparent;
      border-radius: 14px;
      padding: 0;
      margin-bottom: 0;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      contain: layout paint;
    }

    .group-toggle {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid transparent;
      cursor: pointer;
      user-select: none;
      transition: background-color var(--dur-fast) ease,
        border-color var(--dur-fast) ease,
        transform var(--dur-fast) var(--ease-soft),
        box-shadow var(--dur-fast) ease;
      color: var(--qz-text);
      font-weight: 700;
      letter-spacing: 0;
      position: relative;
      overflow: hidden;
    }

    .group-toggle::before {
      content: "";
      position: absolute;
      left: 6px;
      top: 16%;
      width: 3px;
      height: 68%;
      border-radius: 999px;
      transform: scaleY(.2);
      transform-origin: center;
      background: var(--g);
      box-shadow: 0 8px 18px var(--gr);
      opacity: 0;
      transition: opacity var(--dur-fast) ease, transform var(--dur-mid) var(--ease-premium);
    }

    .group-title {
      display: flex;
      align-items: center;
      gap: 11px;
      font-size: 1.05rem;
      padding-left: 4px;
    }

    .group-title i {
      color: var(--g);
      transition: color var(--dur-fast) ease, transform var(--dur-fast) ease;
      font-size: 1.16rem;
    }

    .group-toggle:hover {
      background: color-mix(in srgb, var(--g) 9%, white);
      border-color: color-mix(in srgb, var(--g) 18%, rgba(203, 213, 225, .55));
      transform: translateY(-1px);
      box-shadow: 0 8px 16px color-mix(in srgb, var(--g) 8%, rgba(15, 23, 42, .08));
    }

    .menu-group.open>.group-toggle {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
    }

    .menu-group.open>.group-toggle::before {
      opacity: 1;
      transform: scaleY(1);
    }

    .group-toggle:focus-visible,
    .sub-toggle:focus-visible,
    .menu-item:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--g, var(--cor-primaria)) 45%, #93c5fd);
      outline-offset: 2px;
    }

    .chev {
      transition: transform var(--dur-mid) var(--ease-premium), color var(--dur-fast) ease;
      color: #56637a;
      font-size: 1rem;
    }

    .menu-group.open .chev {
      transform: rotate(180deg);
      color: var(--g);
    }

    .menu-group.open .group-title i {
      color: var(--g);
      transform: scale(1.06);
    }

    .submenu {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows var(--dur-slow) var(--ease-premium);
      margin-top: 4px;
    }

    .submenu>.submenu-inner {
      overflow: hidden;
      min-height: 0;
    }

    .menu-group.open .submenu {
      grid-template-rows: 1fr;
    }

    .menu-section-label {
      margin-top: 12px;
      padding: 0 14px;
      font-size: .70rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: color-mix(in srgb, var(--text-muted) 92%, #111827 8%);
      opacity: .9;
    }

    .menu-item {
      background: transparent;
      color: var(--qz-text-soft);
      border: 1px solid transparent;
      padding: 10px 12px;
      font-weight: 600;
      font-size: .93rem;
      border-radius: 12px;
      transition: background-color var(--dur-fast) ease,
        border-color var(--dur-fast) ease, transform 120ms ease, box-shadow var(--dur-fast) ease;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
      user-select: none;
      position: relative;
      overflow: hidden;
      margin-top: 4px;
    }

    .menu-item i {
      color: var(--menu-icon-muted);
      transition: color var(--dur-fast) ease, transform 120ms ease, filter var(--dur-fast) ease;
      font-size: 1.05rem;
    }

    .menu-group .menu-item:hover {
      background: color-mix(in srgb, var(--g) 8%, white);
      border-color: color-mix(in srgb, var(--g) 16%, rgba(203, 213, 225, .65));
      transform: translateY(-1px);
      box-shadow: 0 8px 14px color-mix(in srgb, var(--g) 10%, rgba(15, 23, 42, 0.06));
    }

    .menu-group .menu-item:hover i {
      color: var(--g);
      transform: translateX(2px) scale(1.15);
      filter: drop-shadow(0 4px 10px var(--gr));
    }

    .menu-group .menu-item.active {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
      color: var(--g);
    }

    .menu-group .menu-item.active i {
      color: var(--g);
    }

    .menu-group .menu-item.pressed {
      transform: translateY(0) scale(.985);
      box-shadow: 0 18px 42px var(--gr);
      border-color: color-mix(in srgb, var(--g) 35%, rgba(231, 234, 241, .9));
    }

    .ripple {
      position: absolute;
      border-radius: 50%;
      transform: scale(0);
      animation: ripple 520ms ease-out;
      background: var(--gs);
      pointer-events: none;
    }

    @keyframes ripple {
      to {
        transform: scale(3.2);
        opacity: 0;
      }
    }

    .sub-group {
      margin-top: 8px;
      border: 0;
      border-left: 0;
      background: transparent;
      border-radius: 0;
      padding: 0;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      contain: layout paint;
    }

    .sub-toggle {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 11px;
      border: 1px solid transparent;
      cursor: pointer;
      user-select: none;
      transition: background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) ease;
      color: var(--qz-text-soft);
      font-weight: 700;
      letter-spacing: 0;
      position: relative;
      overflow: hidden;
      font-size: .86rem;
    }

    .sub-toggle::before {
      content: none;
    }

    .sub-title {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-left: 4px;
    }

    .sub-title i {
      color: rgba(86, 99, 122, .85);
      transition: color var(--dur-fast) ease;
    }

    .sub-toggle:hover {
      background: color-mix(in srgb, var(--g) 7%, white);
      border-color: color-mix(in srgb, var(--g) 16%, rgba(203, 213, 225, .60));
      transform: translateY(-1px);
      box-shadow: 0 7px 14px color-mix(in srgb, var(--g) 10%, rgba(15, 23, 42, .05));
    }

    .sub-chev {
      transition: transform var(--dur-mid) var(--ease-premium), color var(--dur-fast) ease;
      color: #56637a;
      font-size: .95rem;
    }

    .sub-group.open .sub-chev {
      transform: rotate(180deg);
      color: var(--g);
    }

    .sub-group.open .sub-title i {
      color: var(--g);
    }

    .submenu2 {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows var(--dur-slow) var(--ease-premium);
    }

    .submenu2>.submenu2-inner {
      overflow: hidden;
      min-height: 0;
      padding-left: 10px;
    }

    .sub-group.open .submenu2 {
      grid-template-rows: 1fr;
    }

    .submenu2 .menu-item {
      padding: 9px 11px;
      font-size: .90rem;
    }

    html[data-qz-theme="dark"] .group-toggle,
    html[data-qz-theme="dark"] .sub-toggle {
      color: var(--text-main);
    }

    html[data-qz-theme="dark"] .group-title .menu-text,
    html[data-qz-theme="dark"] .sub-title .menu-text,
    html[data-qz-theme="dark"] .menu-item .menu-text {
      color: inherit;
    }

    html[data-qz-theme="dark"] .menu-item {
      color: var(--text-soft);
    }

    html[data-qz-theme="dark"] .chev,
    html[data-qz-theme="dark"] .sub-chev,
    html[data-qz-theme="dark"] .sub-title i {
      color: rgba(198, 214, 232, .78);
    }

    html[data-qz-theme="dark"] .menu-section-label {
      color: rgba(159, 180, 205, .86);
    }

    html[data-qz-theme="dark"] .group-toggle:hover,
    html[data-qz-theme="dark"] .sub-toggle:hover,
    html[data-qz-theme="dark"] .menu-group .menu-item:hover {
      background: rgba(18, 185, 243, .08);
      border-color: rgba(18, 185, 243, .18);
      box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
    }

    html[data-qz-theme="dark"] .menu-group .menu-item.active {
      color: color-mix(in srgb, var(--g) 72%, #e8f3ff 28%);
      background: rgba(18, 185, 243, .07);
      border-color: rgba(18, 185, 243, .13);
    }

    html[data-qz-theme="dark"] .menu-group.open>.group-toggle,
    html[data-qz-theme="dark"] .sub-group.open>.sub-toggle {
      color: color-mix(in srgb, var(--g) 68%, #e8f3ff 32%);
    }

    /* ===== Global Pagination Theme ===== */
    #app-content .qz-pager-shell {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
      padding: 12px 0 2px;
      margin-top: 8px;
      border-top: 1px solid #e6ebf2;
    }

    #app-content .qz-pager-shell.qz-pager-shell--balanced {
      display: grid !important;
      grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
      justify-content: initial;
      align-items: center;
    }

    #app-content .qz-pager-shell.qz-pager-shell--balanced .qz-pager-nav,
    #app-content .qz-pager-shell.qz-pager-shell--balanced .pager-nav,
    #app-content .qz-pager-shell.qz-pager-shell--balanced .pager,
    #app-content .qz-pager-shell.qz-pager-shell--balanced .pager-wrap,
    #app-content .qz-pager-shell.qz-pager-shell--balanced .qz-pagination-global,
    #app-content .qz-pager-shell.qz-pager-shell--balanced .qz-pagination {
      grid-column: 2;
      flex: initial;
    }

    #app-content .qz-pager-left,
    #app-content .pager-left {
      font-weight: 800;
      color: #1e2f4d;
      white-space: nowrap;
      font-size: 1rem;
      min-width: 220px;
    }

    #app-content .page-info,
    #app-content .chips-pager-info {
      font-weight: 700;
      color: #4b5565;
      white-space: nowrap;
      font-size: .96rem;
    }

    #app-content .qz-pager-left small,
    #app-content .pager-left small {
      color: var(--text-muted);
      font-weight: 800;
    }

    #app-content .qz-pager-nav,
    #app-content .pager-nav,
    #app-content .pager,
    #app-content .pager-wrap,
    #app-content .chips-pager,
    #app-content .qz-pagination-global,
    #app-content .qz-pagination {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
      flex: 1;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #app-content .qz-pager-shell .qz-pager-btn,
    #app-content .qz-pager-shell .pager-btn,
    #app-content .qz-pager-shell .qz-page-btn,
    #app-content .qz-pager-shell .btn-page,
    #app-content .qz-pager-shell .pag-btn,
    #app-content .qz-pager-shell .chips-pager-btn,
    #app-content .qz-pager-shell .qz-pagination-global .page-link {
      min-width: 38px;
      height: 36px;
      padding: 0 11px;
      border-radius: 11px;
      border: 1px solid #e6eaf0;
      background: #f7f9fc;
      font-weight: 800;
      color: #8a96a8;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      text-decoration: none;
      transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
      line-height: 1;
    }

    #app-content .qz-pager-shell .qz-pager-btn:hover,
    #app-content .qz-pager-shell .pager-btn:hover,
    #app-content .qz-pager-shell .qz-page-btn:hover,
    #app-content .qz-pager-shell .btn-page:hover,
    #app-content .qz-pager-shell .pag-btn:hover,
    #app-content .qz-pager-shell .chips-pager-btn:hover,
    #app-content .qz-pager-shell .qz-pagination-global .page-link:hover {
      border-color: #d4dbe5;
      background: #f2f5fa;
      color: #6c7b8f;
    }

    #app-content .qz-pager-shell .qz-pager-btn.active,
    #app-content .qz-pager-shell .pager-btn.active,
    #app-content .qz-pager-shell .qz-page-btn.active,
    #app-content .qz-pager-shell .btn-page.active,
    #app-content .qz-pager-shell .pag-btn.active,
    #app-content .qz-pager-shell .chips-pager-btn.active,
    #app-content .qz-pager-shell .qz-pagination-global .page-item.active .page-link,
    #app-content .qz-pager-shell .qz-pagination-global .page-link.active {
      background: #e8f0ff;
      border-color: #7ea4ff;
      color: #1e5fd2;
    }

    #app-content .qz-pager-shell .qz-pager-btn:disabled,
    #app-content .qz-pager-shell .pager-btn:disabled,
    #app-content .qz-pager-shell .qz-page-btn:disabled,
    #app-content .qz-pager-shell .btn-page:disabled,
    #app-content .qz-pager-shell .pag-btn:disabled,
    #app-content .qz-pager-shell .chips-pager-btn:disabled,
    #app-content .qz-pager-shell .qz-pagination-global .page-item.disabled .page-link,
    #app-content .qz-pager-shell .qz-pagination-global .page-link[aria-disabled="true"] {
      opacity: 1;
      cursor: not-allowed;
      color: #c0c8d4;
      border-color: #eceff4;
      background: #f5f7fa;
      pointer-events: none;
    }

    #app-content .qz-pagination-global .page-item {
      margin: 0;
    }

    #app-content .qz-pager-shell .qz-pagination-global .page-item .page-link:focus-visible,
    #app-content .qz-pager-shell .qz-pager-btn:focus-visible,
    #app-content .qz-pager-shell .pager-btn:focus-visible,
    #app-content .qz-pager-shell .qz-page-btn:focus-visible,
    #app-content .qz-pager-shell .btn-page:focus-visible,
    #app-content .qz-pager-shell .pag-btn:focus-visible,
    #app-content .qz-pager-shell .chips-pager-btn:focus-visible {
      outline: 2px solid #93c5fd;
      outline-offset: 2px;
    }

    #app-content .qz-infinite-shell {
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 16px;
      margin-top: 8px;
      border-top: 1px solid #e6ebf2;
    }

    #app-content .qz-infinite-status {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }

    #app-content .qz-infinite-title {
      color: #1e2f4d;
      font-size: .98rem;
      font-weight: 850;
      white-space: nowrap;
    }

    #app-content .qz-infinite-hint {
      color: var(--qz-text-muted);
      font-size: .78rem;
      font-weight: 700;
    }

    #app-content .qz-infinite-action {
      min-height: 38px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid #d9e3f2;
      background: #f8fbff;
      color: #1e5fd2;
      font-weight: 850;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      white-space: nowrap;
      transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease, transform 120ms ease;
    }

    #app-content .qz-infinite-action:hover {
      background: #eef5ff;
      border-color: #a9c4ff;
      transform: translateY(-1px);
    }

    #app-content .qz-infinite-action:disabled {
      cursor: not-allowed;
      color: #98a5b8;
      border-color: #edf1f6;
      background: #f7f9fc;
      transform: none;
    }

    #app-content .qz-infinite-spinner {
      width: 14px;
      height: 14px;
      border-radius: 999px;
      border: 2px solid #c7d2fe;
      border-top-color: #1e5fd2;
      display: none;
      animation: qzInfiniteSpin .75s linear infinite;
    }

    #app-content .qz-infinite-shell.is-loading .qz-infinite-spinner {
      display: inline-block;
    }

    @keyframes qzInfiniteSpin {
      to { transform: rotate(360deg); }
    }

    @media (max-width: 768px) {
      #app-content .qz-pager-shell {
        justify-content: center;
      }

      #app-content .qz-pager-shell.qz-pager-shell--balanced {
        display: flex !important;
      }

      #app-content .qz-pager-left,
      #app-content .pager-left {
        min-width: auto;
        width: 100%;
        text-align: center;
      }

      #app-content .qz-infinite-shell {
        align-items: stretch;
        flex-direction: column;
      }

      #app-content .qz-infinite-action {
        width: 100%;
      }
    }

    .content-shell {
      padding: 16px;
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
    }

    .qz-module-progress {
      position: absolute;
      top: 0;
      left: 16px;
      right: 16px;
      height: 3px;
      z-index: 25;
      opacity: 0;
      pointer-events: none;
      overflow: hidden;
      border-radius: 999px;
      transition: opacity 160ms ease;
    }

    .qz-module-progress::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(13, 71, 161, .14), transparent);
      opacity: .85;
    }

    .qz-module-progress__bar {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -35%;
      width: 35%;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(13, 71, 161, .12), #0d47a1, #38bdf8);
      box-shadow: 0 0 18px rgba(13, 71, 161, .28);
      animation: qz-module-progress-slide 920ms var(--ease-premium) infinite;
    }

    .qz-module-progress.is-visible {
      opacity: 1;
    }

    @keyframes qz-module-progress-slide {
      0% { transform: translateX(0); }
      100% { transform: translateX(390%); }
    }

    #app-content {
      flex: 1;
      min-height: 0;
      width: 100%;
      overflow: auto;
      overscroll-behavior: contain;
      padding-bottom: max(28px, env(safe-area-inset-bottom));
      scroll-padding-bottom: max(28px, env(safe-area-inset-bottom));
      position: relative;
      /* Reserva espaço da scrollbar globalmente — evita que conteúdo cole na borda direita */
      scrollbar-gutter: stable;
      /* Padding global para módulos que não definem padding próprio */
      padding-right: 2px;
    }

    #app-content::after {
      content: "";
      display: block;
      height: max(18px, env(safe-area-inset-bottom));
    }

    /* A animação global de entrada agora é gerenciada por JavaScript (Web Animations API) 
       para evitar conflitos e piscadas nas transições de CSS nativo dos módulos. */

    /* Garante que wrappers de módulo injetados respeitem a borda da scrollbar */
    #app-content > div,
    #app-content > section,
    #app-content > article {
      /* Não usa overflow-x: hidden para não quebrar módulos com sticky/position */
      /* Apenas evita que elementos com 100vw ou position calculada errada extrapolem */
      max-width: 100%;
      box-sizing: border-box;
    }

    #loader {
      display: none !important;
    }

    .loader-card {
      background: var(--cor-fundo-card);
      border: 1px solid var(--cor-borda);
      border-radius: var(--borda-arredondada-lg);
      padding: 22px;
      box-shadow: var(--sombra-padrao);
      max-width: 620px;
      margin: 54px auto 0 auto;
      text-align: center;
      overflow: hidden;
      position: relative;
    }

    /* --------------------------------------------------------------------------
       COMPONENTES GLOBAIS DE UI (Alta Performance)
       -------------------------------------------------------------------------- */
    .card-padrao {
      background: var(--qz-bg-surface);
      border: 1px solid var(--qz-border);
      border-radius: var(--borda-arredondada-lg);
      box-shadow: var(--qz-surface-shadow);
      transition: var(--transicao-padrao);
      overflow: hidden;
      position: relative;
      padding: 24px;
    }

    .card-padrao:hover {
      box-shadow: var(--sombra-hover);
      transform: translateY(-2px);
    }

    .card-padrao.qz-shared-module-head {
      padding: 18px 20px;
      border-top: 4px solid var(--qz-head-accent);
    }

    .card-padrao.qz-shared-module-head--profile {
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18);
      border-top-color: var(--qz-head-accent);
    }

    .qz-kpis {
      display: grid;
      gap: 12px;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    }

    .qz-kpi {
      cursor: pointer;
      background: var(--cor-fundo-card);
      border: 1px solid var(--cor-borda);
      border-radius: 16px;
      padding: 14px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: all 0.25s cubic-bezier(.4, 0, .2, 1);
      position: relative;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(15, 23, 42, .03);
      min-height: 86px;
    }

    .qz-kpi[data-status="TOTAL"], .qz-kpi[data-status="TOTAL_PERIODO"], .qz-kpi[data-status="TOTAL_DEVIDO"], .qz-kpi[data-status="MRR_ATUAL"], .qz-kpi[data-status="ABERTAS"], .qz-kpi[data-status="ATIVAS"] { --kpi-color: #0d47a1; --kpi-rgb: 13, 71, 161; }
    .qz-kpi[data-status="PAGO"], .qz-kpi[data-status="PAGO_MES"], .qz-kpi[data-status="PAGAS"], .qz-kpi[data-status="APROVADAS"], .qz-kpi[data-status="NOVOS_MRR"], .qz-kpi[data-status="ATIVACOES"], .qz-kpi[data-status="OS_CONTABILIZADAS"] { --kpi-color: #10b981; --kpi-rgb: 16, 185, 129; }
    .qz-kpi[data-status="ALERTA"], .qz-kpi[data-status="PENDENTE"], .qz-kpi[data-status="PENDENTE_GESTOR"], .qz-kpi[data-status="PROXIMOS_7"], .qz-kpi[data-status="CHURN_RATE"], .qz-kpi[data-status="SUSPENSOES"], .qz-kpi[data-status="TICKET_MEDIO"], .qz-kpi[data-status="MEDIA_ATRASO"] { --kpi-color: #f59e0b; --kpi-rgb: 245, 158, 11; }
    .qz-kpi[data-status="ERRO"], .qz-kpi[data-status="VENCIDAS"], .qz-kpi[data-status="ATRASADOS"], .qz-kpi[data-status="A_VENCER_ATRASADO"], .qz-kpi[data-status="CHURN_MRR"], .qz-kpi[data-status="CANCELAMENTOS"], .qz-kpi[data-status="TOTAL_ATRASO"] { --kpi-color: #dc2626; --kpi-rgb: 220, 38, 38; }
    .qz-kpi[data-status="INFO"], .qz-kpi[data-status="NO_CLIENTE"], .qz-kpi[data-status="FINANCEIRO"], .qz-kpi[data-status="ADICIONAIS"], .qz-kpi[data-status="ORDENS_SERVICO"] { --kpi-color: #0ea5e9; --kpi-rgb: 14, 165, 233; }
    .qz-kpi[data-status="NEUTRO"], .qz-kpi[data-status="RASCUNHOS"], .qz-kpi[data-status="PERMISSAO"], .qz-kpi[data-status="PROJECAO_TOTAL"], .qz-kpi[data-status="A_RECEBER"], .qz-kpi[data-status="CLIENTES_INAD"], .qz-kpi[data-status="VEICULOS_SUSPENSOS"], .qz-kpi[data-status="MRR_NOVO"] { --kpi-color: #6366f1; --kpi-rgb: 99, 102, 241; }

    .qz-kpi::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: var(--kpi-color, var(--cor-primaria));
      opacity: .6;
      transition: width .2s ease;
    }

    .qz-kpi:hover {
      transform: translateY(-3px);
      border-color: var(--kpi-color, var(--cor-primaria));
      box-shadow: 0 10px 20px -5px rgba(var(--kpi-rgb, 13, 71, 161), 0.15);
    }

    .qz-kpi:hover::before { width: 6px; }

    .qz-kpi.active {
      background: linear-gradient(135deg, var(--cor-fundo-card), rgba(var(--kpi-rgb, 13, 71, 161), 0.08));
      border-color: var(--kpi-color, var(--cor-primaria));
      border-width: 1.5px;
      box-shadow: 0 12px 24px -8px rgba(var(--kpi-rgb, 13, 71, 161), 0.25);
    }

    .qz-kpi.active::before {
      width: 8px;
      opacity: 1;
    }

    .qz-kpi i {
      font-size: 1.4rem;
      color: var(--kpi-color, var(--cor-primaria));
      background: rgba(var(--kpi-rgb, 13, 71, 161), 0.08);
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      transition: all .25s ease;
      flex: 0 0 auto;
    }

    .qz-kpi.active i {
      background: var(--kpi-color, var(--cor-primaria));
      color: #fff;
      transform: scale(1.1);
      box-shadow: 0 4px 10px rgba(var(--kpi-rgb, 13, 71, 161), .3);
    }

    .qz-kpi .l {
      color: var(--text-muted);
      font-size: .82rem;
      font-weight: 700;
      margin-bottom: 2px;
    }

    .qz-kpi .n {
      color: var(--text-main);
      font-size: 1.25rem;
      font-weight: 950;
      letter-spacing: -.02em;
      line-height: 1.15;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 20px;
      font-weight: 600;
      font-size: 1rem;
      border-radius: var(--borda-arredondada);
      border: none;
      cursor: pointer;
      transition: var(--transicao-padrao);
      text-decoration: none;
    }

    .btn:disabled,
    .btn.desativado {
      opacity: 0.6;
      cursor: not-allowed;
      transform: none !important;
      box-shadow: none !important;
    }

    .btn-primario {
      background-color: var(--cor-primaria);
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(13, 71, 161, 0.2);
    }

    .btn-primario:hover:not(:disabled) {
      background-color: var(--cor-primaria-hover);
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(13, 71, 161, 0.3);
    }

    .btn-sucesso {
      background-color: var(--cor-sucesso);
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(5, 150, 105, 0.2);
    }

    .btn-sucesso:hover:not(:disabled) {
      background-color: var(--cor-sucesso-hover);
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(5, 150, 105, 0.3);
    }

    .btn-erro {
      background-color: var(--cor-erro);
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
    }

    .btn-erro:hover:not(:disabled) {
      background-color: var(--cor-erro-hover);
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(220, 53, 69, 0.3);
    }

    .input-padrao {
      width: 100%;
      height: 48px;
      padding: 0 1rem;
      background-color: var(--qz-input-bg);
      border: 1px solid var(--qz-input-border);
      border-radius: var(--borda-arredondada);
      color: var(--qz-text);
      font-size: 0.95rem;
      font-weight: 500;
      transition: var(--transicao-padrao);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
    }

    .input-padrao:focus {
      outline: none;
      border-color: var(--cor-primaria);
      background-color: var(--qz-input-bg-focus);
      box-shadow: 0 0 0 3px var(--qz-focus-ring), inset 0 1px 2px rgba(0,0,0,0.02);
    }

    .select-padrao,
    .textarea-padrao {
      width: 100%;
      padding: 12px 16px;
      font-size: 0.95rem;
      line-height: 1.25;
      color: var(--qz-text);
      background-color: var(--qz-input-bg);
      border: 1.5px solid var(--qz-input-border);
      border-radius: var(--borda-arredondada);
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
      font-family: inherit;
    }

    .select-padrao:focus,
    .textarea-padrao:focus {
      outline: none;
      border-color: var(--cor-primaria);
      background-color: var(--qz-input-bg-focus);
      box-shadow: 0 0 0 4px var(--qz-focus-ring);
    }

    .input-padrao:disabled,
    .select-padrao:disabled,
    .textarea-padrao:disabled {
      background-color: var(--cor-input-disabled);
      color: var(--qz-text-muted);
      cursor: not-allowed;
    }

    .tabela-container {
      width: 100%;
      max-height: 600px;
      overflow-y: auto;
      border-radius: var(--borda-arredondada);
      border: 1px solid var(--qz-border);
      background-color: var(--qz-bg-surface);
      box-shadow: var(--qz-surface-shadow);
    }

    .tabela-mestra {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      font-size: 0.9rem;
    }

    .tabela-mestra th {
      position: sticky;
      top: 0;
      background-color: var(--qz-table-head-bg);
      color: var(--qz-text-soft);
      font-weight: 700;
      padding: 14px 16px;
      border-bottom: 2px solid var(--qz-border);
      z-index: 10;
      white-space: nowrap;
    }

    .tabela-mestra td {
      padding: 12px 16px;
      border-bottom: 1px solid var(--qz-border);
      color: var(--qz-text-soft);
      vertical-align: middle;
    }

    .tabela-mestra tbody tr:nth-child(even) {
      background-color: var(--qz-table-row-even);
    }

    .tabela-mestra tbody tr:hover {
      background-color: var(--qz-table-row-hover);
      transition: background-color 0.15s ease;
    }

    .spinner-padrao {
      display: inline-block;
      width: 24px;
      height: 24px;
      border: 3px solid rgba(13, 71, 161, 0.2);
      border-top-color: var(--cor-primaria);
      border-radius: 50%;
      animation: spinner-girar 0.8s linear infinite;
    }

    @keyframes spinner-girar {
      to {
        transform: rotate(360deg);
      }
    }

    /* Skeleton Box 100% GPU-Accelerated (Performance Extrema) */
    .skeleton-box {
      position: relative;
      overflow: hidden;
      background-color: var(--qz-bg-surface-3);
      border-radius: 4px;
    }

    .skeleton-box::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
      transform: translateX(-100%);
      animation: skeleton-shimmer 1.5s infinite;
    }

    @keyframes skeleton-shimmer {
      100% {
        transform: translateX(100%);
      }
    }

    /* Modais do exibirModal */
    .modal-box {
      background: var(--cor-fundo-card) !important;
      border-radius: var(--borda-arredondada-lg) !important;
      box-shadow: 0 25px 50px rgba(17, 24, 39, 0.2) !important;
      /* Removida as animações conflitantes para o SweetAlert voltar a fechar perfeitamente */
    }

    .qz-dialog-backdrop {
      position: fixed;
      inset: 0;
      z-index: 100200;
      display: grid;
      place-items: center;
      padding: 18px;
      background: rgba(15, 23, 42, .42);
      backdrop-filter: blur(5px);
    }

    .qz-dialog-card {
      width: min(520px, 100%);
      border-radius: var(--borda-arredondada-lg);
      border: 1px solid rgba(148, 163, 184, .26);
      background: var(--qz-bg-surface, var(--cor-fundo-card));
      box-shadow: 0 24px 58px rgba(15, 23, 42, .22);
      padding: 22px;
      color: var(--qz-text-primary, var(--cor-texto-principal));
    }

    .qz-dialog-title {
      margin: 0 0 8px;
      font-size: 1.05rem;
      font-weight: 800;
      color: var(--qz-text-primary, var(--cor-texto-principal));
    }

    .qz-dialog-message {
      margin: 0 0 16px;
      color: var(--qz-text-secondary, var(--cor-texto-secundario));
      line-height: 1.45;
    }

    .qz-dialog-input {
      width: 100%;
      height: 46px;
      border-radius: 12px;
      border: 1px solid var(--qz-border-strong, #cbd5e1);
      background: var(--qz-input-bg, #fff);
      color: var(--qz-text-primary, #0f172a);
      padding: 0 14px;
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease;
    }

    .qz-dialog-input:focus {
      border-color: var(--cor-primaria, #0d47a1);
      box-shadow: 0 0 0 4px rgba(13, 71, 161, .14);
    }

    .qz-dialog-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 18px;
    }

    .qz-dialog-button {
      min-height: 40px;
      border-radius: 10px;
      border: 1px solid var(--qz-border-strong, #cbd5e1);
      background: var(--qz-bg-muted, #f8fafc);
      color: var(--qz-text-primary, #0f172a);
      padding: 0 16px;
      font-weight: 700;
      cursor: pointer;
    }

    .qz-dialog-button--primary {
      border-color: var(--cor-primaria, #0d47a1);
      background: var(--cor-primaria, #0d47a1);
      color: #fff;
      box-shadow: 0 10px 22px rgba(13, 71, 161, .22);
    }

    html[data-qz-theme="dark"] .qz-dialog-backdrop {
      background: rgba(2, 8, 23, .68);
    }

    /* Botão Global de Ajuda */
    .qz-btn-help {
      width: 38px;
      height: 38px;
      border-radius: 12px;
      background: rgba(13, 71, 161, .08);
      color: var(--cor-primaria, #0d47a1);
      border: 1px solid rgba(13, 71, 161, .18);
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      transition: .15s ease;
      text-decoration: none;
      flex-shrink: 0;
    }
    .qz-btn-help:hover {
      background: var(--cor-primaria, #0d47a1);
      color: #fff !important;
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(13, 71, 161, 0.2);
    }
    .qz-btn-help i { font-size: 1.25rem; }
    .qz-context-help {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-left: auto;
      flex: 0 0 auto;
    }
    .qz-context-help.qz-context-help--inline {
      margin-left: 0;
    }
    .qz-context-help .qz-btn-help {
      background: var(--qz-bg-surface);
      box-shadow: 0 10px 24px rgba(15, 23, 42, .10);
    }
    .qz-context-help-fallback {
      position: absolute;
      top: 16px;
      right: 18px;
      z-index: 30;
      margin: 0;
      padding: 0;
      pointer-events: auto;
    }
    @media (max-width: 768px) {
      .qz-context-help .qz-btn-help { width: 36px; height: 36px; }
    }

    .qz-global-toast {
      position: fixed;
      right: 18px;
      top: 18px;
      z-index: 100000;
      width: min(560px, calc(100% - 24px));
      border-radius: var(--borda-arredondada-lg);
      border: 1px solid rgba(0, 0, 0, .06);
      box-shadow: 0 18px 44px rgba(0, 0, 0, .14);
      display: none;
      gap: 12px;
      align-items: flex-start;
      background: var(--qz-bg-surface);
      padding: 14px;
      transform: translate3d(0, -8px, 0);
      opacity: 0;
      transition: transform 180ms ease, opacity 180ms ease;
      overflow: hidden;
    }

    .qz-global-toast.show {
      display: flex;
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }

    .qz-global-toast .qz-toast-icon {
      width: 36px;
      height: 36px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      font-size: 1.2rem;
    }

    .qz-global-toast .qz-toast-main {
      min-width: 0;
      flex: 1;
    }

    .qz-global-toast .qz-toast-title {
      font-weight: 900;
      font-size: .95rem;
      color: var(--text-main);
    }

    .qz-global-toast .qz-toast-msg {
      font-weight: 600;
      color: var(--text-muted);
      font-size: .85rem;
      margin-top: 2px;
      line-height: 1.3;
    }

    .qz-global-toast .qz-toast-close {
      border: none;
      background: transparent;
      cursor: pointer;
      width: 34px;
      height: 34px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-muted);
      transition: background 140ms;
    }

    .qz-global-toast .qz-toast-close:hover {
      background: rgba(0, 0, 0, .06);
    }

    .qz-global-toast.ok {
      background: #f0fdf4;
      border-color: rgba(5, 150, 105, .20);
    }

    .qz-global-toast.ok .qz-toast-icon {
      background: rgba(5, 150, 105, .14);
      color: var(--cor-sucesso);
    }

    .qz-global-toast.warn {
      background: #fffbeb;
      border-color: rgba(217, 119, 6, .20);
    }

    .qz-global-toast.warn .qz-toast-icon {
      background: rgba(217, 119, 6, .14);
      color: #d97706;
    }

    .qz-global-toast.info {
      background: #eff6ff;
      border-color: rgba(13, 71, 161, .18);
    }

    .qz-global-toast.info .qz-toast-icon {
      background: rgba(13, 71, 161, .12);
      color: var(--cor-primaria);
    }

    .qz-global-toast.err {
      background: #fef2f2;
      border-color: rgba(220, 38, 38, .20);
    }

    .qz-global-toast.err .qz-toast-icon {
      background: rgba(220, 38, 38, .12);
      color: var(--cor-erro);
    }

    .qz-global-toast .qz-toast-bar {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 4px;
      width: 100%;
      background: rgba(0, 0, 0, .08);
    }

    .qz-global-toast .qz-toast-bar>div {
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, .20);
      transform-origin: left;
      transform: scaleX(1);
    }

    html[data-qz-theme="dark"] .qz-global-toast {
      background: var(--qz-bg-surface, #0d1f35);
      border-color: rgba(125, 164, 210, .28);
      box-shadow: 0 22px 52px rgba(0, 0, 0, .42);
      color: var(--text-main, #f1f5f9);
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-title {
      color: var(--text-main, #f1f5f9);
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-msg {
      color: var(--text-soft, #cbd5e1);
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-close {
      color: var(--text-soft, #cbd5e1);
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-close:hover {
      background: rgba(255, 255, 255, .08);
      color: #fff;
    }

    html[data-qz-theme="dark"] .qz-global-toast.ok {
      background: linear-gradient(135deg, #06261d, #0b3327);
      border-color: rgba(52, 211, 153, .34);
    }

    html[data-qz-theme="dark"] .qz-global-toast.ok .qz-toast-icon {
      background: rgba(52, 211, 153, .16);
      color: #34d399;
    }

    html[data-qz-theme="dark"] .qz-global-toast.ok .qz-toast-title {
      color: #d1fae5;
    }

    html[data-qz-theme="dark"] .qz-global-toast.ok .qz-toast-msg {
      color: #a7f3d0;
    }

    html[data-qz-theme="dark"] .qz-global-toast.warn {
      background: linear-gradient(135deg, #2a1f05, #3a2a08);
      border-color: rgba(251, 191, 36, .36);
    }

    html[data-qz-theme="dark"] .qz-global-toast.warn .qz-toast-icon {
      background: rgba(251, 191, 36, .16);
      color: #fbbf24;
    }

    html[data-qz-theme="dark"] .qz-global-toast.warn .qz-toast-title {
      color: #fef3c7;
    }

    html[data-qz-theme="dark"] .qz-global-toast.warn .qz-toast-msg {
      color: #fde68a;
    }

    html[data-qz-theme="dark"] .qz-global-toast.err {
      background: linear-gradient(135deg, #2a0c12, #3a1018);
      border-color: rgba(248, 113, 113, .36);
    }

    html[data-qz-theme="dark"] .qz-global-toast.err .qz-toast-icon {
      background: rgba(248, 113, 113, .16);
      color: #fb7185;
    }

    html[data-qz-theme="dark"] .qz-global-toast.err .qz-toast-title {
      color: #ffe4e6;
    }

    html[data-qz-theme="dark"] .qz-global-toast.err .qz-toast-msg {
      color: #fecdd3;
    }

    html[data-qz-theme="dark"] .qz-global-toast.info {
      background: linear-gradient(135deg, #071f3b, #0b2a4a);
      border-color: rgba(96, 165, 250, .36);
    }

    html[data-qz-theme="dark"] .qz-global-toast.info .qz-toast-icon {
      background: rgba(96, 165, 250, .16);
      color: #60a5fa;
    }

    html[data-qz-theme="dark"] .qz-global-toast.info .qz-toast-title {
      color: #dbeafe;
    }

    html[data-qz-theme="dark"] .qz-global-toast.info .qz-toast-msg {
      color: #bfdbfe;
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-bar {
      background: rgba(255, 255, 255, .08);
    }

    html[data-qz-theme="dark"] .qz-global-toast .qz-toast-bar>div {
      background: rgba(255, 255, 255, .38);
    }

    html[data-qz-theme="dark"] .modal-box,
    html[data-qz-theme="dark"] .swal2-popup.modal-box {
      background: var(--qz-bg-surface, #0d1f35) !important;
      color: var(--text-main, #f1f5f9) !important;
      border: 1px solid rgba(125, 164, 210, .28) !important;
      box-shadow: 0 28px 70px rgba(0, 0, 0, .55) !important;
    }

    html[data-qz-theme="dark"] .swal2-popup.modal-box :is(.swal2-title, .swal2-html-container, .swal2-content, label, p, span) {
      color: var(--text-main, #f1f5f9) !important;
    }

    html[data-qz-theme="dark"] .swal2-popup.modal-box .swal2-html-container {
      color: var(--text-soft, #cbd5e1) !important;
    }

    html[data-qz-theme="dark"] .swal2-popup.modal-box :is(input, textarea, select, .swal2-input, .swal2-textarea, .swal2-select) {
      background: var(--qz-bg-surface-2, #0a1a2d) !important;
      color: var(--text-main, #f1f5f9) !important;
      border-color: rgba(125, 164, 210, .30) !important;
    }

    html[data-qz-theme="dark"] .swal2-popup.modal-box :is(input, textarea, .swal2-input, .swal2-textarea)::placeholder {
      color: rgba(159, 180, 205, .78) !important;
    }

    .oculto {
      display: none !important;
    }

    .flex-center {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .text-truncate {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      display: block;
    }

    .badge-status {
      display: inline-flex;
      align-items: center;
      padding: 4px 10px;
      font-size: 0.75rem;
      font-weight: 700;
      border-radius: 999px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .badge-sucesso {
      background-color: #d1fae5;
      color: #065f46;
      border: 1px solid #34d399;
    }

    .badge-erro {
      background-color: #fee2e2;
      color: #991b1b;
      border: 1px solid #f87171;
    }

    .badge-alerta {
      background-color: #fef3c7;
      color: #92400e;
      border: 1px solid #fbbf24;
    }

    .badge-info {
      background-color: #dbeafe;
      color: #1e40af;
      border: 1px solid #60a5fa;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.btn-view, .btn-link-user) {
      background: rgba(18, 185, 243, .14) !important;
      color: #7dd3fc !important;
      border-color: rgba(125, 211, 252, .42) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.btn-edit) {
      background: rgba(255, 153, 68, .14) !important;
      color: #fdba74 !important;
      border-color: rgba(253, 186, 116, .42) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.btn-archive, .btn-deact, .btn-unlink-user) {
      background: rgba(255, 71, 87, .13) !important;
      color: #fca5a5 !important;
      border-color: rgba(252, 165, 165, .42) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.btn-react, .link-pill.on) {
      background: rgba(0, 196, 154, .14) !important;
      color: #86efac !important;
      border-color: rgba(134, 239, 172, .42) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .link-pill:not(.on) {
      background: rgba(255, 255, 255, .035) !important;
      color: var(--text-soft) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root .drawer-overlay,
      #mod-view-colab #colab-drawer-overlay,
      #mod-view-user #user-drawer-overlay,
      #mod-view-tec #tec-drawer-overlay
    ) {
      background: rgba(2, 11, 24, .78) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) :is(.badge.bg-light, .bg-light, .bg-white) {
      background: rgba(255, 255, 255, .045) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .view-tabs-row {
      align-items: center !important;
      gap: 8px !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .view-tab-btn {
      min-height: 42px !important;
      padding: 0 14px !important;
      border-radius: 12px !important;
      background: rgba(255, 255, 255, .028) !important;
      color: var(--text-soft) !important;
      border: 1px solid rgba(125, 164, 210, .24) !important;
      box-shadow: none !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .view-tab-btn:hover {
      background: rgba(18, 185, 243, .10) !important;
      color: var(--qz-brand-cyan) !important;
      border-color: rgba(18, 185, 243, .36) !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .view-tab-btn.active {
      background: rgba(18, 185, 243, .11) !important;
      color: #f4fbff !important;
      border-color: rgba(18, 185, 243, .44) !important;
      box-shadow: inset 3px 0 0 #12b9f3, inset 0 1px 0 rgba(255, 255, 255, .06) !important;
      text-shadow: none !important;
    }

    html[data-qz-theme="dark"] :is(
      #mod-clientes-root,
      #mod-view-colab,
      #mod-view-user,
      #mod-view-tec
    ) .view-tab-btn.active i {
      color: #7ddcff !important;
    }

    #app-content .qz-shared-module-head.qz-shared-module-head--profile {
      --qz-head-accent: var(--qz-profile-primary, var(--cor-primaria));
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      padding: 18px 20px !important;
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18) !important;
      border-top: 4px solid var(--qz-head-accent) !important;
      border-radius: var(--borda-arredondada-lg, 16px) !important;
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .05), #fff 44%),
        var(--cor-fundo-card, #fff) !important;
      box-shadow: var(--sombra-padrao) !important;
    }

    #app-content .qz-shared-module-head .op-header-row {
      width: 100% !important;
      margin: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      flex-wrap: wrap !important;
    }

    #app-content .qz-shared-module-head .op-header-title {
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      color: var(--qz-head-accent) !important;
      font-size: 1.15rem !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      min-width: 0 !important;
    }

    #app-content .qz-shared-module-head .op-header-title > i {
      width: 46px !important;
      height: 46px !important;
      border-radius: 14px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 auto !important;
      color: var(--qz-head-accent) !important;
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .10) !important;
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .16) !important;
      font-size: 1.35rem !important;
    }

    #app-content .qz-shared-module-head .op-header-title span {
      color: var(--qz-head-accent) !important;
      font-size: 1.15rem !important;
      font-weight: 800 !important;
    }

    #app-content .qz-shared-module-head .op-header-title small {
      color: var(--text-muted) !important;
      font-size: .9rem !important;
      font-weight: 500 !important;
      letter-spacing: 0 !important;
      margin-top: 2px !important;
    }

    #app-content .qz-shared-module-head :is(.op-tabs-row, .qz-shared-module-head__actions) {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 8px !important;
      margin: 0 !important;
      flex-wrap: wrap !important;
    }

    html[data-qz-theme="dark"] #app-content .qz-shared-module-head.qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16), rgba(2, 11, 24, .18) 48%),
        var(--cor-fundo-card, #0d1f35) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .28) !important;
      border-top-color: var(--qz-head-accent) !important;
      box-shadow: 0 22px 52px rgba(0, 0, 0, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content .qz-shared-module-head .op-header-title > i,
    html[data-qz-theme="dark"] #app-content .qz-shared-module-head .qz-shared-module-head__icon {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .30) !important;
      color: var(--qz-head-accent) !important;
      box-shadow: 0 0 10px rgba(var(--qz-profile-primary-rgb, 18, 185, 243), 0.1) !important;
    }

    html[data-qz-theme="dark"] #app-content .qz-shared-module-head .op-header-title span,
    html[data-qz-theme="dark"] #app-content .qz-shared-module-head .qz-shared-module-head__title i,
    html[data-qz-theme="dark"] #app-content .qz-shared-module-head .qz-shared-module-head__title-text {
      color: var(--qz-head-accent) !important;
      text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
    }

    @media (max-width: 576px) {
      #app-content .qz-shared-module-head .op-header-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
      }
      #app-content .qz-shared-module-head .op-header-title {
        align-items: flex-start !important;
        width: 100% !important;
      }
      #app-content .qz-shared-module-head .op-header-title > i {
        flex-shrink: 0 !important;
        margin-top: 2px !important;
      }
      #app-content .qz-shared-module-head .op-header-title .d-flex {
        flex: 1 !important;
        min-width: 0 !important;
      }
      #app-content .qz-shared-module-head .op-header-title small {
        white-space: normal !important;
        line-height: 1.4 !important;
        margin-top: 6px !important;
      }
      #app-content .qz-shared-module-head :is(.op-tabs-row, .qz-shared-module-head__actions) {
        width: 100% !important;
        justify-content: flex-start !important;
        border-top: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .15) !important;
        padding-top: 12px !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
      #app-content .qz-shared-module-head :is(.op-tabs-row, .qz-shared-module-head__actions)::-webkit-scrollbar {
        display: none;
      }
      html[data-qz-theme="dark"] #app-content .qz-shared-module-head :is(.op-tabs-row, .qz-shared-module-head__actions) {
        border-top-color: rgba(255, 255, 255, .05) !important;
      }
    }

    /* Qzzar global design-system hardening.
       Keeps all modules aligned to the canonical card/table/form primitives. */
    #app-content :is(.card-padrao, .qz-card, .card, .modal-content, .offcanvas, .toast, .dropdown-menu) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.qz-surface, .card-box, .toolbar, .drawer-card, .drawer-panel, .side-panel, .table-wrapper, .tabela-container, .modal-card, .cfg-panel, .filter-box, .filter-panel, .summary-box, .quick-card, .empty-state, .empty-card) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.qz-card-hd, .qz-card-bd, .card-header, .card-footer, .modal-header, .modal-footer, .offcanvas-header, .offcanvas-body, .drawer-hdr, .drawer-ftr) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.action-bar, .api-action-bar, .qz-fixed-action-bar, .module-action-bar, .bottom-action-bar) {
      background: var(--qz-bg-surface) !important;
      background: color-mix(in srgb, var(--qz-bg-surface) 92%, transparent) !important;
      color: var(--text-main) !important;
      border-top: 1px solid var(--cor-borda) !important;
      box-shadow: 0 -10px 28px rgba(15, 23, 42, .08) !important;
      backdrop-filter: blur(14px);
    }

    #app-content :is(.bg-white, .bg-light, .table-light, .list-group-item, .alert-light) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.text-dark, [class*="text-slate"], [class*="text-gray"]) {
      color: var(--text-main) !important;
    }

    #app-content :is(.text-muted, .text-secondary) {
      color: var(--text-muted) !important;
    }

    #app-content :is(.input-padrao, .select-padrao, .textarea-padrao, .form-control, .form-select, .qz-input, .qz-select, .view-input, .op-input-icon, .input-group-text, .input-wrap, .field-wrap) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(input, select, textarea)::placeholder {
      color: var(--text-muted) !important;
      opacity: .82;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) {
      background-color: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) :is(th, td) {
      border-color: var(--cor-borda) !important;
      color: var(--text-main);
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) thead :is(th, td) {
      background-color: var(--qz-bg-surface-2) !important;
      color: var(--text-muted) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr {
      background-color: var(--qz-table-row) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr:nth-child(even) {
      background-color: var(--qz-table-row-even) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr:hover {
      background-color: var(--qz-table-row-hover) !important;
    }

    #app-content :is(.tabela-mestra, .qz-table, table.table) tbody tr > td {
      background-color: inherit !important;
    }

    @media (max-width: 768px) {
      #app-content .qz-mobile-stack-wrap {
        overflow: visible !important;
        min-width: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        background: transparent !important;
      }

      #app-content table[data-qz-mobile-stack="true"] colgroup {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] thead {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr {
        display: block !important;
        width: 100%;
        padding: 14px;
        border: 1px solid var(--cor-borda) !important;
        border-radius: 14px;
        background: var(--qz-bg-surface) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
        overflow: hidden;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr:nth-child(even),
      #app-content table[data-qz-mobile-stack="true"] tbody tr:hover {
        background: var(--qz-bg-surface) !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th) {
        display: grid !important;
        grid-template-columns: minmax(96px, 36%) minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        width: 100%;
        max-width: none !important;
        white-space: normal !important;
        text-overflow: initial !important;
        overflow: visible !important;
        height: auto !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
        background: transparent !important;
        text-align: left !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th):last-child {
        border-bottom: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th)::before {
        content: attr(data-label);
        display: block;
        color: var(--text-muted);
        font-size: .72rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title {
        display: block !important;
        padding-top: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title::before {
        display: none;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--title {
        font-size: 1rem;
        font-weight: 800;
        color: var(--text-main);
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--subtitle {
        color: var(--qz-text-soft);
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--actions {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        padding-bottom: 0 !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        box-shadow: none !important;
        border-left: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--actions::before {
        content: attr(data-label);
        margin-right: auto;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr > :is(td, th).qz-mobile-cell--hidden {
        display: none !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty {
        padding: 0;
        width: 100% !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty > :is(td, th) {
        display: block !important;
        text-align: center !important;
        padding: 24px 16px !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        border-bottom: 0 !important;
      }

      #app-content table[data-qz-mobile-stack="true"] tbody tr.qz-mobile-row--empty > :is(td, th)::before {
        display: none !important;
      }
    }

    #app-content :is(.badge.bg-light, .cat-tag, code.bg-light, .tag, .chip, .pill, .meta-pill) {
      background-color: var(--qz-bg-surface-3) !important;
      color: var(--text-main) !important;
      border-color: var(--cor-borda) !important;
    }

    #app-content :is(.btn-edit, .act-btn.edit) {
      background: var(--qz-status-warning-bg) !important;
      color: var(--qz-status-warning-text) !important;
      border-color: rgba(245, 158, 11, .34) !important;
    }

    #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help) {
      background: var(--qz-bg-surface) !important;
      color: var(--cor-primaria) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .22) !important;
    }

    #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help):hover {
      background: var(--cor-primaria) !important;
      color: #fff !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help) {
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .12) !important;
      color: var(--qz-profile-primary, var(--cor-primaria)) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .22) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-btn-help, .qz-context-help .qz-btn-help):hover {
      background: var(--qz-profile-primary, var(--cor-primaria)) !important;
      color: #0d1f35 !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.card-padrao, .qz-card, .card, .modal-content, .offcanvas, .toast, .dropdown-menu, .qz-surface, .card-box, .toolbar, .drawer-card, .drawer-panel, .side-panel, .table-wrapper, .tabela-container, .modal-card, .cfg-panel, .filter-box, .filter-panel, .summary-box, .quick-card, .empty-state, .empty-card) {
      background: var(--qz-bg-surface) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .24) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
    }

    html[data-qz-theme="dark"] #app-content .qz-shared-module-head.qz-shared-module-head--profile {
      background:
        linear-gradient(135deg, rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .16), rgba(2, 11, 24, .18) 48%),
        var(--qz-bg-surface) !important;
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .28) !important;
      border-top-color: var(--qz-head-accent) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-card-hd, .qz-card-bd, .card-header, .card-footer, .modal-header, .modal-footer, .offcanvas-header, .offcanvas-body, .drawer-hdr, .drawer-ftr, .bg-white, .bg-light, .table-light, .list-group-item, .alert-light) {
      background: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .22) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.action-bar, .api-action-bar, .qz-fixed-action-bar, .module-action-bar, .bottom-action-bar) {
      background: var(--qz-bg-surface-2) !important;
      background: color-mix(in srgb, var(--qz-bg-surface-2) 88%, transparent) !important;
      border-top-color: rgba(125, 164, 210, .22) !important;
      box-shadow: 0 -18px 38px rgba(0, 0, 0, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.modal, .offcanvas, .qz-drawer, .drawer, [class*="-drawer"], [id*="-drawer"]) .btn-close,
    html[data-qz-theme="dark"] .offcanvas .btn-close,
    html[data-qz-theme="dark"] .modal .btn-close {
      filter: invert(1) grayscale(1) brightness(1.8) !important;
      opacity: .92 !important;
      border-radius: 999px;
      background-color: rgba(255, 255, 255, .04);
      box-shadow: 0 0 0 1px rgba(125, 164, 210, .18);
    }

    html[data-qz-theme="dark"] #app-content :is(.modal, .offcanvas, .qz-drawer, .drawer, [class*="-drawer"], [id*="-drawer"]) .btn-close:hover,
    html[data-qz-theme="dark"] .offcanvas .btn-close:hover,
    html[data-qz-theme="dark"] .modal .btn-close:hover {
      filter: invert(1) grayscale(0) brightness(2) !important;
      opacity: 1 !important;
      background-color: rgba(255, 255, 255, .09);
      box-shadow: 0 0 0 1px rgba(125, 164, 210, .28);
    }

    html[data-qz-theme="dark"] #app-content :is(.input-padrao, .select-padrao, .form-control, .form-select, .qz-input, .qz-select, .view-input, .op-input-icon, .input-group-text, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
      background: #07182b !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .30) !important;
      box-shadow: none !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.input-padrao, .select-padrao, .form-control, .form-select, .qz-input, .qz-select, input, select, textarea):focus {
      border-color: rgba(18, 185, 243, .58) !important;
      box-shadow: 0 0 0 4px rgba(18, 185, 243, .12) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.btn.border, .btn-outline-secondary, .btn-outline-dark, .btn-soft, .btn-ico, .btn-icon, .view-tab-btn, .op-btn-ico, .op-tab-btn, .btn-page) {
      background: rgba(255, 255, 255, .035) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .28) !important;
      box-shadow: none !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.btn.border, .btn-outline-secondary, .btn-outline-dark, .btn-soft, .btn-ico, .btn-icon, .view-tab-btn, .op-btn-ico, .op-tab-btn, .btn-page):hover {
      background: rgba(18, 185, 243, .12) !important;
      border-color: rgba(18, 185, 243, .42) !important;
      color: #eaf8ff !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.op-tab-btn.active, .view-tab-btn.active, .btn-page.active) {
      background: linear-gradient(135deg, rgba(18, 185, 243, .20), rgba(18, 185, 243, .08)) !important;
      border-color: rgba(18, 185, 243, .46) !important;
      color: #eaf8ff !important;
      box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(
      [style*="background:#fff"],
      [style*="background: #fff"],
      [style*="background-color:#fff"],
      [style*="background-color: #fff"],
      [style*="background:#f8"],
      [style*="background: #f8"],
      [style*="background-color:#f8"],
      [style*="background-color: #f8"],
      [style*="background:#f9"],
      [style*="background: #f9"],
      [style*="background-color:#f9"],
      [style*="background-color: #f9"],
      [style*="background:#ff"],
      [style*="background: #ff"],
      [style*="background-color:#ff"],
      [style*="background-color: #ff"]
    ) {
      background: var(--qz-bg-surface-2) !important;
      color: var(--text-main) !important;
      border-color: rgba(125, 164, 210, .24) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(
      [style*="color:#111"],
      [style*="color: #111"],
      [style*="color:#000"],
      [style*="color: #000"],
      [style*="color:#1e293b"],
      [style*="color: #1e293b"],
      [style*="color:#0f172a"],
      [style*="color: #0f172a"]
    ) {
      color: var(--text-main) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.ok, .view-toast.ok) {
      background: #05251c !important;
      border-color: rgba(74, 222, 128, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.warn, .view-toast.warn) {
      background: #2a1f05 !important;
      border-color: rgba(251, 191, 36, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.err, .view-toast.err) {
      background: #2a0c12 !important;
      border-color: rgba(248, 113, 113, .34) !important;
    }

    html[data-qz-theme="dark"] #app-content :is(.qz-global-toast.info, .view-toast.info) {
      background: #071f3b !important;
      border-color: rgba(96, 165, 250, .34) !important;
    }

    /* Estilo Premium para Zona de Upload de Bug Report */
    .qz-upload-zone {
      border: 2px dashed rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .25);
      border-radius: var(--borda-arredondada-lg, 12px);
      padding: 24px 16px;
      text-align: center;
      cursor: pointer;
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .02);
      transition: var(--transicao-padrao);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    .qz-upload-zone:hover {
      border-color: var(--qz-profile-primary, var(--cor-primaria));
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .05);
      transform: translateY(-1px);
    }

    html[data-qz-theme="dark"] .qz-upload-zone {
      border-color: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .25);
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .02);
    }

    html[data-qz-theme="dark"] .qz-upload-zone:hover {
      border-color: var(--qz-profile-primary, var(--cor-primaria));
      background: rgba(var(--qz-profile-primary-rgb, 18, 185, 243), .06);
    }

    .qz-upload-zone i {
      font-size: 2.2rem;
      color: var(--qz-profile-primary, var(--cor-primaria));
      opacity: 0.85;
      transition: var(--transicao-padrao);
    }

    .qz-upload-zone:hover i {
      opacity: 1;
      transform: scale(1.08);
    }

    .qz-bug-anexo-item {
      background-color: var(--qz-bg-surface-2) !important;
      border: 1px solid var(--cor-borda) !important;
      color: var(--text-main) !important;
    }

    .qz-push-card {
      position: relative;
      overflow: hidden;
      padding: 18px;
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .14);
      border-radius: 22px;
      background:
        radial-gradient(circle at top right, rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(245, 249, 255, .94));
      box-shadow:
        0 24px 50px rgba(15, 23, 42, .10),
        inset 0 1px 0 rgba(255, 255, 255, .70);
    }

    .qz-push-card__glow {
      position: absolute;
      inset: auto -64px -84px auto;
      width: 180px;
      height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18), transparent 68%);
      pointer-events: none;
      filter: blur(6px);
      opacity: .9;
    }

    .qz-push-card__head {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }

    .qz-push-card__collapse {
      margin-left: auto;
      flex: 0 0 auto;
      width: 38px;
      height: 38px;
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .14);
      border-radius: 14px;
      background: rgba(255, 255, 255, .66);
      color: #37517a;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: var(--transicao-padrao);
    }

    .qz-push-card__collapse:hover {
      transform: translateY(-1px);
      background: rgba(255, 255, 255, .84);
      box-shadow: 0 12px 22px rgba(15, 23, 42, .10);
    }

    .qz-push-card__collapse i {
      transition: transform .24s ease;
    }

    .qz-push-card.is-collapsed .qz-push-card__collapse i {
      transform: rotate(-90deg);
    }

    .qz-push-card.is-collapsed {
      padding-top: 14px;
      padding-bottom: 14px;
    }

    .qz-push-card.is-collapsed .qz-push-card__hint,
    .qz-push-card.is-collapsed .qz-push-card__summary,
    .qz-push-card.is-collapsed .qz-push-card__primary {
      display: none;
    }

    .qz-push-card.is-collapsed .qz-push-card__head {
      align-items: center;
      gap: 12px;
      min-height: 50px;
    }

    .qz-push-card.is-collapsed .qz-push-card__copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .qz-push-card.is-collapsed .qz-push-card__eyebrow {
      margin-bottom: 2px;
    }

    .qz-push-card__orb {
      flex: 0 0 50px;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.2rem;
      background:
        linear-gradient(135deg, var(--qz-profile-primary, var(--cor-primaria)), #3b82f6);
      box-shadow:
        0 16px 30px rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .30),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    }

    .qz-push-card__copy {
      min-width: 0;
      flex: 1 1 auto;
    }

    .qz-push-card__eyebrow {
      margin-bottom: 4px;
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: color-mix(in srgb, var(--qz-profile-primary, var(--cor-primaria)) 70%, #5b6b85);
    }

    .qz-push-card__title {
      font-size: 1.18rem;
      font-weight: 800;
      line-height: 1.15;
      color: var(--text-main);
      letter-spacing: -.02em;
    }

    .qz-push-card__hint {
      margin-top: 8px;
      font-size: .94rem;
      line-height: 1.6;
      color: var(--text-muted);
      max-width: 58ch;
    }

    .qz-push-card__chips {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 16px;
    }

    .qz-push-card__summary {
      position: relative;
      z-index: 1;
      margin-top: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .56);
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .10);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    }

    .qz-push-card__summary-status {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      min-width: 0;
    }

    .qz-push-card__summary-label {
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .10em;
      text-transform: uppercase;
      color: #7a8aa3;
    }

    .qz-push-card__summary-status strong {
      font-size: 1rem;
      line-height: 1.1;
      color: var(--text-main);
      letter-spacing: -.02em;
    }

    .qz-push-card__primary {
      position: relative;
      z-index: 1;
      margin-top: 14px;
    }

    .qz-push-card__primary .qz-push-card__action--primary {
      width: 100%;
      min-height: 48px;
      justify-content: center;
    }

    .qz-push-card__details {
      position: relative;
      z-index: 1;
      margin-top: 14px;
    }

    .qz-push-card__detail-note {
      padding: 13px 15px;
      border-radius: 18px;
      border: 1px dashed rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18);
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .04);
      font-size: .9rem;
      line-height: 1.55;
      color: #4f5f79;
    }

    .qz-push-card__stats {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }

    .qz-push-card__stat {
      padding: 14px 15px;
      border-radius: 18px;
      border: 1px solid rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .12);
      background: rgba(255, 255, 255, .64);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
      backdrop-filter: blur(6px);
    }

    .qz-push-card__stat-label {
      display: block;
      margin-bottom: 6px;
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #6b7a92;
    }

    .qz-push-card__stat-value {
      display: block;
      font-size: 1.08rem;
      font-weight: 800;
      color: var(--text-main);
      letter-spacing: -.02em;
    }

    .qz-push-card__device {
      position: relative;
      z-index: 1;
      margin-top: 14px;
      padding: 13px 15px;
      border-radius: 18px;
      border: 1px dashed rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .18);
      background: rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .04);
      font-size: .88rem;
      line-height: 1.55;
      color: #4f5f79;
    }

    .qz-push-card__actions {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }

    .qz-push-card__action {
      min-height: 44px;
      padding: 0 16px;
      border-radius: 14px;
      border: 1px solid transparent;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      font-size: .94rem;
      font-weight: 700;
      transition: var(--transicao-padrao);
      box-shadow: none;
    }

    .qz-push-card__action:hover:not(:disabled) {
      transform: translateY(-1px);
      box-shadow: 0 14px 26px rgba(15, 23, 42, .12);
    }

    .qz-push-card__action:disabled {
      opacity: .62;
      cursor: not-allowed;
      box-shadow: none;
      transform: none;
    }

    .qz-push-card__action--ghost {
      background: rgba(255, 255, 255, .76);
      color: #253858;
      border-color: rgba(148, 163, 184, .28);
    }

    .qz-push-card__action--danger {
      background: rgba(255, 255, 255, .82);
      color: #dc2626;
      border-color: rgba(239, 68, 68, .20);
    }

    .qz-push-card__action--primary {
      background: linear-gradient(135deg, var(--qz-profile-primary, var(--cor-primaria)), #2563eb);
      color: #fff;
      border-color: transparent;
      box-shadow: 0 18px 30px rgba(var(--qz-profile-primary-rgb, 13, 71, 161), .24);
    }

    .qz-push-card--success {
      border-color: rgba(16, 185, 129, .24);
      background:
        radial-gradient(circle at top right, rgba(16, 185, 129, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(241, 253, 247, .94));
    }

    .qz-push-card--success .qz-push-card__orb {
      background: linear-gradient(135deg, #10b981, #0f766e);
      box-shadow: 0 16px 30px rgba(16, 185, 129, .24), inset 0 1px 0 rgba(255, 255, 255, .28);
    }

    .qz-push-card--warning {
      border-color: rgba(245, 158, 11, .24);
      background:
        radial-gradient(circle at top right, rgba(245, 158, 11, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 251, 235, .96));
    }

    .qz-push-card--warning .qz-push-card__orb {
      background: linear-gradient(135deg, #f59e0b, #ea580c);
      box-shadow: 0 16px 30px rgba(245, 158, 11, .24), inset 0 1px 0 rgba(255, 255, 255, .28);
    }

    .qz-push-card--danger {
      border-color: rgba(239, 68, 68, .24);
      background:
        radial-gradient(circle at top right, rgba(239, 68, 68, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 245, 245, .96));
    }

    .qz-push-card--danger .qz-push-card__orb {
      background: linear-gradient(135deg, #ef4444, #b91c1c);
      box-shadow: 0 16px 30px rgba(239, 68, 68, .24), inset 0 1px 0 rgba(255, 255, 255, .28);
    }

    .qz-push-card--neutral .qz-push-card__orb {
      background: linear-gradient(135deg, var(--qz-profile-primary, var(--cor-primaria)), #3b82f6);
    }

    html[data-qz-theme="dark"] .qz-push-card {
      border-color: rgba(125, 211, 252, .20);
      background:
        radial-gradient(circle at top right, rgba(18, 185, 243, .18), transparent 34%),
        linear-gradient(180deg, rgba(7, 24, 43, .98), rgba(10, 32, 55, .96));
      box-shadow:
        0 26px 54px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    }

    html[data-qz-theme="dark"] .qz-push-card__stat {
      background: rgba(7, 24, 43, .70);
      border-color: rgba(125, 211, 252, .16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    }

    html[data-qz-theme="dark"] .qz-push-card__collapse {
      background: rgba(255, 255, 255, .05);
      color: #d7e7fb;
      border-color: rgba(125, 211, 252, .16);
    }

    html[data-qz-theme="dark"] .qz-push-card__collapse:hover {
      background: rgba(255, 255, 255, .08);
    }

    html[data-qz-theme="dark"] .qz-push-card__summary {
      background: rgba(7, 24, 43, .62);
      border-color: rgba(125, 211, 252, .14);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    }

    html[data-qz-theme="dark"] .qz-push-card__stat-label {
      color: #8ca3bf;
    }

    html[data-qz-theme="dark"] .qz-push-card__device {
      background: rgba(8, 37, 68, .66);
      border-color: rgba(125, 211, 252, .18);
      color: #b9c8dd;
    }

    html[data-qz-theme="dark"] .qz-push-card__detail-note {
      background: rgba(8, 37, 68, .66);
      border-color: rgba(125, 211, 252, .18);
      color: #b9c8dd;
    }

    html[data-qz-theme="dark"] .qz-push-card__action--ghost {
      background: rgba(255, 255, 255, .05);
      color: #d7e7fb;
      border-color: rgba(125, 211, 252, .18);
    }

    html[data-qz-theme="dark"] .qz-push-card__action--danger {
      background: rgba(127, 29, 29, .16);
      color: #fca5a5;
      border-color: rgba(248, 113, 113, .22);
    }

    @media (max-width: 576px) {
      .qz-push-card {
        padding: 16px;
        border-radius: 18px;
      }

      .qz-push-card__summary {
        flex-direction: column;
        align-items: flex-start;
      }

      .qz-push-card__summary-status {
        align-items: flex-start;
      }

      .qz-push-card__stats {
        grid-template-columns: 1fr;
      }

      .qz-push-card__actions {
        flex-direction: column;
      }

      .qz-push-card__action {
        width: 100%;
      }
    }