/* FORTUNA BET — GERADO por _tema/tema-fortuna.js (nao editar a mao: editar _tema/fortuna-extra.css e regerar) */
/* varredura: texto na cor primaria -> claro no escuro (gerado) */
html.fb-dark:not(.fb-staff) .barchart .bar span{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .champ-back{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .rl-txt{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .feat__nav{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .mega__nav{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .aviso-tel{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .aviso-pendencia--neutro span{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .aviso-pendencia--neutro b{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .aviso-pendencia--neutro small{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .diacard__d{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .pinv__note b{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .lot-card__name{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .lot-card__go{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .lot-step{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .lot-count span{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .game-row .teams:hover .t{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .tk-odd{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .game-row .teams .t .g-score{color: #EEF1F7}
html.fb-dark:not(.fb-staff) .usermenu__pin b{color: #EEF1F7}

html.fb-dark:not(.fb-staff) {
  --bg: #05070c;
  --surface: #0e121b;
  --surface-2: #151b27;
  --border: #232b3b;
  --text: #f5f5f5;
  --muted: #9ca3af;
  --muted-2: #6b7280;
  --accent: #d8a330;
  --accent2: #D32F2F;
  --success: #14A44D;
  --primary: #05070c;
  --primary-600: #080b12;
  --primary-700: #05070c;
  --odd-bg: #232b3b;
  --odd-bg-hover: #353535;
  --odd-on: #d8a330;
  
  --dash-entrada: #14A44D;
  --dash-saida: #D32F2F;
  --dash-barra: #d8a330;
  --dash-accent: #d8a330;
}


html.fb-dark:not(.fb-staff) body,
html.fb-dark:not(.fb-staff) .guest,
html.fb-dark:not(.fb-staff) .shell {
  background: var(--bg);
  color: var(--text);
}

html.fb-dark:not(.fb-staff) .sidebar {
  background: #05070c;
  border-color: #1c2331;
}

html.fb-dark:not(.fb-staff) .sidebar__brand {
  background: #05070c;
  border-bottom-color: #1c2331;
}

html.fb-dark:not(.fb-staff) .navlink {
  color: #b0b0b0;
}

html.fb-dark:not(.fb-staff) .navlink:hover {
  background: #151b27;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .navlink.active,
html.fb-dark:not(.fb-staff) .navgroup.open > .navgroup__head {
  background: var(--accent);
  color: #0B1220;
  box-shadow: 0 0 10px rgba(216, 163, 48, 0.3);
}

html.fb-dark:not(.fb-staff) .topbar,
html.fb-dark:not(.fb-staff) .guest__top {
  background: #05070c;
  border-bottom: 1px solid #1c2331;
}

html.fb-dark:not(.fb-staff) .topbar__title {
  color: #fff;
  font-weight: 700;
}

html.fb-dark:not(.fb-staff) .hamburger {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .main,
html.fb-dark:not(.fb-staff) .content {
  background: var(--bg);
  color: var(--text);
}


html.fb-dark:not(.fb-staff) .card,
html.fb-dark:not(.fb-staff) .betslip__card {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

html.fb-dark:not(.fb-staff) .betslip__head {
  background: #05070c;
  border-bottom: 2px solid var(--accent);
}

html.fb-dark:not(.fb-staff) .betslip__combohead,
html.fb-dark:not(.fb-staff) .betslip__sel {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}


html.fb-dark:not(.fb-staff) .bs-sport {
  background: #3a3a3a !important;
  color: #d1d5db !important;
}


html.fb-dark:not(.fb-staff) .league-bar {
  background: #05070c;
  color: #fff;
  border-left: 3px solid var(--accent);
  border-radius: 8px 8px 0 0;
}

html.fb-dark:not(.fb-staff) .game-row {
  background: #0d0d0d;
  border-bottom-color: #1c2331;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .game-row .teams .t {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .game-row .when,
html.fb-dark:not(.fb-staff) .g-meta {
  color: var(--muted);
}

html.fb-dark:not(.fb-staff) .g-more {
  background: #232b3b;
  color: #ccc;
}


html.fb-dark:not(.fb-staff) .odd-cell:not(.locked):not(:disabled) {
  background: var(--odd-bg) !important;
  color: #fff !important;
  border: 1px solid #3a3a3a;
}

html.fb-dark:not(.fb-staff) .odd-cell:not(.locked):not(:disabled):hover {
  background: var(--odd-bg-hover) !important;
}

html.fb-dark:not(.fb-staff) .odd-cell.on:not(.locked):not(:disabled) {
  background: #d8a330 !important;
  border-color: #d8a330 !important;
  color: #0B1220 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

html.fb-dark:not(.fb-staff) .odd-cell.locked,
html.fb-dark:not(.fb-staff) .odd-cell.bk-noodd {
  background: #151b27 !important;
  color: #666 !important;
  border: 1px solid #232b3b;
}

html.fb-dark:not(.fb-staff) .odd-cell:disabled:not(.locked) {
  background: linear-gradient(100deg, #232b3b 30%, #3a3a3a 50%, #232b3b 70%) !important;
  background-size: 200% 100%;
  animation: oddshimmer 1.1s linear infinite;
}

html.fb-dark:not(.fb-staff) .feat__odd:not(.locked) {
  background: rgba(42, 42, 42, 0.85) !important;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .feat__odd.on {
  background: var(--accent) !important;
}

html.fb-dark:not(.fb-staff) .feat__odd.locked {
  background: rgba(30, 30, 30, 0.6) !important;
}

html.fb-dark:not(.fb-staff) .market__row .odd-badge:not(.locked) {
  background: var(--odd-bg) !important;
  color: #fff !important;
}

html.fb-dark:not(.fb-staff) .market__row .odd-badge.on {
  background: #d8a330 !important;
  border-color: #d8a330 !important;
  color: #0B1220 !important;
}


html.fb-dark:not(.fb-staff) .day-tab {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .day-tab:hover {
  background: #252525;
  border-color: #444;
}

html.fb-dark:not(.fb-staff) .day-tab.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .day-tab__d {
  opacity: 0.85;
}


html.fb-dark:not(.fb-staff) .diacard {
  background: #232b3b;
  border-color: #3a3a3a;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .diacard:hover {
  background: #353535;
  border-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .diacard__m {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .diacard__d {
  color: #f5f5f5;
}


html.fb-dark:not(.fb-staff) .champ-grid {
  background: #0d0d0d;
  border-color: #1c2331;
}

html.fb-dark:not(.fb-staff) .champ-link {
  background: #151b27;
  color: #e5e5e5;
  border: 1px solid #232b3b;
}

html.fb-dark:not(.fb-staff) .champ-link:hover {
  background: #252525;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

html.fb-dark:not(.fb-staff) .champ-count {
  color: var(--muted);
}

html.fb-dark:not(.fb-staff) .champ-back {
  color: var(--accent);
}

html.fb-dark:not(.fb-staff) .bk-champ {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .bk-champ:hover {
  border-color: var(--accent);
  background: #1c2331;
}

html.fb-dark:not(.fb-staff) .bk-champ small {
  background: #3a3a3a;
  color: #fff;
}


html.fb-dark:not(.fb-staff) .input,
html.fb-dark:not(.fb-staff) .select,
html.fb-dark:not(.fb-staff) .games-search .input {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .games-search {
  background: transparent;
}


html.fb-dark:not(.fb-staff) .btn--primary {
  background: var(--accent);
  border-color: var(--accent);
}

html.fb-dark:not(.fb-staff) #bs-go,
html.fb-dark:not(.fb-staff) .mega__cta {
  background: var(--accent2) !important;
  border-color: var(--accent2) !important;
  color: #fff !important;
}

html.fb-dark:not(.fb-staff) #bs-pin,
html.fb-dark:not(.fb-staff) .btn--success {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

html.fb-dark:not(.fb-staff) #g-entrar {
  background: var(--accent) !important;
  color: #0B1220 !important;
  border: none;
}

html.fb-dark:not(.fb-staff) .tab.active {
  background: var(--accent);
}


html.fb-dark:not(.fb-staff) .page-title,
html.fb-dark:not(.fb-staff) .section-label {
  color: var(--text);
}

html.fb-dark:not(.fb-staff) .sub,
html.fb-dark:not(.fb-staff) .page-eyebrow {
  color: var(--muted);
}

html.fb-dark:not(.fb-staff) .empty {
  color: var(--muted);
}


@media (min-width: 901px) {
  html.fb-dark:not(.fb-staff) .home-banner {
    aspect-ratio: 2.73 / 1;
    overflow: hidden;
    background: #05070c;
    line-height: 0;
  }

  html.fb-dark:not(.fb-staff) .home-banner img,
  html.fb-dark:not(.fb-staff) .home-banner .bslide,
  html.fb-dark:not(.fb-staff) .home-banner .bslide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
  }

  html.fb-dark:not(.fb-staff) .home-banner.bcar .bcar__track {
    height: 100%;
  }

  html.fb-dark:not(.fb-staff) .home-banner.bcar .bslide {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
  }
}


html.fb-dark:not(.fb-staff) .home-banner {
  border: 1px solid #1c2331;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

html.fb-dark:not(.fb-staff) .bcar__dots .bdot.on {
  background: var(--accent);
}

html.fb-dark:not(.fb-staff) .feat__card,
html.fb-dark:not(.fb-staff) .mega__card {
  border: 1px solid #1c2331;
}

html.fb-dark:not(.fb-staff) .feat {
  border: 1px solid #232b3b;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}

html.fb-dark:not(.fb-staff) .feat__card {
  background-color: #080b12 !important;
  background-size: cover !important;
  background-position: center !important;
}

html.fb-dark:not(.fb-staff) .feat__card::before {
  background: linear-gradient(180deg, rgba(8, 28, 14, 0.45), rgba(0, 0, 0, 0.88));
}

html.fb-dark:not(.fb-staff) .feat__card + .feat__card {
  border-left-color: #232b3b;
}

html.fb-dark:not(.fb-staff) .feat__nav {
  background: rgba(216, 163, 48, 0.92);
  color: #0B1220;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

html.fb-dark:not(.fb-staff) .feat__nav:hover {
  background: #d8a330;
}

html.fb-dark:not(.fb-staff) .mega__card {
  background: var(--surface);
}


html.fb-dark:not(.fb-staff) #route-loader {
  background: rgba(0, 0, 0, 0.92);
}

html.fb-dark:not(.fb-staff) .rl-acm10 .rl-ring {
  background: conic-gradient(from 0deg, #d8a330, #fff, #D32F2F, #fff, #d8a330, #fff, #d8a330);
  animation: rl-spin 0.9s linear infinite;
}

html.fb-dark:not(.fb-staff) .rl-acm10 .rl-logo {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: contain;
  animation: none;
  filter: drop-shadow(0 0 6px rgba(216, 163, 48, 0.35));
}

html.fb-dark:not(.fb-staff) .rl-txt {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .boot,
html.fb-dark:not(.fb-staff) .boot-brand {
  background: #05070c;
  color: #fff;
}


html.fb-dark:not(.fb-staff) .login {
  background-color: #080b12;
  background-size: cover !important;
  background-position: center !important;
}

html.fb-dark:not(.fb-staff) .login::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.52));
}

html.fb-dark:not(.fb-staff) .login__card {
  background: rgba(0, 0, 0, 0.85);
  border-color: rgba(255, 255, 255, 0.12);
}

html.fb-dark:not(.fb-staff) .login__card::before {
  background: linear-gradient(90deg, #d8a330, #fff, #D32F2F);
}

html.fb-dark:not(.fb-staff) .login__card #login-btn {
  background: #D8A330 !important;
  box-shadow: 0 6px 18px rgba(211, 47, 47, 0.35);
}

html.fb-dark:not(.fb-staff) .login__card #login-home {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

html.fb-dark:not(.fb-staff) .auth {
  background-color: #080b12;
  background-size: cover !important;
  background-position: center !important;
}

html.fb-dark:not(.fb-staff) .auth__brand-txt {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .auth__card {
  background: rgba(10, 10, 10, 0.92);
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .auth__tab {
  background: #151b27;
  color: #aaa;
}

html.fb-dark:not(.fb-staff) .auth__tab.is-on {
  background: #fff;
  color: #05070c;
}

html.fb-dark:not(.fb-staff) .auth__go {
  background: var(--accent2) !important;
}

html.fb-dark:not(.fb-staff) .auth__back {
  background: #151b27;
  color: #ccc;
  border-color: #2b3446;
}


html.fb-dark:not(.fb-staff) .auth__feats li span:first-child,
html.fb-dark:not(.fb-staff) .auth__rights-ico {
  filter: grayscale(1) brightness(1.4);
}

html.fb-dark:not(.fb-staff) .tvc__spin {
  border-top-color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tvc__search:focus {
  border-color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tvc__card:hover {
  border-color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tvc__bet {
  background: var(--accent2);
}


html.fb-dark:not(.fb-staff) .card.pad .section-label[style*="color"] {
  color: var(--accent) !important;
}

html.fb-dark:not(.fb-staff) #dash-root {
  --dash-entrada: #14A44D;
  --dash-saida: #D32F2F;
  --dash-barra: #14A44D;
  --dash-accent: #14A44D;
}

html.fb-dark:not(.fb-staff) .dash-eyebrow {
  color: var(--accent) !important;
}


html.fb-dark:not(.fb-staff) .live-tab {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .live-tab.active {
  background: var(--accent);
  border-color: var(--accent);
}


html.fb-dark:not(.fb-staff) .market__head {
  background: #0e121b;
  border-left: 3px solid var(--accent);
}

html.fb-dark:not(.fb-staff) .market__row {
  background: #0d0d0d;
  border-color: #1c2331;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .fixture-banner {
  background-image: linear-gradient(rgba(8, 28, 14, 0.45), rgba(0, 0, 0, 0.72)), url('/assets/images/bg-soccer.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #0a1a0f !important;
  border: 1px solid #232b3b;
  box-shadow: inset 0 0 60px rgba(216, 163, 48, 0.12);
}

html.fb-dark:not(.fb-staff) .fixture-banner__half {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .fb-strip {
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(216, 163, 48, 0.25);
}

html.fb-dark:not(.fb-staff) .fb-strip__h {
  background: #141414;
}

html.fb-dark:not(.fb-staff) .fb-strip__h span {
  color: #b0b0b0;
}


html.fb-dark:not(.fb-staff) .betslip__combo {
  background: #151b27 !important;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .betslip__combo .betslip__sel {
  color: #fff;
  border-top-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .betslip__combohead .cb-tag {
  color: #ffb347;
}

html.fb-dark:not(.fb-staff) .betslip__row {
  color: #aaa;
}

html.fb-dark:not(.fb-staff) .betslip__row b {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .betslip__body {
  background: #0e121b;
}


html.fb-dark:not(.fb-staff) .modal {
  background: #141414;
  color: #f5f5f5;
  border: 1px solid #2b3446;
}

html.fb-dark:not(.fb-staff) .modal__head {
  border-bottom-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .modal__head h3 {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .modal__foot {
  border-top-color: #2b3446;
  background: #141414;
}

html.fb-dark:not(.fb-staff) .modal__head .x {
  color: #aaa;
}

html.fb-dark:not(.fb-staff) .usermenu__pop {
  background: #151b27;
  color: #fff;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .usermenu__pop a,
html.fb-dark:not(.fb-staff) .usermenu__pop button {
  color: #f0f0f0;
}

html.fb-dark:not(.fb-staff) .usermenu__pop a:hover,
html.fb-dark:not(.fb-staff) .usermenu__pop button:hover {
  background: #252525;
  color: #fff;
}


html.fb-dark:not(.fb-staff) table.tbl th {
  background: #151b27 !important;
  color: #c5c5c5 !important;
  border-bottom-color: #2b3446 !important;
}

html.fb-dark:not(.fb-staff) table.tbl td {
  color: #e8e8e8 !important;
  border-color: #232b3b !important;
  background: #0d0d0d;
}

html.fb-dark:not(.fb-staff) table.tbl tbody tr:hover td {
  background: #151515 !important;
}

html.fb-dark:not(.fb-staff) .tablewrap {
  background: #0e121b;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .card,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .tablewrap {
  background: #0e121b;
  border-color: #232b3b;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .input,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .select {
  background: #151b27;
  color: #fff;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .page-title {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .page-eyebrow,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .page-sub,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .section-label {
  color: #9ca3af;
}


html.fb-dark:not(.fb-staff) .shell.theme-cyber #dash-root {
  --dash-bg: #05070c;
  --dash-card-bg: #0e121b;
  --dash-text: #f5f5f5;
  --dash-heading: #fff;
  --dash-muted: #9ca3af;
  --dash-muted-strong: #d1d5db;
  --dash-border: #232b3b;
  --dash-primary: #14A44D;
  --dash-accent: #14A44D;
  --dash-success: #14A44D;
  --dash-danger: #D32F2F;
  --dash-entrada: #14A44D;
  --dash-saida: #D32F2F;
  --dash-barra: #14A44D;
  --dash-pos: #14A44D;
  --dash-neg: #D32F2F;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .navlink.active {
  background: rgba(216, 163, 48, 0.18);
  box-shadow: inset 2px 0 0 #d8a330;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .navlink.active .ico {
  color: #d8a330;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .theme-toggle {
  border-color: #2b3446;
  background: rgba(216, 163, 48, 0.15);
}

html.fb-dark:not(.fb-staff) .pixmodal__head {
  background: linear-gradient(120deg, #080b12, #151b27);
}

html.fb-dark:not(.fb-staff) .toast {
  background: #151b27;
  color: #fff;
  border: 1px solid #2b3446;
}


html.fb-dark:not(.fb-staff) .shell.theme-cyber {
  --primary: #d8a330;
  --primary-600: #be8d24;
  --primary-700: #9b731d;
  --accent: #d8a330;
  --bg: #05070c;
  --surface: #0e121b;
  --border: #232b3b;
  --text: #f5f5f5;
  --muted: #9ca3af;
  --muted-2: #6b7280;
  --info: #d8a330;
  --info-bg: rgba(216, 163, 48, 0.13);
  background: #05070c;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .topbar {
  background: #05070c;
  border-bottom-color: #1c2331;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .sidebar {
  background: #080b12;
  border-right-color: #1c2331;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn {
  background: #151b27;
  color: #e5e5e5;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn--primary {
  background: #d8a330 !important;
  color: #0B1220 !important;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn--primary:hover {
  filter: brightness(1.08);
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn--ghost {
  color: #e5e5e5;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn--danger {
  background: #D32F2F;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .btn--success {
  background: #d8a330;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .input:focus,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .select:focus,
html.fb-dark:not(.fb-staff) .shell.theme-cyber textarea.input:focus {
  border-color: #d8a330;
  box-shadow: 0 0 0 3px rgba(216, 163, 48, 0.22);
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .field label {
  color: #b0b0b0;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber table.tbl th {
  background: #151b27 !important;
  color: #c5c5c5 !important;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber table.tbl td {
  color: #e8e8e8 !important;
  background: #0d0d0d;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .pager button {
  background: #151b27;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .kpi-card,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .lm-sport-row,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .lm-market-list,
html.fb-dark:not(.fb-staff) .shell.theme-cyber .lm-market-row {
  background: #0e121b;
  border-color: #232b3b;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .lm-market-row:nth-child(even) {
  background: #0d0d0d;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .lm-sport-head {
  background: #151b27;
  color: #fff;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .shell.theme-cyber .toolbar {
  background: #0e121b;
  border-color: #232b3b;
}


html.fb-dark:not(.fb-staff) #dash-root,
html.fb-dark:not(.fb-staff) #dash-root.dash-dark {
  --dash-bg: #05070c;
  --dash-card-bg: #0e121b;
  --dash-border: #232b3b;
  --dash-text: #f5f5f5;
  --dash-muted: #9ca3af;
  --dash-muted-strong: #d1d5db;
  --dash-heading: #fff;
  --dash-accent: #14A44D;
  --dash-accent2: #D32F2F;
  --dash-primary: #14A44D;
  --dash-kpi-accent: #14A44D;
  --dash-entrada: #14A44D;
  --dash-saida: #D32F2F;
  --dash-barra: #14A44D;
  --dash-pos: #14A44D;
  --dash-neg: #D32F2F;
  background: #05070c;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) #dash-root .dash-kpi2 {
  background: #0e121b;
  border-color: #232b3b;
  color: #fff;
}

html.fb-dark:not(.fb-staff) #dash-root .dash-kpi2-label,
html.fb-dark:not(.fb-staff) #dash-root .dash-kpi2-sublabel {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) #dash-root .dash-kpi2-value {
  color: #fff;
}

html.fb-dark:not(.fb-staff) #dash-root .dash-chart-card,
html.fb-dark:not(.fb-staff) #dash-root .dash-card {
  background: #0e121b;
  border-color: #232b3b;
}


html.fb-dark:not(.fb-staff) .auth::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
}

html.fb-dark:not(.fb-staff) .auth__card::before {
  background: linear-gradient(90deg, #d8a330, #888, #D32F2F);
}


html.fb-dark:not(.fb-staff) .pixmodal {
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .pixmodal__steps > div {
  color: #d1d5db;
}

html.fb-dark:not(.fb-staff) .pixmodal__steps .pixstep-n {
  background: #d8a330;
}

html.fb-dark:not(.fb-staff) .pixmodal__code {
  background: #151b27;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .pixmodal__code code {
  color: #e5e5e5;
}

html.fb-dark:not(.fb-staff) .pixmodal__note {
  background: rgba(216, 163, 48, 0.12);
  border-color: rgba(216, 163, 48, 0.35);
  color: #a7f3c0;
}

html.fb-dark:not(.fb-staff) .pixmodal__warn {
  background: rgba(211, 47, 47, 0.12);
  border-color: rgba(211, 47, 47, 0.35);
  color: #fca5a5;
}

html.fb-dark:not(.fb-staff) .pixmodal__close {
  background: #151b27;
  color: #fff;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .modal .pixmodal__qr img {
  background: #fff;
}


html.fb-dark:not(.fb-staff) .brand-preview-box,
html.fb-dark:not(.fb-staff).admin-cyber .brand-preview-box {
  background: #0e121b !important;
  border: 1px solid #232b3b;
  border-radius: 12px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

html.fb-dark:not(.fb-staff) input[type="checkbox"] {
  accent-color: #d8a330;
}


html.fb-dark:not(.fb-staff) .market__row:hover {
  background: #151b27 !important;
}


html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row--locked {
  opacity: 1 !important;
  pointer-events: none;
  cursor: not-allowed;
  background: #121212 !important;
  border-top-color: #1c2331 !important;
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row--locked > span:first-child {
  color: #5a5a5a !important;
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row--locked .odd-badge {
  background: #151b27 !important;
  color: #555 !important;
  border: 1px solid #232b3b;
}


html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row--reduce {
  opacity: 1 !important;
  background: #181818 !important;
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row--reduce .reduce-label {
  color: #ffb347 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

html.fb-dark:not(.fb-staff) .reduce-label {
  color: #ffb347;
}


html.fb-dark:not(.fb-staff) #fx-markets.combo-on {
  background: rgba(18, 18, 18, 0.42);
  backdrop-filter: blur(28px) saturate(1.75);
  -webkit-backdrop-filter: blur(28px) saturate(1.75);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  padding: 10px 10px 6px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  margin-bottom: 8px;
  overflow: hidden;
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__head {
  background: rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row {
  background: rgba(255, 255, 255, 0.02);
  border-top-color: rgba(255, 255, 255, 0.06);
}

html.fb-dark:not(.fb-staff) #fx-markets.combo-on .market__row:hover:not(.market__row--locked) {
  background: rgba(255, 255, 255, 0.06) !important;
}

html.fb-dark:not(.fb-staff) .criar-toggle {
  background: rgba(30, 30, 30, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

html.fb-dark:not(.fb-staff) .criar-toggle input:checked + .criar-slider {
  background: #d8a330;
}


html.fb-dark:not(.fb-staff) .livepanel {
  background: #0e121b;
  border-color: #232b3b;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .livepanel__head {
  background: linear-gradient(120deg, #5a4311, #151b27);
  border-bottom: 2px solid #d8a330;
}

html.fb-dark:not(.fb-staff) .livepanel__tabs {
  border-bottom-color: #232b3b;
  background: #0d0d0d;
}

html.fb-dark:not(.fb-staff) .lp-tab {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lp-tab:hover {
  color: #e5e5e5;
}

html.fb-dark:not(.fb-staff) .lp-tab.active {
  color: #fff;
  border-bottom-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lp-empty {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lp-stat__row span {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lp-stat__bar {
  background: #151b27;
}

html.fb-dark:not(.fb-staff) .lp-stat__bar i:first-child {
  background: linear-gradient(90deg, #a3791f, #d8a330);
}

html.fb-dark:not(.fb-staff) .lp-stat__bar i:last-child {
  background: linear-gradient(90deg, #b71c1c, #D32F2F);
}

html.fb-dark:not(.fb-staff) .lp-ev {
  background: #151b27;
}

html.fb-dark:not(.fb-staff) .lp-ev__min {
  background: #232b3b;
  color: #d1d5db;
}

html.fb-dark:not(.fb-staff) .lp-ev__txt small {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lp-field {
  background: repeating-linear-gradient(90deg, #0f7a3f 0 10%, #0c6e37 10% 20%);
  border-color: rgba(20, 164, 77, 0.45);
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.35);
}

html.fb-dark:not(.fb-staff) .lp-player--away .lp-player__n {
  background: #D32F2F;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lp-form {
  color: #9ca3af;
}


html.fb-dark:not(.fb-staff) .lm-page {
  --lm-pri: #d8a330;
  --lm-navy: #0a1a0f;
  --lm-away: #D32F2F;
  --lm-home-bar: #d8a330;
  --lm-text: #f5f5f5;
  --lm-muted: #9ca3af;
  --lm-dim: #6b7280;
  --lm-hair: rgba(255, 255, 255, 0.06);
  --lm-hair-lt: rgba(255, 255, 255, 0.12);
  --lm-surf: #141414;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-mast {
  background: #0a1a0f;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-mast__bg {
  opacity: 0.7;
  filter: blur(0.8px) saturate(1.15);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-mastov {
  background: linear-gradient(180deg, rgba(10, 35, 18, 0.4) 0%, rgba(0, 0, 0, 0.78) 100%);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-tabsbar {
  border-bottom-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-tb.on {
  border-bottom-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-panel {
  background: #0e121b;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-strow {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-sfA {
  background: #14A44D;
  opacity: 0.55;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-sfB {
  background: #D32F2F;
  opacity: 0.55;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-segA {
  background: #14A44D;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-pitch {
  background: #145c32;
  border: 1px solid rgba(20, 164, 77, 0.4);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.25);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-pzl {
  background: linear-gradient(90deg, rgba(20, 164, 77, 0.25), transparent);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-pzr {
  background: linear-gradient(270deg, rgba(211, 47, 47, 0.25), transparent);
}

html.fb-dark:not(.fb-staff) .lm-page .lm-field-pulse {
  background: rgba(20, 164, 77, 0.1);
}

html.fb-dark:not(.fb-staff) .lm-page .market__head {
  background: #151b27 !important;
  border-left: 3px solid #d8a330;
}

html.fb-dark:not(.fb-staff) .lm-page .market__row {
  color: #f5f5f5;
  border-top-color: rgba(255, 255, 255, 0.06);
}

html.fb-dark:not(.fb-staff) .lm-page .market__row:hover {
  background: #151b27 !important;
}

html.fb-dark:not(.fb-staff) .lm-page .odd-badge {
  background: #232b3b !important;
}

html.fb-dark:not(.fb-staff) .lm-page .odd-badge.on {
  background: #d8a330 !important;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-odds-filter {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lm-page .fx-iconbtn {
  background: #151b27;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lm-page .fx-iconbtn:hover {
  background: #252525;
  border-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-fic,
html.fb-dark:not(.fb-staff) .lm-page .lm-nico {
  background: #151b27;
}

html.fb-dark:not(.fb-staff) .lm-page .lm-taxis {
  background: rgba(255, 255, 255, 0.08);
}


@media (max-width: 1100px) {
  html.fb-dark:not(.fb-staff) .betslip-col {
    background: #0d0d0d !important;
    border-top: 1px solid #232b3b !important;
    color: #f5f5f5;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.65) !important;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .betslip__card {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .betslip__body {
    background: transparent;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .field label {
    color: #d1d5db !important;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .input,
  html.fb-dark:not(.fb-staff) .betslip-col .input-icon .input,
  html.fb-dark:not(.fb-staff) .betslip-col select.input {
    background: #151b27 !important;
    border-color: #2b3446 !important;
    color: #fff !important;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .input-icon span {
    color: #9ca3af;
  }

  html.fb-dark:not(.fb-staff) .betslip-col .checkrow,
  html.fb-dark:not(.fb-staff) .betslip-col .pix-check {
    color: #d1d5db !important;
  }

  html.fb-dark:not(.fb-staff) .betslip-col #bs-started-banner {
    background: rgba(211, 47, 47, 0.15) !important;
    border-color: rgba(211, 47, 47, 0.4) !important;
    color: #fca5a5 !important;
  }

  html.fb-dark:not(.fb-staff) .cupom-fab {
    background: #d8a330 !important;
    color: #0B1220;
  }
}

html.fb-dark:not(.fb-staff) .cupom-fab {
  background: #d8a330 !important;
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .to-top {
  background: linear-gradient(160deg, #d8a330, #a3791f) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}


html.fb-dark:not(.fb-staff) .lot {
  max-width: 860px;
  margin: 0 auto;
  padding: 4px 8px 32px;
}

html.fb-dark:not(.fb-staff) .lot__head {
  margin-bottom: 18px;
}

html.fb-dark:not(.fb-staff) .lot__back {
  background: #151b27;
  border-color: #2b3446;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot__back:hover {
  border-color: #d8a330;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lot__title {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lot__sub {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-step {
  color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lot-card {
  background: #0e121b;
  border-color: #232b3b;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

html.fb-dark:not(.fb-staff) .lot-card:hover {
  border-color: #d8a330;
  transform: translateY(-2px);
}

html.fb-dark:not(.fb-staff) .lot-card__name {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lot-card__desc,
html.fb-dark:not(.fb-staff) .lot-card__foot {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-card__foot b {
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot-card__go {
  color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lot-card__badge {
  background: rgba(216, 163, 48, 0.18);
  color: #edd5a1;
}

html.fb-dark:not(.fb-staff) .lot-qtd {
  background: #151b27;
  border-color: #2b3446;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot-qtd:hover {
  border-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lot-qtd.is-on {
  background: #d8a330;
  border-color: #d8a330;
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .lot-prcol {
  background: #151b27;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .lot-prhead {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-pr {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-pr.is-on {
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot-pr b {
  color: #edd5a1;
}

html.fb-dark:not(.fb-staff) .lot-tipo {
  background: #151b27;
  border: 1px solid #2b3446;
}

html.fb-dark:not(.fb-staff) .lot-tipo__b {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-tipo__b.is-on {
  background: #d8a330;
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .lot-count span {
  color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lot-num {
  background: #0e121b;
  border-color: #2b3446;
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot-num:hover:not(:disabled) {
  border-color: #d8a330;
}

html.fb-dark:not(.fb-staff) .lot-num.is-on {
  background: #d8a330;
  border-color: #d8a330;
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .lot-resumo {
  background: #151b27;
  border-color: #2b3446;
}

html.fb-dark:not(.fb-staff) .lot-resumo span {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot-resumo b {
  color: #f5f5f5;
}

html.fb-dark:not(.fb-staff) .lot-ticket-nums span {
  background: #d8a330;
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .lot .card.pad .field label {
  color: #d1d5db;
}

html.fb-dark:not(.fb-staff) .lot .input,
html.fb-dark:not(.fb-staff) .lot .select {
  background: #0e121b;
  border-color: #2b3446;
  color: #fff;
}

html.fb-dark:not(.fb-staff) .lot .input-icon span {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot #lot-pin {
  background: #a3791f !important;
  border: none;
}

html.fb-dark:not(.fb-staff) .lot-empty {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .lot .card.pad div[style*="letter-spacing:.12em"] {
  color: #fff !important;
}


html.fb-dark:not(.fb-staff) .tk-head {
  background: linear-gradient(160deg, #080b12 0%, #0e121b 45%, #564010 100%);
  border: 1px solid #1c2331;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html.fb-dark:not(.fb-staff) .tk-head__row {
  color: #d1d5db;
}

html.fb-dark:not(.fb-staff) .tk-summary span {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .tk-summary b {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .tk-status {
  background: #ffd84d;
  color: #1a1400;
}

html.fb-dark:not(.fb-staff) .tk-game {
  background: #0e121b;
  border-color: #232b3b;
}

html.fb-dark:not(.fb-staff) .tk-game__top {
  background: #151b27;
  color: #9ca3af;
  border-bottom-color: #232b3b;
}

html.fb-dark:not(.fb-staff) .tk-game__teams {
  background: #0e121b;
}

html.fb-dark:not(.fb-staff) .tk-team b {
  color: #f3f4f6;
  font-weight: 700;
}

html.fb-dark:not(.fb-staff) .tk-badge {
  background: linear-gradient(160deg, #d8a330, #564010);
  color: #0B1220;
}

html.fb-dark:not(.fb-staff) .tk-score div {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .tk-pick {
  color: #d1d5db;
}

html.fb-dark:not(.fb-staff) .tk-game__pick {
  border-top-color: #232b3b;
  background: #0e121b;
}

html.fb-dark:not(.fb-staff) .tk-game__pick b {
  color: #fff;
}

html.fb-dark:not(.fb-staff) .tk-game__pick small[data-sit] {
  color: #9ca3af;
}

html.fb-dark:not(.fb-staff) .tk-odd {
  color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tk-combo-odd {
  color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tk-combo-group .tk-combo-picks .tk-cpick {
  border-left-color: var(--accent);
}

html.fb-dark:not(.fb-staff) .tk-combo-group .tk-combo-picks .tk-cpick:first-child {
  border-top-color: #232b3b;
}

html.fb-dark:not(.fb-staff) .tk-badge--img {
  background: #151b27;
  border-color: #2b3446;
}






.cas-wrap,
.casadm-root {
  --cas-bg:        var(--bg, #0a0c0a);
  --cas-surface:   var(--surface, #111311);
  --cas-surface-2: var(--surface-2, #191c19);
  --cas-border:    var(--border, #262a26);
  --cas-text:      var(--text, #f5f5f5);
  --cas-muted:     var(--muted, #9aa39a);
  --cas-accent:    var(--accent, #d8a330);
  --cas-danger:    var(--accent2, #D32F2F);
  --cas-ease: cubic-bezier(.16,1,.3,1);
  --cas-fast: 180ms; --cas-mid: 280ms;
  --cas-r: 14px; --cas-r-sm: 10px;
  
  --cas-shadow: 0 1px 1px rgba(0,0,0,.55), 0 4px 10px -4px rgba(0,0,0,.6), 0 16px 34px -14px rgba(0,0,0,.85);
  --cas-glow: 0 0 0 1px color-mix(in srgb, var(--cas-accent) 50%, transparent),
              0 10px 34px -8px color-mix(in srgb, var(--cas-accent) 42%, transparent);
}

.cas-wrap, .cas-wrap *, .casadm-root, .casadm-root *{box-sizing:border-box}


.cas-wrap{position:relative;padding:18px 16px 72px;max-width:1560px;margin:0 auto;
  color:var(--cas-text);
  font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;font-weight:400;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.cas-wrap::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(780px 400px at 10% -8%, color-mix(in srgb,var(--cas-accent) 14%,transparent), transparent 68%),
    radial-gradient(600px 340px at 94% 2%, color-mix(in srgb,var(--cas-accent) 8%,transparent), transparent 70%)}

.cas-wrap > *{position:relative;z-index:1}


.cas-bar{position:sticky;top:0;z-index:30;margin:-18px -16px 22px;padding:14px 16px 12px;
  background:color-mix(in srgb, var(--cas-bg) 78%, transparent);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);
  border-bottom:1px solid color-mix(in srgb,var(--cas-border) 80%,transparent)}

.cas-search{position:relative;display:block}

.cas-search > svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:var(--cas-muted);pointer-events:none;transition:color var(--cas-fast)}

.cas-search input{width:100%;height:48px;padding:0 46px;color:var(--cas-text);
  background:var(--cas-surface-2);border:1px solid var(--cas-border);border-radius:999px;
  font-family:inherit;font-size:14px;font-weight:500;line-height:1;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color var(--cas-fast) var(--cas-ease),box-shadow var(--cas-fast) var(--cas-ease)}

.cas-search input::placeholder{color:var(--cas-muted);font-weight:400}

.cas-search input:focus{border-color:color-mix(in srgb,var(--cas-accent) 62%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 4px color-mix(in srgb,var(--cas-accent) 15%,transparent)}

.cas-search input:focus ~ svg,.cas-search:focus-within > svg{color:var(--cas-accent)}

.cas-chips{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}

.cas-chips::-webkit-scrollbar{display:none}

.cas-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;
  border:1px solid var(--cas-border);border-radius:999px;background:var(--cas-surface);
  color:var(--cas-muted);font-family:inherit;font-size:13px;font-weight:600;line-height:1;
  cursor:pointer;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);scroll-snap-align:start;
  transition:color var(--cas-fast) var(--cas-ease),border-color var(--cas-fast) var(--cas-ease),
             transform var(--cas-fast) var(--cas-ease)}

.cas-chip svg{width:15px;height:15px;flex:0 0 auto}

.cas-chip:hover{color:var(--cas-text);border-color:color-mix(in srgb,var(--cas-accent) 42%,transparent);transform:translateY(-1px)}

.cas-chip.is-on{color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 68%,#05070c));
  box-shadow:0 6px 18px -6px color-mix(in srgb,var(--cas-accent) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}

.cas-chip__n{padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;
  background:color-mix(in srgb,var(--cas-text) 11%,transparent)}

.cas-chip.is-on .cas-chip__n{background:rgba(0,0,0,.25)}


.cas-row{margin:30px 0 0}

.cas-row__head{display:flex;align-items:center;gap:11px;margin-bottom:13px}


.cas-row__head::before{content:'';width:3px;height:20px;border-radius:3px;flex:0 0 auto;
  background:linear-gradient(180deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 35%,transparent));
  box-shadow:0 0 12px color-mix(in srgb,var(--cas-accent) 65%,transparent)}

.cas-row__title{display:flex;align-items:center;gap:9px;margin:0;
  font-family:inherit;font-size:18px;font-weight:700;line-height:1.15;letter-spacing:-.02em}

.cas-row__title svg{width:18px;height:18px;color:var(--cas-accent);flex:0 0 auto}

.cas-row__n{color:var(--cas-muted);font-family:inherit;font-size:12px;font-weight:600;line-height:1;
  padding:3px 8px;border-radius:999px;
  background:color-mix(in srgb,var(--cas-text) 7%,transparent)}

.cas-row__spacer{flex:1}

.cas-row__all{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;
  color:var(--cas-accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1;
  padding:8px 6px;border-radius:8px;
  transition:gap var(--cas-fast) var(--cas-ease),opacity var(--cas-fast)}

.cas-row__all svg{width:14px;height:14px}

.cas-row__all:hover{gap:8px;opacity:.82}

.cas-row__nav{display:flex;gap:6px}

.cas-row__nav button{display:grid;place-items:center;width:34px;height:34px;cursor:pointer;
  border:1px solid var(--cas-border);border-radius:50%;background:var(--cas-surface);color:var(--cas-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:all var(--cas-fast) var(--cas-ease)}

.cas-row__nav button:hover:not(:disabled){border-color:color-mix(in srgb,var(--cas-accent) 55%,transparent);
  color:var(--cas-accent);transform:scale(1.08)}

.cas-row__nav button:active:not(:disabled){transform:scale(.96)}

.cas-row__nav button:disabled{opacity:.3;cursor:default}

.cas-row__nav svg{width:16px;height:16px}


.cas-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);gap:13px;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px;
  -webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#05070c 16px,#05070c calc(100% - 26px),transparent);
  mask-image:linear-gradient(90deg,transparent,#05070c 16px,#05070c calc(100% - 26px),transparent)}

.cas-track::-webkit-scrollbar{display:none}

.cas-track > *{scroll-snap-align:start}


.cas-grid{display:grid;gap:13px;padding:4px 2px 12px;
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
  overflow:visible;scroll-snap-type:none;
  -webkit-mask-image:none;mask-image:none}


.cas-card{position:relative;display:block;width:100%;padding:0;cursor:pointer;text-align:left;
  border:0;border-radius:var(--cas-r);background:var(--cas-surface);overflow:hidden;
  box-shadow:var(--cas-shadow);color:inherit;font:inherit;isolation:isolate;
  transition:transform var(--cas-mid) var(--cas-ease),box-shadow var(--cas-mid) var(--cas-ease)}


.cas-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  transition:box-shadow var(--cas-mid) var(--cas-ease)}

.cas-card:hover{transform:translateY(-5px);box-shadow:var(--cas-glow),var(--cas-shadow)}

.cas-card:hover::after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cas-accent) 55%,transparent)}

.cas-card:focus-visible{outline:none;transform:translateY(-5px);box-shadow:var(--cas-glow),var(--cas-shadow)}

.cas-card:active{transform:translateY(-2px) scale(.985)}

.cas-card__thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--cas-surface-2)}

.cas-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 620ms var(--cas-ease)}

.cas-card:hover .cas-card__img{transform:scale(1.08)}


.cas-card__thumb::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;z-index:3;
  pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}

.cas-card:hover .cas-card__thumb::before{animation:casShine .85s var(--cas-ease)}


.cas-card__thumb::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,rgba(0,0,0,.46) 0%,transparent 32%,transparent 44%,rgba(0,0,0,.9) 100%)}

.cas-card__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--cas-muted);z-index:1}

.cas-card__ph svg{width:34px;height:34px;opacity:.45}


.cas-card__thumb--ph::before{content:attr(data-i);position:absolute;inset:0;left:0;width:100%;
  display:grid;place-items:center;z-index:1;
  font-family:inherit;font-size:34px;font-weight:800;line-height:1;
  color:color-mix(in srgb,var(--cas-accent) 55%,transparent);
  background:radial-gradient(120% 90% at 50% 0%,var(--cas-surface-2),var(--cas-surface));
  transform:none;animation:none}

.cas-card__meta{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:9px 11px 11px;
  transition:opacity var(--cas-fast) var(--cas-ease)}

.cas-card__name{margin:0;font-size:12.5px;font-weight:600;line-height:1.28;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 1px 4px rgba(0,0,0,.9)}

.cas-card__prov{margin:3px 0 0;font-size:9.5px;font-weight:600;line-height:1;color:rgba(255,255,255,.58);
  text-transform:uppercase;letter-spacing:.06em}


.cas-card__live{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;
  gap:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;line-height:1;color:#fff;
  background:rgba(0,0,0,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}

.cas-card__live i{width:6px;height:6px;border-radius:50%;background:var(--cas-accent);animation:casPulse 2.4s infinite}

.cas-card__tag{position:absolute;top:8px;left:8px;z-index:4;padding:4px 8px;border-radius:7px;
  font-size:9.5px;font-weight:800;line-height:1;letter-spacing:.07em;color:#fff;text-transform:uppercase;
  background:linear-gradient(135deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 62%,#05070c));
  box-shadow:0 4px 12px -4px color-mix(in srgb,var(--cas-accent) 75%,transparent)}

.cas-card__tag--hot{background:linear-gradient(135deg,#f0631f,#c02a10);
  box-shadow:0 4px 12px -4px rgba(240,99,31,.75)}

.cas-card__fav{position:absolute;bottom:9px;right:9px;z-index:6;display:grid;place-items:center;
  width:28px;height:28px;border:0;border-radius:50%;cursor:pointer;color:#fff;
  background:rgba(0,0,0,.46);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  opacity:0;transform:scale(.84);transition:all var(--cas-fast) var(--cas-ease)}

.cas-card:hover .cas-card__fav,.cas-card__fav.is-on{opacity:1;transform:scale(1)}

.cas-card__fav:hover{background:rgba(0,0,0,.7)}

.cas-card__fav svg{width:14px;height:14px}

.cas-card__fav.is-on{color:var(--cas-danger)}

.cas-card__fav.is-on svg{fill:currentColor}


.cas-card__play{position:absolute;left:11px;right:11px;bottom:11px;z-index:5;
  display:flex;align-items:center;justify-content:center;gap:6px;height:34px;
  border-radius:var(--cas-r-sm);font-size:12px;font-weight:800;line-height:1;letter-spacing:.04em;color:#fff;
  background:linear-gradient(135deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 66%,#05070c));
  box-shadow:0 8px 20px -7px color-mix(in srgb,var(--cas-accent) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.22);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity var(--cas-mid) var(--cas-ease),transform var(--cas-mid) var(--cas-ease)}

.cas-card__play svg{width:12px;height:12px}

.cas-card:hover .cas-card__play,.cas-card:focus-visible .cas-card__play{opacity:1;transform:translateY(0)}

.cas-card:hover .cas-card__meta,.cas-card:focus-visible .cas-card__meta{opacity:0}

@media (hover:none){ .cas-card__play{display:none} .cas-card__fav{opacity:1;transform:scale(1)} }


.cas-sk{border-radius:var(--cas-r);aspect-ratio:4/3;
  background:linear-gradient(100deg,var(--cas-surface) 30%,var(--cas-surface-2) 50%,var(--cas-surface) 70%);
  background-size:220% 100%;animation:casSk 1.25s linear infinite}

.cas-empty{display:grid;place-items:center;gap:10px;padding:60px 20px;text-align:center;
  color:var(--cas-muted);border:1px dashed var(--cas-border);border-radius:var(--cas-r);
  background:color-mix(in srgb,var(--cas-surface) 55%,transparent)}

.cas-empty svg{width:38px;height:38px;opacity:.4}

.cas-empty b{color:var(--cas-text);font-size:15px}

@media (prefers-reduced-motion:no-preference){
  .cas-rise{opacity:0;transform:translateY(12px);animation:casRise .46s var(--cas-ease) forwards}
  @keyframes casRise{to{opacity:1;transform:none}}
}

@media (max-width:640px){
  .cas-wrap{padding:14px 12px 52px}
  
  .cas-bar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .cas-track{grid-auto-columns:minmax(134px,1fr);gap:10px}
  .cas-grid{grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:10px}
  .cas-row__title{font-size:15.5px}
  .cas-row__head::before{height:17px}
}

@media (min-width:1280px){ .cas-track{grid-auto-columns:minmax(182px,1fr)}
  .cas-grid{grid-template-columns:repeat(auto-fill,minmax(182px,1fr))} }


.casadm-root{color:var(--cas-text)}

.casadm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid var(--cas-border)}

.casadm-tab{padding:8px 14px;border-radius:9px;cursor:pointer;
  border:1px solid var(--cas-border);background:transparent;color:var(--cas-text);
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;
  transition:color var(--cas-fast) var(--cas-ease),border-color var(--cas-fast) var(--cas-ease),
             background-color var(--cas-fast) var(--cas-ease)}

.casadm-tab:hover{border-color:color-mix(in srgb,var(--cas-accent) 45%,transparent)}

.casadm-tab.is-on{color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 68%,#05070c));
  box-shadow:0 6px 16px -8px color-mix(in srgb,var(--cas-accent) 70%,transparent)}

.casadm-status{font-size:12.5px;margin:2px 0 12px;color:var(--cas-muted)}

.casadm-status b{color:var(--cas-accent)}

.casadm-status .casadm-err{color:var(--cas-danger)}


.casadm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.casadm-full{grid-column:1 / -1}

@media(max-width:760px){.casadm-grid{grid-template-columns:1fr}}

.casadm-lbl{display:block;margin:0 0 4px;font-size:12px;font-weight:700;opacity:.85}

.casadm-in,.casadm-sel{width:100%;padding:10px 12px;border-radius:9px;
  border:1px solid var(--cas-border);background:var(--cas-surface-2);color:var(--cas-text);
  font-family:inherit;font-size:14px;line-height:1.2;outline:none;
  transition:border-color var(--cas-fast) var(--cas-ease),box-shadow var(--cas-fast) var(--cas-ease)}

.casadm-in:focus,.casadm-sel:focus{border-color:color-mix(in srgb,var(--cas-accent) 62%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cas-accent) 15%,transparent)}

.casadm-in:disabled,.casadm-sel:disabled{opacity:.6}

.casadm-key{display:flex;gap:6px}

.casadm-key .casadm-in{flex:1;min-width:0}

.casadm-hint{margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--cas-muted)}

.casadm-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.casadm-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:6px}

.casadm-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;
  font-size:11px;font-weight:700;line-height:1.5;
  background:color-mix(in srgb,var(--cas-accent) 18%,transparent);color:var(--cas-accent)}

.casadm-badge--off{background:color-mix(in srgb,var(--cas-muted) 20%,transparent);color:var(--cas-muted)}

.casadm-badge--err{background:color-mix(in srgb,var(--cas-danger) 18%,transparent);color:var(--cas-danger)}

.casadm-out{display:none;margin-top:12px;padding:12px;border-radius:10px;
  border:1px solid var(--cas-border);background:var(--cas-surface);
  font-size:13px;line-height:1.55}

.casadm-out.is-on{display:block}

.casadm-out b{color:var(--cas-accent)}

.casadm-out .casadm-err{color:var(--cas-danger)}

.casadm-errlist{margin:6px 0 0 18px;padding:0}


.casadm-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}

.casadm-toolbar .casadm-in,.casadm-toolbar .casadm-sel{width:auto}

.casadm-search{flex:1;min-width:200px}

.casadm-count{margin:2px 0 8px;font-size:12.5px;color:var(--cas-muted)}

.casadm-count b{color:var(--cas-text)}


.casadm-scroll{overflow-x:auto;transition:opacity var(--cas-fast) var(--cas-ease)}

.casadm-scroll.is-dim{opacity:.45}

.casadm-tbl{width:100%;border-collapse:collapse;font-size:13px}

.casadm-tbl th{padding:8px;text-align:left;white-space:nowrap;
  font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;
  color:var(--cas-muted);border-bottom:1px solid var(--cas-border)}

.casadm-tbl td{padding:8px;vertical-align:middle;border-bottom:1px solid var(--cas-border)}

.casadm-tbl tr.is-chg{background:color-mix(in srgb,var(--cas-accent) 8%,transparent)}

.casadm-tbl tr.is-chg td:first-child{box-shadow:inset 3px 0 0 var(--cas-accent)}


.casadm-thumb{position:relative;width:46px;height:58px;border-radius:6px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,var(--cas-surface-2),var(--cas-surface))}

.casadm-thumb::before{content:attr(data-i);position:absolute;inset:0;display:grid;place-items:center;
  font-family:inherit;font-size:18px;font-weight:800;line-height:1;
  color:color-mix(in srgb,var(--cas-accent) 55%,transparent)}

.casadm-thumb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.casadm-gname{font-weight:600;line-height:1.25}

.casadm-gcode{font-size:11px;color:var(--cas-muted);
  font-family:ui-monospace,Menlo,Consolas,monospace}

.casadm-ord{width:74px;padding:6px 8px}

.casadm-mini{padding:6px 8px;font-size:12.5px}


.casadm-sw{position:relative;display:inline-block;width:42px;height:23px;flex:none;vertical-align:middle}

.casadm-sw input{position:absolute;width:0;height:0;opacity:0}

.casadm-sw i{position:absolute;inset:0;border-radius:999px;cursor:pointer;
  border:1px solid var(--cas-border);background:var(--cas-surface-2);transition:.18s}

.casadm-sw i:before{content:'';position:absolute;width:17px;height:17px;left:2px;top:2px;
  border-radius:50%;background:var(--cas-muted);transition:.18s}

.casadm-sw input:checked + i{background:var(--cas-accent);border-color:var(--cas-accent)}

.casadm-sw input:checked + i:before{transform:translateX(19px);background:#fff}

.casadm-sw input:focus-visible + i{box-shadow:0 0 0 3px color-mix(in srgb,var(--cas-accent) 25%,transparent)}

.casadm-chk{width:17px;height:17px;accent-color:var(--cas-accent);cursor:pointer}


.casadm-pager{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:14px}

.casadm-pg{min-width:34px;padding:6px 10px;border-radius:8px;cursor:pointer;
  border:1px solid var(--cas-border);background:transparent;color:var(--cas-text);
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.2}

.casadm-pg:hover:not(:disabled):not(.is-on){border-color:color-mix(in srgb,var(--cas-accent) 45%,transparent)}

.casadm-pg.is-on{color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--cas-accent),color-mix(in srgb,var(--cas-accent) 68%,#05070c))}

.casadm-pg:disabled{opacity:.35;cursor:default}

.casadm-gap{padding:0 4px;color:var(--cas-muted)}


.casadm-prov{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:8px;padding:11px 12px;border-radius:10px;
  border:1px solid var(--cas-border);background:var(--cas-surface)}

.casadm-prov__ttl{font-weight:700}

.casadm-prov__sub{margin:2px 0 0;font-size:11.5px;color:var(--cas-muted)}

.casadm-prov__acts{display:flex;gap:6px;flex-wrap:wrap}


.casadm-stub{padding:44px 18px;text-align:center;color:var(--cas-muted)}

.casadm-stub__ico{font-size:40px;line-height:1;margin-bottom:10px}

.casadm-stub b{color:var(--cas-text)}

.casadm-err{color:var(--cas-danger)}



.cas-play{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;
  background:var(--bg,#0a0c0a);
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}

body.cas-jogando{overflow:hidden}

.cas-play__bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;height:52px;padding:0 10px;
  background:var(--surface,#0e121b);border-bottom:1px solid var(--border,#232b3b);
  box-shadow:0 2px 12px -4px rgba(0,0,0,.7)}

.cas-play__back,.cas-play__full{display:inline-flex;align-items:center;gap:6px;
  min-height:44px;min-width:44px;padding:0 12px;cursor:pointer;   
  border:1px solid var(--border,#232b3b);border-radius:10px;
  background:var(--surface-2,#151b27);color:var(--text,#f5f5f5);
  font:700 13px/1 inherit;transition:border-color 180ms cubic-bezier(.16,1,.3,1),
    background 180ms cubic-bezier(.16,1,.3,1),transform 180ms cubic-bezier(.16,1,.3,1)}

.cas-play__back svg,.cas-play__full svg{width:16px;height:16px}

.cas-play__back:hover,.cas-play__full:hover{border-color:color-mix(in srgb,var(--accent,#d8a330) 55%,transparent);
  color:var(--accent,#d8a330)}

.cas-play__back:active,.cas-play__full:active{transform:scale(.96)}

.cas-play__back:focus-visible,.cas-play__full:focus-visible{outline:2px solid var(--accent,#d8a330);outline-offset:2px}

.cas-play__nome{flex:1;min-width:0;text-align:center;font:700 14px/1.2 inherit;
  color:var(--text,#f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cas-play__full{padding:0 10px}

.cas-play__frame{flex:1;min-height:0;background:#05070c}

.cas-play__frame iframe{width:100%;height:100%;border:0;display:block}

@media (max-width:640px){
  .cas-play__bar{height:48px}
  .cas-play__back span{display:none}     
  .cas-play__nome{font-size:13px}
}




.perf-wrap {
  --pf-bg:        var(--bg, #05070c);
  --pf-surface:   var(--surface, #0e121b);
  --pf-surface-2: var(--surface-2, #151b27);
  --pf-border:    var(--border, #232b3b);
  --pf-text:      var(--text, #f5f5f5);
  --pf-muted:     var(--muted, #9ca3af);
  --pf-accent:    var(--accent, #14A44D);
  --pf-danger:    var(--accent2, #D32F2F);

  --pf-ease: cubic-bezier(.16, 1, .3, 1);
  --pf-fast: 160ms;
  --pf-mid:  260ms;

  --pf-r:    16px;
  --pf-r-sm: 11px;

  
  --pf-shadow: 0 1px 1px rgba(0, 0, 0, .55),
               0 4px 10px -4px rgba(0, 0, 0, .6),
               0 16px 34px -14px rgba(0, 0, 0, .85);
  --pf-ring: 0 0 0 3px color-mix(in srgb, var(--pf-accent) 22%, transparent);
}




.cas-provs{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  margin:0 0 14px;padding:12px;
  border:1px solid var(--border,#232b3b);border-radius:14px;
  background:var(--surface,#0e121b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}


.cas-provs .cas-chip{font-size:12.5px;padding:8px 13px;min-height:38px}

@media(max-width:640px){
  
  .cas-provs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cas-provs::-webkit-scrollbar{display:none}
  .cas-provs .cas-chip{flex:0 0 auto}
}


:root {
  --surface-2: #f1f2f8;
}





.perf-wrap {
  --pf-bg:        var(--bg, #05070c);
  --pf-surface:   var(--surface, #0e121b);
  --pf-surface-2: var(--surface-2, #151b27);
  --pf-border:    var(--border, #232b3b);
  --pf-text:      var(--text, #f5f5f5);
  --pf-muted:     var(--muted, #9ca3af);
  --pf-accent:    var(--accent, #14A44D);
  --pf-danger:    var(--accent2, #D32F2F);

  --pf-ease: cubic-bezier(.16, 1, .3, 1);
  --pf-fast: 160ms;
  --pf-mid:  260ms;

  --pf-r:    16px;
  --pf-r-sm: 11px;

  
  --pf-shadow: 0 1px 1px rgba(0, 0, 0, .55),
               0 4px 10px -4px rgba(0, 0, 0, .6),
               0 16px 34px -14px rgba(0, 0, 0, .85);
  --pf-ring: 0 0 0 3px color-mix(in srgb, var(--pf-accent) 22%, transparent);
}

.perf-wrap,
.perf-wrap *,
.perf-wrap *::before,
.perf-wrap *::after { box-sizing: border-box }

.perf-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1040px;
  margin: 0 auto;
  color: var(--pf-text);
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


.perf-head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-r);
  background:
    radial-gradient(680px 200px at 0% 0%,
      color-mix(in srgb, var(--pf-accent) 9%, transparent), transparent 70%),
    var(--pf-surface);
  box-shadow: var(--pf-shadow);
}


.perf-avatar {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  overflow: visible;
  background: var(--pf-surface-2);
  color: var(--pf-muted);
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
  object-fit: cover;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--pf-accent) 62%, transparent),
    0 0 0 5px color-mix(in srgb, var(--pf-accent) 12%, transparent),
    0 8px 20px -8px rgba(0, 0, 0, .8);
}

.perf-avatar > img,
.perf-avatar > svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.perf-avatar > svg { padding: 22%; opacity: .5 }


.perf-avatar__edit {
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, var(--pf-accent),
    color-mix(in srgb, var(--pf-accent) 66%, #05070c));
  box-shadow:
    0 0 0 2px var(--pf-surface),
    0 4px 12px -4px color-mix(in srgb, var(--pf-accent) 80%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .22);
  font-family: inherit;
  font-size: 12px;
  line-height: 1;
  transition: transform var(--pf-fast) var(--pf-ease),
              box-shadow var(--pf-fast) var(--pf-ease);
}

.perf-avatar__edit::after { content: ''; position: absolute; inset: -7px; border-radius: 50% }

.perf-avatar__edit svg { width: 14px; height: 14px; pointer-events: none }

.perf-avatar__edit:hover { transform: scale(1.09) }

.perf-avatar__edit:active { transform: scale(.94) }

.perf-avatar__edit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--pf-surface), var(--pf-ring);
}

.perf-id { flex: 1 1 220px; min-width: 0 }

.perf-nome {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--pf-text);
  overflow-wrap: anywhere;
}

.perf-mail {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--pf-muted);
  overflow-wrap: anywhere;
}

.perf-desde {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 9px 0 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pf-text) 7%, transparent);
  color: var(--pf-muted);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .01em;
}

.perf-desde svg { width: 13px; height: 13px; flex: 0 0 auto }


.perf-saldo {
  position: relative;
  overflow: hidden;
  padding: 22px 20px;
  border: 1px solid color-mix(in srgb, var(--pf-accent) 26%, var(--pf-border));
  border-radius: var(--pf-r);
  background: var(--pf-surface);
  background:
    radial-gradient(520px 260px at 88% -30%,
      color-mix(in srgb, var(--pf-accent) 20%, transparent), transparent 72%),
    linear-gradient(150deg,
      color-mix(in srgb, var(--pf-accent) 13%, var(--pf-surface)) 0%,
      var(--pf-surface) 58%);
  box-shadow: var(--pf-shadow);
}


.perf-saldo::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}


.perf-saldo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--pf-accent),
    color-mix(in srgb, var(--pf-accent) 30%, transparent));
  box-shadow: 0 0 14px color-mix(in srgb, var(--pf-accent) 60%, transparent);
}

.perf-saldo > * { position: relative; z-index: 1 }

.perf-saldo__val {
  display: block;
  margin: 0;
  color: var(--pf-text);
  font-size: 38px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  text-shadow: 0 2px 18px color-mix(in srgb, var(--pf-accent) 22%, transparent);
}


.perf-saldo small,
.perf-saldo__val + span,
.perf-saldo__val + p {
  display: block;
  margin: 6px 0 0;
  color: var(--pf-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.perf-saldo__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.perf-saldo__acoes > * { flex: 1 1 150px }


.perf-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}


.perf-kpis--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important }

.perf-kpi {
  min-width: 0;
  padding: 14px 12px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-r-sm);
  background: var(--pf-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  text-align: center;
  transition: border-color var(--pf-fast) var(--pf-ease),
              transform var(--pf-fast) var(--pf-ease);
}


.perf-kpi__v { white-space: nowrap; overflow-wrap: normal; font-size: clamp(15px, 4.4vw, 19px) }

.perf-kpi:hover {
  border-color: color-mix(in srgb, var(--pf-accent) 40%, transparent);
  transform: translateY(-1px);
}

.perf-kpi__v {
  display: block;
  color: var(--pf-text);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  overflow-wrap: anywhere;
}

.perf-kpi__v--pos { color: var(--pf-accent) }

.perf-kpi__v--neg { color: color-mix(in srgb, var(--pf-danger) 72%, #fff) }

.perf-kpi__l {
  display: block;
  margin-top: 4px;
  color: var(--pf-muted);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .02em;
}


.perf-tabs {
  display: flex;
  gap: 8px;
  max-width: 100%;
  padding: 4px 2px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.perf-tabs::-webkit-scrollbar { display: none }

.perf-tab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--pf-border);
  border-radius: 999px;
  cursor: pointer;
  background: var(--pf-surface);
  color: var(--pf-muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  scroll-snap-align: start;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  transition: color var(--pf-fast) var(--pf-ease),
              border-color var(--pf-fast) var(--pf-ease),
              transform var(--pf-fast) var(--pf-ease);
}

.perf-tab svg { width: 15px; height: 15px; flex: 0 0 auto }

.perf-tab:hover {
  color: var(--pf-text);
  border-color: color-mix(in srgb, var(--pf-accent) 42%, transparent);
  transform: translateY(-1px);
}

.perf-tab:active { transform: translateY(0) }

.perf-tab:focus-visible { outline: none; box-shadow: var(--pf-ring) }

.perf-tab.is-on {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--pf-accent),
    color-mix(in srgb, var(--pf-accent) 68%, #05070c));
  box-shadow:
    0 6px 18px -6px color-mix(in srgb, var(--pf-accent) 65%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .18);
}

.perf-tab.is-on:hover { color: #fff; transform: translateY(-1px) }

.perf-tab__badge {
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pf-text) 11%, transparent);
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

.perf-tab.is-on .perf-tab__badge { background: rgba(0, 0, 0, .25); color: #fff }


.perf-pane {
  padding: 18px 16px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-r);
  background: var(--pf-surface);
  box-shadow: var(--pf-shadow);
}


.perf-pane[hidden] { display: none }

.perf-pane > h3,
.perf-pane > h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--pf-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.perf-pane > h3 svg,
.perf-pane > h4 svg { width: 16px; height: 16px; color: var(--pf-accent); flex: 0 0 auto }

@media (prefers-reduced-motion: no-preference) {
  .perf-pane { animation: pfFade var(--pf-mid) var(--pf-ease) both }
  @keyframes pfFade { from { opacity: 0; transform: translateY(6px) } }
}


.perf-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--pf-text) 22%, transparent) transparent;
}

.perf-list::-webkit-scrollbar { width: 8px }

.perf-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--pf-text) 20%, transparent);
  border-radius: 8px;
}

.perf-list::-webkit-scrollbar-track { background: transparent }

.perf-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 12px;
  min-width: 0;
  padding: 13px 2px;
  border-bottom: 1px solid var(--pf-border);
  transition: background-color var(--pf-fast) var(--pf-ease);
}

.perf-item:last-child { border-bottom: 0 }

.perf-item:hover { background: color-mix(in srgb, var(--pf-text) 4%, transparent) }


button.perf-item {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--pf-border);
  border-radius: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

button.perf-item:last-child { border-bottom: 0 }

button.perf-item:focus-visible { outline: 2px solid var(--pf-accent); outline-offset: -2px }


button.perf-item[data-notif] { padding-left: 11px }

.perf-item__main {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--pf-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.perf-item > .perf-badge { order: 1; flex: 0 0 auto }

.perf-item__val {
  order: 2;
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
  color: var(--pf-text);
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.perf-item__val--pos { color: var(--pf-accent) }

.perf-item__val--neg { color: color-mix(in srgb, var(--pf-danger) 72%, #fff) }

.perf-item__sub {
  order: 3;
  flex: 1 1 100%;
  min-width: 0;
  margin-top: 2px;
  color: var(--pf-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  overflow-wrap: anywhere;
}


.perf-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pf-muted) 18%, transparent);
  color: var(--pf-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .02em;
  white-space: nowrap;
  vertical-align: middle;
}

.perf-badge svg { width: 11px; height: 11px; flex: 0 0 auto }

.perf-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
  background: currentColor;
}

.perf-badge--ganha     { background: rgba(52, 211, 153, .15); border-color: rgba(52, 211, 153, .32); color: #34d399 }

.perf-badge--perdida   { background: rgba(248, 113, 113, .15); border-color: rgba(248, 113, 113, .32); color: #f87171 }

.perf-badge--aberta    { background: rgba(251, 191, 36, .15);  border-color: rgba(251, 191, 36, .32);  color: #fbbf24 }

.perf-badge--devolvida { background: rgba(192, 132, 252, .15); border-color: rgba(192, 132, 252, .32); color: #c084fc }

.perf-badge--cancelada { background: rgba(251, 146, 60, .15);  border-color: rgba(251, 146, 60, .32);  color: #fb923c }

.perf-badge--pendente  { background: rgba(156, 163, 175, .15); border-color: rgba(156, 163, 175, .3);  color: #b6bcc7 }


.perf-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0;
}

.perf-form > .perf-btn,
.perf-form > .perf-btn--pri { justify-self: start }


.perf-campo {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-r-sm);
  background: var(--pf-surface-2);
  color: var(--pf-text);
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color var(--pf-fast) var(--pf-ease),
              box-shadow var(--pf-fast) var(--pf-ease);
}

.perf-campo::placeholder { color: var(--pf-muted); font-weight: 400; opacity: 1 }

.perf-campo:focus,
.perf-campo:focus-visible {
  border-color: color-mix(in srgb, var(--pf-accent) 62%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), var(--pf-ring);
}

.perf-campo:disabled { opacity: .55; cursor: not-allowed }

.perf-campo:is(textarea) { min-height: 92px; resize: vertical }

.perf-campo:is(select) {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: linear-gradient(45deg, transparent 50%, var(--pf-muted) 50%),
                    linear-gradient(135deg, var(--pf-muted) 50%, transparent 50%);
  background-position: right 17px center, right 12px center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.perf-campo:is(select) option { background: var(--pf-surface-2); color: var(--pf-text) }


.perf-campo:has(> input, > select, > textarea) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.perf-campo:has(> input, > select, > textarea) > :is(span, label, small) {
  color: var(--pf-muted);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.perf-campo > :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-r-sm);
  background: var(--pf-surface-2);
  color: var(--pf-text);
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color var(--pf-fast) var(--pf-ease),
              box-shadow var(--pf-fast) var(--pf-ease);
}

.perf-campo > :is(input, select, textarea)::placeholder { color: var(--pf-muted); font-weight: 400; opacity: 1 }

.perf-campo > :is(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--pf-accent) 62%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), var(--pf-ring);
}


.perf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--pf-border);
  border-radius: 999px;
  cursor: pointer;
  background: var(--pf-surface-2);
  color: var(--pf-text);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: border-color var(--pf-fast) var(--pf-ease),
              color var(--pf-fast) var(--pf-ease),
              transform var(--pf-fast) var(--pf-ease),
              box-shadow var(--pf-fast) var(--pf-ease);
}

.perf-btn svg { width: 16px; height: 16px; flex: 0 0 auto }

.perf-btn:hover {
  border-color: color-mix(in srgb, var(--pf-accent) 48%, transparent);
  color: var(--pf-text);
  transform: translateY(-1px);
}

.perf-btn:active { transform: translateY(0) scale(.985) }

.perf-btn:focus-visible { outline: none; box-shadow: var(--pf-ring) }

.perf-btn:disabled,
.perf-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; transform: none }

.perf-btn--pri {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, var(--pf-accent),
    color-mix(in srgb, var(--pf-accent) 66%, #05070c));
  box-shadow:
    0 8px 20px -8px color-mix(in srgb, var(--pf-accent) 80%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .2);
}

.perf-btn--pri:hover {
  border-color: transparent;
  color: #fff;
  box-shadow:
    0 10px 26px -8px color-mix(in srgb, var(--pf-accent) 90%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .24);
}

.perf-btn--pri:focus-visible {
  box-shadow: 0 0 0 2px var(--pf-surface),
              0 0 0 5px color-mix(in srgb, var(--pf-accent) 45%, transparent);
}


.perf-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 44px 20px;
  border: 1px dashed var(--pf-border);
  border-radius: var(--pf-r-sm);
  background: color-mix(in srgb, var(--pf-surface-2) 45%, transparent);
  color: var(--pf-muted);
  font-size: 13.5px;
  line-height: 1.5;
  text-align: center;
}

.perf-empty svg { width: 36px; height: 36px; opacity: .38 }

.perf-empty b { color: var(--pf-text); font-size: 14.5px; font-weight: 700 }


.perf-sk {
  display: block;
  width: 100%;
  height: 15px;
  border-radius: 8px;
  background: linear-gradient(100deg,
    var(--pf-surface-2) 30%,
    color-mix(in srgb, var(--pf-text) 8%, var(--pf-surface-2)) 50%,
    var(--pf-surface-2) 70%);
  background-size: 220% 100%;
  animation: pfSk 1.25s linear infinite;
}

.perf-sk + .perf-sk { margin-top: 10px }

.perf-sk:nth-child(even) { width: 72% }

.perf-erro {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid color-mix(in srgb, var(--pf-danger) 40%, transparent);
  border-left-width: 3px;
  border-radius: var(--pf-r-sm);
  background: color-mix(in srgb, var(--pf-danger) 13%, transparent);
  color: color-mix(in srgb, var(--pf-danger) 60%, #ffffff);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.perf-erro svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px }

.perf-erro b { color: #ffffff; font-weight: 800 }

@media (min-width: 1024px) {
  .perf-wrap        { gap: 20px }
  .perf-head        { padding: 28px }
  .perf-saldo       { padding: 30px 28px }
  .perf-saldo__val  { font-size: 50px }
  .perf-pane        { padding: 26px 24px }
  .perf-form        { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px }
}


@media (prefers-reduced-motion: reduce) {
  .perf-wrap,
  .perf-wrap *,
  .perf-wrap *::before,
  .perf-wrap *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .perf-sk { animation: none; background: var(--pf-surface-2) }
}


.perf-qr { display: flex; justify-content: center }

.perf-qr img {
  width: 240px;
  height: 240px;
  max-width: 100%;
  padding: 10px;
  border-radius: var(--pf-r-sm);
  background: #fff;
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .9);
  image-rendering: pixelated;   
}

@media (max-width: 480px) { .perf-qr img { width: 200px; height: 200px; padding: 8px } }




.perf-saldo__val,
.perf-kpi__v,
.perf-item__val,
.perf-badge,
.perf-qr + .perf-campo input,
.perf-list .perf-item__sub {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}


.perf-saldo__val {
  letter-spacing: -.025em;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}


.perf-wrap { gap: 12px }

.perf-kpis { gap: 8px }

.perf-kpi  { padding: 12px 10px }

.perf-kpi__l {
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--pf-muted);
}

.perf-item { padding: 11px 2px }

.perf-list { gap: 0 }

@media (min-width: 900px) {
  .perf-wrap { gap: 14px }
  .perf-item { padding: 10px 2px }
}


.perf-btn,
.perf-btn--pri {
  min-height: 44px;                      
  cursor: pointer;
  transition: background-color 160ms var(--pf-ease),
              border-color 160ms var(--pf-ease),
              box-shadow 160ms var(--pf-ease),
              transform 160ms var(--pf-ease),
              opacity 160ms var(--pf-ease);
}

.perf-btn:hover:not(:disabled) { border-color: color-mix(in srgb, var(--pf-accent) 46%, transparent) }

.perf-btn--pri:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--pf-accent) 65%, transparent);
}

.perf-btn:active:not(:disabled),
.perf-btn--pri:active:not(:disabled) { transform: scale(.975) }

.perf-btn:focus-visible,
.perf-btn--pri:focus-visible { outline: none; box-shadow: var(--pf-ring) }


.perf-btn:disabled,
.perf-btn--pri:disabled {
  opacity: .42;
  cursor: not-allowed;
  filter: grayscale(.35);
  box-shadow: none;
  transform: none;
}


.perf-head,
.perf-saldo,
.perf-form,
.perf-kpi {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 1px 2px rgba(0, 0, 0, .5),
    0 8px 20px -12px rgba(0, 0, 0, .8);
}

.perf-saldo {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 1px 2px rgba(0, 0, 0, .55),
    0 14px 32px -16px color-mix(in srgb, var(--pf-accent) 40%, rgba(0,0,0,.9));
}


.perf-tabs {
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--pf-border);
  border-radius: 12px;
  background: var(--pf-surface);
}

.perf-tab { border-radius: 9px; border-color: transparent; background: transparent }

.perf-tab:hover:not(.is-on) {
  transform: none;
  background: color-mix(in srgb, var(--pf-text) 6%, transparent);
}

.perf-tab.is-on:hover { transform: none }

@media (prefers-reduced-motion: reduce) {
  .perf-btn, .perf-btn--pri, .perf-tab { transition: none }
  .perf-btn:active, .perf-btn--pri:active { transform: none }
}


.cas-play--cheio {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
}
.cas-play--cheio .cas-play__bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  
  opacity: .12;
  transition: opacity 180ms cubic-bezier(.16, 1, .3, 1);
}
.cas-play--cheio .cas-play__bar:hover,
.cas-play--cheio .cas-play__bar:focus-within {
  opacity: 1;
}
.cas-play--cheio .cas-play__frame {
  position: absolute;
  inset: 0;
  height: 100%;
}


@media (max-width: 760px) {
  .perf-saldo {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
  .perf-head > * {
    min-width: 0;
  }
}



.cload{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 16px;text-align:center}


.cload__ring{position:relative;width:96px;height:96px;flex:0 0 auto}
.cload__arc{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;
  will-change:transform;animation:cload-gira 1.4s linear infinite}
.cload__arc--1{border-top-color:var(--accent,#3b39a8);border-right-color:var(--accent,#3b39a8);opacity:.95}
.cload__arc--2{inset:11px;border-bottom-color:var(--primary,#2b2a76);animation-duration:2.1s;animation-direction:reverse;opacity:.8}
.cload__arc--3{inset:22px;border-left-color:var(--success,#d8a432);animation-duration:2.9s;opacity:.65}
@keyframes cload-gira{to{transform:rotate(360deg)}}


.cload__chip{position:absolute;inset:31px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--primary,#2b2a76),var(--accent,#3b39a8));
  color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);
  will-change:transform;animation:cload-pulsa 1.9s ease-in-out infinite}
.cload__chip svg{width:17px;height:17px;display:block}
@keyframes cload-pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}


.cload__nome{font:800 15px/1.25 inherit;color:var(--text,#1f2330);max-width:300px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cload__msg{font:500 13px/1.45 inherit;color:var(--muted,#6b7280);max-width:420px;min-height:2.9em;
  display:flex;align-items:center;justify-content:center}


.cload__track{position:relative;width:190px;max-width:70vw;height:4px;border-radius:99px;overflow:hidden;
  background:color-mix(in srgb,var(--muted,#6b7280) 22%,transparent)}
.cload__sweep{position:absolute;top:0;bottom:0;left:0;width:38%;border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--accent,#3b39a8),transparent);
  will-change:transform;animation:cload-varre 1.25s cubic-bezier(.65,0,.35,1) infinite}
@keyframes cload-varre{from{transform:translateX(-105%)}to{transform:translateX(370%)}}

.cload__acoes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:2px}



.cload--erro .cload__arc{animation:none;opacity:.3;border-color:transparent;
  border-top-color:var(--danger,#dc2626)}
.cload--erro .cload__arc--2,.cload--erro .cload__arc--3{display:none}
.cload--erro .cload__chip{animation:none;background:var(--danger,#dc2626)}
.cload--erro .cload__track{display:none}
.cload--erro .cload__msg{color:var(--text,#1f2330)}

@media (max-width:480px){
  .cload__ring{width:82px;height:82px}
  .cload__arc--2{inset:9px} .cload__arc--3{inset:18px} .cload__chip{inset:26px}
}

@media (prefers-reduced-motion:reduce){
  .cload__arc,.cload__chip,.cload__sweep{animation:none}
  .cload__arc--1{border-color:var(--accent,#3b39a8);opacity:.35}
  .cload__sweep{width:100%;opacity:.5;background:var(--accent,#3b39a8)}
}


.cas-play__frame{position:relative}
.cas-play__load{position:absolute;inset:0;z-index:2;display:grid;place-items:center;
  background:var(--surface,#0b0d14)}


.cas-play__bar{position:absolute;top:0;left:0;right:0;z-index:3;
  transform:translateY(-110%);transition:transform .22s cubic-bezier(.16,1,.3,1);
  padding-top:env(safe-area-inset-top)}
.cas-play--barra .cas-play__bar{transform:none}
.cas-play__frame{position:absolute;inset:0;height:100%}

.cas-play__aba{position:absolute;z-index:4;top:calc(14px + env(safe-area-inset-top));right:0;
  width:30px;height:46px;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:10px 0 0 10px;cursor:pointer;
  background:rgba(15,17,26,.62);color:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
  transition:background .18s,transform .22s cubic-bezier(.16,1,.3,1)}
.cas-play__aba svg{width:17px;height:17px;display:block}
.cas-play__aba:hover{background:rgba(15,17,26,.85)}
.cas-play__aba:focus-visible{outline:2px solid #fff;outline-offset:2px}

.cas-play--barra .cas-play__aba{transform:translateY(56px) rotate(180deg)}

.cas-play__dep{flex:0 0 auto;height:32px;padding:0 14px;border:0;border-radius:8px;cursor:pointer;
  background:var(--success,#d8a432);color:#fff;font:800 12px/1 inherit;letter-spacing:.04em}
.cas-play__dep:active{transform:scale(.96)}

@media (prefers-reduced-motion:reduce){
  .cas-play__bar,.cas-play__aba{transition:none}
}


.cas-fab{position:absolute;z-index:4;top:calc(14px + env(safe-area-inset-top));right:0;
  display:flex;align-items:center;overflow:hidden;
  border-radius:14px 0 0 14px;
  background:rgba(124,130,148,.28);
  -webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
  border:1px solid rgba(255,255,255,.20);border-right:0;
  box-shadow:0 8px 24px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.28);
  transition:background .2s}
.cas-fab:hover{background:rgba(124,130,148,.38)}

.cas-fab__ico,.cas-fab__puxa{border:0;background:transparent;cursor:pointer;padding:0;
  color:#eef0f6;height:46px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cas-fab__ico svg,.cas-fab__puxa svg{width:20px;height:20px;display:block;flex:0 0 auto}
.cas-fab__puxa{width:30px;flex:0 0 auto}
.cas-fab__puxa svg{transition:transform .24s cubic-bezier(.16,1,.3,1)}
.cas-fab--aberto .cas-fab__puxa svg{transform:rotate(180deg)}


.cas-fab__ico{width:0;min-width:0;flex:0 0 auto;opacity:0;transform:translateX(6px);
  transition:width .24s cubic-bezier(.16,1,.3,1),opacity .18s,transform .24s cubic-bezier(.16,1,.3,1)}
.cas-fab--aberto .cas-fab__ico{width:46px;opacity:1;transform:none}

.cas-fab__ico:active,.cas-fab__puxa:active{background:rgba(255,255,255,.16)}
.cas-fab__ico:focus-visible,.cas-fab__puxa:focus-visible{outline:2px solid #fff;outline-offset:-3px}

@media (prefers-reduced-motion:reduce){
  .cas-fab,.cas-fab__ico,.cas-fab__puxa svg{transition:none}
}

/* ===================== FORTUNA BET — acentos de marca (os 2 temas) =====================
   Cores medidas nos arquivos do dono: dourado #D8A330 (brilho #EAD24A, sombra #C27912),
   marinho #02285B (profundo #011135). Tinta sobre dourado: #0B1220. */
:root {
  --fb-gold: #D8A330; --fb-gold-hi: #F0C24B; --fb-gold-lo: #B8861A;
  --fb-navy: #02285B; --fb-navy-2: #021E45; --fb-navy-3: #011532;
  --fb-ink: #0B1220; --fb-black: #05070c;
}

/* ---------- telas de login/cadastro: o vermelho SCOBETS vira dourado ---------- */
.login__card::before, .auth__card::before { background: linear-gradient(90deg, var(--fb-gold-lo), var(--fb-gold-hi), var(--fb-gold-lo)) !important; }
.login__card #login-btn, .auth__go, #pg-entrar {
  background: linear-gradient(180deg, var(--fb-gold-hi), var(--fb-gold)) !important;
  color: var(--fb-ink) !important; border: 0 !important; font-weight: 800 !important;
}
.auth__card .input:focus, .login__card .input:focus { border-color: var(--fb-gold) !important; box-shadow: 0 0 0 3px rgba(216, 163, 48, .25) !important; }
.auth__live i { background: var(--fb-gold) !important; }

/* ---------- botao ENTRAR do topo (estilo inline branco no codigo) ---------- */
#g-entrar {
  background: linear-gradient(180deg, var(--fb-gold-hi), var(--fb-gold)) !important;
  color: var(--fb-ink) !important; border: 0 !important; font-weight: 800 !important;
}

/* ---------- botao sol/lua (inserido por fortuna-theme.js no topo do visitante/cliente) ---------- */
.topbar__right { display: flex; align-items: center; gap: 8px; }
.fb-theme-btn {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 38px; height: 38px; padding: 0; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(216, 163, 48, .55); background: rgba(255, 255, 255, .06); color: var(--fb-gold-hi);
  transition: background .15s, transform .15s;
}
.fb-theme-btn:hover { background: rgba(216, 163, 48, .16); }
.fb-theme-btn:active { transform: scale(.94); }
.fb-theme-btn:focus-visible { outline: 2px solid var(--fb-gold-hi); outline-offset: 2px; }
.fb-theme-btn svg { width: 18px; height: 18px; display: block; }
.fb-theme-btn .fb-sun { display: none; }
html.fb-dark:not(.fb-staff) .fb-theme-btn .fb-sun { display: block; }
html.fb-dark:not(.fb-staff) .fb-theme-btn .fb-moon { display: none; }

/* ---------- carregamento: ESCUDO da marca (abertura e troca de pagina) ----------
   Antes: coroa quadrada dentro de um anel com hue-rotate (ficou feio, pedido do dono).
   Agora: escudo transparente respirando + barrinha dourada correndo, sem anel. */
.rl-gif {
  width: 176px; max-width: 52vw; height: auto; object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .45)) drop-shadow(0 0 22px rgba(216, 163, 48, .22));
  animation: fb-respira 1.8s ease-in-out infinite; transform-origin: 50% 60%;
}
@keyframes fb-respira { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
.rl-box .rl-txt { font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.rl-box .rl-txt::after {
  content: ""; display: block; width: 132px; height: 3px; margin: 12px auto 0; border-radius: 3px;
  background: linear-gradient(90deg, rgba(216, 163, 48, 0), #F0C24B, rgba(216, 163, 48, 0)) 0 0 / 50% 100% no-repeat, rgba(216, 163, 48, .16);
  animation: fb-barra 1.15s ease-in-out infinite;
}
@keyframes fb-barra { 0% { background-position: -100% 0, 0 0; } 100% { background-position: 200% 0, 0 0; } }
html:not(.fb-dark) .rl-box .rl-txt, html.fb-staff .rl-box .rl-txt { color: #02285B; }
html.fb-dark:not(.fb-staff) .rl-txt { color: #E8EAF0 !important; }
html.fb-dark:not(.fb-staff) #route-loader { background: rgba(5, 7, 12, .66) !important; }
html.fb-dark:not(.fb-staff) .boot-brand { background: radial-gradient(ellipse at 50% 42%, #0B1A3A 0%, var(--fb-black) 62%) !important; }
html.fb-dark:not(.fb-staff) body { background: var(--fb-black); }
@media (prefers-reduced-motion: reduce) { .rl-gif, .rl-box .rl-txt::after { animation: none; } }

/* ---------- placa do logo na barra lateral: marinho nos 2 temas ---------- */
.sidebar__brand { background: linear-gradient(180deg, var(--fb-navy), var(--fb-navy-3)) !important; border-bottom-color: rgba(216, 163, 48, .35) !important; }
.sidebar__brand img { max-height: 58px !important; }

/* ---------- cupom: "FINALIZAR E GERAR PIN" tinha verde INLINE no codigo (#0f9d58) -> dourado nos 2 temas ---------- */
#bs-pin {
  background: linear-gradient(180deg, var(--fb-gold-hi), var(--fb-gold)) !important;
  color: var(--fb-ink) !important; border: 0 !important; font-weight: 800 !important;
}
#bs-pin:disabled { opacity: .5; cursor: not-allowed; }

/* ---------- botoes de acao das telas de acesso (login/canais/pagar): dourado nos 2 temas ----------
   O tema escuro herdado do ACM10 pinta .auth__go com --accent2 (la era vermelho, aqui e' azul) com
   especificidade maior; e o app.css do scobets poe brilho VERMELHO. Mesmo seletor, declarado depois. */
.auth__go, html.fb-dark:not(.fb-staff) .auth__go,
.login__card #login-btn, html.fb-dark:not(.fb-staff) .login__card #login-btn {
  background: linear-gradient(180deg, var(--fb-gold-hi), var(--fb-gold)) !important;
  color: var(--fb-ink) !important; border: 0 !important;
  box-shadow: 0 10px 24px rgba(216, 163, 48, .28) !important;
}

/* ---------- contraste (auditoria WCAG real nas telas; medidas antes -> depois) ---------- */
/* letra branca sobre dourado 2.28:1 -> tinta escura ~9:1 (os 2 temas) */
#login-cadastro, .cas-chip.is-on, html.fb-dark:not(.fb-staff) .cas-chip.is-on { color: var(--fb-ink) !important; }
/* tema CLARO: dourado como TEXTO sobre branco nao passa (2.12:1) -> marinho */
html:not(.fb-dark) .cas-row__all, html.fb-staff .cas-row__all { color: #0B3A8C !important; }
/* tema CLARO: rotulos pequenos apagados */
html:not(.fb-dark) .page-eyebrow { color: #4A5568 !important; }
#login-esqueci { color: #B9C2D3 !important; }   /* o cartao de login e escuro nos 2 temas */
/* tema CLARO: valor em verde claro sobre branco 3.30:1 -> verde escuro 5:1 */
html:not(.fb-dark) #bs-return { color: #15803D !important; }
/* tema ESCURO: titulo de grupo do menu 3.26:1 -> 7:1 */
html.fb-dark:not(.fb-staff) .navgroup__head, html.fb-dark:not(.fb-staff) .navgroup__head .ico { color: #AAB3C5 !important; }

/* ---------- ao vivo: placar em BRANCO no escuro (era o marinho primario = invisivel no preto) ---------- */
html.fb-dark:not(.fb-staff) .game-row .teams .t .g-score, html.fb-dark:not(.fb-staff) .g-score { color: #FFFFFF !important; }