/*
 * PROSPECTA CORBAN • Futuristic Dark System v284
 * Visual-only layer, loaded after module styles.
 * No geometry/layout overrides, permission logic, status colors or click interceptors.
 * Scoped to the authenticated application with dark mode enabled.
 * Reference: Prospecta Ponto's deep navy, cyan illumination and layered glass.
 */
html[data-app-theme="dark"] .app-view {
  --app-bg: #050b17;
  --app-bg-soft: #081425;
  --app-sidebar: #071225;
  --app-surface: #0b1c30;
  --app-surface-2: #10253b;
  --app-surface-3: #132e44;
  --app-border: rgba(93, 178, 215, .22);
  --app-border-strong: rgba(80, 216, 242, .40);
  --app-text: #e6f4ff;
  --app-text-strong: #f9fcff;
  --app-muted: #a2b9c9;
  --app-muted-2: #7899af;
  --app-accent: #73eff9;
  --app-accent-soft: rgba(65, 198, 241, .12);
  --app-mint: #71f4d5;
  --app-violet: #a998ff;
  --app-control: #0d2338;
  --app-control-hover: #173650;
  --app-table-hover: rgba(67, 185, 228, .065);
  --app-shadow: 0 18px 46px rgba(0, 4, 17, .35);
  --futura-cyan: #55dbfa;
  --futura-blue: #348df7;
  --futura-mint: #6ef2d8;
  --futura-lime: #b8ff63;
  --futura-stroke: rgba(79, 196, 234, .28);
  --futura-glass: rgba(11, 29, 50, .90);
  --futura-shadow: 0 17px 40px rgba(0, 5, 20, .37), inset 0 1px 0 rgba(182, 236, 255, .075);
  color-scheme: dark;
  background-color: #050b17;
}

