/*
 * Elite Green UI System 2026
 * Camada visual carregada depois do CSS legado. Nenhuma regra de negócio vive aqui.
 */

:root {
  color-scheme: dark;
  --ui-font: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;
  --ui-bg: #07120f;
  --ui-bg-soft: #0a1915;
  --ui-surface-1: #0b1c18;
  --ui-surface-2: #0d231e;
  --ui-surface-3: #102a24;
  --ui-surface-raised: #122f29;
  --ui-input: #071713;
  --ui-text: #f1f7f4;
  --ui-text-soft: #c5d4ce;
  --ui-muted: #8ea69d;
  --ui-faint: #80988f;
  --ui-border: rgba(146, 190, 171, .18);
  --ui-border-strong: rgba(146, 205, 179, .34);
  --ui-accent: #69c99a;
  --ui-accent-strong: #80d9ab;
  --ui-accent-rgb: 105, 201, 154;
  --ui-accent-ink: #06140e;
  --ui-gold: #d9bc6a;
  --ui-gold-rgb: 217, 188, 106;
  --ui-blue: #77b7da;
  --ui-success: #65d69a;
  --ui-warning: #e0bd62;
  --ui-danger: #eb7180;
  --ui-info: #73b9df;
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-radius-xl: 20px;
  --ui-shadow-1: 0 8px 22px rgba(0, 0, 0, .16);
  --ui-shadow-2: 0 18px 48px rgba(0, 0, 0, .28);
  --ui-focus: 0 0 0 3px rgba(var(--ui-accent-rgb), .18);
  --ui-transition: 150ms cubic-bezier(.2, .7, .2, 1);

  /* Compatibilidade com componentes antigos. */
  --text: var(--ui-text);
  --muted: var(--ui-muted);
  --accent: var(--ui-accent);
  --panel: var(--ui-surface-1);
  --line: var(--ui-border);
  --green: var(--ui-success);
  --gold: var(--ui-gold);
  --blue: var(--ui-blue);
  --eg-bg: var(--ui-bg);
  --eg-panel: var(--ui-surface-1);
  --eg-panel-2: var(--ui-surface-2);
  --eg-text: var(--ui-text);
  --eg-muted: var(--ui-muted);
  --eg-line: var(--ui-border);
  --eg-green: var(--ui-accent);
}

html.test-env {
  --ui-bg: #0d0e19;
  --ui-bg-soft: #121321;
  --ui-surface-1: #151625;
  --ui-surface-2: #1a1b2d;
  --ui-surface-3: #202238;
  --ui-surface-raised: #25263d;
  --ui-input: #0e1020;
  --ui-text: #f4f3fa;
  --ui-text-soft: #d1cede;
  --ui-muted: #9e9ab0;
  --ui-faint: #858197;
  --ui-border: rgba(186, 176, 219, .18);
  --ui-border-strong: rgba(189, 168, 228, .34);
  --ui-accent: #a98cda;
  --ui-accent-strong: #bca1e8;
  --ui-accent-rgb: 169, 140, 218;
  --ui-accent-ink: #140f20;
  --ui-gold: #d6ba6a;
  --ui-gold-rgb: 214, 186, 106;
  --ui-success: #70d4a1;
  --ui-warning: #dec06d;
  --ui-danger: #eb7484;
  --ui-info: #7ab7dc;
}

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

html {
  min-width: 320px;
  background: var(--ui-bg) !important;
  scroll-behavior: smooth;
  scrollbar-color: rgba(var(--ui-accent-rgb), .38) transparent;
}

body {
  min-width: 320px;
  min-height: 100dvh;
  margin: 0 !important;
  color: var(--ui-text) !important;
  background:
    radial-gradient(circle at 12% -12%, rgba(var(--ui-accent-rgb), .09), transparent 30rem),
    radial-gradient(circle at 94% 16%, rgba(var(--ui-gold-rgb), .045), transparent 34rem),
    linear-gradient(180deg, var(--ui-bg-soft), var(--ui-bg) 30rem) !important;
  font-family: var(--ui-font) !important;
  font-size: 14px;
  line-height: 1.45;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html.test-env body,
html:not(.test-env) body {
  background:
    radial-gradient(circle at 12% -12%, rgba(var(--ui-accent-rgb), .09), transparent 30rem),
    radial-gradient(circle at 94% 16%, rgba(var(--ui-gold-rgb), .045), transparent 34rem),
    linear-gradient(180deg, var(--ui-bg-soft), var(--ui-bg) 30rem) !important;
}

#appView::before,
html.test-env body::before,
html:not(.test-env) body::before,
html.test-env body::after,
html:not(.test-env) body::after {
  opacity: .018 !important;
  filter: saturate(.42) contrast(.88) !important;
}

::selection {
  color: var(--ui-text);
  background: rgba(var(--ui-accent-rgb), .3);
}

::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(var(--ui-accent-rgb), .3);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(var(--ui-accent-rgb), .5); background-clip: padding-box; }

h1, h2, h3, h4, strong, b { font-family: var(--ui-font-display) !important; }
h1, h2, h3, h4, p { text-wrap: pretty; }
h1, h2, h3, h4 { color: var(--ui-text) !important; letter-spacing: -.018em; }
h2 { font-size: clamp(1.02rem, .97rem + .28vw, 1.22rem) !important; line-height: 1.2 !important; }
h3 { font-size: 1rem !important; line-height: 1.25 !important; }
p { color: var(--ui-text-soft); }
small, .hint { color: var(--ui-muted) !important; }

.eyebrow {
  color: var(--ui-accent-strong) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
}

.global-version-badge { display: none !important; }
html:not(.test-env) .app-version-badge { display: none !important; }
.app-version-badge {
  flex: none !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(var(--ui-gold-rgb), .34) !important;
  border-radius: 999px !important;
  color: #e9d18e !important;
  background: rgba(var(--ui-gold-rgb), .08) !important;
  font-size: .63rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

/* Estrutura e cabeçalho */
#appView { min-height: 100dvh; }

#appView > header.app-header {
  position: sticky !important;
  z-index: 40 !important;
  top: 0 !important;
  display: grid !important;
  grid-template-areas: "brand tools" "brand chat" !important;
  grid-template-columns: minmax(210px, .7fr) minmax(660px, 1.5fr) !important;
  align-items: center !important;
  gap: 7px clamp(18px, 2vw, 32px) !important;
  min-height: 0 !important;
  padding: 9px max(16px, calc((100vw - 1560px) / 2)) 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-bg) 92%, transparent) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}

#appView > header.app-header > .header-main {
  grid-area: brand !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#appView > header.app-header .brand-copy {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0 10px !important;
  min-width: 0 !important;
  padding: 0 !important;
}

#appView > header.app-header .brand-copy::before,
#appView > header.app-header .brand-copy::after { display: none !important; }
#appView > header.app-header .brand-copy .eyebrow { grid-column: 1 / -1 !important; margin: 0 0 2px !important; }
#appView > header.app-header .brand-copy h1 {
  display: flex !important;
  gap: .24em !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-size: clamp(1.18rem, 1.02rem + .55vw, 1.62rem) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#appView > header.app-header .brand-copy h1 span,
#appView > header.app-header .brand-copy h1 b {
  color: inherit !important;
  background: none !important;
  font: inherit !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}
#appView > header.app-header .brand-copy h1 b { color: var(--ui-accent-strong) !important; }
#appView > header.app-header .brand-copy h1 b::after { display: none !important; }
#appView > header.app-header .brand-copy p {
  overflow: hidden !important;
  margin: 2px 0 0 !important;
  color: var(--ui-muted) !important;
  font-size: .72rem !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#appView > header.app-header > .header-tools {
  grid-area: tools !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#appView > header.app-header .header-actions {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

#appView > header.app-header .header-actions button,
#appView > header.app-header .header-icon-control {
  flex: 0 0 auto !important;
  min-width: auto !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  color: var(--ui-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  white-space: nowrap !important;
}

#appView > header.app-header .header-actions button:hover,
#appView > header.app-header .header-icon-control:hover {
  border-color: var(--ui-border) !important;
  color: var(--ui-text) !important;
  background: rgba(255, 255, 255, .035) !important;
}

#appView > header.app-header .header-actions button.active {
  border-color: rgba(var(--ui-accent-rgb), .3) !important;
  color: var(--ui-text) !important;
  background: rgba(var(--ui-accent-rgb), .13) !important;
  box-shadow: inset 0 -2px var(--ui-accent) !important;
}

.profile-identity { max-width: 142px !important; }
.profile-user-name {
  overflow: hidden !important;
  max-width: 88px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.profile-role-icon { color: var(--ui-accent-strong) !important; }
.header-control-icon { width: 18px !important; height: 18px !important; }
.notify-button { width: 34px !important; padding: 7px !important; }

.header-count,
.header-alert {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border: 1px solid color-mix(in srgb, var(--ui-danger) 65%, transparent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: color-mix(in srgb, var(--ui-danger) 82%, #6d2630) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .18) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
}
.header-count[hidden], .header-alert[hidden] { display: none !important; }

#appView > header.app-header > .header-quick-chat {
  grid-area: chat !important;
  justify-self: end !important;
  width: min(100%, 540px) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#appView > header.app-header .header-quick-chat #chatDropzone {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 34px !important;
  padding: 3px 4px 3px 10px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: rgba(0, 0, 0, .14) !important;
  box-shadow: none !important;
}
#appView > header.app-header .header-quick-chat #chatImages:empty { display: none !important; }
#appView > header.app-header .header-quick-chat #chatImages:not(:empty) { grid-column: 1 / -1 !important; }
#appView > header.app-header .header-quick-chat #chatText { grid-column: 1 !important; width: 100% !important; }
#appView > header.app-header .header-quick-chat #pickChatFiles { grid-column: 2 !important; width: auto !important; }
#appView > header.app-header .header-quick-chat #sendChatButton { grid-column: 3 !important; width: auto !important; }
#appView > header.app-header .header-quick-chat #chatDropzone:focus-within { border-color: var(--ui-border-strong) !important; box-shadow: var(--ui-focus) !important; }
#appView > header.app-header .header-quick-chat textarea {
  min-height: 26px !important;
  max-height: 58px !important;
  padding: 5px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  resize: none !important;
}
#appView > header.app-header .header-quick-chat .images:empty { display: none !important; }
#appView > header.app-header .header-quick-chat .quick-plus,
#appView > header.app-header .header-quick-chat .quick-send {
  min-width: 30px !important;
  min-height: 28px !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  font-size: .68rem !important;
}
#appView > header.app-header .header-quick-chat .status { margin: 2px 0 0 !important; font-size: .66rem !important; }

main {
  display: block !important;
  width: min(100%, 1600px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 14px clamp(12px, 2vw, 28px) 48px !important;
}

.view-stack { display: grid; gap: 12px; }
.view-stack[hidden] { display: none !important; }

/* Superfícies e hierarquia */
.card,
.history-panel,
.financial-panel,
.financial-send-group,
.financial-monthly-panel,
.financial-cleanup-panel,
.info-history-panel,
.free-history-panel,
.free-republish-card,
.settings-filter {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  color: var(--ui-text) !important;
  background: color-mix(in srgb, var(--ui-surface-1) 96%, transparent) !important;
  box-shadow: var(--ui-shadow-1) !important;
}

.card,
.history-panel { padding: clamp(14px, 1.3vw, 20px) !important; }
.card::before, .history-panel::before { display: none !important; }
.card:hover { transform: none !important; filter: none !important; }
.card h2 { margin: 0 0 12px !important; }
.section-title,
.financial-heading,
.history-titlebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
.section-title h2,
.financial-heading h2,
.history-titlebar h2 { margin: 0 !important; }

/* Campos */
label {
  color: var(--ui-text-soft) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

input,
select,
textarea {
  min-height: 40px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-sm) !important;
  color: var(--ui-text) !important;
  background: var(--ui-input) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
  font: 600 .86rem/1.35 var(--ui-font) !important;
  transition: border-color var(--ui-transition), background var(--ui-transition), box-shadow var(--ui-transition) !important;
}
textarea { min-height: 82px !important; }
input:hover, select:hover, textarea:hover { border-color: var(--ui-border-strong) !important; }
input:focus, select:focus, textarea:focus {
  border-color: var(--ui-accent) !important;
  outline: 0 !important;
  box-shadow: var(--ui-focus) !important;
}
input::placeholder, textarea::placeholder { color: var(--ui-faint) !important; opacity: 1 !important; }
input:disabled, select:disabled, textarea:disabled {
  color: var(--ui-muted) !important;
  background: color-mix(in srgb, var(--ui-input) 78%, #38403d) !important;
  opacity: .62 !important;
}
input[readonly], textarea[readonly] {
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .018) !important;
}
input[type="checkbox"], input[type="radio"] {
  min-width: 16px !important;
  width: 16px !important;
  min-height: 16px !important;
  height: 16px !important;
  accent-color: var(--ui-accent) !important;
}
input[type="number"],
input[inputmode="decimal"],
.money,
.metric,
.financial-stat strong,
.financial-category strong,
.history-metrics,
#profitLoss,
.return-field input,
.conditional-line-result input {
  font-variant-numeric: tabular-nums lining-nums !important;
}

/* Botões e interações */
button {
  min-height: 38px !important;
  padding: 8px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--ui-accent-ink) !important;
  background: linear-gradient(135deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 72%, var(--ui-gold))) !important;
  box-shadow: 0 5px 14px rgba(var(--ui-accent-rgb), .12) !important;
  font-family: var(--ui-font) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  transition: transform var(--ui-transition), border-color var(--ui-transition), background var(--ui-transition), color var(--ui-transition), box-shadow var(--ui-transition), opacity var(--ui-transition) !important;
}
button:hover:not(:disabled):not([aria-disabled="true"]) {
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 18px rgba(var(--ui-accent-rgb), .18) !important;
}
button:active:not(:disabled):not([aria-disabled="true"]) { transform: translateY(0) scale(.985) !important; }
button:focus-visible,
[tabindex]:focus-visible,
summary:focus-visible {
  outline: 0 !important;
  box-shadow: var(--ui-focus) !important;
}
button.secondary,
button.ghost,
.secondary {
  border-color: var(--ui-border) !important;
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: none !important;
}
button.secondary:hover:not(:disabled),
button.ghost:hover:not(:disabled) {
  border-color: var(--ui-border-strong) !important;
  color: var(--ui-text) !important;
  background: rgba(var(--ui-accent-rgb), .075) !important;
}
button.danger,
[role="button"].danger {
  border-color: rgba(235, 113, 128, .34) !important;
  color: #fff !important;
  background: #bc4f5e !important;
  box-shadow: none !important;
}
button:disabled,
button[aria-disabled="true"] {
  cursor: not-allowed !important;
  filter: none !important;
  transform: none !important;
  opacity: .43 !important;
  box-shadow: none !important;
}
button.is-loading { position: relative !important; cursor: wait !important; color: transparent !important; }
button.is-loading::after {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 16px;
  height: 16px;
  margin: -8px;
  border: 2px solid var(--ui-spinner-color, var(--ui-accent-ink));
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  animation: ui-spin .72s linear infinite;
}
button.secondary.is-loading::after,
button.ghost.is-loading::after,
button.danger.is-loading::after { --ui-spinner-color: #fff; }
button.is-loading:disabled { opacity: .82 !important; }
@keyframes ui-spin { to { transform: rotate(1turn); } }

/* Tipos de operação */
.type-buttons {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.type-superodd { --type-rgb: 230, 174, 73; }
.type-freebet { --type-rgb: 93, 175, 215; }
.type-extracao { --type-rgb: 99, 197, 142; }
.type-aumentada { --type-rgb: 218, 188, 87; }
.type-duplo { --type-rgb: 108, 150, 218; }
.type-reenvio { --type-rgb: 171, 139, 209; }
.type-especial { --type-rgb: 221, 146, 73; --type-color: #dd9249; }
.type-buttons button {
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(var(--type-rgb, var(--ui-accent-rgb)), .24) !important;
  color: var(--ui-text-soft) !important;
  background: rgba(var(--type-rgb, var(--ui-accent-rgb)), .035) !important;
  box-shadow: inset 3px 0 rgba(var(--type-rgb, var(--ui-accent-rgb)), .58) !important;
}
.type-buttons button:hover:not(:disabled) {
  border-color: rgba(var(--type-rgb, var(--ui-accent-rgb)), .48) !important;
  color: var(--ui-text) !important;
  background: rgba(var(--type-rgb, var(--ui-accent-rgb)), .085) !important;
  box-shadow: inset 3px 0 rgba(var(--type-rgb, var(--ui-accent-rgb)), .8) !important;
}
.type-buttons button.active {
  border-color: rgba(var(--type-rgb, var(--ui-accent-rgb)), .72) !important;
  color: #fff !important;
  background: rgba(var(--type-rgb, var(--ui-accent-rgb)), .16) !important;
  box-shadow: inset 4px 0 rgb(var(--type-rgb, var(--ui-accent-rgb))), 0 0 0 2px rgba(var(--type-rgb, var(--ui-accent-rgb)), .13) !important;
  transform: none !important;
}

/* Fluxo de publicação e calculadora */
.publish-workflow,
.publication-workflow {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-1) !important;
}
.publish-workflow h2 { margin-bottom: 3px !important; }
.publish-workflow-actions { gap: 8px !important; }
.publish-workflow-actions button { min-height: 40px !important; }
.operation-notice-card > summary,
.free-republish-card > summary,
.free-history-panel > summary,
.settings-filter > summary,
.financial-ledger-panel > summary,
.capacity-panel > summary {
  min-height: 46px !important;
  padding: 10px 13px !important;
  color: var(--ui-text) !important;
  background: rgba(255, 255, 255, .018) !important;
  transition: background var(--ui-transition), color var(--ui-transition) !important;
}
.operation-notice-card > summary:hover,
.free-republish-card > summary:hover,
.free-history-panel > summary:hover,
.settings-filter > summary:hover,
.financial-ledger-panel > summary:hover,
.capacity-panel > summary:hover { background: rgba(var(--ui-accent-rgb), .055) !important; }

#operationCard .calculator-bet-card,
#operationCard .calculator-bar {
  border-color: var(--ui-border) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
#operationCard .calculator-bet-card:focus-within { border-color: var(--ui-border-strong) !important; box-shadow: var(--ui-focus) !important; }
#operationCard .calculator-bet-card > .bet-title {
  border-color: rgba(var(--ui-accent-rgb), .28) !important;
  color: var(--ui-text) !important;
  background: linear-gradient(90deg, rgba(var(--ui-accent-rgb), .19), rgba(var(--ui-accent-rgb), .055)) !important;
}
#operationCard .calculator-bet-card > label { color: var(--ui-muted) !important; }
#operationCard .calculator-bet-card > .freebet-flags,
#operationCard .calculator-bet-card > .extraction-flags,
#operationCard .calculator-bet-card > .pa-control {
  border-color: var(--ui-border) !important;
  background: rgba(0, 0, 0, .12) !important;
}
#operationCard .calculator-bet-card > .return-field input,
#operationCard .calculator-bet-card > .conditional-line-result input,
#operationCard .calculator-bar #profitLoss {
  color: var(--ui-text) !important;
  background: transparent !important;
}

