/* * Pluze — tema Oceano sereno * Base opt-in para prototipacao e migracao progressiva. * Ativar com: * Durante o piloto, carregar este arquivo depois dos CSS atuais. * Este arquivo nao altera regras de negocio. */ /* Requer pluze-design-tokens.css carregado antes desta camada. */ [data-pluze-theme="sereno"] { color-scheme: light; --pluze-bg: var(--pluze-color-canvas); --pluze-surface: var(--pluze-color-surface); --pluze-surface-soft: var(--pluze-color-surface-soft); --pluze-surface-selected: var(--pluze-color-surface-selected); --pluze-text: var(--pluze-color-text); --pluze-text-muted: var(--pluze-color-text-muted); --pluze-line: var(--pluze-color-border); --pluze-line-strong: var(--pluze-color-border-strong); --pluze-primary: var(--pluze-action-primary); --pluze-primary-strong: var(--pluze-action-primary-hover); --pluze-primary-soft: var(--pluze-action-primary-soft); --pluze-on-primary: var(--pluze-action-on-primary); --pluze-accent: var(--pluze-brand-cyan); --pluze-success: var(--pluze-status-success); --pluze-success-soft: var(--pluze-status-success-soft); --pluze-warning: var(--pluze-status-warning); --pluze-warning-soft: var(--pluze-status-warning-soft); --pluze-danger: var(--pluze-status-danger); --pluze-danger-soft: var(--pluze-status-danger-soft); --pluze-info: var(--pluze-status-info); --pluze-info-soft: var(--pluze-status-info-soft); --pluze-focus: var(--pluze-action-focus-ring); --pluze-radius-sm: 9px; --pluze-radius-md: 12px; --pluze-radius-lg: 16px; /* Aliases temporarios para a camada atual. */ --workspace-bg: var(--pluze-bg); --workspace-surface: var(--pluze-surface); --workspace-surface-soft: var(--pluze-surface-soft); --workspace-line: var(--pluze-line); --workspace-text: var(--pluze-text); --workspace-muted: var(--pluze-text-muted); --workspace-primary: var(--pluze-primary); --workspace-primary-strong: var(--pluze-primary-strong); --workspace-primary-soft: var(--pluze-primary-soft); --workspace-nav-blue: var(--pluze-primary); --workspace-nav-blue-strong: var(--pluze-primary-strong); --workspace-nav-blue-soft: var(--pluze-primary-soft); --workspace-green: var(--pluze-success); --workspace-green-soft: var(--pluze-success-soft); --workspace-orange: var(--pluze-warning); --workspace-orange-soft: var(--pluze-warning-soft); --workspace-red: var(--pluze-danger); --workspace-red-soft: var(--pluze-danger-soft); --workspace-shadow: var(--pluze-shadow-sm); --workspace-radius: var(--pluze-radius-md); --green: var(--pluze-primary); --green2: var(--pluze-primary-strong); --green-dark: var(--pluze-text); --green-deep: var(--pluze-text); --mint: var(--pluze-primary-soft); --mint-strong: color-mix(in srgb, var(--pluze-primary) 14%, var(--pluze-surface)); --ink: var(--pluze-text); --muted: var(--pluze-text-muted); --line: var(--pluze-line); --bg: var(--pluze-bg); --white: var(--pluze-surface); --red: var(--pluze-danger); --amber: var(--pluze-warning); --blue: var(--pluze-info); --shadow-sm: var(--pluze-shadow-sm); --shadow-md: var(--pluze-shadow-md); } [data-pluze-theme="sereno"] { color: var(--pluze-text); background: var(--pluze-bg); } [data-pluze-theme="sereno"] .sidebar { color: var(--pluze-color-sidebar-on-blue); background: linear-gradient(160deg, var(--pluze-color-sidebar-blue-start), var(--pluze-color-sidebar-blue-end)); border-right-color: var(--pluze-color-sidebar-line-on-blue); box-shadow: 0 12px 30px var(--pluze-color-sidebar-blue-shadow); } [data-pluze-theme="sereno"] .sidebar > nav { padding: 10px 7px 20px; background: transparent; border: 0; border-radius: 0; box-shadow: none; scrollbar-color: var(--pluze-color-sidebar-muted-on-blue) transparent; } [data-pluze-theme="sereno"] .sidebar .brand { border-bottom-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar .brand-home, [data-pluze-theme="sereno"] .sidebar .brand-copy strong, [data-pluze-theme="sereno"] .sidebar .sidebar-foot strong, [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher strong { color: var(--pluze-color-sidebar-on-blue); } [data-pluze-theme="sereno"] .sidebar .brand-copy small, [data-pluze-theme="sereno"] .sidebar .sidebar-foot, [data-pluze-theme="sereno"] .sidebar .sidebar-module-links a, [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher small { color: var(--pluze-color-sidebar-muted-on-blue); } [data-pluze-theme="sereno"] .sidebar .brand-logo { filter: brightness(0) invert(1); } [data-pluze-theme="sereno"] .sidebar .sidebar-close, [data-pluze-theme="sereno"] .sidebar .sidebar-module-links a:hover, [data-pluze-theme="sereno"] .sidebar .sidebar-module-links a:focus-visible { color: var(--pluze-color-sidebar-on-blue); } [data-pluze-theme="sereno"] .sidebar .sidebar-close { background: var(--pluze-color-sidebar-icon-bg); border-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar .sidebar-bottom { background: transparent; border-top-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar .sidebar-module-links { border-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher { color: var(--pluze-color-sidebar-on-blue); background: transparent; border-color: transparent; box-shadow: none; } [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher__field { background: var(--pluze-color-sidebar-active); border-color: var(--pluze-color-sidebar-active); } [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher select { color: var(--pluze-color-sidebar-active-text); background: transparent; border-color: transparent; } [data-pluze-theme="sereno"] .sidebar .pluze-product-switcher__field::after { color: var(--pluze-color-sidebar-active-text); } [data-pluze-theme="sereno"] .sidebar > nav .nav-label { color: var(--pluze-color-sidebar-muted-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav .nav-group-title-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-chevron { color: var(--pluze-color-sidebar-muted-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav .nav-label:hover, [data-pluze-theme="sereno"] .sidebar > nav .nav-label:focus-visible { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-hover); } [data-pluze-theme="sereno"] .sidebar > nav a { color: var(--pluze-color-sidebar-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav a:hover { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-hover); border-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav a.active, [data-pluze-theme="sereno"] .sidebar > nav a.active:hover, [data-pluze-theme="sereno"] .sidebar > nav a.active:focus-visible { color: var(--pluze-color-sidebar-active-text); background: var(--pluze-color-sidebar-active); border-color: var(--pluze-color-sidebar-active); box-shadow: var(--pluze-shadow-sm); } [data-pluze-theme="sereno"] .sidebar > nav .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type) .nav-icon { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-icon-bg); border-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav a:hover .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type):hover .nav-icon { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-hover); border-color: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav a.active .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav a.active:hover .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav a.active:focus-visible .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type).active .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type).active:hover .nav-icon, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type).active:focus-visible .nav-icon { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-blue-start); border-color: var(--pluze-color-sidebar-blue-start); box-shadow: var(--pluze-shadow-sm); } [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type)::before, [data-pluze-theme="sereno"] .sidebar > nav .nav-group > a:not(:first-of-type)::after, [data-pluze-theme="sereno"] .sidebar > nav a.nav-subitem::before, [data-pluze-theme="sereno"] .sidebar > nav a.nav-subitem::after { background: var(--pluze-color-sidebar-line-on-blue); } [data-pluze-theme="sereno"] .sidebar > nav a b { color: var(--pluze-color-sidebar-on-blue); background: var(--pluze-color-sidebar-icon-bg); } [data-pluze-theme="sereno"] .sidebar > nav a.active b { color: var(--pluze-color-sidebar-active-text); background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .panel, [data-pluze-theme="sereno"] .cards article { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); box-shadow: var(--pluze-shadow-sm); } [data-pluze-theme="sereno"] .btn.primary { color: var(--pluze-on-primary); background: var(--pluze-primary); border-color: var(--pluze-primary); box-shadow: var(--pluze-shadow-sm); } [data-pluze-theme="sereno"] .btn.primary:hover:not(:disabled) { background: var(--pluze-primary-strong); border-color: var(--pluze-primary-strong); } [data-pluze-theme="sereno"] .btn.secondary { color: var(--pluze-primary); background: var(--pluze-surface); border-color: var(--pluze-line-strong); box-shadow: none; } [data-pluze-theme="sereno"] .btn.danger, [data-pluze-theme="sereno"] .danger-button { color: var(--pluze-action-on-danger); background: var(--pluze-action-danger); border-color: var(--pluze-action-danger); } [data-pluze-theme="sereno"] input:not([type="checkbox"]):not([type="radio"]), [data-pluze-theme="sereno"] select, [data-pluze-theme="sereno"] textarea, [data-pluze-theme="sereno"] .table-search { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line-strong) !important; } [data-pluze-theme="sereno"] input:not([type="checkbox"]):not([type="radio"]):focus, [data-pluze-theme="sereno"] select:focus, [data-pluze-theme="sereno"] textarea:focus, [data-pluze-theme="sereno"] .table-search:focus { outline: 3px solid var(--pluze-focus) !important; border-color: var(--pluze-primary) !important; } [data-pluze-theme="sereno"] input[type="checkbox"], [data-pluze-theme="sereno"] input[type="radio"] { accent-color: var(--pluze-primary); } [data-pluze-theme="sereno"] th { color: var(--pluze-text-muted); background: var(--pluze-surface-soft); border-bottom-color: var(--pluze-line); } [data-pluze-theme="sereno"] td { border-bottom-color: var(--pluze-line); } [data-pluze-theme="sereno"] tbody tr:hover { background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .badge.ok { color: var(--pluze-success); background: var(--pluze-success-soft); } [data-pluze-theme="sereno"] .badge.warning { color: var(--pluze-warning); background: var(--pluze-warning-soft); } [data-pluze-theme="sereno"] .alert.info { color: var(--pluze-info); background: var(--pluze-info-soft); border-color: color-mix(in srgb, var(--pluze-info) 24%, var(--pluze-line)); } [data-pluze-theme="sereno"] .alert.warning { color: var(--pluze-warning); background: var(--pluze-warning-soft); border-color: color-mix(in srgb, var(--pluze-warning) 24%, var(--pluze-line)); } [data-pluze-theme="sereno"] .alert.error { color: var(--pluze-danger); background: var(--pluze-danger-soft); border-color: color-mix(in srgb, var(--pluze-danger) 24%, var(--pluze-line)); } /* Fase 2 — shell global e componentes compartilhados. */ [data-pluze-theme="sereno"] .app-header { color: var(--pluze-text); background: color-mix(in srgb, var(--pluze-surface) 94%, var(--pluze-primary-soft)); border-bottom-color: var(--pluze-line); } [data-pluze-theme="sereno"] .page-kicker, [data-pluze-theme="sereno"] .eyebrow, [data-pluze-theme="sereno"] .section-title > span { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .page-heading p, [data-pluze-theme="sereno"] .section-title p, [data-pluze-theme="sereno"] .panel-head p, [data-pluze-theme="sereno"] .empty-state { color: var(--pluze-text-muted); } [data-pluze-theme="sereno"] .menu-toggle, [data-pluze-theme="sereno"] .platform-settings-link, [data-pluze-theme="sereno"] .working-condominium-picker button { color: var(--pluze-primary); background: var(--pluze-primary-soft); border-color: color-mix(in srgb, var(--pluze-primary) 20%, var(--pluze-line)); } [data-pluze-theme="sereno"] .btn:focus-visible, [data-pluze-theme="sereno"] button:focus-visible, [data-pluze-theme="sereno"] a:focus-visible, [data-pluze-theme="sereno"] summary:focus-visible { outline: 3px solid var(--pluze-focus); outline-offset: 2px; } [data-pluze-theme="sereno"] .btn:disabled, [data-pluze-theme="sereno"] button:disabled { color: var(--pluze-action-disabled); background: var(--pluze-action-disabled-bg); border-color: var(--pluze-action-disabled-border); } [data-pluze-theme="sereno"] .link-button, [data-pluze-theme="sereno"] .file-link { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .badge.info, [data-pluze-theme="sereno"] .badge.active { color: var(--pluze-info); background: var(--pluze-info-soft); } [data-pluze-theme="sereno"] .badge.error, [data-pluze-theme="sereno"] .badge.danger { color: var(--pluze-danger); background: var(--pluze-danger-soft); } [data-pluze-theme="sereno"] .dialog-card, [data-pluze-theme="sereno"] .finance-modal-card, [data-pluze-theme="sereno"] dialog { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); box-shadow: var(--pluze-shadow-md); } [data-pluze-theme="sereno"] .dialog-actions, [data-pluze-theme="sereno"] .finance-modal-header, [data-pluze-theme="sereno"] .finance-modal-body { border-color: var(--pluze-line); } [data-pluze-theme="sereno"] .check-card:has(input:checked) { color: var(--pluze-primary-strong); background: var(--pluze-primary-soft); border-color: var(--pluze-primary); } /* Fase 3 — acesso e telas-piloto. */ [data-pluze-theme="sereno"].pluze-login-page { color: var(--pluze-text); background: var(--pluze-bg); } [data-pluze-theme="sereno"] .pluze-login-card { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); box-shadow: var(--pluze-shadow-md); } [data-pluze-theme="sereno"] .pluze-login-card button[type="submit"] { color: var(--pluze-on-primary); background: var(--pluze-primary); border-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .pluze-login-card button[type="submit"]:hover { background: var(--pluze-primary-strong); border-color: var(--pluze-primary-strong); } [data-pluze-theme="sereno"] .units-hero, [data-pluze-theme="sereno"] .unit-create-panel, [data-pluze-theme="sereno"] .unit-directory, [data-pluze-theme="sereno"] .unit-row, [data-pluze-theme="sereno"] .unit-kpis article, [data-pluze-theme="sereno"] .condo-rateio-summary article { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); } [data-pluze-theme="sereno"] .unit-row:hover, [data-pluze-theme="sereno"] .condo-workspace-nav a:hover { background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .unit-house, [data-pluze-theme="sereno"] .condo-workspace-nav a > span { color: var(--pluze-primary); background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .unit-status.status-ativa, [data-pluze-theme="sereno"] .tag-badge.garantia { color: var(--pluze-success); background: var(--pluze-success-soft); } [data-pluze-theme="sereno"] .condo-360-hero { color: var(--pluze-on-primary); background: linear-gradient(135deg, var(--pluze-primary-strong), var(--pluze-primary)); } [data-pluze-theme="sereno"] .condo-identity-dialog-card, [data-pluze-theme="sereno"] .identity-sync-panel { color: var(--pluze-text); background: var(--pluze-bg); border-color: var(--pluze-line); } [data-pluze-theme="sereno"] .ecosystem-module, [data-pluze-theme="sereno"] .metric-card, [data-pluze-theme="sereno"] .process-row { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); } [data-pluze-theme="sereno"] .module-icon, [data-pluze-theme="sereno"] .metric-icon, [data-pluze-theme="sereno"] .process-avatar { color: var(--pluze-primary); background: var(--pluze-primary-soft); } /* Fase 4 — expansao modular do Operacional. */ [data-pluze-theme="sereno"] .dashboard-kpi, [data-pluze-theme="sereno"] .aging-dashboard-card, [data-pluze-theme="sereno"] .finance-form-block, [data-pluze-theme="sereno"] .finance-action-section, [data-pluze-theme="sereno"] .bank-account-card, [data-pluze-theme="sereno"] .permission-module, [data-pluze-theme="sereno"] .scope-block, [data-pluze-theme="sereno"] .ai-provider-card, [data-pluze-theme="sereno"] .integration-lab-accordion, [data-pluze-theme="sereno"] .fiscal-test-card, [data-pluze-theme="sereno"] .collection-process-item, [data-pluze-theme="sereno"] .collection-import-report-list > details { color: var(--pluze-text); background: var(--pluze-surface); border-color: var(--pluze-line); } [data-pluze-theme="sereno"] .finance-dock-action:hover, [data-pluze-theme="sereno"] .bank-account-card:hover, [data-pluze-theme="sereno"] .collection-process-item:hover, [data-pluze-theme="sereno"] .collection-process-row:hover, [data-pluze-theme="sereno"] .balance-condo-row:hover { color: var(--pluze-primary-strong); background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .finance-dock-icon, [data-pluze-theme="sereno"] .bank-symbol, [data-pluze-theme="sereno"] .permission-module-icon, [data-pluze-theme="sereno"] .integration-lab-accordion-icon, [data-pluze-theme="sereno"] .fiscal-test-step, [data-pluze-theme="sereno"] .collection-item-kind, [data-pluze-theme="sereno"] .collection-process-date, [data-pluze-theme="sereno"] .balance-condo-symbol { color: var(--pluze-primary); background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .collection-dashboard-filters a.active, [data-pluze-theme="sereno"] .collection-process-tabs a.active, [data-pluze-theme="sereno"] .template-tab.is-active, [data-pluze-theme="sereno"] .template-view-tab.is-active { color: var(--pluze-on-primary); background: var(--pluze-primary); border-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .template-variable-chip, [data-pluze-theme="sereno"] .template-edit-trigger, [data-pluze-theme="sereno"] .collection-inline-value, [data-pluze-theme="sereno"] .balance-condo-row i { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .monthly-policy-card:has(input:checked), [data-pluze-theme="sereno"] .monthly-management-steps article:has(input:checked) { color: var(--pluze-primary-strong); background: var(--pluze-primary-soft); border-color: var(--pluze-primary); } /* Pontes de migracao para acoes ainda definidas nos CSS de modulo. */ [data-pluze-theme="sereno"].page-a_receber { --workspace-primary: var(--pluze-primary); --workspace-primary-strong: var(--pluze-primary-strong); --workspace-primary-soft: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .native-receivables-tabs a.active, [data-pluze-theme="sereno"].page-a_receber .native-receivables-tabs a.active { color: var(--pluze-on-primary) !important; background: var(--pluze-primary) !important; border-color: var(--pluze-primary) !important; box-shadow: var(--pluze-shadow-sm); } [data-pluze-theme="sereno"].page-a_receber .icon-action:hover, [data-pluze-theme="sereno"].page-a_receber .icon-action:focus-visible { color: var(--pluze-primary) !important; background: var(--pluze-primary-soft) !important; border-color: color-mix(in srgb, var(--pluze-primary) 30%, var(--pluze-line)) !important; } [data-pluze-theme="sereno"] .native-period-nav a, [data-pluze-theme="sereno"] .native-title-actions a, [data-pluze-theme="sereno"] .native-title-actions button { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .native-period-nav a:hover, [data-pluze-theme="sereno"] .native-period-nav a:focus-visible { color: var(--pluze-primary-strong); background: var(--pluze-primary-soft); border-color: var(--pluze-primary); outline-color: var(--pluze-focus); } [data-pluze-theme="sereno"] .pluze-product-switcher__field::after { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .pluze-product-switcher__field:hover, [data-pluze-theme="sereno"] .pluze-product-switcher__field:focus-within { background: var(--pluze-surface-soft); border-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .pluze-product-switcher__field:focus-within { box-shadow: 0 0 0 3px var(--pluze-focus); } [data-pluze-theme="sereno"] .monthly-cycle-card:hover, [data-pluze-theme="sereno"] .monthly-cycle-card.selected, [data-pluze-theme="sereno"] .monthly-flow-tabs > button[aria-selected="true"] { border-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .monthly-cycle-card.selected, [data-pluze-theme="sereno"] .monthly-billing-toolbar nav a.active, [data-pluze-theme="sereno"] .monthly-flow-tabs > button[aria-selected="true"] { color: var(--pluze-primary-strong); background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .monthly-cycle-icon, [data-pluze-theme="sereno"] .monthly-cycle-card small, [data-pluze-theme="sereno"] .monthly-cycle-card > a > b, [data-pluze-theme="sereno"] .monthly-flow-code, [data-pluze-theme="sereno"] .monthly-flow-section-title span { color: var(--pluze-primary); } [data-pluze-theme="sereno"] .monthly-cycle-icon { background: var(--pluze-primary-soft); } [data-pluze-theme="sereno"] .billing-card-action, [data-pluze-theme="sereno"] .monthly-kanban-card details summary { color: var(--pluze-on-primary); background: var(--pluze-primary); } [data-pluze-theme="sereno"] .monthly-card-toggle:focus-visible { outline-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .monthly-condo-policy-form .monthly-policy-grid input[type="checkbox"] { accent-color: var(--pluze-primary); } [data-pluze-theme="sereno"] .report-switch { position: relative; } [data-pluze-theme="sereno"] .report-switch > input[type="checkbox"] { inset: auto; width: 38px; height: 21px; margin: 0; } /* Sidebar em duas faixas: ícones e submenus sobre o mesmo azul Vouch. */ body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail { --pluze-sidebar-rail: 52px; padding-right: 0; padding-left: 0; isolation:isolate; background: radial-gradient(circle at 86% 8%,var(--pluze-nav-panel-glow),transparent 30%), linear-gradient(160deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end)); border-right-color: var(--pluze-color-sidebar-blue-start); box-shadow:12px 0 34px var(--pluze-color-sidebar-blue-shadow); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail::after {content:"";position:absolute;z-index:-1;inset:0 auto 0 calc(var(--pluze-sidebar-rail) - 1px);width:1px;background:linear-gradient(180deg,transparent,var(--pluze-color-sidebar-line-on-blue) 12%,var(--pluze-color-sidebar-line-on-blue) 88%,transparent);pointer-events:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .brand-symbol-only {position:relative;min-height:72px;justify-content:center;padding:0 16px;background:linear-gradient(135deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end));border-bottom:1px solid var(--pluze-color-sidebar-line-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .brand-symbol-only .brand-home {width:100%;height:72px;display:grid;place-items:center;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .brand-symbol-only .brand-home:hover {transform:none;background:rgba(255,255,255,.06);box-shadow:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .brand-symbol-only .brand-logo {width:44px!important;max-width:100%;height:44px!important;flex-basis:auto;border-radius:0;object-fit:contain;transform:none;filter:drop-shadow(0 4px 8px rgba(1,18,40,.30))} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .brand-symbol-only .sidebar-close {z-index:2;right:8px;color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .pluze-product-switcher {margin-right:10px;margin-left:calc(var(--pluze-sidebar-rail) + 10px)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail > nav {display:grid;grid-template-columns:var(--pluze-sidebar-rail) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;padding:10px 8px 22px 0} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail {grid-column:1;grid-row:1;display:flex;min-height:0;flex-direction:column;align-items:center;gap:7px;padding:2px 6px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail::-webkit-scrollbar {display:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="overview"] {--nav-accent:var(--pluze-nav-overview)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="reports"] {--nav-accent:var(--pluze-nav-reports)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="condominium"] {--nav-accent:var(--pluze-nav-condominium)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="income"] {--nav-accent:var(--pluze-nav-income)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="expense"] {--nav-accent:var(--pluze-nav-expense)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="fiscal"] {--nav-accent:var(--pluze-nav-fiscal)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail [data-nav-tone="platform"] {--nav-accent:var(--pluze-nav-platform)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button {position:relative;display:grid;place-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;color:var(--nav-accent,var(--pluze-color-sidebar-on-blue));background:color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 11%,transparent);border:1px solid color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 24%,transparent);border-radius:12px;box-shadow:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button::before {content:"";position:absolute;left:-7px;width:3px;height:0;border-radius:0 999px 999px 0;background:var(--nav-accent,var(--pluze-nav-overview));box-shadow:0 0 12px var(--nav-accent,var(--pluze-nav-overview));transition:height .18s ease} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button:hover, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button:focus-visible {background:var(--pluze-color-sidebar-hover);border-color:var(--pluze-color-sidebar-line-on-blue);outline:2px solid var(--nav-accent,var(--pluze-nav-overview));outline-offset:2px;transform:translateY(-1px)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button:hover {background:var(--pluze-color-sidebar-hover);border-color:var(--pluze-color-sidebar-line-on-blue);transform:translateY(-1px)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button.is-active {color:var(--nav-accent,var(--pluze-color-sidebar-on-blue));background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 32%,rgba(255,255,255,.20)),color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 18%,rgba(255,255,255,.08)));border-color:color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 58%,var(--pluze-color-sidebar-line-on-blue));box-shadow:0 10px 22px var(--pluze-nav-active-shadow),inset 0 1px 0 rgba(255,255,255,.14)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button.is-active::before {height:22px} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__icon {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.055);transition:transform .18s ease,background .18s ease} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button:hover .sidebar-group-rail__icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button.is-active .sidebar-group-rail__icon {background:rgba(255,255,255,.08);transform:scale(1.04)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button svg {display:block;width:21px;height:21px;stroke-width:1.75} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-group {--pluze-nav-panel-offset:0px;--pluze-sidebar-submenu-text:rgba(238,246,255,.94);--pluze-sidebar-submenu-muted:rgba(207,222,243,.78);grid-column:2;grid-row:1;align-self:start;width:100%;height:max-content;max-height:100%;min-width:0;min-height:0;margin:0;padding:var(--pluze-nav-panel-offset) 5px 12px 9px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--pluze-sidebar-submenu-muted) transparent;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.035));background-clip:content-box;border-radius:0 14px 14px 0;box-shadow:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-group.is-collapsed {display:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-group:not(.is-collapsed) {animation:pluzeNavPanelIn .22s cubic-bezier(.2,.75,.25,1)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label {position:sticky;z-index:2;top:0;display:block;width:100%;min-height:34px;margin:0 0 6px;padding:8px 10px 8px 11px;color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.035);border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;box-shadow:none;text-align:left;pointer-events:none;cursor:default;user-select:none;opacity:1} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label:hover, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label:focus-visible {color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.18);outline:0} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label:hover {color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.18)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label__title {display:inline;min-width:0;color:var(--pluze-color-sidebar-on-blue);font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.005em;text-align:left;text-transform:none;transition:color .16s ease} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label:hover .nav-label__title, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label:focus-visible .nav-label__title {color:var(--pluze-color-sidebar-on-blue);text-decoration:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a:not(:first-of-type), body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.nav-subitem {position:relative;width:auto;min-height:38px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;margin:2px 0;padding:6px 9px;color:var(--pluze-sidebar-submenu-text);font-size:11px;font-weight:650;line-height:1.25;border:1px solid transparent;border-radius:10px;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a > span:nth-child(2) {align-self:center;min-width:0;padding-left:0} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a .nav-icon {display:grid!important} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a > span:nth-child(2) {grid-column:2} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a > .nav-external, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a > b {grid-column:3;align-self:center;padding-left:0} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a:hover {color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.16);transform:translateX(2px)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a:focus-visible {outline:2px solid var(--nav-accent);outline-offset:1px} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.active {color:var(--pluze-color-sidebar-rail-start);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(226,238,255,.94));border-color:color-mix(in srgb,var(--nav-accent) 44%,rgba(255,255,255,.72));box-shadow:0 7px 16px rgba(3,22,55,.22);transform:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.active b {color:var(--pluze-color-sidebar-rail-start)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a:not(:first-of-type) .nav-icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.nav-subitem .nav-icon {width:25px;height:25px;display:grid;place-items:center;justify-self:center;padding:4px;color:var(--nav-accent,var(--pluze-color-sidebar-on-blue));background:color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 18%,rgba(255,255,255,.08));border:1px solid color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 36%,transparent);border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a .nav-icon svg {display:block;width:16px;height:16px;stroke-width:1.8} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.active .nav-icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.active:hover .nav-icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.active:focus-visible .nav-icon {color:var(--pluze-color-sidebar-rail-start);background:var(--nav-accent,var(--pluze-nav-overview));border-color:color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 72%,var(--pluze-color-sidebar-rail-start));box-shadow:0 3px 8px rgba(3,22,55,.16)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a::before {display:none} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-bottom {background:transparent;border-top-color:var(--pluze-color-sidebar-line-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .pluze-product-switcher, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .pluze-product-switcher strong {color:var(--pluze-color-sidebar-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .pluze-product-switcher small, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-foot {color:var(--pluze-color-sidebar-muted-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-foot strong {color:var(--pluze-color-sidebar-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-foot small {color:var(--pluze-color-sidebar-muted-on-blue)} body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-foot {margin-left:var(--pluze-sidebar-rail);padding-left:11px} @keyframes pluzeNavPanelIn {from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}} @media(max-width:900px){body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail{--pluze-sidebar-rail:52px}} @media (prefers-reduced-motion: reduce) { [data-pluze-theme="sereno"] *, [data-pluze-theme="sereno"] *::before, [data-pluze-theme="sereno"] *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* Paleta global violeta: referência visual do Financeiro 08/2026. */ [data-pluze-theme="sereno"] h1, [data-pluze-theme="sereno"] h2, [data-pluze-theme="sereno"] h3, [data-pluze-theme="sereno"] h4, [data-pluze-theme="sereno"] label, [data-pluze-theme="sereno"] td, [data-pluze-theme="sereno"] .panel-head, [data-pluze-theme="sereno"] .section-title { color: var(--pluze-text); } [data-pluze-theme="sereno"] .ecosystem-copy h2 { color: var(--pluze-action-on-primary); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail { background: radial-gradient(circle at 78% 7%,var(--pluze-nav-panel-glow),transparent 28%), linear-gradient(160deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end)); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__icon { color: var(--nav-accent,var(--pluze-nav-overview)); background: color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 18%,rgba(255,255,255,.08)); border: 1px solid color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 36%,transparent); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button:hover .sidebar-group-rail__icon, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .sidebar-group-rail__button.is-active .sidebar-group-rail__icon { background: color-mix(in srgb,var(--nav-accent,var(--pluze-nav-overview)) 28%,rgba(255,255,255,.12)); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail .nav-label__title, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a:not(:first-of-type), body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav a.nav-subitem { color: var(--pluze-sidebar-submenu-text,var(--pluze-color-sidebar-on-blue)); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a.active, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a.active:hover, body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a.active:focus-visible { color: var(--pluze-color-sidebar-rail-start); background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(226,238,255,.94)); border-color: color-mix(in srgb,var(--nav-accent) 44%,rgba(255,255,255,.72)); } body[data-pluze-theme="sereno"] .sidebar.sidebar-dual-rail nav .nav-group > a.active b { color: var(--pluze-color-sidebar-rail-start); } /* Left slide menu: a régua de ícones permanece fixa e cada área abre em um painel lateral. */ .sidebar-slide-close {display:none} @media (min-width:901px) { body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide { --pluze-sidebar-rail:60px; width:var(--pluze-sidebar-rail); padding:0; overflow:visible; border-right-color:var(--pluze-color-sidebar-line-on-blue); box-shadow:8px 0 24px rgba(3,25,64,.20); } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide::after {inset:0 0 0 auto} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .brand-symbol-only { width:var(--pluze-sidebar-rail); min-height:72px; padding:0; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .brand-symbol-only .brand-home {width:var(--pluze-sidebar-rail)} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .brand-symbol-only .brand-logo {width:42px!important;height:42px!important} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > nav { position:relative; width:var(--pluze-sidebar-rail); min-height:0; display:block; flex:1 1 auto; padding:10px 0 14px; overflow:visible; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-group-rail { width:var(--pluze-sidebar-rail); height:100%; display:flex; flex-direction:column; align-items:center; gap:8px; padding:2px 9px; overflow-x:hidden; overflow-y:auto; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-group-rail__button {width:42px;height:42px;min-height:42px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-group-rail__button::before {left:-9px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-group-rail__button.is-current:not(.is-active)::before {height:10px;opacity:.72} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .nav-group, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .nav-group.is-collapsed { --pluze-slide-panel-top:80px; position:fixed; z-index:52; top:var(--pluze-slide-panel-top); bottom:auto; left:var(--pluze-sidebar-rail); width:232px; min-height:94px; max-height:calc(100vh - var(--pluze-slide-panel-top) - 18px); display:block; margin:0; padding:10px 12px 12px; overflow-x:hidden; overflow-y:auto; visibility:hidden; opacity:0; pointer-events:none; transform:translateX(-18px); background: radial-gradient(circle at 86% 5%,var(--pluze-nav-panel-glow),transparent 34%), linear-gradient(155deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end)); background-clip:border-box; border:1px solid var(--pluze-color-sidebar-line-on-blue); border-left:0; border-radius:0 16px 16px 0; box-shadow:16px 18px 36px rgba(3,25,64,.28); transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1),visibility .24s; animation:none; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide.is-slide-open .nav-group:not(.is-collapsed) { visibility:visible; opacity:1; pointer-events:auto; transform:translateX(0); } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .nav-label { position:sticky; top:-10px; min-height:42px; margin:0 0 7px; padding:11px 42px 10px 10px; background:linear-gradient(180deg,rgba(12,44,100,.98),rgba(12,44,100,.90)); } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .nav-label__title {font-size:13px;font-weight:800} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide nav .nav-group > a.active, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide nav .nav-group > a.active:hover, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide nav .nav-group > a.active:focus-visible { color:var(--pluze-color-sidebar-on-blue); background:linear-gradient(135deg,var(--pluze-action-primary),var(--pluze-action-primary-hover)); border-color:color-mix(in srgb,var(--pluze-action-primary) 58%,rgba(255,255,255,.38)); box-shadow:0 8px 18px rgba(3,22,55,.27); } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide nav .nav-group > a.active b {color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.16)} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-slide-close { position:sticky; z-index:4; top:0; float:right; width:30px; height:30px; display:grid; place-items:center; margin:-44px 2px 12px 0; padding:0; color:var(--pluze-color-sidebar-muted-on-blue); background:rgba(255,255,255,.07); border:1px solid var(--pluze-color-sidebar-line-on-blue); border-radius:9px; cursor:pointer; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-slide-close:hover, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-slide-close:focus-visible {color:var(--pluze-color-sidebar-on-blue);background:rgba(255,255,255,.14);outline:2px solid var(--nav-accent);outline-offset:1px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-slide-close svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-bottom { position:fixed; z-index:51; right:auto; bottom:0; left:var(--pluze-sidebar-rail); width:232px; padding:10px 10px 8px; visibility:hidden; opacity:0; pointer-events:none; transform:translateX(-18px); background:linear-gradient(160deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end)); border:1px solid var(--pluze-color-sidebar-line-on-blue); border-bottom:0; border-left:0; border-radius:0 16px 0 0; box-shadow:16px -12px 34px rgba(3,25,64,.24); transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1),visibility .24s; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide.is-slide-open .sidebar-bottom {visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .pluze-product-switcher {margin:0 0 7px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-foot {margin-left:0;padding-left:3px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-logout {margin:5px 0 0} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-bottom {display:none} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout { position:fixed; z-index:56; right:auto; bottom:8px; left:9px; width:42px; height:42px; margin:0; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button { width:42px; min-height:42px; height:42px; display:grid; place-items:center; padding:0; color:var(--pluze-color-sidebar-muted-on-blue); background:rgba(255,255,255,.055); border:1px solid var(--pluze-color-sidebar-line-on-blue); border-radius:12px; box-shadow:none; } body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button:hover, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button:focus-visible {color:var(--pluze-status-danger-soft);background:rgba(189,63,92,.22);border-color:rgba(255,142,170,.48);outline:2px solid var(--pluze-nav-fiscal);outline-offset:2px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-rail-logout__icon, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-rail-logout__icon svg {width:22px;height:22px;display:block} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) main {margin-left:var(--pluze-sidebar-rail,60px);transition:margin-left .2s ease} } @media (max-width:900px) { body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-bottom {display:none} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout {position:fixed;z-index:56;right:auto;bottom:8px;left:5px;width:42px;height:42px;margin:0} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button {width:42px;min-height:42px;height:42px;display:grid;place-items:center;padding:0;color:var(--pluze-color-sidebar-muted-on-blue);background:rgba(255,255,255,.055);border:1px solid var(--pluze-color-sidebar-line-on-blue);border-radius:12px;box-shadow:none} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button:hover, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide > .sidebar-rail-logout .sidebar-rail-logout__button:focus-visible {color:var(--pluze-status-danger-soft);background:rgba(189,63,92,.22);border-color:rgba(255,142,170,.48);outline:2px solid var(--pluze-nav-fiscal);outline-offset:2px} body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-rail-logout__icon, body[data-pluze-theme="sereno"]:not(.pluze-clientes-app) .sidebar.sidebar-left-slide .sidebar-rail-logout__icon svg {width:22px;height:22px;display:block} } /* Arrecadacao: o resumo do processo reutiliza o azul profundo da lateral Vouch. */ body[data-pluze-theme="sereno"] .collection-process-hero { color: var(--pluze-color-sidebar-on-blue); background: radial-gradient(circle at 78% 7%,var(--pluze-nav-panel-glow),transparent 28%), linear-gradient(160deg,var(--pluze-color-sidebar-rail-start),var(--pluze-color-sidebar-rail-end)); border-color: var(--pluze-color-sidebar-line-on-blue); box-shadow: 0 18px 42px rgba(3,25,64,.22); } body[data-pluze-theme="sereno"] .collection-process-hero h2, body[data-pluze-theme="sereno"] .collection-process-hero strong { color: var(--pluze-color-sidebar-on-blue); } body[data-pluze-theme="sereno"] .collection-process-hero .eyebrow, body[data-pluze-theme="sereno"] .collection-process-hero p, body[data-pluze-theme="sereno"] .collection-process-hero small, body[data-pluze-theme="sereno"] .collection-process-hero-dashboard article span { color: var(--pluze-color-sidebar-muted-on-blue); } body[data-pluze-theme="sereno"] .collection-process-hero-dashboard article { color: var(--pluze-color-sidebar-on-blue); background: rgba(4,24,65,.28); border-color: var(--pluze-color-sidebar-line-on-blue); } body[data-pluze-theme="sereno"] .collection-process-hero-dashboard article.anticipated { background: rgba(15,130,83,.32); } body[data-pluze-theme="sereno"] .collection-process-hero-dashboard article.anticipated strong { color: var(--pluze-status-success-soft); } body[data-pluze-theme="sereno"] .collection-process-hero .btn.secondary { color: var(--pluze-color-sidebar-on-blue); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.32); }