/* Deep-space canvas. Static lighting: no expensive continuous background repaint. */
html[data-app-theme="dark"] .app-view .main {
  background:
    radial-gradient(ellipse 65% 50% at 88% 0%, rgba(29, 114, 205, .13), transparent 73%),
    radial-gradient(ellipse 53% 56% at 0% 85%, rgba(18, 165, 184, .075), transparent 75%),
    linear-gradient(155deg, #060d1a 0%, #081425 53%, #050c19 100%);
}
html[data-app-theme="dark"] .app-view .main::before {
  width: min(62vw, 850px);
  height: min(70vh, 650px);
  right: -18%;
  top: -26%;
  z-index: 0;
  opacity: .75;
  background: radial-gradient(ellipse, rgba(41, 133, 238, .19), rgba(24, 92, 181, .035) 48%, transparent 73%);
  filter: none;
}
html[data-app-theme="dark"] .app-view .main::after {
  width: min(55vw, 720px);
  height: min(70vh, 640px);
  left: 6%;
  bottom: -30%;
  z-index: 0;
  opacity: .68;
  background: radial-gradient(ellipse, rgba(45, 230, 206, .13), rgba(27, 129, 209, .045) 46%, transparent 75%);
  filter: none;
}
html[data-app-theme="dark"] .app-view .content {
  isolation: isolate;
}

/* Sidebar and navigation */
html[data-app-theme="dark"] .app-view .sidebar {
  border-right-color: rgba(76, 181, 226, .26);
  background:
    radial-gradient(circle at 40% 0%, rgba(27, 131, 245, .17), transparent 36%),
    radial-gradient(circle at 105% 95%, rgba(29, 200, 218, .11), transparent 38%),
    linear-gradient(180deg, #0a1d36 0%, #07162a 45%, #061021 100%);
  box-shadow: 1px 0 0 rgba(140, 226, 255, .045), 12px 0 46px rgba(0, 4, 18, .26);
}
html[data-app-theme="dark"] .app-view .nav {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
html[data-app-theme="dark"] .app-view .nav:hover:not(.disabled) {
  color: #e9faff;
  background: linear-gradient(110deg, rgba(27, 125, 220, .20), rgba(28, 191, 213, .055));
  border-color: rgba(83, 197, 247, .27);
  box-shadow: inset 2px 0 0 rgba(87, 218, 248, .50);
}
html[data-app-theme="dark"] .app-view .nav.active {
  color: #e8fbff;
  background: linear-gradient(110deg, rgba(34, 129, 248, .21), rgba(37, 213, 207, .105));
  border-color: rgba(91, 222, 251, .47);
  box-shadow: inset 0 1px 0 rgba(167, 239, 255, .12), 0 0 16px rgba(45, 169, 245, .11);
}
html[data-app-theme="dark"] .app-view .nav.active::before {
  background: #67eefa;
  box-shadow: 0 0 12px rgba(103, 238, 250, .80);
}
/* Identidade da Prospecta: símbolo preservado pelos estilos originais.
   NUNCA sobrescrever .side-brand-symbol ou seus filhos em temas visuais. */
html[data-app-theme="dark"] .app-view .sidebar-toggle,
html[data-app-theme="dark"] .app-view .user-chip {
  border-color: rgba(81, 191, 228, .31);
  background-color: rgba(18, 52, 81, .56);
  box-shadow: inset 0 1px 0 rgba(181, 233, 250, .07);
}
html[data-app-theme="dark"] .app-view .topbar {
  background: linear-gradient(98deg, rgba(9, 27, 49, .92), rgba(7, 19, 37, .90));
  border-bottom-color: rgba(100, 195, 234, .23);
  box-shadow: inset 0 -1px 0 rgba(109, 224, 253, .045), 0 10px 30px rgba(0, 6, 22, .13);
}

/* Surfaces shared by dashboards, admin pages and common dialogs */
html[data-app-theme="dark"] .app-view :is(
  .panel, .pipeline-commandbar, .pipeline-stage,
  .tables-searchbar, .tables-panel, .table-promoter-card,
  .settings-module-card, .reports-launch-card,
  .company-commandbar, .company-list-stage, .company-data-stage,
  .company-license-overview, .company-license-metric,
  .company-bank-access-panel, .company-bank-access-card,
  .employee-row, .employee-modal-card,
  .modal, .proposal-drawer, .proposal-followup-panel,
  .proposal-finance-box, .proposal-cascade-block
) {
  border-color: var(--futura-stroke);
  background:
    radial-gradient(ellipse at 92% -24%, rgba(37, 133, 240, .11), transparent 51%),
    linear-gradient(145deg, rgba(17, 43, 69, .96), rgba(8, 24, 43, .98) 78%);
  box-shadow: var(--futura-shadow);
}
html[data-app-theme="dark"] .app-view :is(
  .panel, .pipeline-stage, .tables-panel,
  .settings-module-card, .reports-launch-card, .company-bank-access-card
) {
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
html[data-app-theme="dark"] .app-view :is(
  .settings-module-card, .reports-launch-card, .table-promoter-card,
  .company-bank-access-card
):hover {
  border-color: rgba(99, 224, 251, .50);
  box-shadow: var(--futura-shadow), 0 0 24px rgba(34, 157, 233, .12);
}

/* Let contextual accents, product/bank/status colors remain distinguishable. */
html[data-app-theme="dark"] .app-view :is(
  .panel-head, .pipeline-stage-toolbar, .pipeline-stage-rail,
  .tables-panel-top, .modal-head, .employee-modal-head,
  .proposal-section-head, .proposal-followup-head,
  .company-license-history-rail, .pipeline-filter-drawer-head
) {
  border-color: rgba(99, 196, 237, .19);
}
html[data-app-theme="dark"] .app-view :is(
  .panel-head h3, .settings-module-copy strong,
  .reports-launch-copy strong, .company-list-name,
  .table-promoter-name, .employee-row-main strong
) {
  color: #effbff;
}
html[data-app-theme="dark"] .app-view :is(
  .dashboard-eyebrow, .app-view .kicker,
  .topbar-title .kicker, .settings-module-status,
  .tables-catalog-counter
) {
  color: #6ce8f5;
}

/* Pipeline / Esteira: preserve phase-strip colors and fixed table geometry */
html[data-app-theme="dark"] .app-view .pipeline-commandbar {
  box-shadow: inset 0 1px 0 rgba(180, 237, 255, .08), 0 8px 24px rgba(0, 5, 20, .18);
}
html[data-app-theme="dark"] .app-view .pipeline-stage {
  background: linear-gradient(165deg, #0e2238 0%, #07192c 100%);
}
html[data-app-theme="dark"] .app-view .pipeline-stage-rail {
  background: linear-gradient(90deg, rgba(18, 128, 222, .22), transparent 60%);
}
html[data-app-theme="dark"] .app-view .pipeline-table :is(thead, th) {
  background-color: #10263d;
  color: #b5d7e7;
}
html[data-app-theme="dark"] .app-view .pipeline-table tbody tr.pipeline-row:hover td {
  background-color: rgba(31, 131, 191, .13);
}
html[data-app-theme="dark"] .app-view .pipeline-tabs .pipeline-tab:not(.active):hover {
  border-color: rgba(96, 211, 242, .37);
  box-shadow: 0 0 15px rgba(44, 158, 233, .10);
}
html[data-app-theme="dark"] .app-view :is(
  .pipeline-filter-drawer, .pipeline-filter-field-editor,
  .pipeline-tab-color-modal-card, .employee-crm-access-card
) {
  border-color: var(--futura-stroke);
  background: linear-gradient(154deg, #142d49, #0a1d32);
  box-shadow: 0 25px 60px rgba(0, 5, 18, .43), inset 0 1px 0 rgba(181, 234, 255, .075);
}

/* Forms: stronger focus ring, readable surfaces; do not touch sizing/disabled semantics. */
html[data-app-theme="dark"] .app-view :is(
  .field input, .field select, .field textarea,
  .proposal-field input, .proposal-field select, .proposal-field textarea,
  .employee-field input, .employee-field select,
  .company-bank-access-field input,
  .pipeline-filter-field input, .pipeline-filter-field select,
  .company-commission-field
):not([type="checkbox"]):not([type="radio"]) {
  border-color: rgba(88, 177, 211, .24);
  background-color: #0a1d30;
  color: #ebfaff;
}
html[data-app-theme="dark"] .app-view :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select, textarea, button
):focus-visible {
  outline: 2px solid rgba(107, 236, 250, .79);
  outline-offset: 2px;
}
html[data-app-theme="dark"] .app-view :is(
  .field input, .field select,
  .proposal-field input, .proposal-field select,
  .employee-field input, .company-commission-field
):focus {
  border-color: #62d9f3;
  box-shadow: 0 0 0 3px rgba(51, 178, 240, .13);
}

/* Clickable actions; primary status semantics are kept */
html[data-app-theme="dark"] .app-view :is(
  .btn.primary, .pipeline-add-button, .tables-primary-action,
  .products-settings-primary-action, .employee-save-button,
  .company-new-button, .company-register-button, .proposal-save-button
) {
  border-color: rgba(104, 241, 224, .45);
  background: linear-gradient(115deg, #3ca8f1, #44d2dd 55%, #70e7bd);
  color: #041628;
  box-shadow: 0 7px 22px rgba(32, 166, 238, .19), inset 0 1px 0 rgba(235, 255, 255, .26);
}
html[data-app-theme="dark"] .app-view :is(
  .btn.primary, .pipeline-add-button, .tables-primary-action,
  .products-settings-primary-action, .employee-save-button,
  .company-new-button, .company-register-button, .proposal-save-button
):hover:not(:disabled) {
  filter: brightness(1.08);
  box-shadow: 0 8px 30px rgba(33, 173, 241, .26), 0 0 16px rgba(83, 234, 241, .14);
}
html[data-app-theme="dark"] .app-view :is(
  .btn.secondary, .pipeline-icon-action, .settings-back-button,
  .company-bank-access-modal-actions button:not(.company-bank-access-save)
) {
  border-color: rgba(93, 198, 238, .30);
  background: linear-gradient(145deg, #122d49, #0b2237);
  color: #cceafb;
}
html[data-app-theme="dark"] .app-view :is(
  .btn.secondary, .pipeline-icon-action, .settings-back-button
):hover:not(:disabled) {
  border-color: rgba(113, 232, 251, .50);
  box-shadow: 0 0 17px rgba(56, 182, 240, .11);
}

/* Drawers, popovers and dialogs: the overlay continues to trap interaction normally */
html[data-app-theme="dark"] .app-view :is(
  .modal, .employee-modal-card, .proposal-drawer,
  .proposal-followup-panel, .company-bank-access-modal-card,
  .pipeline-tab-color-modal-card
) {
  border-color: rgba(116, 211, 251, .36);
  box-shadow: 0 28px 76px rgba(0, 3, 15, .67), 0 0 34px rgba(26, 116, 193, .12), inset 0 1px 0 rgba(203, 246, 255, .07);
}
html[data-app-theme="dark"] .app-view :is(
  .proposal-followup-pane, .proposal-finance-summary,
  .employee-crm-access-card, .company-renew-box,
  .company-license-history-row, .pipeline-filter-field
) {
  border-color: rgba(84, 183, 221, .21);
  background-color: rgba(9, 27, 45, .83);
}
html[data-app-theme="dark"] .app-view :is(
  .proposal-section-index, .proposal-drawer-mini-signal,
  .tables-panel-signal i
) {
  box-shadow: 0 0 14px rgba(95, 232, 243, .28);
}

/* Reports and employees - emphasize data not decoration */
html[data-app-theme="dark"] .app-view :is(
  .reports-launch-card, .employee-row, .company-list-item,
  .company-license-metric
) {
  border-color: rgba(92, 183, 223, .27);
}
html[data-app-theme="dark"] .app-view :is(
  .employee-row, .company-list-item, .company-license-history-row
):hover {
  border-color: rgba(91, 211, 243, .41);
  box-shadow: 0 0 18px rgba(42, 161, 223, .09);
}
html[data-app-theme="dark"] .app-view :is(
  .reports-launch-icon, .settings-module-icon, .table-promoter-symbol
) {
  border-color: rgba(96, 209, 246, .29);
  box-shadow: inset 0 1px 0 rgba(224, 252, 255, .07), 0 0 20px rgba(51, 155, 229, .10);
}

/* Home of every operational role, including dynamic cards generated by JS */
html[data-app-theme="dark"] .app-view :is(
  .mcd-metric, .mcd-section, .mcd-flow-card,
  .mcd-attention-card, .mcd-shortcut,
  .mcd-goal-card, .mcd-table-row
) {
  border-color: rgba(92, 187, 226, .28);
  box-shadow: 0 12px 34px rgba(0, 4, 18, .20), inset 0 1px 0 rgba(201, 246, 255, .055);
}
html[data-app-theme="dark"] .app-view :is(.mcd-metric, .mcd-section) {
  background:
    radial-gradient(ellipse at 95% 0%, rgba(35, 128, 220, .14), transparent 49%),
    linear-gradient(142deg, #102b43, #081e31);
}
html[data-app-theme="dark"] .app-view .mcd-flow-card {
  background: linear-gradient(160deg, #112b40, #0a1d2f);
}
html[data-app-theme="dark"] .app-view :is(.mcd-attention-card, .mcd-shortcut, .mcd-table-row) {
  background: linear-gradient(145deg, rgba(19, 52, 75, .93), rgba(9, 32, 50, .97));
}
html[data-app-theme="dark"] .app-view .mcd-goals-section {
  background: linear-gradient(155deg, #0a1f31, #071a2a);
}
html[data-app-theme="dark"] .app-view .mcd-goal-card {
  background:
    radial-gradient(ellipse at 94% 0%, rgba(38, 152, 239, .18), transparent 55%),
    linear-gradient(105deg, #0d3440, #0b263b);
  border-color: rgba(89, 231, 225, .32);
}
html[data-app-theme="dark"] .app-view :is(.mcd-flow-card, .mcd-shortcut):hover {
  border-color: rgba(102, 225, 253, .49);
  box-shadow: 0 11px 28px rgba(0, 3, 16, .22), 0 0 22px rgba(44, 157, 239, .10);
}
html[data-app-theme="dark"] .app-view .mcd-goal-fill {
  box-shadow: 0 0 17px rgba(72, 225, 213, .31);
}

/* Settings submodules, banks and phases */
html[data-app-theme="dark"] .app-view :is(
  .banks-settings-toolbar, .banks-settings-panel,
  .bank-settings-row, .bank-settings-modal-card,
  .phases-toolbar, .phases-panel, .phase-row,
  .phase-modal-card, .products-settings-toolbar,
  .products-settings-panel, .company-commission-row,
  .table-bank-card
) {
  border-color: rgba(81, 182, 227, .29);
  background:
    radial-gradient(circle at 100% 0%, rgba(32, 128, 224, .10), transparent 47%),
    linear-gradient(145deg, #11283f, #0a1c2e);
  box-shadow: inset 0 1px 0 rgba(183, 231, 249, .045), 0 10px 26px rgba(0, 6, 21, .21);
}
html[data-app-theme="dark"] .app-view :is(
  .bank-settings-row, .phase-row, .company-commission-row
):hover {
  border-color: rgba(105, 216, 250, .43);
}
html[data-app-theme="dark"] .app-view :is(
  .banks-settings-panel, .phases-panel, .products-settings-panel
) { box-shadow: 0 16px 36px rgba(0, 5, 20, .27), inset 0 1px rgba(162, 223, 252, .06); }

/* Bank automations, company licenses and robot monitoring */
html[data-app-theme="dark"] .app-view :is(
  .automation-banks-admin-commandbar, .automation-banks-admin-stage,
  .automation-bank-admin-card, .automation-bank-admin-modal,
  .workers-commandbar, .workers-stats article,
  .workers-create-panel, .workers-pairing-result,
  .workers-list-card, .worker-card
) {
  border-color: rgba(80, 186, 235, .29);
  background:
    radial-gradient(ellipse at 95% 0%, rgba(44, 139, 233, .12), transparent 48%),
    linear-gradient(147deg, #112941, #081a2e);
  box-shadow: inset 0 1px rgba(193, 243, 254, .07), 0 14px 32px rgba(0, 4, 16, .22);
}
html[data-app-theme="dark"] .app-view :is(
  .worker-card, .automation-bank-admin-card, .workers-capability-option
):hover {
  border-color: rgba(86, 216, 249, .44);
}
html[data-app-theme="dark"] .app-view :is(
  .workers-primary, .automation-banks-admin-new, .phase-modal-actions .btn.primary,
  .banks-settings-primary-action, .phases-primary-action
) {
  background: linear-gradient(115deg, #42aafa, #4bd9e6 57%, #67e2bb);
  border-color: rgba(119, 235, 250, .45);
  color: #061526;
  box-shadow: 0 7px 24px rgba(26, 149, 241, .20);
}

/* Operational hierarchy and other panels */
html[data-app-theme="dark"] .app-view :is(
  .corban-org-person, .company-list-stage, .company-license-center,
  .company-license-history, .employee-crm-access-grid
) {
  border-color: rgba(91, 190, 233, .26);
}
html[data-app-theme="dark"] .app-view :is(
  .company-license-action, .company-bank-access-save,
  .worker-version-update.is-available
):hover:not(:disabled) {
  box-shadow: 0 0 23px rgba(70, 200, 232, .20);
}

/* Tables and embedded data grids: stronger separation, no structural changes */
html[data-app-theme="dark"] .app-view :is(
  .company-table, .pipeline-table, .table-wrap
) {
  border-color: rgba(96, 188, 225, .24);
}
html[data-app-theme="dark"] .app-view :is(
  .company-table, .pipeline-table
) thead {
  color: #b5d9eb;
}
html[data-app-theme="dark"] .app-view .company-table tbody tr:hover {
  background-color: rgba(51, 148, 218, .095);
}

/* Scroll bars limited to the authenticated dark workspace */
html[data-app-theme="dark"] .app-view :is(
  .main, .pipeline-table-scroll, .proposal-drawer,
  .employee-modal-card, .workers-workspace
) {
  scrollbar-color: rgba(77, 160, 207, .53) rgba(7, 21, 38, .8);
}
html[data-app-theme="dark"] .app-view :is(
  .main, .pipeline-table-scroll, .proposal-drawer
)::-webkit-scrollbar-thumb {
  background: linear-gradient(#2a74a0, #1e486d);
  border-radius: 12px;
}

/* High-specificity modules: improve colors while preserving their geometry. */
html[data-app-theme="dark"] #settings-commission .company-commission-row {
  background: linear-gradient(135deg, #122b43, #091c30);
  border-color: rgba(91, 189, 234, .34);
  box-shadow: inset 0 1px rgba(187, 235, 249, .06), 0 8px 22px rgba(0, 6, 22, .17);
}
html[data-app-theme="dark"] #settings-commission .company-commission-field,
html[data-app-theme="dark"] #settings-commission .company-commission-select-menu {
  background: #0b2339;
  border-color: rgba(89, 192, 226, .35);
  color: #e9f8ff;
}
html[data-app-theme="dark"] #settings-commission .company-commission-select-choice:hover {
  background: rgba(42, 169, 231, .18);
}
html[data-app-theme="dark"] .app-view #settings-commission .company-commission-row:focus-within {
  border-color: rgba(100, 221, 246, .52);
}

/* Reduced motion and small screens: keep static elegance rather than busy animations */
@media (prefers-reduced-motion: reduce) {
  html[data-app-theme="dark"] .app-view :is(
    .nav, .settings-module-card, .reports-launch-card, .btn,
    .mcd-flow-card, .mcd-shortcut
  ) { transition: none; }
}
@media (max-width: 760px) {
  html[data-app-theme="dark"] .app-view .main::before,
  html[data-app-theme="dark"] .app-view .main::after { opacity: .38; }
  html[data-app-theme="dark"] .app-view .sidebar {
    box-shadow: 2px 0 18px rgba(0, 4, 15, .20);
  }
}