/* Informação e Grupo Grátis */
.info-intro, .free-intro { margin: 10px 0 12px !important; }
.info-chat-shell,
.free-chat-shell {
  padding: 10px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .1) !important;
}
.info-chat-box,
.free-chat-box {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-input) !important;
}
.info-history-panel,
.free-history-panel { box-shadow: none !important; }
.free-republish-card {
  border-color: rgba(var(--ui-gold-rgb), .24) !important;
  background: linear-gradient(135deg, rgba(var(--ui-gold-rgb), .055), var(--ui-surface-1)) !important;
  box-shadow: none !important;
}
.free-republish-card .eyebrow { color: var(--ui-gold) !important; }
#freeView .free-republish-card button {
  border-color: rgba(var(--ui-accent-rgb), .28) !important;
  color: var(--ui-accent-ink) !important;
  background: var(--ui-accent) !important;
  box-shadow: none !important;
}

/* Histórico */
.history-panel { overflow: visible !important; }
.history-toolbar,
.history-filter-panel {
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .1) !important;
}
.history-filter-panel { grid-template-columns: minmax(240px, 1fr) minmax(130px, .2fr) minmax(160px, .28fr) auto !important; }
.history-toolbar button,
.history-titlebar button { min-height: 34px !important; padding: 6px 10px !important; font-size: .72rem !important; }
#openSharedDouble,
.open-shared-double {
  border-color: rgba(var(--ui-gold-rgb), .42) !important;
  color: #1c1708 !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ui-accent) 66%, var(--ui-gold)), var(--ui-gold)) !important;
  box-shadow: 0 6px 18px rgba(var(--ui-gold-rgb), .15) !important;
}
.history-list { display: grid !important; gap: 8px !important; }
.history-list details.history {
  overflow: clip !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.history-list details.history:hover { border-color: var(--ui-border-strong) !important; }
.history-list details.history > summary {
  min-height: 62px !important;
  padding: 10px 12px !important;
  background: transparent !important;
}
.history-list details.history[open] > summary {
  border-bottom: 1px solid var(--ui-border) !important;
  background: rgba(var(--ui-accent-rgb), .035) !important;
}
.history-body { padding: 12px !important; background: rgba(0, 0, 0, .09) !important; }
.history-clean-card,
.history-notice-item,
.history-add-notice {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .11) !important;
}
.history-error,
.status.error {
  padding: 9px 11px !important;
  border: 1px solid rgba(235, 113, 128, .28) !important;
  border-radius: var(--ui-radius-sm) !important;
  color: #ff9aa6 !important;
  background: rgba(156, 53, 67, .1) !important;
}
.history-list > .hint:only-child,
#infoHistoryList > .hint:only-child,
#freeHistoryList > .hint:only-child,
#freebetList > .hint:only-child,
.pa-fixture-empty,
.shared-double-empty {
  display: grid !important;
  min-height: 112px !important;
  place-content: center !important;
  padding: 18px !important;
  border: 1px dashed var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-md) !important;
  color: var(--ui-muted) !important;
  background: rgba(0, 0, 0, .08) !important;
  text-align: center !important;
}

/* Financeiro */
.financial-view { display: grid !important; gap: 12px !important; }
.financial-heading { align-items: flex-start !important; }
.financial-section-tabs {
  display: inline-flex !important;
  justify-self: start !important;
  gap: 4px !important;
  width: fit-content !important;
  padding: 4px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, .12) !important;
}
.financial-section-tabs button {
  min-height: 34px !important;
  padding: 6px 11px !important;
  border: 0 !important;
  color: var(--ui-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.financial-section-tabs button.active {
  color: var(--ui-text) !important;
  background: rgba(var(--ui-accent-rgb), .15) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--ui-accent-rgb), .26) !important;
}
.financial-filters { gap: 10px !important; }
.financial-send-group {
  padding: 13px !important;
  box-shadow: none !important;
}
.financial-send-group header {
  gap: 9px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
.financial-send-group header > span {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  color: var(--ui-accent-strong) !important;
  background: rgba(var(--ui-accent-rgb), .1) !important;
}
.financial-stats { gap: 10px !important; }
.financial-stat {
  min-height: 106px !important;
  padding: 14px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.financial-stat strong { color: var(--ui-success) !important; font-size: 1.22rem !important; }
.financial-panel,
.financial-monthly-panel,
.financial-cleanup-panel { padding: 16px !important; box-shadow: none !important; }
.financial-grid { gap: 10px !important; }
.financial-category-bar,
.financial-progress-track { overflow: hidden !important; background: rgba(255, 255, 255, .075) !important; }
.financial-category-bar > span,
.financial-progress-track > span { background: linear-gradient(90deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 62%, var(--ui-blue))) !important; }
.financial-day-value,
.financial-category strong { color: var(--ui-text) !important; }
.financial-day-value.positive { color: var(--ui-success) !important; }
.financial-day-value.negative { color: var(--ui-danger) !important; }
.financial-month-card {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.financial-month-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 10px !important;
}
.financial-bars {
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain !important;
  scrollbar-width: thin !important;
}
.financial-bars.monthly-dense { padding-bottom: 8px !important; }
.financial-ledger {
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
}

/* Perfil, menus e diálogos */
dialog {
  max-width: min(94vw, 980px) !important;
  max-height: min(92dvh, 900px) !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-xl) !important;
  color: var(--ui-text) !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-2) !important;
}
dialog::backdrop {
  background: rgba(2, 7, 8, .72) !important;
  backdrop-filter: blur(8px) saturate(75%) !important;
}
dialog > .settings,
dialog form.settings { padding: 16px !important; }
dialog > form.settings {
  width: 100% !important;
  max-width: 100% !important;
}
.settings-profile-head {
  gap: 11px !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
.settings-profile-avatar {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(var(--ui-accent-rgb), .28) !important;
  border-radius: 12px !important;
  color: var(--ui-accent-ink) !important;
  background: var(--ui-accent) !important;
  box-shadow: none !important;
}
.settings-profile-copy { min-width: 0 !important; }
.settings-profile-copy p {
  overflow: visible !important;
  max-width: 100% !important;
  margin: 3px 0 0 !important;
  color: var(--ui-muted) !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.profile-logged-identity {
  margin-left: auto !important;
  padding: 7px 10px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, .1) !important;
}
.settings-profile-close,
.quick-pa-close,
.shared-double-close,
.history-edit-close {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 9px !important;
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .03) !important;
  box-shadow: none !important;
}
.settings-filter { overflow: clip !important; box-shadow: none !important; }
.settings-filter[open] { border-color: var(--ui-border-strong) !important; }
.settings-filter > summary::before {
  color: var(--ui-accent-strong) !important;
  background: rgba(var(--ui-accent-rgb), .09) !important;
}
.settings-filter > summary::after { color: var(--ui-muted) !important; background: rgba(255, 255, 255, .025) !important; }
.settings-filter[open] > summary::after { color: var(--ui-accent-strong) !important; background: rgba(var(--ui-accent-rgb), .075) !important; }

.freebet-control-dialog { color: var(--ui-text) !important; background: var(--ui-surface-1) !important; }
.freebet-control-dialog .freebet-row,
.freebet-control-dialog .freebet-extracted-row {
  border-color: var(--ui-border) !important;
  background: var(--ui-surface-2) !important;
}

/* Central de duplos: mantém o fluxo, reduz o peso visual. */
#sharedDoubleDialog { background: var(--ui-surface-1) !important; }
#sharedDoubleDialog .shared-double-head {
  border-bottom: 1px solid var(--ui-border) !important;
  background: linear-gradient(90deg, rgba(var(--ui-accent-rgb), .12), transparent 70%) !important;
}
#sharedDoubleDialog .shared-double-sidebar {
  border-color: var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface-2) 94%, transparent) !important;
}
#sharedDoubleDialog .shared-double-workspace { background: var(--ui-surface-1) !important; }
#sharedDoubleDialog .shared-double-step-card,
#sharedDoubleDialog .shared-double-sidebar-card,
#sharedDoubleDialog .shared-double-result-section,
#sharedDoubleDialog .shared-double-protection-panel,
#sharedDoubleDialog .shared-double-calculation,
#sharedDoubleDialog .shared-double-scenarios > span {
  border-color: var(--ui-border) !important;
  background: rgba(0, 0, 0, .1) !important;
  box-shadow: none !important;
}
#sharedDoubleDialog .shared-double-sidebar-card.selected {
  border-color: rgba(var(--ui-accent-rgb), .5) !important;
  background: rgba(var(--ui-accent-rgb), .105) !important;
  box-shadow: inset 3px 0 var(--ui-accent) !important;
}
#sharedDoubleDialog .shared-double-step-number,
#sharedDoubleDialog .shared-double-picker-head > span {
  color: var(--ui-accent-ink) !important;
  background: var(--ui-accent) !important;
}
#sharedDoubleDialog .shared-double-result-choices button {
  border-color: var(--ui-border) !important;
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: none !important;
}
#sharedDoubleDialog .shared-double-result-choices button.active {
  border-color: rgba(var(--ui-accent-rgb), .5) !important;
  color: var(--ui-text) !important;
  background: rgba(var(--ui-accent-rgb), .12) !important;
}

/* Estados */
.status { min-height: 0 !important; margin: 7px 0 0 !important; color: var(--ui-muted) !important; font-size: .74rem !important; }
.status:empty { display: none !important; }
.status.ok { color: var(--ui-success) !important; }
.status.warning { color: var(--ui-warning) !important; }
.sticker-validation,
.capacity-metric-card,
.notification-item {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.sticker-validation.valid { border-color: rgba(101, 214, 154, .32) !important; }
.sticker-validation.invalid { border-color: rgba(235, 113, 128, .34) !important; }

/* Login */
#loginView.login-card,
#loginView.login-card:not([hidden]) {
  overflow: hidden !important;
  width: min(100% - 32px, 1040px) !important;
  min-height: min(620px, calc(100dvh - 56px)) !important;
  margin: 28px auto !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 24px !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-2) !important;
}
.login-visual { border-right: 1px solid var(--ui-border) !important; background: var(--ui-bg) !important; }
.login-visual-shade { background: radial-gradient(circle at 50% 48%, rgba(var(--ui-accent-rgb), .1), transparent 52%) !important; }
.login-visual img { max-width: 78% !important; filter: saturate(.82) contrast(.98) !important; }
.login-panel { padding: clamp(30px, 5vw, 66px) !important; }
.login-panel h1 { font-size: clamp(2rem, 1.75rem + 1vw, 2.7rem) !important; }
#loginButton { width: 100% !important; min-height: 46px !important; }

/* Conclusão da revisão: componentes dinâmicos e estados reais do aplicativo. */
.skip-link {
  position: fixed;
  z-index: 120;
  top: 10px;
  left: 10px;
  padding: 9px 12px;
  border: 1px solid var(--ui-accent);
  border-radius: 9px;
  color: var(--ui-accent-ink);
  background: var(--ui-accent);
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform var(--ui-transition);
}
.skip-link:focus { transform: translateY(0); }

a {
  color: var(--ui-accent-strong) !important;
  text-decoration-color: rgba(var(--ui-accent-rgb), .38) !important;
  text-underline-offset: 3px;
}
a:hover { color: var(--ui-text) !important; text-decoration-color: currentColor !important; }
a:focus-visible { outline: 0; border-radius: 4px; box-shadow: var(--ui-focus); }

.lock-control-icon {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

#dropzone,
#operationNoticeDropzone,
#freebetPromoDropzone,
#replaceDropzone,
#sharedDoubleProtectionDropzone,
#sharedDoubleResultDropzone,
#doublePublishDropzone {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  color: var(--ui-text-soft) !important;
  background: rgba(0, 0, 0, .1) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: border-color var(--ui-transition), background var(--ui-transition), box-shadow var(--ui-transition) !important;
}
#dropzone:hover,
#operationNoticeDropzone:hover,
#freebetPromoDropzone:hover,
#replaceDropzone:hover,
#sharedDoubleProtectionDropzone:hover,
#sharedDoubleResultDropzone:hover,
#doublePublishDropzone:hover,
#dropzone.drag,
#operationNoticeDropzone.drag,
#freebetPromoDropzone.drag,
#replaceDropzone.drag,
#sharedDoubleProtectionDropzone.drag,
#sharedDoubleResultDropzone.drag,
#doublePublishDropzone.drag {
  border-color: var(--ui-border-strong) !important;
  background: rgba(var(--ui-accent-rgb), .055) !important;
}
[role="button"][tabindex="0"]:focus-visible { outline: 0 !important; box-shadow: var(--ui-focus) !important; }

.image-card,
.compact-notice-image,
.history-images-view img,
.watermarked img,
.watermark-preview,
.notice-preview {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.image-card button,
.remove-history-image,
.remove-notice-image,
.remove-freebet-credit {
  min-width: 38px !important;
  width: 38px !important;
  min-height: 38px !important;
  height: 38px !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text-soft) !important;
  background: color-mix(in srgb, var(--ui-surface-raised) 94%, transparent) !important;
  box-shadow: var(--ui-shadow-1) !important;
}

.bet-slip-reader-card,
.ticket-links-card,
.special-bet-fields,
.operation-pa-panel,
.pa-fixture-assistant,
.pa-side-row,
.freebet-credits,
.extraction-sources-editor,
.reader-result-item,
.reader-group-confirm,
.bet-slip-reader-summary {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.bet-slip-reader-head,
.special-bet-heading,
.pa-fixture-heading,
.freebet-credits-head,
.extraction-sources-head {
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
.reader-result-item.grouped,
.reader-group-confirm {
  border-color: rgba(var(--ui-gold-rgb), .3) !important;
  background: rgba(var(--ui-gold-rgb), .055) !important;
}
.reader-warnings,
.shared-double-game-warning,
.financial-cleanup-instruction {
  border: 1px solid rgba(var(--ui-gold-rgb), .28) !important;
  border-radius: var(--ui-radius-sm) !important;
  color: var(--ui-warning) !important;
  background: rgba(var(--ui-gold-rgb), .065) !important;
}
.freebet-credit-row,
.extraction-source-row,
.pa-fixture-match {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-sm) !important;
  background: rgba(0, 0, 0, .1) !important;
}
.extraction-remaining,
.freebet-missing-validity,
.history-missing-validity {
  color: var(--ui-warning) !important;
  background: rgba(var(--ui-gold-rgb), .08) !important;
}
.icon-button,
.mode-bet,
.lock-bet-button {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 38px !important;
  width: 38px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .03) !important;
  box-shadow: none !important;
}
.icon-button.active,
.mode-bet.lay,
.lock-bet-button.active {
  border-color: rgba(var(--ui-accent-rgb), .46) !important;
  color: var(--ui-accent-strong) !important;
  background: rgba(var(--ui-accent-rgb), .11) !important;
}

.history-overview-grid > span,
.history-freebet-summary-item,
.history-bet-view,
.history-result-card,
.history-note-panel,
.history-notice-item,
.history-add-notice-button,
.history-empty-summary {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .1) !important;
  box-shadow: none !important;
}
.history-clean-card-head,
.history-section-head,
.history-bet-head,
.history-result-context {
  padding-bottom: 9px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
.history-badge,
.type-badge,
.history-mode-pill,
.history-game-pill,
.history-double-badge,
.history-shared-double-pill,
.history-note-badge,
.history-sequence-pill {
  border: 1px solid var(--ui-border) !important;
  border-radius: 999px !important;
  color: var(--ui-text-soft) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: none !important;
}
.history-badge.published,
.history-view-status.published { color: var(--ui-success) !important; border-color: rgba(101, 214, 154, .3) !important; }
.history-badge.failed,
.history-view-status.failed { color: var(--ui-danger) !important; border-color: rgba(235, 113, 128, .3) !important; }
.history-bet-values strong,
.history-metrics,
.history-overview-grid strong,
.history-result-total,
.history-live-profit,
.history-live-return { font-variant-numeric: tabular-nums lining-nums !important; }
.history-edit-overlay {
  background: rgba(2, 7, 8, .76) !important;
  backdrop-filter: blur(8px) saturate(75%) !important;
}
.history-edit-modal {
  border-color: var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-xl) !important;
  color: var(--ui-text) !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-2) !important;
}
.history-edit-modal-head,
.history-edit-footer {
  border-color: var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface-2) 96%, transparent) !important;
}
.history-pagination {
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .1) !important;
}

.financial-stats > article,
.financial-stat {
  min-height: 106px !important;
  padding: 14px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.financial-stats > article strong,
.financial-stat strong,
.financial-bar-item b,
.financial-category strong,
.financial-ledger-row strong,
.financial-closed-stats strong {
  color: var(--ui-text) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}
.positive,
strong.positive,
.financial-bar-item.positive b { color: var(--ui-success) !important; }
.negative,
strong.negative,
.financial-bar-item.negative b { color: var(--ui-danger) !important; }
.financial-category-track,
.financial-progress-track,
.capacity-progress {
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .075) !important;
}
.financial-category-track > span,
.financial-progress-track > span,
.capacity-progress > span {
  background: linear-gradient(90deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 64%, var(--ui-blue))) !important;
}
.financial-bar-item,
.financial-ledger-row,
.financial-pending-item,
.financial-closed-dashboard,
.financial-closed-stats > *,
.financial-closed-categories > *,
.financial-cleanup-preview,
.financial-cleanup-confirm,
.financial-cleanup-blocked,
.financial-simulation-result {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.financial-pending-item:hover:not(:disabled) { border-color: var(--ui-border-strong) !important; background: rgba(var(--ui-accent-rgb), .07) !important; }
.financial-cleanup-confirm { border-color: rgba(235, 113, 128, .24) !important; }

.capacity-group,
.capacity-metric,
.capacity-cache-summary,
.capacity-events,
.capacity-limits,
.capacity-ai-cards > * {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: rgba(0, 0, 0, .1) !important;
  box-shadow: none !important;
}
.capacity-metric.danger {
  color: var(--ui-text) !important;
  border-color: rgba(235, 113, 128, .32) !important;
  background: rgba(156, 53, 67, .08) !important;
}
.capacity-metric.danger strong { color: var(--ui-danger) !important; }

#freebetControlDialog .freebet-control-item,
#freebetControlDialog .freebet-control-item.extracted,
.manual-freebet-add,
.freebet-control-total,
.freebet-multiple-toolbar,
.freebet-house-picker {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
#freebetControlDialog .freebet-control-item.extracted { opacity: .78 !important; background: rgba(255, 255, 255, .018) !important; }
.freebet-filter-buttons {
  padding: 4px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: rgba(0, 0, 0, .1) !important;
}
.freebet-filter-buttons button { border: 0 !important; color: var(--ui-muted) !important; background: transparent !important; box-shadow: none !important; }
.freebet-filter-buttons button.active { color: var(--ui-text) !important; background: rgba(var(--ui-accent-rgb), .13) !important; }
.freebet-row-right b,
.freebet-control-total strong { color: var(--ui-success) !important; font-variant-numeric: tabular-nums lining-nums !important; }
.freebet-start-extraction { box-shadow: none !important; }

.admin-user-card,
.active-user-row,
.free-history-item,
.notification-item,
.user-role-card,
.telegram-destination,
.telegram-token-manager,
.special-model-settings,
.special-model-lines,
.users-box {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}
.admin-user-actions,
.free-history-head,
.active-users-head,
.telegram-token-manager-head { border-color: var(--ui-border) !important; }
.online-dot { background: var(--ui-success) !important; box-shadow: 0 0 0 3px rgba(101, 214, 154, .12) !important; }

#settingsDialog { width: min(92vw, 760px) !important; }
#freebetControlDialog { width: min(92vw, 720px) !important; }
#notificationDialog,
#addNoticeDialog { width: min(92vw, 620px) !important; }
#replaceImageDialog,
#doublePublishDialog,
#sharedDoubleProtectionDialog { width: min(92vw, 520px) !important; }
#sharedDoubleResultDialog,
#specialBetResultDialog { width: min(92vw, 580px) !important; }
.dialog-actions,
.notification-dialog > div:last-child,
.replace-dialog > div:last-of-type {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 14px !important;
}
.quick-pa-dialog,
.conditional-result-dialog,
.quick-validity-dialog,
.reset-confirm-dialog,
.double-publish-dialog,
.special-result-dialog,
.shared-double-protection-dialog,
.shared-double-result-dialog {
  color: var(--ui-text) !important;
  background: var(--ui-surface-1) !important;
}
.quick-pa-choice,
.quick-validity-row,
.conditional-result-choices button,
.special-result-choices button,
.double-publish-summary,
.shared-double-protection-dialog-summary,
.shared-double-result-dialog-summary {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-2) !important;
  box-shadow: none !important;
}

#sharedDoubleDialog .shared-double-sidebar-card,
#sharedDoubleDialog .shared-double-operation-item,
#sharedDoubleDialog .shared-double-protection-row,
#sharedDoubleDialog .shared-double-suggestion-list button,
#sharedDoubleDialog .shared-double-linked-summary {
  border-color: var(--ui-border) !important;
  border-radius: var(--ui-radius-sm) !important;
  background: rgba(0, 0, 0, .1) !important;
  box-shadow: none !important;
}
#sharedDoubleDialog .shared-double-row-game,
#sharedDoubleDialog .shared-double-operation-title,
#sharedDoubleDialog .shared-double-protection-saved-title { color: var(--ui-text) !important; }
#sharedDoubleDialog .shared-double-row-money,
#sharedDoubleDialog .shared-double-operation-values,
#sharedDoubleDialog .shared-double-protection-metric,
#sharedDoubleDialog .shared-double-calculation strong { font-variant-numeric: tabular-nums lining-nums !important; }
#sharedDoubleDialog .shared-double-row-coverage,
#sharedDoubleDialog .shared-double-operation-copy small,
#sharedDoubleDialog .shared-double-protection-row small,
#sharedDoubleDialog .shared-double-suggestion-list small { color: var(--ui-muted) !important; font-size: max(.72rem, 11px) !important; }
#sharedDoubleDialog .shared-double-row-open,
#sharedDoubleDialog .shared-double-edit-link,
#sharedDoubleDialog .shared-double-completed-link { color: var(--ui-accent-strong) !important; }

.ui-loading-state,
.pa-fixture-loading,
.sticker-validation.loading {
  position: relative !important;
  display: grid !important;
  min-height: 92px !important;
  place-content: center !important;
  padding: 18px 18px 18px 48px !important;
  border: 1px dashed var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  color: var(--ui-muted) !important;
  background: rgba(0, 0, 0, .08) !important;
}
.ui-loading-state::before,
.pa-fixture-loading::before,
.sticker-validation.loading::before {
  position: absolute;
  top: 50%;
  left: calc(50% - 54px);
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 2px solid var(--ui-muted);
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  animation: ui-spin .72s linear infinite;
}
.ui-empty-state,
.history-empty-summary,
.users-list > .hint:only-child,
.financial-month-list > .hint:only-child,
.financial-ledger > .hint:only-child,
.financial-categories > .hint:only-child,
.capacity-grid > .hint:only-child {
  display: grid !important;
  min-height: 104px !important;
  place-content: center !important;
  padding: 18px !important;
  border: 1px dashed var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-md) !important;
  color: var(--ui-muted) !important;
  background: rgba(0, 0, 0, .07) !important;
  text-align: center !important;
}
.ui-error-state { color: var(--ui-danger) !important; border-color: rgba(235, 113, 128, .3) !important; background: rgba(156, 53, 67, .08) !important; }
.sticker-validation.empty { color: var(--ui-muted) !important; }

/* O oficial tinha regras antigas mais específicas e saturadas. Esta camada encerra a cascata. */
html:not(.test-env) body {
  color: var(--ui-text) !important;
  background:
    radial-gradient(circle at 12% -12%, rgba(var(--ui-accent-rgb), .08), transparent 30rem),
    radial-gradient(circle at 94% 16%, rgba(var(--ui-gold-rgb), .035), transparent 34rem),
    linear-gradient(180deg, var(--ui-bg-soft), var(--ui-bg) 30rem) !important;
}
html:not(.test-env) main { width: min(100%, 1600px) !important; }
html:not(.test-env) .card,
html:not(.test-env) dialog .settings,
html:not(.test-env) .login-card {
  color: var(--ui-text) !important;
  border-color: var(--ui-border) !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-1) !important;
  backdrop-filter: none !important;
}
html:not(.test-env) .card:hover { border-color: var(--ui-border) !important; }
html:not(.test-env) label { color: var(--ui-text-soft) !important; }
html:not(.test-env) .hint,
html:not(.test-env) .status,
html:not(.test-env) label small { color: var(--ui-muted) !important; }
html:not(.test-env) input,
html:not(.test-env) select,
html:not(.test-env) textarea {
  color: var(--ui-text) !important;
  border-color: var(--ui-border) !important;
  background: var(--ui-input) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
}
html:not(.test-env) input:focus,
html:not(.test-env) select:focus,
html:not(.test-env) textarea:focus { border-color: var(--ui-accent) !important; box-shadow: var(--ui-focus) !important; }
html:not(.test-env) button.secondary {
  color: var(--ui-text-soft) !important;
  border-color: var(--ui-border) !important;
  background: rgba(255, 255, 255, .025) !important;
}
html:not(.test-env) button.secondary:hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--ui-text) !important;
  border-color: var(--ui-border-strong) !important;
  background: rgba(var(--ui-accent-rgb), .075) !important;
}
html:not(.test-env) .type-buttons { padding: 0 !important; }
html:not(.test-env) .type-buttons button:not(.active) { background: rgba(var(--type-rgb, var(--ui-accent-rgb)), .035) !important; }
html:not(.test-env) .type-buttons button.active,
html:not(.test-env) .type-buttons .type-superodd.active,
html:not(.test-env) .type-buttons .type-freebet.active,
html:not(.test-env) .type-buttons .type-extracao.active,
html:not(.test-env) .type-buttons .type-aumentada.active,
html:not(.test-env) .type-buttons .type-duplo.active,
html:not(.test-env) .type-buttons .type-reenvio.active,
html:not(.test-env) .type-buttons .type-especial.active {
  color: var(--ui-text) !important;
  border-color: rgba(var(--type-rgb, var(--ui-accent-rgb)), .58) !important;
  background: color-mix(in srgb, rgb(var(--type-rgb, var(--ui-accent-rgb))) 17%, var(--ui-surface-2)) !important;
  box-shadow: inset 4px 0 rgb(var(--type-rgb, var(--ui-accent-rgb))), 0 0 0 2px rgba(var(--type-rgb, var(--ui-accent-rgb)), .1) !important;
  filter: none !important;
  transform: none !important;
}
html.test-env .type-buttons button.active,
html.test-env .type-buttons .type-superodd.active,
html.test-env .type-buttons .type-freebet.active,
html.test-env .type-buttons .type-extracao.active,
html.test-env .type-buttons .type-aumentada.active,
html.test-env .type-buttons .type-duplo.active,
html.test-env .type-buttons .type-reenvio.active,
html.test-env .type-buttons .type-especial.active {
  color: var(--ui-text) !important;
  border-color: rgba(var(--type-rgb, var(--ui-accent-rgb)), .58) !important;
  background: color-mix(in srgb, rgb(var(--type-rgb, var(--ui-accent-rgb))) 17%, var(--ui-surface-2)) !important;
  box-shadow: inset 4px 0 rgb(var(--type-rgb, var(--ui-accent-rgb))), 0 0 0 2px rgba(var(--type-rgb, var(--ui-accent-rgb)), .1) !important;
  filter: none !important;
  transform: none !important;
}
html:not(.test-env) #dropzone,
html:not(.test-env) #operationNoticeDropzone,
html:not(.test-env) #freebetPromoDropzone,
html:not(.test-env) #infoDropzone { border-color: var(--ui-border) !important; background: rgba(0, 0, 0, .1) !important; box-shadow: none !important; }
html:not(.test-env) .financial-view {
  color: var(--ui-text) !important;
  background: var(--ui-surface-1) !important;
}
html:not(.test-env) .financial-stats article,
html:not(.test-env) .financial-panel,
html:not(.test-env) .financial-filters { border-color: var(--ui-border) !important; background: var(--ui-surface-2) !important; backdrop-filter: none !important; }

/* Tablet */
@media (max-width: 1120px) {
  #appView > header.app-header {
    grid-template-areas: "brand tools" "chat chat" !important;
    grid-template-columns: minmax(180px, auto) minmax(0, 1fr) !important;
  }
  #appView > header.app-header .brand-copy { width: 100% !important; }
  #appView > header.app-header > .header-tools { justify-content: flex-start !important; flex-wrap: wrap !important; }
  #appView > header.app-header .header-actions { order: 4 !important; flex: 1 1 100% !important; justify-content: flex-start !important; }
  #appView > header.app-header > .header-quick-chat { justify-self: stretch !important; width: 100% !important; }
  .financial-filters { grid-template-columns: 1fr 1fr !important; }
  .financial-send-group.annual { grid-column: 1 / -1 !important; }
  .history-filter-panel { grid-template-columns: minmax(220px, 1fr) minmax(130px, .22fr) minmax(160px, .28fr) auto !important; }
}

/* Celular */
@media (max-width: 760px) {
  body { font-size: 14px !important; }
  #appView > header.app-header {
    position: static !important;
    grid-template-areas: "brand" "tools" "chat" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
    backdrop-filter: none !important;
  }
  #appView > header.app-header .brand-copy { display: flex !important; align-items: center !important; gap: 8px !important; }
  #appView > header.app-header .brand-copy .eyebrow,
  #appView > header.app-header .brand-copy p { display: none !important; }
  #appView > header.app-header .brand-copy h1 { font-size: 1.15rem !important; }
  #appView > header.app-header > .header-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .app-version-badge { order: 1 !important; }
  .profile-identity { order: 2 !important; max-width: calc(100% - 92px) !important; }
  .notify-button { order: 3 !important; margin-left: auto !important; }
  #appView > header.app-header .header-actions {
    order: 4 !important;
    flex: 1 1 100% !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 2px 0 4px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
  }
  #appView > header.app-header .header-actions::-webkit-scrollbar { display: none !important; }
  #appView > header.app-header .header-actions button {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    overflow: visible !important;
    font-size: .74rem !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  #appView > header.app-header #profileUserName {
    display: inline-block !important;
    max-width: 76px !important;
  }
  #appView > header.app-header #profileButton {
    width: auto !important;
    max-width: 128px !important;
    overflow: hidden !important;
  }
  #appView > header.app-header .header-quick-chat #chatDropzone { min-height: 38px !important; }
  main { padding: 10px 9px 104px !important; }
  .view-stack { gap: 9px !important; }
  .card, .history-panel { padding: 12px !important; border-radius: 14px !important; }
  .section-title, .financial-heading, .history-titlebar { align-items: flex-start !important; flex-wrap: wrap !important; }
  input, select, textarea, button { min-height: 42px !important; }
  .type-buttons { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
  .type-buttons button { min-height: 44px !important; padding: 8px 9px !important; font-size: .73rem !important; }
  .history-toolbar,
  .history-filter-panel,
  .financial-filters,
  .financial-grid,
  .financial-stats {
    grid-template-columns: 1fr !important;
  }
  .history-filter-panel > *,
  .history-filter-panel > button:last-child,
  .financial-send-group.annual { grid-column: auto !important; }
  .history-titlebar .history-title-actions,
  .history-toolbar .history-view-actions { width: 100% !important; justify-content: flex-start !important; overflow-x: auto !important; }
  .history-list details.history > summary { min-height: 68px !important; padding: 10px !important; }
  .financial-section-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; }
  .financial-stat { min-height: 92px !important; }
  .financial-panel, .financial-monthly-panel, .financial-cleanup-panel { padding: 12px !important; }
  dialog {
    width: auto !important;
    max-width: calc(100vw - 14px) !important;
    max-height: calc(100dvh - 14px) !important;
    margin: 7px auto !important;
    border-radius: 16px !important;
  }
  dialog > .settings, dialog form.settings { padding: 12px !important; }
  .settings-profile-head { align-items: center !important; }
  .profile-logged-identity { display: none !important; }
  .settings-profile-copy p { white-space: normal !important; }
  #sharedDoubleDialog { width: calc(100vw - 8px) !important; }
  #sharedDoubleDialog .shared-double-dialog { grid-template-rows: auto minmax(0, 1fr) auto auto !important; }
  #sharedDoubleDialog .shared-double-shell {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  #sharedDoubleDialog .shared-double-sidebar {
    display: block !important;
    max-height: none !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ui-border) !important;
  }
  #sharedDoubleDialog .shared-double-sidebar-list {
    display: grid !important;
    max-height: 176px !important;
    overflow: auto !important;
  }
  #sharedDoubleDialog .shared-double-workspace {
    min-height: 0 !important;
    overflow: visible !important;
  }
  #sharedDoubleDialog .shared-double-result-section .shared-double-calculation { grid-template-columns: 1fr 1fr !important; }
  #settingsDialog { width: min(calc(100vw - 14px), 860px) !important; }
  #freebetControlDialog { width: min(calc(100vw - 14px), 720px) !important; }
  #notificationDialog,
  #addNoticeDialog { width: min(calc(100vw - 14px), 620px) !important; }
  #replaceImageDialog,
  #sharedDoubleProtectionDialog,
  #doublePublishDialog { width: min(calc(100vw - 14px), 500px) !important; }
  #sharedDoubleResultDialog,
  #specialBetResultDialog { width: min(calc(100vw - 14px), 560px) !important; }
  #loginView.login-card,
  #loginView.login-card:not([hidden]) {
    grid-template-columns: 1fr !important;
    width: min(100% - 18px, 520px) !important;
    min-height: 0 !important;
    margin: 9px auto !important;
    border-radius: 18px !important;
  }
  .login-visual { display: none !important; }
  .login-panel { padding: 28px 20px !important; }
  #appView > header.app-header .header-actions {
    position: fixed !important;
    z-index: 70 !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    padding: 5px !important;
    border: 1px solid var(--ui-border-strong) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--ui-bg) 93%, transparent) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .36) !important;
    backdrop-filter: blur(16px) saturate(110%) !important;
  }
  #appView > header.app-header .header-actions button {
    min-height: 38px !important;
    border-radius: 10px !important;
  }
  .telegram-destinations,
  .special-model-grid,
  .manual-freebet-fields,
  .financial-ledger-filters,
  .financial-cleanup-fields,
  .financial-cleanup-numbers,
  .capacity-grid,
  .capacity-event-grid,
  .capacity-cache-group,
  .shared-double-fields,
  .shared-double-protection-dialog-summary,
  .shared-double-result-dialog-summary,
  .double-publish-summary {
    grid-template-columns: 1fr !important;
  }
  #freebetControlDialog .freebet-control-item,
  .admin-user-card,
  .active-user-row,
  .financial-ledger-row {
    align-items: stretch !important;
    grid-template-columns: 1fr !important;
  }
  .freebet-row-right,
  .admin-user-actions,
  .history-buttons,
  .dialog-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .history-buttons > button,
  .dialog-actions > button { flex: 1 1 140px !important; }
  .history-pagination { grid-template-columns: 1fr !important; }
  .history-pagination-summary { order: -1 !important; text-align: center !important; }
  .history-edit-modal {
    width: calc(100vw - 12px) !important;
    max-width: none !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 16px !important;
  }
  .history-overview-grid,
  .history-bet-view-grid,
  .history-calculator,
  .special-bet-grid { grid-template-columns: 1fr !important; }
  #sharedDoubleDialog .shared-double-result-section .shared-double-calculation { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 460px) {
  .type-buttons button:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
  #appView > header.app-header .header-quick-chat .quick-send { padding-inline: 9px !important; }
  .publish-workflow-actions { grid-template-columns: 1fr !important; }
  #operationCard .calculator-bet-card { border-radius: 12px !important; }
}

@media (max-width: 340px) {
  .type-buttons { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Alerta prioritário: Freebet Condicional aguardando conferência. */
.history-list details.history.conditional-pending,
.history-list details.history.conditional-pending:hover {
  --ui-border: rgba(255, 102, 120, .34);
  --ui-border-strong: rgba(255, 111, 128, .72);
  --ui-accent: #ff5f73;
  --ui-accent-strong: #ff9aa6;
  --ui-accent-rgb: 255, 95, 115;
  border-color: rgba(255, 82, 104, .96) !important;
  background: linear-gradient(145deg, #4f1120 0%, #370d18 56%, #260a12 100%) !important;
  box-shadow: 0 0 0 1px rgba(255, 82, 104, .28), 0 15px 36px rgba(116, 5, 28, .34) !important;
}

.history-list details.history.conditional-pending > summary,
.history-list details.history.conditional-pending > summary:hover,
.history-list details.history.conditional-pending[open] > summary {
  border-bottom-color: rgba(255, 125, 140, .34) !important;
  background: linear-gradient(100deg, #74192d 0%, #551222 52%, #350c18 100%) !important;
}

.history-list details.history.conditional-pending > .history-body {
  background: linear-gradient(155deg, rgba(72, 15, 29, .98), rgba(30, 9, 17, .99)) !important;
}

.history-list details.history.conditional-pending .history-overview-grid > span,
.history-list details.history.conditional-pending .history-clean-card,
.history-list details.history.conditional-pending .history-bet-view,
.history-list details.history.conditional-pending .history-result-card,
.history-list details.history.conditional-pending .history-note-panel,
.history-list details.history.conditional-pending .history-notice-item,
.history-list details.history.conditional-pending .history-empty-summary,
.history-list details.history.conditional-pending .history-management-bar {
  border-color: rgba(255, 112, 129, .3) !important;
  background: linear-gradient(145deg, rgba(78, 19, 32, .92), rgba(36, 12, 21, .96)) !important;
}

.history-list details.history.conditional-pending .history-conditional-button.pending {
  border-color: rgba(255, 172, 182, .78) !important;
  color: #fff !important;
  background: #bd2942 !important;
  box-shadow: 0 0 0 3px rgba(255, 82, 104, .16), 0 7px 18px rgba(90, 3, 22, .3) !important;
}

.history-list details.history.conditional-pending .history-mini .pending {
  color: #ffc1c9 !important;
  text-shadow: 0 1px 10px rgba(255, 82, 104, .28);
}

/*
 * Elite Green Data Arena — v1.3
 * Tema aprovado para cabeçalho, superfícies, menus, pop-ups e rolagem.
 */
:root,
html.test-env {
  --ui-bg: #030d0b;
  --ui-bg-soft: #061512;
  --ui-surface-1: #081a16;
  --ui-surface-2: #0a211b;
  --ui-surface-3: #0c2921;
  --ui-surface-raised: #0e3027;
  --ui-input: #051510;
  --ui-text: #f1f7f4;
  --ui-text-soft: #c7d8d0;
  --ui-muted: #8da99d;
  --ui-faint: #789487;
  --ui-border: rgba(126, 190, 161, .18);
  --ui-border-strong: rgba(117, 210, 166, .34);
  --ui-accent: #63c996;
  --ui-accent-strong: #7cdeb0;
  --ui-accent-rgb: 99, 201, 150;
  --ui-accent-ink: #04140d;
  --ui-gold: #cbb05f;
  --ui-gold-rgb: 203, 176, 95;
  --ui-success: #6bd89e;
  --ui-warning: #d9b85d;
  --ui-danger: #ed7180;
  --ui-info: #74b9d6;
  --arena-deep: #020a08;
  --arena-panel: rgba(6, 24, 19, .94);
  --arena-panel-raised: rgba(10, 35, 28, .94);
  --arena-line: rgba(112, 218, 168, .27);
  --arena-gold-line: rgba(203, 176, 95, .32);
}

html:is(.test-env, :not(.test-env)) body {
  background:
    radial-gradient(circle at 12% -8%, rgba(76, 176, 127, .11), transparent 32rem),
    radial-gradient(circle at 92% 4%, rgba(203, 176, 95, .055), transparent 34rem),
    linear-gradient(165deg, #061510 0%, #04110e 46%, #020a09 100%) !important;
}

html:is(.test-env, :not(.test-env)) body::before {
  content: "" !important;
  position: fixed !important;
  z-index: -2 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .065 !important;
  filter: saturate(.7) contrast(.96) !important;
  background:
    linear-gradient(180deg, rgba(2, 11, 9, .2), rgba(2, 10, 8, .86)),
    url("/elite-green-data-arena-v1.png") center top / cover no-repeat !important;
}

html:is(.test-env, :not(.test-env)) body::after { opacity: .025 !important; }

/* Rolagem com trilho escuro e indicador verde/dourado. */
html:is(.test-env, :not(.test-env)),
html:is(.test-env, :not(.test-env)) * {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(86, 184, 132, .72) rgba(3, 14, 11, .82) !important;
}

html:is(.test-env, :not(.test-env))::-webkit-scrollbar,
html:is(.test-env, :not(.test-env)) *::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

html:is(.test-env, :not(.test-env))::-webkit-scrollbar-track,
html:is(.test-env, :not(.test-env)) *::-webkit-scrollbar-track {
  border-left: 1px solid rgba(112, 218, 168, .1) !important;
  background: linear-gradient(180deg, #030d0b, #071b16) !important;
}

html:is(.test-env, :not(.test-env))::-webkit-scrollbar-thumb,
html:is(.test-env, :not(.test-env)) *::-webkit-scrollbar-thumb {
  border: 2px solid #05130f !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #83d8ad, #429f73 68%, #aa9149) !important;
  background-clip: border-box !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 0 10px rgba(83, 190, 137, .14) !important;
}

html:is(.test-env, :not(.test-env))::-webkit-scrollbar-thumb:hover,
html:is(.test-env, :not(.test-env)) *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a0e9c4, #55bb88 66%, #c4a956) !important;
}

html:is(.test-env, :not(.test-env)) .financial-bars.monthly-dense::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #4fbd86, #cbb05f) !important;
}

/* Cabeçalho panorâmico com conta agrupada no canto direito. */
html:is(.test-env, :not(.test-env)) #appView > header.app-header {
  position: sticky !important;
  z-index: 40 !important;
  top: 0 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-areas: "brand tools" "brand chat" !important;
  grid-template-columns: minmax(220px, .55fr) minmax(690px, 1.75fr) !important;
  align-items: center !important;
  gap: 8px clamp(18px, 2vw, 34px) !important;
  min-height: 112px !important;
  padding: 10px max(16px, calc((100vw - 1600px) / 2)) 11px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(112, 218, 168, .26) !important;
  background:
    linear-gradient(90deg, rgba(2, 12, 10, .62) 0%, rgba(2, 15, 12, .76) 44%, rgba(2, 11, 9, .94) 100%),
    linear-gradient(180deg, rgba(2, 10, 8, .05), rgba(2, 10, 8, .58)),
    url("/elite-green-data-arena-v1.png") left 57% / cover no-repeat,
    #03100d !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .38), inset 0 -1px rgba(203, 176, 95, .08) !important;
  backdrop-filter: blur(12px) saturate(108%) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .12 !important;
  background:
    linear-gradient(rgba(112, 218, 168, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112, 218, 168, .12) 1px, transparent 1px) !important;
  background-size: 90px 90px !important;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent 72%) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header > * {
  position: relative !important;
  z-index: 1 !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-main {
  grid-area: brand !important;
  align-self: center !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy {
  display: block !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy::before,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy::after,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy .eyebrow,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy p {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 {
  display: flex !important;
  align-items: baseline !important;
  gap: .3em !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  background: none !important;
  filter: none !important;
  font-family: var(--ui-font-display) !important;
  font-size: clamp(1.32rem, 1.08rem + .7vw, 1.9rem) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .095em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .72) !important;
  -webkit-text-fill-color: currentColor !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 span,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 b {
  color: #f0f7f3 !important;
  background: none !important;
  filter: none !important;
  font: inherit !important;
  font-style: normal !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .72) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 b {
  color: #69d79d !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 b::after {
  display: block !important;
  width: 72% !important;
  height: 2px !important;
  margin-top: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(105, 215, 157, .9), rgba(203, 176, 95, .34), transparent) !important;
  box-shadow: 0 0 9px rgba(99, 201, 150, .2) !important;
  content: "" !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-tools {
  grid-area: tools !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  min-width: 0 !important;
  justify-self: end !important;
  width: min(100%, 780px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .app-version-badge {
  order: 0 !important;
  margin: 0 auto 0 0 !important;
  border-color: rgba(203, 176, 95, .35) !important;
  color: #e0ca8c !important;
  background: rgba(5, 18, 15, .72) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions {
  order: 1 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 3px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 3px !important;
  overflow: visible !important;
  border: 1px solid rgba(112, 218, 168, .08) !important;
  border-radius: 12px !important;
  background: rgba(3, 15, 12, .38) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
  backdrop-filter: blur(10px) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions button {
  flex: 0 0 auto !important;
  min-width: auto !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #c2d2cb !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .74rem !important;
  font-weight: 780 !important;
  transform: none !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions button:hover,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions button:focus-visible {
  border-color: rgba(112, 218, 168, .2) !important;
  color: #f0f7f3 !important;
  background: rgba(99, 201, 150, .075) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions button.active {
  border-color: rgba(99, 201, 150, .38) !important;
  color: #f5faf7 !important;
  background: linear-gradient(145deg, rgba(69, 153, 109, .32), rgba(20, 66, 50, .38)) !important;
  box-shadow: inset 0 -2px #68cd99, inset 0 1px rgba(255, 255, 255, .06), 0 5px 15px rgba(0, 0, 0, .16) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster {
  order: 2 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 2px !important;
  min-height: 40px !important;
  padding: 3px !important;
  border: 1px solid rgba(112, 218, 168, .14) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(7, 27, 21, .76), rgba(2, 14, 11, .82)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .16) !important;
  backdrop-filter: blur(12px) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .header-icon-control {
  order: initial !important;
  min-height: 32px !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #d8e5df !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .profile-identity {
  max-width: 132px !important;
  padding: 6px 7px !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .notify-button {
  width: 32px !important;
  min-width: 32px !important;
  padding: 6px !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .header-icon-control:hover,
html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .header-icon-control:focus-visible {
  border-color: rgba(112, 218, 168, .2) !important;
  color: #fff !important;
  background: rgba(99, 201, 150, .08) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .profile-role-icon {
  color: #68d89d !important;
  filter: drop-shadow(0 0 6px rgba(99, 201, 150, .2)) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-quick-chat {
  grid-area: chat !important;
  justify-self: end !important;
  width: min(100%, 780px) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #chatDropzone {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 42px !important;
  padding: 4px 5px 4px 12px !important;
  border: 1px solid rgba(112, 218, 168, .17) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(3, 16, 13, .8), rgba(5, 23, 18, .7)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 9px 24px rgba(0, 0, 0, .14) !important;
  backdrop-filter: blur(12px) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #chatImages:not(:empty) {
  grid-column: 1 / -1 !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #chatText {
  grid-column: 1 !important;
  min-height: 30px !important;
  max-height: 66px !important;
  padding: 6px 0 !important;
  color: var(--ui-text) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #pickChatFiles {
  grid-column: 2 !important;
  width: 34px !important;
  min-width: 34px !important;
  min-height: 32px !important;
  color: #cfe2d9 !important;
  border-color: rgba(112, 218, 168, .11) !important;
  background: rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #sendChatButton {
  grid-column: 3 !important;
  min-width: 66px !important;
  min-height: 32px !important;
  border: 1px solid rgba(203, 176, 95, .32) !important;
  color: #07140f !important;
  background: linear-gradient(135deg, #72d4a3, #cbb65f) !important;
  box-shadow: 0 6px 16px rgba(44, 132, 88, .18) !important;
}

html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #chatDropzone:focus-within {
  border-color: rgba(116, 220, 170, .58) !important;
  box-shadow: 0 0 0 3px rgba(99, 201, 150, .11), 0 10px 26px rgba(0, 0, 0, .18) !important;
}
/* Superfícies com profundidade de painel esportivo, sem excesso de saturação. */
html:is(.test-env, :not(.test-env)) :is(
  .card,
  .history-panel,
  .financial-panel,
  .financial-send-group,
  .financial-monthly-panel,
  .financial-cleanup-panel,
  .info-history-panel,
  .free-history-panel,
  .free-republish-card,
  .settings-filter,
  .financial-stats > article,
  .financial-stat
) {
  border-color: rgba(126, 190, 161, .18) !important;
  background: linear-gradient(145deg, rgba(9, 31, 25, .94), rgba(4, 17, 14, .97)) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) :is(
  .financial-month-card,
  .financial-bar-item,
  .financial-ledger-row,
  .financial-pending-item,
  .financial-closed-dashboard,
  .financial-closed-stats > *,
  .financial-closed-categories > *,
  .capacity-group,
  .capacity-metric,
  .capacity-cache-summary,
  .capacity-events,
  .capacity-limits,
  .capacity-ai-cards > *,
  .notification-item,
  .admin-user-card,
  .active-user-row,
  .free-history-item,
  .user-role-card,
  .telegram-destination,
  .telegram-token-manager,
  .special-model-settings,
  .special-model-lines,
  .users-box
) {
  border-color: rgba(126, 190, 161, .16) !important;
  background: linear-gradient(145deg, rgba(10, 35, 28, .9), rgba(5, 21, 17, .94)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .02) !important;
}

html:is(.test-env, :not(.test-env)) :is(input, select, textarea) {
  color: var(--ui-text) !important;
  border-color: rgba(126, 190, 161, .19) !important;
  background: linear-gradient(180deg, rgba(4, 17, 13, .94), rgba(5, 22, 17, .96)) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .018) !important;
}

html:is(.test-env, :not(.test-env)) :is(input, select, textarea):focus {
  border-color: rgba(112, 218, 168, .62) !important;
  box-shadow: 0 0 0 3px rgba(99, 201, 150, .11), inset 0 1px 2px rgba(0, 0, 0, .2) !important;
}

html:is(.test-env, :not(.test-env)) select option,
html:is(.test-env, :not(.test-env)) select optgroup {
  color: var(--ui-text) !important;
  background-color: #071713 !important;
}

html:is(.test-env, :not(.test-env)) :is(
  #dropzone,
  #operationNoticeDropzone,
  #freebetPromoDropzone,
  #infoDropzone,
  #replaceImageDropzone,
  #sharedDoubleProtectionDropzone,
  #sharedDoubleResultDropzone
) {
  border-color: rgba(112, 218, 168, .24) !important;
  background:
    linear-gradient(145deg, rgba(5, 23, 18, .86), rgba(3, 15, 12, .92)),
    radial-gradient(circle at 88% 18%, rgba(203, 176, 95, .06), transparent 34%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) :is(.publish, .quick-send, #loginButton):not(.danger) {
  border-color: rgba(203, 176, 95, .3) !important;
  color: #06140e !important;
  background: linear-gradient(135deg, #70d2a0, #c6b15e) !important;
  box-shadow: 0 8px 20px rgba(48, 145, 96, .17) !important;
}

/* Menus, expansíveis e filtros. */
html:is(.test-env, :not(.test-env)) :is(
  .settings-filter,
  .manual-freebet-add,
  .mini-filter,
  .financial-ledger-panel,
  .capacity-panel
) {
  border-color: rgba(126, 190, 161, .18) !important;
  background: linear-gradient(145deg, rgba(9, 33, 27, .94), rgba(4, 17, 14, .97)) !important;
}

html:is(.test-env, :not(.test-env)) :is(
  .settings-filter,
  .manual-freebet-add,
  .mini-filter,
  .financial-ledger-panel,
  .capacity-panel
) > summary {
  color: var(--ui-text) !important;
  border-color: rgba(126, 190, 161, .14) !important;
  background: linear-gradient(90deg, rgba(99, 201, 150, .105), rgba(203, 176, 95, .028) 58%, transparent) !important;
}

html:is(.test-env, :not(.test-env)) :is(
  .settings-filter,
  .manual-freebet-add,
  .mini-filter,
  .financial-ledger-panel,
  .capacity-panel
)[open] {
  border-color: rgba(112, 218, 168, .32) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .025) !important;
}

/* Pop-ups editáveis e modal de edição do histórico. */
html.test-env dialog::backdrop,
html:not(.test-env) dialog::backdrop {
  background:
    linear-gradient(rgba(1, 8, 7, .86), rgba(2, 11, 9, .91)),
    url("/elite-green-data-arena-v1.png") center / cover no-repeat !important;
  backdrop-filter: blur(11px) saturate(78%) !important;
}

html:is(.test-env, :not(.test-env)) :is(
  #settingsDialog,
  #freebetControlDialog,
  #notificationDialog,
  #addNoticeDialog,
  #replaceImageDialog,
  #sharedDoubleDialog,
  #sharedDoubleProtectionDialog,
  #sharedDoubleResultDialog,
  #specialBetResultDialog,
  #doublePublishDialog,
  #quickPaDialog,
  #conditionalResultDialog,
  #quickValidityDialog,
  #resetCounterDialog
) {
  border-color: rgba(112, 218, 168, .34) !important;
  background:
    linear-gradient(145deg, rgba(5, 18, 15, .96), rgba(8, 30, 24, .95)),
    url("/elite-green-data-arena-v1.png") center 58% / cover no-repeat !important;
  box-shadow: 0 30px 84px rgba(0, 0, 0, .64), 0 0 0 1px rgba(203, 176, 95, .07), 0 0 36px rgba(99, 201, 150, .09) !important;
}

html:is(.test-env, :not(.test-env)) :is(
  #settingsDialog,
  #freebetControlDialog,
  #notificationDialog,
  #addNoticeDialog,
  #replaceImageDialog,
  #sharedDoubleDialog,
  #sharedDoubleProtectionDialog,
  #sharedDoubleResultDialog,
  #specialBetResultDialog,
  #doublePublishDialog,
  #quickPaDialog,
  #conditionalResultDialog,
  #quickValidityDialog,
  #resetCounterDialog
) > form {
  color: var(--ui-text) !important;
  border-color: rgba(112, 218, 168, .22) !important;
  background:
    linear-gradient(145deg, rgba(5, 18, 15, .94), rgba(8, 28, 23, .92)),
    url("/elite-green-data-arena-v1.png") center 58% / cover no-repeat !important;
}

html:is(.test-env, :not(.test-env)) :is(
  .quick-pa-dialog,
  .conditional-result-dialog,
  .quick-validity-dialog,
  .reset-confirm-dialog,
  .double-publish-dialog,
  .special-result-dialog,
  .shared-double-dialog,
  .shared-double-protection-dialog,
  .shared-double-result-dialog,
  .freebet-control-dialog,
  .notification-dialog,
  .replace-dialog,
  .add-notice-dialog,
  form.settings
) {
  color: var(--ui-text) !important;
  border-color: rgba(112, 218, 168, .2) !important;
  background:
    linear-gradient(145deg, rgba(5, 18, 15, .94), rgba(8, 28, 23, .92)),
    url("/elite-green-data-arena-v1.png") center 58% / cover no-repeat !important;
}

html:is(.test-env, :not(.test-env)) :is(
  .quick-pa-choice,
  .quick-validity-row,
  .conditional-result-summary > div,
  .conditional-result-choices button,
  .special-result-choices button,
  .double-publish-summary,
  .shared-double-protection-dialog-summary > span,
  .shared-double-result-dialog-summary > span,
  #freebetControlDialog .freebet-control-item,
  #freebetControlDialog .freebet-control-item.extracted,
  .manual-freebet-add,
  .freebet-control-total,
  .freebet-multiple-toolbar,
  .freebet-house-picker
) {
  border-color: rgba(126, 190, 161, .18) !important;
  background: linear-gradient(145deg, rgba(10, 35, 28, .91), rgba(5, 20, 16, .95)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .018) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog {
  width: min(94vw, 880px) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-head,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head,
html:is(.test-env, :not(.test-env)) #sharedDoubleDialog .shared-double-head,
html:is(.test-env, :not(.test-env)) :is(.shared-double-protection-dialog-head, .shared-double-result-dialog-head) {
  border-color: rgba(112, 218, 168, .2) !important;
  background: linear-gradient(90deg, rgba(99, 201, 150, .12), rgba(203, 176, 95, .025), transparent 78%) !important;
}

html:is(.test-env, :not(.test-env)) #sharedDoubleDialog .shared-double-sidebar {
  border-color: rgba(112, 218, 168, .18) !important;
  background: linear-gradient(180deg, rgba(8, 31, 25, .92), rgba(3, 16, 13, .96)) !important;
}

html:is(.test-env, :not(.test-env)) #sharedDoubleDialog .shared-double-workspace {
  background: radial-gradient(circle at 92% 0, rgba(99, 201, 150, .075), transparent 34%), rgba(5, 20, 16, .88) !important;
}

html:is(.test-env, :not(.test-env)) .history-edit-overlay:not([hidden]) {
  background:
    linear-gradient(rgba(1, 8, 7, .86), rgba(2, 11, 9, .91)),
    url("/elite-green-data-arena-v1.png") center / cover no-repeat !important;
  backdrop-filter: blur(11px) saturate(78%) !important;
}

html:is(.test-env, :not(.test-env)) .history-edit-modal {
  border-color: rgba(112, 218, 168, .34) !important;
  background:
    linear-gradient(145deg, rgba(5, 18, 15, .96), rgba(8, 30, 24, .95)),
    url("/elite-green-data-arena-v1.png") center 58% / cover no-repeat !important;
  box-shadow: 0 30px 84px rgba(0, 0, 0, .64), 0 0 0 1px rgba(203, 176, 95, .07) !important;
}

html:is(.test-env, :not(.test-env)) :is(.history-edit-modal-head, .history-edit-footer) {
  border-color: rgba(112, 218, 168, .18) !important;
  background: linear-gradient(90deg, rgba(10, 35, 28, .96), rgba(5, 20, 16, .94)) !important;
}

html:is(.test-env, :not(.test-env)) dialog button[aria-label="Fechar"],
html:is(.test-env, :not(.test-env)) dialog .settings-profile-close,
html:is(.test-env, :not(.test-env)) .history-edit-modal .history-edit-close {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid rgba(112, 218, 168, .22) !important;
  border-radius: 9px !important;
  color: #d5e5de !important;
  background: rgba(99, 201, 150, .055) !important;
  box-shadow: none !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) dialog button[aria-label="Fechar"]:hover,
html:is(.test-env, :not(.test-env)) dialog .settings-profile-close:hover,
html:is(.test-env, :not(.test-env)) .history-edit-modal .history-edit-close:hover {
  border-color: rgba(203, 176, 95, .38) !important;
  color: #fff !important;
  background: rgba(99, 201, 150, .12) !important;
}

html:is(.test-env, :not(.test-env)) dialog button:is(
  [id^="save"],
  [id^="confirm"],
  [id^="send"],
  [id^="publish"],
  [data-notification-action]
):not(.secondary):not(.danger) {
  border: 1px solid rgba(203, 176, 95, .32) !important;
  color: #06140e !important;
  background: linear-gradient(135deg, #70d2a0, #c6b15e) !important;
  box-shadow: 0 8px 20px rgba(48, 145, 96, .17) !important;
}

html:is(.test-env, :not(.test-env)) dialog button:is(
  [id^="save"],
  [id^="confirm"],
  [id^="send"],
  [id^="publish"],
  [data-notification-action]
):not(.secondary):not(.danger):hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

/* O ambiente de teste conserva sua identificação, não uma paleta paralela. */
html.test-env #appView > header.app-header .app-version-badge {
  border-color: rgba(203, 176, 95, .52) !important;
  color: #f2d995 !important;
  background: rgba(39, 31, 10, .64) !important;
}

@media (max-width: 1120px) {
  html:is(.test-env, :not(.test-env)) #appView > header.app-header {
    grid-template-areas: "brand tools" "chat chat" !important;
    grid-template-columns: minmax(180px, auto) minmax(0, 1fr) !important;
    min-height: 0 !important;
    background-position: left 54% !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-tools {
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .app-version-badge {
    order: 0 !important;
    margin-right: auto !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster {
    order: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions {
    order: 2 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: space-between !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions::-webkit-scrollbar {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-quick-chat {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html:is(.test-env, :not(.test-env)) #appView > header.app-header {
    grid-template-areas: "brand tools" "chat chat" !important;
    grid-template-columns: minmax(118px, 1fr) auto !important;
    gap: 7px 10px !important;
    min-height: 0 !important;
    padding: 8px 9px 9px !important;
    overflow: visible !important;
    background:
      linear-gradient(90deg, rgba(2, 12, 10, .68), rgba(2, 11, 9, .93)),
      url("/elite-green-data-arena-v1.png") 24% 56% / auto 360px no-repeat,
      #03100d !important;
    backdrop-filter: none !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .brand-copy h1 {
    font-size: 1.08rem !important;
    letter-spacing: .075em !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-tools {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    width: auto !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .app-version-badge {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster {
    order: 2 !important;
    min-height: 36px !important;
    padding: 2px !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .profile-identity {
    order: initial !important;
    max-width: 110px !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .notify-button {
    order: initial !important;
    margin-left: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions {
    position: fixed !important;
    z-index: 70 !important;
    top: auto !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    order: 1 !important;
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    padding: 5px !important;
    overflow-x: auto !important;
    border: 1px solid rgba(112, 218, 168, .26) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(4, 18, 14, .96), rgba(3, 13, 11, .97)) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(18px) saturate(108%) !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-actions button {
    flex: 1 0 auto !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: .72rem !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header > .header-quick-chat {
    grid-area: chat !important;
    width: 100% !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-quick-chat #chatDropzone {
    min-height: 40px !important;
    padding-left: 10px !important;
  }

  html:is(.test-env, :not(.test-env)) main {
    padding-bottom: 104px !important;
  }

  html:is(.test-env, :not(.test-env)) dialog {
    max-width: calc(100vw - 14px) !important;
    max-height: calc(100dvh - 14px) !important;
  }
}

@media (max-width: 430px) {
  html:is(.test-env, :not(.test-env)) #appView > header.app-header .profile-user-name {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #appView > header.app-header .header-account-cluster .profile-identity {
    width: 32px !important;
    min-width: 32px !important;
    padding: 6px !important;
  }
}
/* Account center — sidebar + workspace, inspired by the supplied reference. */
html:is(.test-env, :not(.test-env)) #settingsDialog,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview {
  --settings-line: rgba(105, 213, 157, .18);
  --settings-line-strong: rgba(112, 218, 168, .38);
  --settings-surface: #071813;
  --settings-surface-soft: #0a2019;
  --settings-sidebar: #06140f;
  width: min(1120px, calc(100vw - 32px)) !important;
  max-width: min(1120px, calc(100vw - 32px)) !important;
  height: min(780px, calc(100dvh - 32px)) !important;
  max-height: min(780px, calc(100dvh - 32px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(96, 208, 151, .38) !important;
  border-radius: 22px !important;
  background: #06140f !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .62), 0 0 0 1px rgba(203, 176, 95, .05) inset !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace {
  display: grid !important;
  grid-template:
    "settings-head settings-head" auto
    "settings-side settings-section" auto
    "settings-side settings-panel" minmax(0, 1fr)
    "settings-side settings-actions" auto
    / 286px minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 21px !important;
  background:
    radial-gradient(circle at 72% 5%, rgba(62, 159, 104, .11), transparent 34%),
    linear-gradient(145deg, #081b15 0%, #071713 52%, #06130f 100%) !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-head,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-profile-head {
  grid-area: settings-head !important;
  position: relative !important;
  top: auto !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 13px 18px 12px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--settings-line) !important;
  background: linear-gradient(90deg, rgba(6, 21, 16, .99), rgba(8, 27, 21, .98)) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-copy > span {
  color: #79d9aa !important;
  font-size: .64rem !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-copy h2 {
  margin: 0 !important;
  color: #f2faf5 !important;
  font-size: 1.08rem !important;
  font-weight: 880 !important;
  letter-spacing: -.015em !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-close {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #9db8aa !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1.3rem !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-close:hover {
  border-color: rgba(111, 215, 165, .24) !important;
  color: #f5fff8 !important;
  background: rgba(97, 204, 151, .08) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-close::before,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-close::after {
  display: none !important;
  content: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar {
  grid-area: settings-side !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-right: 1px solid var(--settings-line) !important;
  background:
    linear-gradient(rgba(5, 19, 14, .94), rgba(5, 18, 14, .98)),
    url("/elite-green-data-arena-v1.png") 38% 32% / auto 520px no-repeat !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 14px 13px 9px !important;
  padding: 12px !important;
  border: 1px solid rgba(105, 207, 156, .22) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(15, 46, 34, .8), rgba(8, 28, 21, .72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-avatar {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 !important;
  border: 1px solid rgba(112, 218, 168, .42) !important;
  border-radius: 14px !important;
  color: #b8e99f !important;
  background: linear-gradient(145deg, rgba(64, 156, 103, .24), rgba(203, 176, 95, .1)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 7px 18px rgba(0, 0, 0, .16) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-kicker {
  color: #6fa18b !important;
  font-size: .56rem !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .profile-logged-identity {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .profile-logged-identity strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #f3fbf6 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .profile-logged-identity span {
  flex: 0 0 auto !important;
  padding: 3px 6px !important;
  border: 1px solid rgba(203, 176, 95, .22) !important;
  border-radius: 999px !important;
  color: #d9c57e !important;
  background: rgba(203, 176, 95, .07) !important;
  font-size: .5rem !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #profileSummary {
  display: -webkit-box !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  color: #789487 !important;
  background: transparent !important;
  font-size: .58rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-navigation {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 5px 11px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(101, 202, 151, .5) rgba(3, 14, 10, .35) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item.secondary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 15px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  color: #a8c0b4 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
  transition: color .16s ease, border-color .16s ease, background .16s ease !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item::before {
  content: "" !important;
  position: absolute !important;
  top: 13px !important;
  bottom: 13px !important;
  left: 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, #77d6a7, #c7b365) !important;
  box-shadow: 0 0 14px rgba(104, 215, 158, .35) !important;
  opacity: 0 !important;
  transform: scaleY(.5) !important;
  transition: opacity .16s ease, transform .16s ease !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item:hover {
  border-color: rgba(104, 204, 153, .12) !important;
  color: #d9e9df !important;
  background: rgba(104, 204, 153, .055) !important;
  filter: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item.active,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item[aria-current="page"] {
  border-color: rgba(112, 218, 168, .3) !important;
  color: #eef9f2 !important;
  background: linear-gradient(100deg, rgba(54, 146, 95, .22), rgba(36, 104, 72, .1)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item.active::before,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item[aria-current="page"]::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item:focus-visible {
  outline: 2px solid rgba(202, 181, 103, .72) !important;
  outline-offset: -2px !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item svg,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-footer svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item > svg {
  place-self: center !important;
  color: #70cfa0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: .77rem !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item small {
  overflow: hidden !important;
  color: #728e81 !important;
  font-size: .57rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item i {
  color: #6d8c7d !important;
  font-size: 1.18rem !important;
  font-style: normal !important;
  line-height: 1 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-footer {
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px 13px !important;
  border-top: 1px solid var(--settings-line) !important;
  background: rgba(3, 14, 10, .76) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #logoutButton,
html:is(.test-env, :not(.test-env)) #settingsDialog:not(.settings-subview) #logoutButton,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview #logoutButton {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #a8cabc !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  text-align: left !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #logoutButton::before {
  display: none !important;
  content: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #logoutButton:hover {
  border-color: rgba(224, 105, 112, .2) !important;
  color: #ffc5c8 !important;
  background: rgba(185, 62, 70, .08) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head {
  grid-area: settings-section !important;
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 15px 24px 14px !important;
  border-bottom: 1px solid var(--settings-line) !important;
  background: rgba(7, 24, 18, .66) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head span {
  color: #75d8a7 !important;
  font-size: .6rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head h3 {
  margin: 0 !important;
  color: #f3faf6 !important;
  font-size: 1rem !important;
  font-weight: 880 !important;
  letter-spacing: -.01em !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head p {
  margin: 0 !important;
  overflow: hidden !important;
  color: #829d90 !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-menu-back {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace > .settings-filter[open] {
  grid-area: settings-panel !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 20px 24px 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-color: rgba(102, 204, 153, .54) rgba(3, 14, 10, .35) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter:not([open]),
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter[hidden] {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter[open] {
  display: block !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter > summary,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace > .settings-filter[open] > summary {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace > .settings-filter[open] > *:not(summary),
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter[open] > *:not(summary) {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace > .settings-filter[open] > p {
  margin: 0 0 14px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(107, 203, 155, .14) !important;
  border-radius: 12px !important;
  color: #9db4a8 !important;
  background: rgba(74, 158, 111, .045) !important;
  font-size: .72rem !important;
  line-height: 1.45 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-filter :is(.telegram-destination, .special-model-settings, .users-box, .watermark-logo-controls, .reset-counter-card) {
  border-color: rgba(101, 194, 147, .17) !important;
  background: linear-gradient(145deg, rgba(10, 34, 25, .72), rgba(7, 25, 19, .72)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-filter :is(input, select, textarea) {
  border-color: rgba(103, 185, 144, .22) !important;
  color: #edf7f1 !important;
  background: rgba(3, 15, 11, .76) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-filter :is(input, select, textarea):focus {
  border-color: rgba(202, 181, 103, .68) !important;
  box-shadow: 0 0 0 3px rgba(202, 181, 103, .1) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-filter button:not(.danger):not(.secondary) {
  border: 1px solid rgba(203, 176, 95, .3) !important;
  color: #06140e !important;
  background: linear-gradient(135deg, #70d2a0, #c6b15e) !important;
  box-shadow: 0 8px 20px rgba(48, 145, 96, .15) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-filter button.secondary {
  border-color: rgba(105, 195, 149, .24) !important;
  color: #c7dbd0 !important;
  background: rgba(7, 26, 19, .78) !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions {
  grid-area: settings-actions !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-top: 1px solid var(--settings-line) !important;
  background: rgba(4, 17, 12, .9) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #telegramStatus {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #91aa9d !important;
  font-size: .68rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #saveWatermark,
html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-content-actions #saveWatermark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 7px 2px !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #73d7a4 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-underline-offset: 4px !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #saveWatermark:hover {
  color: #9be7bd !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  text-decoration: underline !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #saveWatermark:focus-visible {
  outline: 2px solid rgba(115, 215, 164, .58) !important;
  outline-offset: 3px !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #saveWatermark[hidden] {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions:has(#saveWatermark[hidden]):has(#telegramStatus:empty) {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog [hidden] {
  display: none !important;
}

@media (max-width: 900px) and (min-width: 761px) {
  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item {
    grid-template-columns: 28px minmax(0, 1fr) 12px !important;
    gap: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 760px) {
  html:is(.test-env, :not(.test-env)) #settingsDialog,
  html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 17px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace {
    grid-template:
      "settings-head" auto
      "settings-side" minmax(0, 1fr)
      / minmax(0, 1fr) !important;
    border-radius: 16px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace {
    grid-template:
      "settings-head" auto
      "settings-section" auto
      "settings-panel" minmax(0, 1fr)
      "settings-actions" auto
      / minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-head,
  html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-profile-head {
    min-height: 61px !important;
    padding: 10px 11px 9px 14px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-copy h2 {
    font-size: .96rem !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar {
    display: grid !important;
    border-right: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-sidebar {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog:not(.settings-subview) .settings-content-head,
  html:is(.test-env, :not(.test-env)) #settingsDialog:not(.settings-subview) .settings-content-actions,
  html:is(.test-env, :not(.test-env)) #settingsDialog:not(.settings-subview) .settings-workspace > .settings-filter {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account {
    margin: 12px 12px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-navigation {
    gap: 6px !important;
    padding: 6px 10px 12px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item {
    min-height: 64px !important;
    padding: 10px 12px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item strong {
    font-size: .8rem !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-menu-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 72px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-color: rgba(105, 205, 155, .24) !important;
    color: #b8d8c8 !important;
    background: rgba(60, 145, 98, .08) !important;
    box-shadow: none !important;
    font-size: .7rem !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head h3 {
    font-size: .88rem !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-head p {
    max-width: calc(100vw - 128px) !important;
    font-size: .61rem !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-workspace > .settings-filter,
  html:is(.test-env, :not(.test-env)) #settingsDialog.settings-subview .settings-workspace > .settings-filter[open] {
    padding: 14px 12px 18px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 9px 11px max(9px, env(safe-area-inset-bottom)) !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #telegramStatus:empty {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-content-actions #saveWatermark {
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item,
  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-nav-item::before {
    transition: none !important;
  }
}

/* ==========================================================================
   CENTRAL DE FREEBETS V2
   Lista única, maior área útil e hierarquia inspirada na Central de Créditos.
   ========================================================================== */
html:is(.test-env, :not(.test-env)) #freebetControlDialog {
  width: min(1120px, calc(100vw - 24px)) !important;
  max-width: none !important;
  height: min(850px, calc(100dvh - 24px)) !important;
  max-height: calc(100dvh - 24px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(102, 192, 151, .38) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(5, 18, 25, .985), rgba(5, 27, 24, .975)),
    url("/elite-green-data-arena-v1.png") center / cover no-repeat !important;
  box-shadow: 0 34px 96px rgba(0, 0, 0, .68), 0 0 0 1px rgba(213, 186, 101, .06) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog > .freebet-control-dialog {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 21px !important;
  background:
    radial-gradient(circle at 78% -18%, rgba(87, 190, 137, .15), transparent 38%),
    linear-gradient(145deg, rgba(6, 21, 29, .965), rgba(5, 25, 23, .96)) !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 17px 20px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(106, 176, 152, .2) !important;
  background: linear-gradient(90deg, rgba(16, 54, 46, .5), rgba(6, 24, 31, .36) 58%, rgba(6, 20, 27, .72)) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-title {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-eyebrow {
  color: #79d9aa !important;
  font-size: .67rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1.2 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlTitle {
  margin: 1px 0 0 !important;
  color: #f3f8f6 !important;
  font-size: 1.14rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlDescription {
  display: block !important;
  margin: 0 !important;
  color: #91aaa7 !important;
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head-actions {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head button::before {
  content: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 132px !important;
  min-height: 42px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(92, 167, 206, .48) !important;
  border-radius: 12px !important;
  color: #c8dbe6 !important;
  background: rgba(7, 24, 34, .72) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
  font-size: .76rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh:focus-visible {
  border-color: rgba(112, 218, 168, .52) !important;
  color: #e9fff2 !important;
  background: rgba(32, 94, 68, .18) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh-icon {
  color: #82d8ad !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(109, 155, 178, .22) !important;
  border-radius: 12px !important;
  color: #9db4bf !important;
  background: rgba(4, 17, 25, .64) !important;
  box-shadow: none !important;
  font-size: 1.3rem !important;
  line-height: 1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close:focus-visible {
  color: #ffffff !important;
  border-color: rgba(112, 218, 168, .42) !important;
  background: rgba(50, 111, 84, .18) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add {
  align-self: start !important;
  margin: 12px 20px 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(84, 151, 191, .27) !important;
  border-radius: 14px !important;
  background: rgba(5, 18, 29, .68) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add > summary {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 56px !important;
  padding: 8px 12px !important;
  color: #e8f2f4 !important;
  cursor: pointer !important;
  list-style: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add > summary::-webkit-details-marker {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-icon {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  color: #09201a !important;
  background: linear-gradient(135deg, #62d89a, #c8c86c) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  box-shadow: 0 7px 18px rgba(76, 188, 129, .16) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-icon svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-copy strong {
  color: #edf5f3 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-copy small {
  color: #879eaa !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-action {
  color: #78d8a7 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add[open] > summary {
  border-bottom: 1px solid rgba(91, 158, 184, .18) !important;
  background: rgba(27, 76, 60, .1) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add[open] .manual-freebet-add-action {
  color: #9bb1bb !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields {
  display: grid !important;
  grid-template-columns: minmax(170px, 1.2fr) minmax(120px, .65fr) minmax(190px, 1fr) auto !important;
  align-items: end !important;
  gap: 9px !important;
  padding: 11px 12px 10px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields label {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  color: #91aaa7 !important;
  font-size: .66rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields input,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields button {
  min-height: 38px !important;
  border-radius: 9px !important;
  font-size: .78rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog #manualFreebetStatus {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px 10px !important;
  font-size: .7rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlList {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 13px 20px 18px !important;
  overflow: hidden !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-central-v2 {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 11px !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview {
  display: grid !important;
  grid-template-columns: 1.08fr 1fr 1fr !important;
  gap: 9px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 68px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(83, 153, 195, .26) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, rgba(11, 36, 51, .88), rgba(6, 25, 36, .86)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card.is-primary {
  border-color: rgba(94, 178, 142, .38) !important;
  background: linear-gradient(135deg, rgba(23, 69, 56, .68), rgba(10, 35, 45, .88)) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card span {
  color: #8fa8b5 !important;
  font-size: .65rem !important;
  font-weight: 850 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card strong {
  overflow: hidden !important;
  color: #edf5f4 !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card.is-primary strong {
  color: #74dca5 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card small {
  color: #718993 !important;
  font-size: .59rem !important;
  font-weight: 700 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dashboard-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(90, 154, 181, .18) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
  flex: 0 1 360px !important;
  gap: 4px !important;
  min-width: 280px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 1px solid rgba(78, 142, 175, .24) !important;
  border-radius: 12px !important;
  background: rgba(3, 16, 24, .72) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #90a6b0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .73rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons button.active {
  color: #e9fff2 !important;
  background: linear-gradient(135deg, rgba(66, 171, 117, .34), rgba(70, 116, 169, .25)) !important;
  box-shadow: inset 0 0 0 1px rgba(112, 218, 168, .32) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-tab-count {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  color: #b9cbd2 !important;
  background: rgba(255, 255, 255, .07) !important;
  font-size: .62rem !important;
  font-variant-numeric: tabular-nums !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons button.active .freebet-tab-count {
  color: #092019 !important;
  background: #78d8a7 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog #sendFreebetReport {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 138px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(82, 157, 196, .36) !important;
  border-radius: 11px !important;
  color: #c8dbe6 !important;
  background: rgba(7, 25, 36, .66) !important;
  box-shadow: none !important;
  font-size: .72rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  flex: 0 0 auto !important;
  gap: 16px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head > div {
  display: grid !important;
  gap: 2px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head span {
  color: #71cda0 !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head h3 {
  margin: 0 !important;
  color: #e8f1f2 !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head p {
  max-width: 430px !important;
  margin: 0 !important;
  color: #7f969f !important;
  font-size: .62rem !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 0 0 auto !important;
  gap: 12px !important;
  min-height: 47px !important;
  margin: 0 !important;
  padding: 6px 8px 6px 12px !important;
  border: 1px solid rgba(77, 148, 184, .28) !important;
  border-radius: 12px !important;
  color: #a1b4bb !important;
  background: rgba(5, 21, 31, .74) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .02) !important;
  font-size: .7rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
  min-width: 148px !important;
  min-height: 35px !important;
  padding: 7px 11px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: .7rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-items {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  flex: 1 1 auto !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 1px 5px 1px 1px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-item.freebet-credit-card {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(83, 154, 191, .26) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(8, 29, 40, .94), rgba(5, 22, 31, .94)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
  opacity: 1 !important;
  transition: border-color .16s ease, background-color .16s ease !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-item.freebet-credit-card:hover {
  border-color: rgba(101, 190, 151, .43) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head {
  display: grid !important;
  grid-template-columns: 28px minmax(220px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 10px 12px 9px !important;
  border-bottom: 1px solid rgba(86, 149, 177, .16) !important;
  background: rgba(10, 36, 47, .4) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-select {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  min-width: 28px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-select input {
  width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  accent-color: #70d8a1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8fa7b1 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .63rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker > span {
  flex: 0 0 auto !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
  width: min(230px, 42vw) !important;
  min-height: 34px !important;
  padding: 6px 30px 6px 9px !important;
  border: 1px solid rgba(79, 142, 181, .34) !important;
  border-radius: 9px !important;
  color: #edf4f4 !important;
  background: rgba(5, 19, 31, .84) !important;
  box-shadow: none !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-source-meta {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-source-meta small,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity > small {
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: #7e96a0 !important;
  font-size: .62rem !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity > strong {
  color: #eef5f4 !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance {
  display: grid !important;
  justify-items: end !important;
  gap: 2px !important;
  min-width: 118px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance span {
  color: #8da5ae !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance strong {
  color: #68dba0 !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__body {
  display: grid !important;
  grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 9px 12px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8fa6b0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .63rem !important;
  order: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value input {
  width: 112px !important;
  min-height: 35px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(76, 140, 177, .34) !important;
  border-radius: 9px !important;
  color: #edf4f4 !important;
  background: rgba(4, 17, 28, .82) !important;
  box-shadow: none !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__badges,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.freebet-operation-result, .freebet-expiry, .freebet-partial),
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results > :is(span, strong) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(83, 146, 175, .2) !important;
  border-radius: 999px !important;
  color: #a7bbc2 !important;
  background: rgba(6, 22, 31, .72) !important;
  font-size: .61rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-operation-result.positive,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results .positive,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-expiry.ok {
  border-color: rgba(88, 185, 133, .22) !important;
  color: #69d89d !important;
  background: rgba(38, 125, 81, .13) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-operation-result.negative,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results .negative,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-expiry.expired {
  border-color: rgba(224, 92, 110, .28) !important;
  color: #ed909d !important;
  background: rgba(144, 45, 61, .12) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-expiry.warning {
  border-color: rgba(219, 178, 91, .28) !important;
  color: #dec278 !important;
  background: rgba(143, 105, 36, .13) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-expiry.muted {
  color: #8399a2 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 8px 12px 9px !important;
  border-top: 1px solid rgba(80, 143, 170, .14) !important;
  background: rgba(3, 16, 23, .38) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link {
  min-width: 0 !important;
  margin-right: auto !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link a {
  color: #79c7ea !important;
  font-size: .66rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link a:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link a:focus-visible {
  color: #a9e0f5 !important;
  text-decoration: underline !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
  min-height: 38px !important;
  padding: 7px 12px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: .69rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit {
  border: 0 !important;
  color: #e48694 !important;
  background: transparent !important;
  opacity: 1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit:focus-visible {
  color: #ffb0ba !important;
  background: rgba(211, 75, 94, .1) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
  min-width: 132px !important;
  border: 1px solid rgba(85, 187, 132, .42) !important;
  color: #eafff2 !important;
  background: linear-gradient(135deg, rgba(51, 161, 103, .78), rgba(52, 130, 113, .76)) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction:focus-visible {
  border-color: rgba(111, 218, 165, .72) !important;
  background: linear-gradient(135deg, rgba(61, 178, 116, .9), rgba(57, 147, 123, .86)) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted {
  background: linear-gradient(135deg, rgba(8, 28, 39, .78), rgba(5, 21, 29, .82)) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
  grid-template-columns: 28px minmax(220px, 1fr) auto !important;
  border-bottom: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-check {
  display: grid !important;
  place-items: center !important;
  width: 27px !important;
  height: 27px !important;
  border: 1px solid rgba(92, 182, 136, .3) !important;
  border-radius: 9px !important;
  color: #70d8a1 !important;
  background: rgba(46, 133, 87, .13) !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results {
  justify-content: flex-start !important;
  padding: 8px 12px 10px 52px !important;
  border-top: 1px solid rgba(80, 143, 170, .13) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.ui-empty-state, .ui-loading-state, .history-error) {
  display: grid !important;
  place-items: center !important;
  flex: 1 1 auto !important;
  min-height: 150px !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px dashed rgba(91, 157, 184, .25) !important;
  border-radius: 14px !important;
  color: #91a8b0 !important;
  background: rgba(5, 20, 28, .55) !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
    min-height: 86px !important;
    padding: 14px 16px 13px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add {
    margin: 10px 16px 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlList {
    padding: 11px 16px 15px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields {
    grid-template-columns: 1fr 1fr !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields label:first-child {
    grid-column: 1 / -1 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields button {
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog {
    width: calc(100vw - 8px) !important;
    height: calc(100dvh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
    border-radius: 17px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog > .freebet-control-dialog {
    border-radius: 16px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
    min-height: 80px !important;
    gap: 10px !important;
    padding: 12px 11px 11px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlTitle {
    font-size: 1rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlDescription {
    max-width: 62vw !important;
    font-size: .65rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh {
    min-width: 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh > span:last-child {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add {
    margin: 8px 10px 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add > summary {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 51px !important;
    padding: 7px 9px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-icon {
    width: 34px !important;
    height: 34px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlList {
    padding: 9px 10px 11px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-central-v2 {
    gap: 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(146px, 56vw) !important;
    gap: 7px !important;
    padding-bottom: 2px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-overview-card {
    min-height: 62px !important;
    padding: 8px 10px !important;
    scroll-snap-align: start !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dashboard-toolbar {
    gap: 7px !important;
    padding-bottom: 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #sendFreebetReport {
    min-width: 44px !important;
    max-width: 112px !important;
    min-height: 44px !important;
    padding: 6px 9px !important;
    font-size: .65rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-head p {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
    min-height: 44px !important;
    padding: 5px 6px 5px 9px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
    min-width: 132px !important;
    min-height: 36px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 9px 10px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance {
    grid-column: 2 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__body {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value {
    grid-template-columns: minmax(0, 1fr) 118px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value input {
    width: 118px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__badges {
    justify-content: flex-start !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    padding: 7px 9px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-height: 40px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-width: 126px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results {
    padding: 8px 10px 10px 46px !important;
  }
}

@media (max-width: 480px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-eyebrow {
    font-size: .58rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlDescription {
    max-width: 56vw !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-action {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add > summary {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields {
    grid-template-columns: 1fr !important;
    max-height: 46dvh !important;
    overflow-y: auto !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-fields label:first-child {
    grid-column: auto !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-filter-buttons button {
    gap: 4px !important;
    padding-inline: 7px !important;
    font-size: .66rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog #sendFreebetReport {
    max-width: 88px !important;
    padding-inline: 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
    width: 100% !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker {
    display: grid !important;
    gap: 4px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
    width: 100% !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) auto minmax(112px, 126px) !important;
    align-items: center !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 112px !important;
  }
}

@media (max-width: 360px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog #freebetControlDescription,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add-copy small {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
    min-height: 68px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .manual-freebet-add > summary {
    min-height: 46px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
    align-items: center !important;
    flex-direction: row !important;
    min-height: 44px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    padding-inline: 6px !important;
    font-size: .62rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

/* PUBLICAÇÃO — RETORNO VISÍVEL JUNTO À AÇÃO V1 */
html:is(.test-env, :not(.test-env)) :is(#publishWorkflowStatus, #publishButtonStatus).status:not(:empty) {
  display: block !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 9px 0 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(112, 219, 158, .24) !important;
  border-radius: 10px !important;
  color: var(--ui-text-soft) !important;
  background: rgba(7, 24, 30, .82) !important;
  box-shadow: inset 3px 0 rgba(112, 219, 158, .62) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

html:is(.test-env, :not(.test-env)) :is(#publishWorkflowStatus, #publishButtonStatus).status.error:not(:empty) {
  border-color: rgba(240, 82, 96, .5) !important;
  color: #ffabb4 !important;
  background: linear-gradient(90deg, rgba(126, 31, 45, .25), rgba(72, 24, 34, .18)) !important;
  box-shadow: inset 3px 0 #f05260, 0 8px 20px rgba(89, 18, 31, .14) !important;
}

html:is(.test-env, :not(.test-env)) :is(#publishWorkflowStatus, #publishButtonStatus).status.ok:not(:empty) {
  border-color: rgba(101, 214, 154, .38) !important;
  color: #8ce9b5 !important;
  background: rgba(25, 91, 61, .14) !important;
  box-shadow: inset 3px 0 #65d69a !important;
}

html:is(.test-env, :not(.test-env)) :is(#publishWorkflowStatus, #publishButtonStatus).status:empty {
  display: none !important;
}

/* CONTROLE INTERNO — PAINEL DE SAÚDE E CAPACIDADE V2 */
html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel #capacityPanel > .capacity-body {
  display: grid !important;
  gap: 12px !important;
  padding-top: 14px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-commandbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 12px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 13px !important;
  background: rgba(var(--ui-accent-rgb), .035) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health strong {
  color: var(--ui-text) !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health small {
  overflow: hidden !important;
  color: var(--ui-muted) !important;
  font-size: .64rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 999px !important;
  color: var(--ui-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  font-size: .61rem !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health.complete .capacity-health-badge {
  border-color: rgba(var(--ui-accent-rgb), .32) !important;
  color: var(--ui-accent) !important;
  background: rgba(var(--ui-accent-rgb), .1) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health.warning .capacity-health-badge {
  border-color: rgba(246, 199, 90, .36) !important;
  color: #e7c66f !important;
  background: rgba(246, 199, 90, .09) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health.danger .capacity-health-badge {
  border-color: rgba(255, 116, 135, .4) !important;
  color: #ff8c9b !important;
  background: rgba(255, 91, 113, .1) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-actions button {
  width: auto !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 9px !important;
  font-size: .66rem !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel #createCapacityBackup {
  border: 1px solid rgba(var(--ui-accent-rgb), .36) !important;
  color: #07140f !important;
  background: linear-gradient(135deg, rgba(100, 222, 155, .96), rgba(199, 202, 91, .9)) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel #migrateLegacyMedia {
  border-color: rgba(246, 199, 90, .34) !important;
  color: #e7c66f !important;
  background: rgba(246, 199, 90, .06) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alerts {
  display: grid !important;
  gap: 6px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(246, 199, 90, .28) !important;
  border-radius: 10px !important;
  background: rgba(246, 199, 90, .055) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert > span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #e7c66f !important;
  box-shadow: 0 0 8px rgba(246, 199, 90, .28) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert p {
  margin: 0 !important;
  color: #d9c890 !important;
  font-size: .66rem !important;
  line-height: 1.4 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert.danger {
  border-color: rgba(255, 116, 135, .34) !important;
  background: rgba(255, 91, 113, .065) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert.danger > span { background: #ff7f91 !important; }
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-alert.danger p { color: #ffadb8 !important; }

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-grid,
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-group {
  gap: 10px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-group {
  padding: 12px !important;
  border-color: var(--ui-border) !important;
  background: rgba(3, 16, 20, .38) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-cards-essential,
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-ai-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric {
  min-height: 0 !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 12px !important;
  border-color: var(--ui-border) !important;
  background: rgba(4, 20, 21, .7) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric > strong {
  color: var(--ui-accent) !important;
  font-size: 1rem !important;
  font-variant-numeric: tabular-nums !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric > small {
  color: var(--ui-muted) !important;
  font-size: .61rem !important;
  line-height: 1.4 !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric-facts > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric-facts small {
  color: var(--ui-muted) !important;
  font-size: .56rem !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-metric-facts b {
  overflow: hidden !important;
  color: var(--ui-text) !important;
  font-size: .68rem !important;
  font-variant-numeric: tabular-nums !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid var(--ui-border) !important;
  border-left: 3px solid rgba(var(--ui-accent-rgb), .62) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .022) !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine > span,
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine > small {
  overflow: hidden !important;
  color: var(--ui-muted) !important;
  font-size: .58rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine > strong {
  color: var(--ui-text) !important;
  font-size: .72rem !important;
}

html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine.warning { border-left-color: #e7c66f !important; }
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine.danger { border-left-color: #ff7f91 !important; }
html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine.neutral { border-left-color: rgba(154, 178, 194, .45) !important; }

@media (max-width: 900px) {
  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-commandbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 680px) {
  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-cards-essential,
  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-ai-cards,
  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-routine-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-actions button {
    width: 100% !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health {
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health-badge {
    justify-self: start !important;
  }

  html:is(.test-env, :not(.test-env)) #capacityPanel .capacity-health small {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

/* CONTROLE INTERNO — EXPANSÍVEIS CONSISTENTES V1 */
html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable {
  min-width: 0 !important;
  padding: 0 !important;
  overflow: clip !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) minmax(0, max-content) 30px !important;
  align-items: center !important;
  gap: 6px 14px !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 10px 11px 10px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  list-style: none !important;
  color: var(--ui-text) !important;
  background: linear-gradient(90deg, rgba(99, 201, 150, .105), rgba(203, 176, 95, .028) 58%, transparent) !important;
  box-shadow: none !important;
  transition: background var(--ui-transition), border-color var(--ui-transition) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary::-webkit-details-marker {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary::marker {
  content: "" !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary::before,
html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary::after {
  content: none !important;
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary:hover {
  background: linear-gradient(90deg, rgba(99, 201, 150, .16), rgba(203, 176, 95, .05) 62%, rgba(99, 201, 150, .025)) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary:focus-visible {
  outline: 2px solid rgba(112, 218, 168, .7) !important;
  outline-offset: -2px !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable[open] > .owner-expandable-summary {
  border-bottom-color: rgba(112, 218, 168, .18) !important;
  background: linear-gradient(90deg, rgba(99, 201, 150, .145), rgba(203, 176, 95, .04) 62%, transparent) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-title {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--ui-text) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-meta {
  min-width: 0 !important;
  max-width: min(42vw, 420px) !important;
  overflow: hidden !important;
  justify-self: end !important;
  color: var(--ui-muted) !important;
  font-size: .63rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-chevron {
  grid-column: 3 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(112, 218, 168, .24) !important;
  border-radius: 9px !important;
  color: var(--ui-accent-strong) !important;
  background: rgba(99, 201, 150, .07) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-chevron::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -4px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  transition: transform .18s ease, margin .18s ease !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable[open] > .owner-expandable-summary .owner-expandable-chevron::before {
  margin-top: 4px !important;
  transform: rotate(225deg) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel #capacityPanel > .capacity-body,
html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel #financialLedgerPanel > .financial-ledger-body {
  padding: 14px !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-cleanup-blocked {
  margin-top: 10px !important;
  border: 1px solid rgba(239, 194, 77, .2) !important;
  border-radius: 12px !important;
  background: rgba(11, 28, 22, .7) !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-cleanup-blocked > .owner-expandable-summary {
  min-height: 44px !important;
  grid-template-columns: minmax(0, 1fr) auto 30px !important;
}

html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-cleanup-blocked > .financial-cleanup-blocked {
  margin: 0 !important;
  padding: 9px !important;
}

@media (max-width: 680px) {
  html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable > .owner-expandable-summary {
    grid-template-columns: minmax(0, 1fr) 30px !important;
    grid-template-rows: auto auto !important;
    gap: 3px 10px !important;
    padding: 10px 11px !important;
  }

  html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-meta {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 100% !important;
    justify-self: start !important;
    overflow: visible !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html:is(.test-env, :not(.test-env)) #ownerInternalControlPanel .owner-expandable-chevron {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }
}

/* CALCULADORA — IDENTIFICAÇÃO DA OPERAÇÃO COMO TEXTO COMPACTO V1 */
/* CALCULADORA — CABEÇALHO E NOMENCLATURA PROFISSIONAIS V2 */
html:is(.test-env, :not(.test-env)) #operationCard > h2::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  flex: 0 0 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ui-accent), rgba(var(--ui-accent-rgb), .45)) !important;
  box-shadow: 0 0 12px rgba(var(--ui-accent-rgb), .2) !important;
}

html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 340px) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "operation-meta operation-reference"
    "calculation-mode operation-reference" !important;
  align-items: start !important;
  gap: 7px 10px !important;
}

html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid:not(:has(#freebetSequenceField:not([hidden]))):not(:has(#resendReferenceField:not([hidden]))) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "operation-meta"
    "calculation-mode" !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-meta {
  grid-area: operation-meta !important;
  display: inline-flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px 7px !important;
  justify-self: start !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 1px 0 3px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-item {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-item small {
  color: var(--ui-muted) !important;
  font-size: .62rem !important;
  font-weight: 750 !important;
  letter-spacing: .065em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-item output {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 34ch !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ui-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .8rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  vertical-align: bottom !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-number output {
  color: var(--ui-accent) !important;
  font-variant-numeric: tabular-nums !important;
}

html:is(.test-env, :not(.test-env)) #operationCard .operation-static-divider {
  color: var(--ui-muted) !important;
  font-size: .64rem !important;
  opacity: .55 !important;
}

html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid > .calculation-mode-panel {
  grid-area: calculation-mode !important;
}

html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid > :is(#freebetSequenceField, #resendReferenceField) {
  grid-area: operation-reference !important;
}

html:is(.test-env, :not(.test-env)) #operationCard.special-operation-mode .operation-static-title,
html:is(.test-env, :not(.test-env)) #operationCard.special-operation-mode .operation-static-divider {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #operationCard.special-operation-mode > .operation-main-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  grid-template-areas: "operation-meta" !important;
}

@media (max-width: 760px) {
  html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid,
  html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid:not(:has(#freebetSequenceField:not([hidden]))):not(:has(#resendReferenceField:not([hidden]))) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "operation-meta"
      "operation-reference"
      "calculation-mode" !important;
  }

  html:is(.test-env, :not(.test-env)) #operationCard .operation-static-meta {
    width: auto !important;
    justify-self: stretch !important;
  }

  html:is(.test-env, :not(.test-env)) #operationCard > .operation-main-grid:not(:has(#freebetSequenceField:not([hidden]))):not(:has(#resendReferenceField:not([hidden]))) {
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "operation-meta"
      "calculation-mode" !important;
  }

  html:is(.test-env, :not(.test-env)) #operationCard.special-operation-mode > .operation-main-grid {
    grid-template-rows: auto !important;
    grid-template-areas: "operation-meta" !important;
  }
}

@media (max-width: 420px) {
  html:is(.test-env, :not(.test-env)) #operationCard .operation-static-meta {
    gap: 3px 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #operationCard .operation-static-divider {
    display: none !important;
  }
}

/* PERFIL — CARTAO DA CONTA CONECTADA V2 */
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account {
  grid-template:
    "account-avatar account-copy" auto
    "account-summary account-summary" auto
    / 46px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  padding: 13px !important;
  overflow: hidden !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .settings-profile-avatar {
  grid-area: account-avatar !important;
  align-self: center !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account-copy {
  grid-area: account-copy !important;
  align-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-kicker {
  display: block !important;
  line-height: 1.2 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .profile-logged-identity {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .profile-logged-identity strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .profile-logged-identity span {
  justify-self: end !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 3px 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(203, 176, 95, .22) !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account #profileSummary {
  grid-area: account-summary !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px 1px 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid rgba(112, 218, 168, .13) !important;
  color: #829f91 !important;
  background: transparent !important;
  font-size: .6rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

/* PERFIL — RESUMO DA CONTA SEM DECORAÇÃO SOBRE O TEXTO V3 */
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account #profileSummary::before,
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account #profileSummary::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 360px) {
  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account {
    grid-template:
      "account-avatar account-copy" auto
      "account-summary account-summary" auto
      / 42px minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .profile-logged-identity {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .settings-sidebar-account .profile-logged-identity span {
    justify-self: start !important;
  }
}

/* PERFIL — CONTROLE INTERNO EXCLUSIVO DO PROPRIETARIO V1 */
html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-nav {
  border-color: rgba(202, 181, 103, .24) !important;
  background: linear-gradient(135deg, rgba(55, 144, 96, .09), rgba(202, 181, 103, .045)) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-nav svg {
  color: #d4bf70 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-nav.active {
  border-color: rgba(202, 181, 103, .48) !important;
  background: linear-gradient(135deg, rgba(60, 161, 106, .17), rgba(202, 181, 103, .095)) !important;
  box-shadow: inset 3px 0 #6fd59e !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #ownerInternalControlPanel {
  padding: 14px 16px 22px !important;
  background: linear-gradient(155deg, rgba(7, 26, 20, .98), rgba(3, 16, 13, .99)) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(109, 211, 157, .2) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(43, 134, 86, .14), rgba(192, 168, 82, .055)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .03) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(202, 181, 103, .28) !important;
  border-radius: 12px !important;
  color: #d7c374 !important;
  background: rgba(202, 181, 103, .075) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro > div > span {
  color: #72d7a4 !important;
  font-size: .59rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro h3,
html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro p {
  margin: 0 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro h3 {
  color: #f2faf5 !important;
  font-size: .92rem !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro p {
  color: #8ea99b !important;
  font-size: .66rem !important;
  line-height: 1.4 !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro > strong {
  align-self: start !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(202, 181, 103, .24) !important;
  border-radius: 999px !important;
  color: #dac777 !important;
  background: rgba(202, 181, 103, .07) !important;
  font-size: .58rem !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-content {
  display: grid !important;
  gap: 11px !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog #ownerInternalControlPanel :is(
  .financial-panel,
  .financial-monthly-panel,
  .financial-cleanup-panel,
  .financial-closed-dashboard
) {
  border-color: rgba(105, 196, 150, .18) !important;
  background: linear-gradient(145deg, rgba(9, 32, 25, .9), rgba(5, 22, 17, .94)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-status {
  position: sticky !important;
  bottom: -22px !important;
  z-index: 3 !important;
  margin: 12px -16px -22px !important;
  padding: 9px 16px !important;
  border-top: 1px solid rgba(102, 196, 149, .16) !important;
  background: rgba(3, 16, 12, .96) !important;
  backdrop-filter: blur(10px) !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-status:empty {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #settingsDialog:has(#ownerInternalControlPanel[open]) .settings-content-actions {
  display: none !important;
}

@media (max-width: 760px) {
  html:is(.test-env, :not(.test-env)) #settingsDialog #ownerInternalControlPanel {
    padding: 11px 10px 18px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro-icon {
    width: 38px !important;
    height: 38px !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-intro > strong {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  html:is(.test-env, :not(.test-env)) #settingsDialog .owner-control-status {
    bottom: -18px !important;
    margin: 10px -10px -18px !important;
    padding-inline: 10px !important;
  }
}

/* HISTORICO — RECUPERACAO DE RESPOSTA TRANSITORIA V1 */
#historyList > [data-history-recovery] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
}

#historyList > [data-history-recovery] > span {
  min-width: 0 !important;
}

#historyList > [data-history-recovery] [data-retry-history] {
  flex: 0 0 auto !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  color: #83dda9 !important;
  border-color: rgba(112, 219, 158, .28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 620px) {
  #historyList > [data-history-recovery] {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  #historyList > [data-history-recovery] [data-retry-history] {
    width: 100% !important;
  }
}

/* GRUPO GRATIS — WORKSPACE COM MENU LATERAL V1 */
html:is(.test-env, :not(.test-env)) #freeView {
  min-height: 540px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: rgba(112, 218, 168, .28) !important;
  background: linear-gradient(145deg, rgba(5, 25, 20, .98), rgba(3, 15, 13, .985)) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace {
  display: grid !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  min-height: 540px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  min-width: 0 !important;
  padding: 22px 15px !important;
  border-right: 1px solid rgba(112, 218, 168, .17) !important;
  background: linear-gradient(180deg, rgba(3, 18, 14, .96), rgba(5, 25, 20, .88)) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand {
  display: grid !important;
  gap: 3px !important;
  padding: 0 7px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand .eyebrow {
  color: #72d9a4 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand h2 {
  margin: 0 !important;
  color: #f0f7f3 !important;
  font-size: 1.08rem !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand p {
  margin: 2px 0 0 !important;
  color: #8fa69c !important;
  font-size: .7rem !important;
  line-height: 1.35 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-nav {
  display: grid !important;
  gap: 6px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 9px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #9cb2a8 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab:hover,
html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab:focus-visible {
  border-color: rgba(112, 218, 168, .2) !important;
  color: #edf8f2 !important;
  background: rgba(99, 201, 150, .07) !important;
  filter: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab.active {
  border-color: rgba(112, 218, 168, .44) !important;
  color: #f3faf6 !important;
  background: linear-gradient(145deg, rgba(38, 105, 77, .3), rgba(12, 53, 40, .38)) !important;
  box-shadow: inset 3px 0 #70d8a2, inset 0 1px rgba(255, 255, 255, .035) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab > svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: .79rem !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab small {
  overflow: hidden !important;
  color: #779087 !important;
  font-size: .62rem !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab.active small {
  color: #9fc0b1 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab > i {
  color: #789187 !important;
  font-size: 1rem !important;
  font-style: normal !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-main {
  min-width: 0 !important;
  padding: 22px 24px 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(112, 218, 168, .06), transparent 34%),
    rgba(4, 20, 17, .7) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel[hidden] {
  display: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel.active {
  display: block !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 54px !important;
  margin-bottom: 13px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(112, 218, 168, .15) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel-head .eyebrow {
  color: #73dba6 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel-head h3 {
  margin: 3px 0 0 !important;
  color: #f1f8f4 !important;
  font-size: 1.05rem !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-intro {
  margin: 0 0 15px !important;
  color: #91a9a0 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-publish-grid {
  grid-template-columns: minmax(190px, .55fr) minmax(280px, 1.45fr) !important;
  gap: 12px !important;
  margin-bottom: 13px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-result-preview {
  min-height: 56px !important;
  padding: 9px 12px !important;
  border-color: rgba(112, 218, 168, .24) !important;
  border-radius: 11px !important;
  background: rgba(5, 27, 22, .74) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-chat-box {
  gap: 11px !important;
  padding: 11px !important;
  border-color: rgba(112, 218, 168, .24) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(3, 18, 15, .88), rgba(7, 31, 25, .7)) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-chat-actions {
  align-items: stretch !important;
  flex-direction: column !important;
  min-width: 154px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-chat-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  white-space: nowrap !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-chat-actions #pickFreeFiles {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 38px !important;
  padding: 7px 11px !important;
  color: #9eddbb !important;
  border-color: rgba(112, 218, 168, .22) !important;
  background: rgba(112, 218, 168, .055) !important;
  font-size: .72rem !important;
}

html:is(.test-env, :not(.test-env)) #freeView :is(.free-chat-actions, .free-republish-card) button svg,
html:is(.test-env, :not(.test-env)) #freeView .free-history-refresh svg,
html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy > svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-chat-actions #sendFreeButton {
  min-height: 40px !important;
  color: #07140e !important;
  border-color: rgba(203, 176, 95, .38) !important;
  background: linear-gradient(135deg, #70d7a2, #cbb65f) !important;
  box-shadow: 0 7px 18px rgba(48, 145, 96, .16) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-card {
  display: grid !important;
  grid-template-columns: minmax(230px, .7fr) minmax(340px, 1.3fr) !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 18px 0 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(112, 218, 168, .28) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(9, 45, 35, .72), rgba(4, 24, 20, .84)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .028), 0 12px 28px rgba(0, 0, 0, .14) !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  color: #78dca8 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy > svg {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy > span {
  display: grid !important;
  gap: 4px !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy strong {
  color: #eff8f3 !important;
  font-size: .9rem !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-copy small {
  color: #8da69c !important;
  font-size: .7rem !important;
  line-height: 1.35 !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-body {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 0 !important;
  background: transparent !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-republish-body button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 39px !important;
  padding: 7px 12px !important;
  border-color: rgba(112, 218, 168, .38) !important;
  color: #dff9ea !important;
  background: rgba(43, 133, 92, .22) !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-history-panel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-history-refresh {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 4px 2px !important;
  border: 0 !important;
  color: #72d9a4 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-history-refresh:hover,
html:is(.test-env, :not(.test-env)) #freeView .free-history-refresh:focus-visible {
  color: #a7efc8 !important;
  text-decoration: underline !important;
  filter: none !important;
}

html:is(.test-env, :not(.test-env)) #freeView .free-history-panel .history-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freeView #freeStatus {
  min-height: 18px !important;
  margin: 12px 0 0 !important;
}

@media (max-width: 760px) {
  html:is(.test-env, :not(.test-env)) #freeView {
    min-height: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-sidebar {
    gap: 12px !important;
    padding: 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(112, 218, 168, .17) !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand {
    padding: 0 3px !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-brand p,
  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab small,
  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab > i {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-tab {
    grid-template-columns: 19px minmax(0, 1fr) !important;
    min-height: 44px !important;
    padding: 7px 9px !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-main {
    padding: 15px 14px 13px !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-workspace-panel-head {
    align-items: flex-start !important;
    min-height: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-publish-grid,
  html:is(.test-env, :not(.test-env)) #freeView .free-republish-card,
  html:is(.test-env, :not(.test-env)) #freeView .free-republish-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-chat-box {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-chat-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-republish-card {
    gap: 14px !important;
    padding: 15px !important;
  }

  html:is(.test-env, :not(.test-env)) #freeView .free-republish-body button {
    width: 100% !important;
  }
}

/* ==========================================================================
   CENTRAL DE FREEBETS V2.2
   Ações leves no cabeçalho: texto clicável e fechamento sem caixa.
   ========================================================================== */
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head-actions {
  gap: 10px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #79d9aa !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh > span:last-child {
  display: inline !important;
  text-decoration: none !important;
  text-underline-offset: 4px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh-icon {
  color: currentColor !important;
  font-size: 1rem !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh:focus-visible {
  border: 0 !important;
  color: #a4edc7 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh:hover > span:last-child {
  text-decoration: underline !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #9eb2b8 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close:hover,
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close:focus-visible {
  border: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.freebet-refresh, .freebet-dialog-close):focus-visible {
  outline: 2px solid rgba(121, 217, 170, .7) !important;
  outline-offset: 3px !important;
}

@media (max-width: 720px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 34px !important;
    padding: 5px 1px !important;
    font-size: .68rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-refresh > span:last-child {
    display: inline !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-dialog-close {
    width: 26px !important;
    min-width: 26px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-item.freebet-credit-card {
    transition: none !important;
  }
}

/* ==========================================================================
   CENTRAL DE FREEBETS V2.1
   Posições aprovadas e cartões compactos em lista única.
   ========================================================================== */
html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) minmax(320px, 365px) minmax(205px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 90px !important;
  padding: 14px 20px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-title {
  justify-self: start !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: 365px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs[aria-busy="true"] {
  opacity: .76 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs button:disabled {
  opacity: .72 !important;
  cursor: progress !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head-actions {
  justify-self: end !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-central-v2 {
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 9px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-section {
  gap: 6px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(90, 154, 181, .18) !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar__main {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar #sendFreebetReport {
  align-self: end !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 3px 5px 3px 10px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
  min-height: 30px !important;
  padding-block: 4px !important;
  border: 1px solid rgba(89, 182, 137, .34) !important;
  color: #eafff2 !important;
  background: linear-gradient(135deg, rgba(50, 147, 96, .76), rgba(49, 117, 102, .74)) !important;
  box-shadow: none !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button:disabled {
  border-color: rgba(92, 137, 124, .2) !important;
  color: #718b87 !important;
  background: rgba(43, 69, 63, .66) !important;
  opacity: 1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-items {
  gap: 6px !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-item.freebet-credit-card {
  row-gap: 0 !important;
  column-gap: 0 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card:not(.extracted) .freebet-select {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card .freebet-house-picker {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (min-width: 960px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card:not(.freebet-credit-card--extracted) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card:not(.freebet-credit-card--extracted) .freebet-credit-card__head {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 4px 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-select {
    min-height: 32px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity {
    gap: 1px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
    height: 30px !important;
    min-height: 30px !important;
    padding: 4px 28px 4px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card:not(.freebet-credit-card--extracted) .freebet-credit-card__body {
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(185px, 245px) minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 4px 10px !important;
    border-top: 1px solid rgba(80, 143, 170, .14) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 6px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value input {
    width: 96px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__badges {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.freebet-operation-result, .freebet-expiry, .freebet-partial),
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results > :is(span, strong) {
    min-height: 24px !important;
    padding: 3px 7px !important;
    font-size: .58rem !important;
    white-space: nowrap !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card:not(.freebet-credit-card--extracted) .freebet-credit-card__actions {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    min-height: 42px !important;
    padding: 4px 8px !important;
    border-top: 1px solid rgba(80, 143, 170, .14) !important;
    border-left: 1px solid rgba(80, 143, 170, .14) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__link {
    margin-right: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-height: 34px !important;
    padding: 5px 9px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-width: 116px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    grid-column: 1 !important;
    min-height: 48px !important;
    padding: 5px 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-extracted-results {
    grid-column: 2 !important;
    align-self: stretch !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 5px 10px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(80, 143, 170, .14) !important;
  }
}

@media (max-width: 959px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 9px 12px !important;
    min-height: 0 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    max-width: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (min-width: 721px) and (max-width: 959px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    gap: 8px !important;
    padding: 5px 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity {
    gap: 1px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
    height: 31px !important;
    min-height: 31px !important;
    padding-block: 4px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__body {
    gap: 8px !important;
    padding: 4px 10px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-partial-value input {
    height: 32px !important;
    min-height: 32px !important;
    padding-block: 4px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.freebet-operation-result, .freebet-expiry, .freebet-partial),
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results > :is(span, strong) {
    min-height: 24px !important;
    padding: 3px 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    padding: 3px 9px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-height: 34px !important;
    padding-block: 5px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results {
    padding-block: 5px !important;
  }
}

@media (max-width: 720px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-control-head {
    padding: 10px 11px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-header-tabs button {
    min-height: 34px !important;
    padding-block: 5px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar {
    gap: 7px !important;
    padding-bottom: 6px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar__main {
    gap: 3px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
    min-height: 40px !important;
    padding: 3px 4px 3px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
    min-height: 34px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 7px !important;
    padding: 6px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-select,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-check {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__identity {
    grid-column: 2 !important;
    grid-row: 1 !important;
    gap: 2px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 82px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance span {
    font-size: .56rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance strong {
    font-size: .88rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
    min-height: 34px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__body {
    gap: 6px !important;
    padding: 6px 8px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    padding: 4px 7px 5px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-cancel-credit,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    min-height: 40px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-extracted-results {
    padding: 5px 8px 7px 41px !important;
  }
}

@media (max-width: 480px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-list-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(78px, 88px) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar {
    align-items: center !important;
    flex-direction: row !important;
    gap: 5px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-multiple-toolbar button {
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    padding-inline: 6px !important;
    font-size: .62rem !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker > span {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-house-picker select {
    height: 32px !important;
    min-height: 32px !important;
    padding-block: 4px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    padding: 4px 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__body {
    gap: 4px !important;
    padding: 4px 7px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__badges {
    gap: 4px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog :is(.freebet-operation-result, .freebet-expiry, .freebet-partial) {
    min-height: 24px !important;
    padding: 3px 6px !important;
    font-size: .56rem !important;
    white-space: nowrap !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    padding: 3px 6px 4px !important;
  }
}

@media (max-width: 360px) {
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__head,
  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card--extracted .freebet-credit-card__head {
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 70px !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__balance span {
    display: none !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-credit-card__actions {
    grid-template-columns: minmax(62px, 1fr) auto minmax(98px, 108px) !important;
  }

  html:is(.test-env, :not(.test-env)) #freebetControlDialog .freebet-start-extraction {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 98px !important;
  }
}

/* PERFIL — VERSÃO DO AMBIENTE NO RODAPÉ V1 */
html:is(.test-env, :not(.test-env)) #settingsDialog .settings-profile-version {
  display: block !important;
  width: 100% !important;
  margin: 0 0 7px !important;
  padding: 0 10px 9px !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(112, 218, 168, .12) !important;
  color: #79a18e !important;
  background: transparent !important;
  font-size: .56rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .075em !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.test-env #settingsDialog .settings-profile-version {
  color: #d8bd72 !important;
}