/* OranAnaliz light interface
   Loaded after page styles so every product area shares one visual language. */
:root {
    color-scheme: light;
    --bg: #f4f8fb !important;
    --panel: #ffffff !important;
    --panel-2: #f8fafc !important;
    --panel-soft: #eef5f8 !important;
    --line: #dbe5ec !important;
    --line-strong: #c9d8e2 !important;
    --text: #172033 !important;
    --muted: #64748b !important;
    --mint: #16c79a !important;
    --mint-strong: #0ea77f !important;
    --blue: #2f6fed !important;
    --shadow: 0 14px 38px rgba(31, 56, 78, .08) !important;
}

html,
body,
.account-body,
.odds-results-page,
.analysis-page,
.advanced-page,
.bulletin-page,
.rolling-page,
.detail-rolling-page,
.detail-page,
.ai-page,
.dealer-page,
.auth-page,
.admin-page,
.account-page {
    background: #f4f8fb !important;
    color: #172033 !important;
}

body::before,
body::after {
    opacity: .24 !important;
}

.topbar,
.advanced-topbar,
.detail-topbar {
    background: #13232e !important;
    border-color: #29404e !important;
    box-shadow: 0 6px 22px rgba(18, 35, 46, .14) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 64px !important;
}

/* Nav birden fazla satıra sarınca marka ve sağdaki hesap/bildirim alanı yukarıda, brand
   ile aynı satırda sabit kalsın; sarma yalnız nav'ın kendi içinde olsun. Tek satıra sığdığı
   (yaygın) durumda ortalanmış kalsın diye align-items değiştirilmiyor, yalnız outer wrap kapatılıyor. */
.topbar,
.advanced-topbar {
    flex-wrap: nowrap !important;
}

.topbar .brand,
.advanced-topbar .brand {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.topbar nav,
.advanced-topbar nav {
    display: flex !important;
    align-items: center !important;
    gap: 3px 4px !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
}

.topbar nav a,
.topbar nav button,
.advanced-topbar nav a,
.advanced-topbar nav button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 6px 9px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    color: #dbe8ed !important;
}

.topbar .status,
.advanced-topbar .status {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.topbar nav a:hover,
.topbar nav a.active,
.topbar nav button:hover,
.topbar nav button.active,
.advanced-topbar a:hover,
.advanced-topbar a.active {
    background: rgba(65, 214, 172, .13) !important;
    color: #66e3bd !important;
}

.topbar .brand-mark,
.brand-mark {
    box-shadow: 0 7px 20px rgba(22, 199, 154, .25) !important;
}

.topbar .account-shortcut,
.topbar .admin-shortcut {
    background: rgba(65, 214, 172, .10) !important;
    border-color: rgba(65, 214, 172, .30) !important;
    color: #66e3bd !important;
}

/* Shared surfaces */
:where(
    .intro, .metric, .filters, .table-panel, .detail-panel,
    .section-panel, .analysis-hero, .analysis-search, .fact-group,
    .advanced-hero, .signal-card, .scanner-intro,
    .auth-card, .auth-showcase, .account-meta, .profile-grid,
    .admin-panel, .admin-form-panel, .settings-card,
    .dealer-card, .dealer-banner, .membership-lock, .application-card,
    .bulletin-panel, .bulletin-header-strip,
    .rolling-card, .rolling-summary, .rolling-hero, .builder-panel,
    .history-card, .next-step-panel, .pending-rollings-panel,
    .ai-hero, .ai-picker, .ai-output, .ai-summary, .ai-context,
    .detail-hero, .market-card-section, .full-match-section,
    .home-section, .platform-strip, .legal-notice
) {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
    box-shadow: 0 12px 34px rgba(31, 56, 78, .07) !important;
}

:where(
    .metric-chip, .compact-metrics article, .analysis-metrics article,
    .detail-stats article, .average-grid article, .api-match-facts article,
    .rolling-card-stats article, .coupon-stat, .balance-block,
    .history-metric, .pending-values, .rate-box, .ai-notes,
    .account-shortcut, .admin-shortcut, .result-market-card,
    .criterion-card, .api-match-card, .match-card-row
) {
    background: #f8fafc !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
}

/* Yukarıdaki color kural kartın kendisine yazıyor; içindeki strong'un kendi (koyu zemin
   için tasarlanmış) rengi varsa miras almayıp onu eziyor, kart beyaza dönünce yazı görünmez
   oluyordu (ör. "EŞLEŞEN MAÇ" / "SONUÇLANAN" sayıları). Bu öğeler ayrıca hedeflenip düzeltiliyor. */
:where(.analysis-metrics strong, .admin-stats strong, .dealer-member-row strong) {
    color: #172033 !important;
}

:where(
    .intro h1, .intro h2, .analysis-hero h1, .advanced-hero h1,
    .auth-card h1, .auth-card h2, .auth-showcase h1, .auth-showcase h2,
    .page-heading h1, .admin-heading h1, .bulletin-title h1,
    .rolling-hero h1, .rolling-card h2, .rolling-card h3,
    .ai-hero h1, .ai-section-head h2, .detail-hero h1,
    .section-heading h2, .section-title-row h2, .panel-title h2,
    .home-section-head h2, .site-footer h2, .membership-lock h1,
    .dealer-title, .settings-head h2, .admin-panel-head h2,
    .application-card-head h2, .form-section-title
) {
    color: #111c2d !important;
}

:where(
    .intro p, .analysis-hero p, .advanced-hero p, .auth-card p,
    .auth-showcase p, .page-heading p, .admin-heading p,
    .bulletin-title p, .rolling-hero p, .ai-hero p,
    .detail-hero p, .section-heading p, .home-section-head p,
    .form-help, .dealer-card p, .membership-lock p, .ai-disclaimer,
    .detail-meta, .league-text, .country-text, .account-meta,
    .shortcut-desc, .footer-lead, .legal-notice p
) {
    color: #64748b !important;
}

/* Form controls */
:where(input, select, textarea, .search-field, .search-input-wrap, .analysis-search input,
       .bulletin-select, .date-input-box, .match-select-wrapper, .odds-field) {
    background: #ffffff !important;
    border-color: #cbd9e3 !important;
    color: #172033 !important;
    box-shadow: none !important;
}

:where(input, select, textarea)::placeholder {
    color: #94a3b8 !important;
}

:where(input, select, textarea):focus {
    border-color: #22b991 !important;
    box-shadow: 0 0 0 3px rgba(22, 185, 145, .13) !important;
    outline: none !important;
}

.dropdown-menu,
.custom-modal-dialog,
.modal-panel,
.shortcuts-dialog,
.match-modal {
    background: #ffffff !important;
    border-color: #d6e2ea !important;
    color: #172033 !important;
    box-shadow: 0 24px 70px rgba(30, 49, 67, .2) !important;
}

.dropdown-header,
.custom-modal-header,
.modal-head {
    background: #f7fafc !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
}

.dropdown-menu button,
.dropdown-menu a,
.modal-category-tabbar button,
.cat-tab {
    color: #334155 !important;
}

.dropdown-menu button:hover,
.dropdown-menu a:hover,
.modal-category-tabbar button:hover,
.cat-tab:hover {
    background: #eaf7f3 !important;
    color: #087c61 !important;
}

/* Tables and dense data views */
:where(.matches-table, .compact-table, .signal-table, .bulletin-table,
       .admin-table-wrap table, .full-history-table, .matrix-table) {
    background: #ffffff !important;
    color: #172033 !important;
}

:where(.matches-table, .compact-table, .signal-table, .bulletin-table,
       .admin-table-wrap table, .full-history-table, .matrix-table) thead th {
    background: #f1f6f9 !important;
    border-color: #dbe5ec !important;
    color: #52677a !important;
}

:where(.matches-table, .compact-table, .signal-table, .bulletin-table,
       .admin-table-wrap table, .full-history-table, .matrix-table) tbody td {
    background: #ffffff !important;
    border-color: #e2eaf0 !important;
    color: #243447 !important;
}

:where(.matches-table, .compact-table, .signal-table, .bulletin-table,
       .admin-table-wrap table, .full-history-table, .matrix-table) tbody tr:hover td {
    background: #f0faf7 !important;
}

/* Opening/closing matrix */
.odds-results-page {
    background:
        radial-gradient(circle at 0 0, rgba(22, 199, 154, .10), transparent 28rem),
        radial-gradient(circle at 100% 0, rgba(47, 111, 237, .08), transparent 34rem),
        #f4f8fb !important;
}

.odds-matrix-wrapper {
    background: transparent !important;
}

.odds-toolbar,
.scroll-helpers,
.layout-toggle-banner,
.filter-tabs,
.matrix-empty-state-card {
    background: rgba(255, 255, 255, .96) !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
    box-shadow: 0 7px 22px rgba(31, 56, 78, .07) !important;
}

.odds-table-container,
.matrix-table-wrap {
    background: #ffffff !important;
    border-color: #d6e2ea !important;
    box-shadow: 0 12px 38px rgba(31, 56, 78, .08) !important;
}

.odds-matrix-table {
    background: #ffffff !important;
    color: #172033 !important;
}

.odds-matrix-table th {
    background: #eef4f8 !important;
    border-color: #cfdee7 !important;
    color: #40556a !important;
}

.odds-matrix-table td {
    background: #ffffff !important;
    border-color: #dfe8ee !important;
    color: #1e2c3d !important;
}

.odds-matrix-table tbody tr:nth-child(even) td {
    background: #f9fbfc !important;
}

.odds-matrix-table tbody tr:hover td {
    background: #edf9f5 !important;
}

.odds-matrix-table tbody tr.selected-match-row td,
.odds-matrix-table tbody tr.row-selected td,
.odds-matrix-table td.selected-match-odd {
    background: #fff8df !important;
}

.odds-matrix-table td.col-current-odd {
    cursor: help !important;
}

.odds-matrix-table td.col-current-odd:focus {
    box-shadow: inset 0 0 0 2px #16b98d !important;
    outline: none !important;
}

.odds-matrix-table th.th-current-odd.is-focus-odd {
    background: #fff1bd !important;
    border-left: 2px solid #f59e0b !important;
    border-right: 2px solid #f59e0b !important;
    color: #713f12 !important;
}

.odds-matrix-table td.col-current-odd.is-focus-odd {
    background: #fffaf0 !important;
    border-left: 2px solid #f59e0b !important;
    border-right: 2px solid #f59e0b !important;
}

.odds-matrix-table tr.row-odd-match td.col-current-odd.is-exact-reference {
    background: #fff3c4 !important;
}

.odds-matrix-table td.col-current-odd.is-exact-reference strong {
    color: #7c2d12 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.odds-matrix-table tr.row-reference td {
    background: #eef5ff !important;
    border-top: 2px solid #60a5fa !important;
    border-bottom: 2px solid #60a5fa !important;
}

.odds-matrix-table tr.row-reference td.col-current-odd.is-focus-odd {
    background: #ffe58f !important;
}

.odds-matrix-table tr.row-odd-match:hover td.col-current-odd.is-focus-odd {
    background: #ffe9a6 !important;
}

.odds-hover-tooltip {
    position: fixed;
    z-index: 5000;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 190px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 11px;
    background: #14232e;
    color: #ffffff;
    box-shadow: 0 15px 36px rgba(15, 35, 48, .27);
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}

.odds-hover-tooltip.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.odds-hover-tooltip span {
    display: grid;
    flex: 1;
    gap: 2px;
}

.odds-hover-tooltip small {
    color: #9fb2c0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.odds-hover-tooltip strong {
    color: #ffffff;
    font-size: 14px;
}

.odds-hover-tooltip i {
    width: 1px;
    height: 27px;
    background: rgba(255, 255, 255, .14);
}

/* Home */
.workspace,
.workspace > *,
.home-top-grid > *,
.metrics > *,
.tool-grid > *,
.upcoming-grid > * {
    min-width: 0;
}

.home-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.platform-strip,
.analysis-layout,
.home-section {
    margin-bottom: 52px !important;
}

.scanner-intro {
    align-items: center !important;
    padding: 22px 24px !important;
    border: 1px solid #dbe5ec !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(31, 56, 78, .06) !important;
}

.scanner-intro h1,
.scanner-intro p {
    overflow-wrap: anywhere;
}

.metrics .metric {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    box-shadow: 0 9px 26px rgba(31, 56, 78, .055) !important;
}

.metrics .metric.primary {
    background: linear-gradient(145deg, #f0fbf7, #ffffff) !important;
    border-color: #b8e4d5 !important;
}

.metric-label,
.metrics .metric > .metric-label {
    color: #52677a !important;
}

.metric > strong,
.metrics .metric > strong {
    color: #172033 !important;
}

.metric > small,
.metrics .metric > small {
    color: #64748b !important;
}

.metric-chip {
    background: #eef4f7 !important;
    color: #40576b !important;
}

.metric-chip.green {
    background: #e3f7f0 !important;
    color: #087c61 !important;
}

.metric-chip.orange {
    background: #fff1e8 !important;
    color: #b83c0c !important;
}

.metric-chip.blue {
    background: #eaf2ff !important;
    color: #255bc4 !important;
}

.home-hero {
    background:
        radial-gradient(circle at 13% 16%, rgba(22, 199, 154, .16), transparent 24rem),
        linear-gradient(135deg, #ffffff 0%, #f3fbf8 54%, #eef5ff 100%) !important;
    border-color: #d4e5e2 !important;
    color: #172033 !important;
    box-shadow: 0 18px 48px rgba(31, 56, 78, .09) !important;
}

.home-hero h1,
.hero-copy h1,
.hero-copy h2,
.hero-features strong {
    color: #111c2d !important;
}

.home-hero p,
.hero-copy p,
.hero-features span {
    color: #5f7182 !important;
}

.hero-terminal {
    background: #142630 !important;
    border-color: #2a4654 !important;
    color: #eaf6f2 !important;
    box-shadow: 0 18px 42px rgba(20, 38, 48, .18) !important;
}

.tool-grid > a,
.upcoming-grid article,
.prediction-list article,
.cards > article {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
    box-shadow: 0 10px 28px rgba(31, 56, 78, .06) !important;
}

.tool-grid > a {
    min-height: 232px !important;
}

.tool-grid p,
.upcoming-grid p,
.upcoming-grid p strong,
.upcoming-grid p small {
    overflow-wrap: anywhere;
}

.tool-grid > a:hover,
.upcoming-grid article:hover {
    border-color: #62cdb0 !important;
    box-shadow: 0 14px 34px rgba(22, 167, 127, .12) !important;
}

.platform-strip strong,
.platform-strip b,
.platform-strip .metric-label,
.tool-grid h3,
.upcoming-grid h3,
.past-predictions-card h2,
.past-predictions-card h3,
.predictions-card-head h2,
.predictions-card-head h3,
.pred-item strong {
    color: #172033 !important;
}

.platform-strip span,
.platform-strip small,
.pred-item-info,
.pred-sub,
.pred-time {
    color: #64748b !important;
}

.social-rail {
    background: transparent !important;
}

.past-predictions-card,
.predictions-card-body,
.predictions-card-head {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
}

.pred-item {
    background: #f8fafc !important;
    border-color: #e0e8ee !important;
}

.site-footer {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    color: #334155 !important;
}

.footer-inner {
    padding-top: 48px !important;
}

.footer-brand {
    color: #172033 !important;
}

.footer-brand strong {
    color: #087c61 !important;
}

.footer-lead > div > p,
.footer-columns > div > a,
.footer-columns > div > span,
.footer-bottom {
    color: #52677a !important;
}

.footer-columns h3,
.footer-cta strong,
.footer-live h3,
.footer-live > b,
.footer-live > strong {
    color: #172033 !important;
}

.footer-cta {
    background: linear-gradient(135deg, #eefaf6, #eef5fb) !important;
    border-color: #c5e2d9 !important;
}

.footer-cta span,
.footer-live > small {
    color: #64748b !important;
}

.footer-live {
    background: #f8fafc !important;
    border-color: #dbe5ec !important;
}

.legal-notice p strong {
    color: #7c2d12 !important;
}

/* Main scanner: match, home/away and market copy */
.last-sync,
.detail-odds,
.signal-card {
    background: #ffffff !important;
    border: 1px solid #dbe5ec !important;
    color: #172033 !important;
    box-shadow: 0 8px 24px rgba(31, 56, 78, .05) !important;
}

.last-sync strong,
.table-panel td strong,
.teams strong,
.signal-card strong,
.detail-meta strong,
.upcoming-grid p strong {
    color: #172033 !important;
}

.last-sync span,
.last-sync small,
.table-panel td,
.table-panel td small,
.panel-title span,
.panel-title small,
.detail-league,
.teams small,
.teams > span,
.detail-odds small,
.detail-meta span,
.signal-card p,
.upcoming-grid p i,
.upcoming-grid p small {
    color: #64748b !important;
}

.table-panel thead {
    background: #f1f6f9 !important;
    border-color: #dbe5ec !important;
}

.table-panel th {
    color: #52677a !important;
}

.table-panel td {
    border-color: #e2eaf0 !important;
}

.table-panel tbody tr:hover,
.table-panel tbody tr.selected {
    background: #edf9f5 !important;
}

.pick {
    background: #edf5ff !important;
    border-color: #c9ddfb !important;
    color: #2563eb !important;
}

.odd.opening {
    background: #edf3f6 !important;
    color: #52677a !important;
}

.odd.current {
    background: #e6f7f1 !important;
    color: #087c61 !important;
}

.detail-odds strong {
    color: #334155 !important;
}

.detail-odds .now strong,
.signal-card strong {
    color: #0a9a75 !important;
}

.detail-odds > b {
    background: #edf3f6 !important;
    color: #52677a !important;
}

.footer-columns a,
.footer-brand p,
.footer-bottom {
    color: #64748b !important;
}

.legal-notice {
    background: #fffaf0 !important;
    border-color: #f3d79b !important;
}

/* Membership, authentication and admin */
.auth-shell,
.account-page,
.admin-page,
.dealer-page {
    background: transparent !important;
}

.auth-card,
.auth-showcase {
    box-shadow: 0 20px 60px rgba(31, 56, 78, .10) !important;
}

.auth-showcase {
    background: linear-gradient(145deg, #effbf7, #eef4ff) !important;
}

.auth-points li,
.auth-security,
.dealer-member-row,
.application-state,
.review-note {
    background: #f4f8fb !important;
    border-color: #dbe5ec !important;
    color: #334155 !important;
}

.admin-tabs,
.admin-stats article,
.performance-list > *,
.run-list > *,
.user-list > *,
.compact-rollings > * {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
}

.admin-tabs a {
    color: #52677a !important;
}

.admin-tabs a.active,
.admin-tabs a:hover {
    background: #eaf8f4 !important;
    color: #087c61 !important;
}

.membership-lock {
    background:
        radial-gradient(circle at 50% 0, rgba(239, 68, 68, .10), transparent 16rem),
        #ffffff !important;
}

.dealer-banner {
    background: linear-gradient(100deg, #f0fff9, #fffde8) !important;
    border-color: #b9e3ca !important;
}

/* Bulletin, AI and rolling */
.bulletin-page,
.ai-workspace,
.rolling-grid,
.rolling-history,
.analysis-layout,
.analysis-columns {
    background: transparent !important;
}

.bulletin-search-row,
.rolling-card-head,
.ai-section-head,
.history-row,
.event-row,
.fact-row,
.detail-grid > *,
.rolling-history-list > * {
    border-color: #e0e8ee !important;
}

.bulletin-table-navigator {
    background: rgba(248, 250, 252, .98) !important;
    border-color: #d4e0e8 !important;
}

.bulletin-table-navigator input[type="range"] {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    accent-color: #087c61 !important;
}

.history-entry,
.event-picker,
.pending-pick-card,
.auto-pick,
.manual-pick,
.manual-settle,
.selected-event-strip {
    background: #f8fafc !important;
    border-color: #dbe5ec !important;
    color: #172033 !important;
}

.ai-output,
.ai-context,
.ai-summary {
    background: #ffffff !important;
}

.ai-output pre,
.ai-output code {
    background: #f3f7fa !important;
    border-color: #dbe5ec !important;
    color: #243447 !important;
}

.rolling-progress,
.signal-bar {
    background: #e6edf2 !important;
}

/* Light-theme typography for page-specific content */
.bulletin-title,
.team-name,
.time-text,
.bulletin-empty strong,
.selected-event-strip strong,
.criteria-head h2,
.builder-empty strong,
.team-query-summary strong,
.rolling-card-head h2,
.rolling-detail-title h1,
.create-heading h2,
.next-step-copy h2,
.pending-head h2,
.history-entry strong,
.history-match > strong,
.rolling-summary strong,
.balance-block strong,
.step-track strong,
.result-market-card h3,
.full-history-table td:first-child strong,
.fact-row strong,
.matches-table td strong,
.ai-event h2,
.ai-event dd,
.ai-section-head h2,
.ai-result-head h2,
.signal-table strong,
.prediction-list h3,
.ai-empty h2,
.ai-select-empty h2 {
    color: #172033 !important;
}

.col-date,
.col-time,
.country-text,
.league-text,
.selected-event-strip span,
.selected-event-strip small,
.event-picker label > span,
.criteria-form label > span,
.team-form label > span,
.create-rolling label span,
.manual-pick label span,
.rolling-card-head span,
.balance-block span,
.balance-block small,
.rolling-progress > div,
.rolling-card-stats span,
.rolling-detail-title > a,
.rolling-summary span,
.rolling-summary small,
.track-head,
.step-dots > span,
.next-step-copy p,
.pending-head small,
.pending-values span,
.pending-values small,
.manual-settle,
.history-entry span,
.history-match small,
.result-market-card small,
.full-history-table td:first-child small,
.fact-label,
.rate-text,
.ai-event p,
.ai-event dt,
.signal-table small,
.signal-table article > span,
.ai-summary,
.prediction-list p,
.prediction-list article > div > small,
.ai-empty p,
.ai-select-empty p {
    color: #64748b !important;
}

.date-picker-box,
.status-pills,
.create-rolling,
.criteria-form,
.step-track,
.rolling-history {
    background: #ffffff !important;
    border-color: #d6e2ea !important;
    color: #172033 !important;
}

.date-input-wrap input {
    color: #172033 !important;
    color-scheme: light !important;
}

.status-pill:not(.active),
.mbs-pill:not(.active) {
    background: #f3f7fa !important;
    border-color: #d4e0e8 !important;
    color: #52677a !important;
}

.score-ht {
    background: #edf3f6 !important;
    color: #52677a !important;
}

.score-ft {
    background: #e9f7f2 !important;
    color: #087c61 !important;
}

.btn-action {
    background: #ffffff !important;
    border-color: #cad9e2 !important;
    color: #52677a !important;
}

.balance-block {
    background: #dbe5ec !important;
}

.rolling-summary article {
    background: #ffffff !important;
    border-color: #d6e2ea !important;
    color: #172033 !important;
    box-shadow: 0 8px 24px rgba(31, 56, 78, .05) !important;
}

.rolling-summary article.accent {
    background: #effbf7 !important;
    border-color: #ace0cf !important;
}

.balance-block > div {
    background: #f4f8fb !important;
    border-color: #d5e1e8 !important;
    color: #334155 !important;
}

.auto-pick {
    background: linear-gradient(135deg, #f3efff, #edf5ff) !important;
    border-color: #d8ccff !important;
    color: #2f2858 !important;
}

.auto-pick small {
    color: #746b98 !important;
}

.next-step-panel,
.pending-pick-card,
.selected-event-strip,
.team-query-summary {
    background: linear-gradient(110deg, #f1fbf7, #f7fbff) !important;
    border-color: #bfe4d8 !important;
}

.criteria-form,
.criterion-card,
.result-market-card {
    background: #f8fafc !important;
}

.builder-empty,
.ai-select-empty {
    background: #ffffff !important;
    border-color: #cbdbe5 !important;
    color: #64748b !important;
}

.ai-hero aside,
.ai-event,
.ai-output.has-result {
    background: linear-gradient(145deg, #f5f1ff, #f3f9ff) !important;
    border-color: #ddd3ff !important;
    color: #172033 !important;
}

.probability {
    background: #f3efff !important;
    border-color: #d7cbff !important;
}

/* Accessible accent colors on white surfaces */
.eyebrow,
.advanced-hero h1 em,
.intro h1 em,
.hero-copy h1 em,
.scanner-intro h1 em,
.home-section-head > div > span,
.team-query-summary > span,
.next-step-copy > span,
.pending-head > span {
    color: #087c61 !important;
}

.status-badge-finished {
    background: #e3f7f0 !important;
    border-color: #9ddbc7 !important;
    color: #087c61 !important;
}

.badge-fav,
.movement.down,
.odd-diff.down {
    color: #087c61 !important;
}

.badge-var,
.badge-res-1,
.iyms-green,
.tg-23 {
    background: #087c61 !important;
    color: #ffffff !important;
}

.tg-45 {
    background: #c2410c !important;
    color: #ffffff !important;
}

.badge-ust,
.badge-res-2,
.movement.up,
.odd-diff.up {
    color: #ffffff !important;
}

.badge-ust,
.badge-res-2 {
    background: #dc2626 !important;
}

.movement.up,
.col-current-odd i.up {
    color: #dc2626 !important;
}

.col-current-odd i.down {
    color: #087c61 !important;
}

.pred-odd {
    color: #c2410c !important;
}

.rolling-card-head > b,
.campaign-state {
    background: #e3f7f0 !important;
    color: #087c61 !important;
}

.ai-kicker,
.ai-section-head > span,
.ai-event > div > span,
.ai-hero h1 em {
    color: #6d4fd1 !important;
}

.ai-empty i,
.ai-select-empty i {
    color: #6546c4 !important;
}

/* Buttons, badges and feedback */
.primary-action,
.btn-action,
.run-analysis,
.detail-button,
.create-rolling,
.approve,
.btn-primary-view-all {
    box-shadow: 0 8px 20px rgba(22, 167, 127, .17) !important;
}

.secondary-action,
.nav-btn,
.btn-icon,
.btn-stats,
.btn-odds,
.date-arrow,
.layout-switch-btn,
.col-toggle-btn,
.quick-match-pill {
    background: #ffffff !important;
    border-color: #cfdde6 !important;
    color: #334155 !important;
}

.secondary-action:hover,
.nav-btn:hover,
.btn-icon:hover,
.btn-stats:hover,
.btn-odds:hover,
.date-arrow:hover,
.layout-switch-btn:hover,
.quick-match-pill:hover {
    background: #eaf8f4 !important;
    border-color: #72ceb5 !important;
    color: #087c61 !important;
}

.empty,
.empty-state,
.admin-empty,
.bulletin-empty,
.rolling-empty,
.ai-empty,
.analysis-empty,
.empty-matrix {
    background: #ffffff !important;
    border-color: #cddde7 !important;
    color: #64748b !important;
}

/* Scrollbars */
* {
    scrollbar-color: #9fb2c0 #edf3f6;
}

::-webkit-scrollbar-track {
    background: #edf3f6;
}

::-webkit-scrollbar-thumb {
    background: #9fb2c0;
    border: 3px solid #edf3f6;
    border-radius: 999px;
}

@media (max-width: 760px) {
    .odds-hover-tooltip {
        min-width: 170px;
    }

    .topbar,
    .advanced-topbar,
    .detail-topbar {
        box-shadow: 0 4px 16px rgba(18, 35, 46, .12) !important;
    }
}

@media (max-width: 1180px) {
    .metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .footer-lead {
        gap: 36px !important;
    }
}

@media (max-width: 1100px) {
    .social-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .social-mini-strip {
        grid-column: 1 / -1;
        padding: 12px;
        border: 1px solid #dbe5ec;
        border-radius: 13px;
        background: #ffffff;
        box-shadow: 0 8px 22px rgba(31, 56, 78, .05);
    }
}

@media (max-width: 820px) {
    .scanner-intro {
        align-items: flex-start !important;
        padding: 19px !important;
    }

    .scanner-intro .last-sync {
        width: 100% !important;
        min-width: 0 !important;
    }

    .footer-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
    }
}

@media (max-width: 680px) {
    .metrics,
    .social-rail,
    .footer-columns {
        grid-template-columns: 1fr !important;
    }

    .social-mini-strip {
        grid-column: auto;
    }

    .metric {
        min-height: 112px !important;
    }

    .platform-strip,
    .analysis-layout,
    .home-section {
        margin-bottom: 40px !important;
    }
}

/* Nav Dropdown & Modal Display Safety */
.nav-dropdown-menu {
    display: none;
}
.nav-dropdown-menu.open {
    display: block !important;
}
.modal-backdrop {
    display: none;
}
.modal-backdrop.open {
    display: grid !important;
}

/* Bayi doğrulama ve üyelik kilidi: account.css koyu tasarımdan kalan açık renkli başlık/metinleri gündüz temasında okunmuyordu */
.dealer-status {
    background: #ffffff !important;
    border-color: #dbe5ec !important;
    box-shadow: 0 12px 34px rgba(31, 56, 78, .07) !important;
}

.dealer-status.approved {
    border-color: #99e6cc !important;
}

.dealer-title > span,
.dealer-card .step span,
.dealer-status > span,
.membership-lock > span {
    color: #079b7a !important;
}

.dealer-title h1,
.dealer-card h2,
.waiting-box h2,
.dealer-status h2,
.membership-lock h1,
.dealer-banner div b {
    color: #111c2d !important;
    text-shadow: none !important;
}

.dealer-title p,
.dealer-banner div span,
.dealer-card > p,
.waiting-box p,
.dealer-status p,
.membership-lock p,
.dealer-card form label > span,
.dealer-member-row span,
.dealer-card form > small,
.upload-box small,
.waiting-box small {
    color: #64748b !important;
}

.membership-lock p strong {
    color: #172033 !important;
}

.dealer-card input {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #172033 !important;
}

.application-state.pending,
.lock-state.pending {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.application-state.approved {
    background: #d1fae5 !important;
    color: #047857 !important;
}

.application-state.rejected,
.lock-state.rejected {
    background: #ffedd5 !important;
    color: #c2410c !important;
}

.reject-box {
    background: #fff7ed !important;
    border-color: #fdba74 !important;
    color: #c2410c !important;
}

.upload-box {
    background: #f0fdf9 !important;
    border-color: #5eead4 !important;
}

.success-alert {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

.form-alert {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

/* Kullanıcı düzenleme: koyu tasarımdan kalan anahtar satırları */
.switch-row {
    border: 1px solid #dbe5ec !important;
    background: #f8fafc !important;
}

.switch-row span b {
    color: #172033 !important;
    font-size: 13px !important;
}

.switch-row span small {
    color: #64748b !important;
    font-size: 12px !important;
}

/* Dar ekranda marka ve hesap alanı üst satırda, menü altında tam satır olsun; tek satıra sığmayan menü
   sağdaki düğmelerin üstüne binmesin. */
@media (max-width: 1000px) {
    .topbar,
    .advanced-topbar {
        flex-wrap: wrap !important;
        /* Üç satıra çıkan menü ekranın dörtte birini kaplayıp yapışık kalmasın. */
        position: static !important;
    }

    .topbar nav,
    .advanced-topbar nav {
        order: 3 !important;
        flex: 1 1 100% !important;
    }
}

/* Ana sayfa: koyu tasarımdan kalan açık yeşil / gri metinler beyaz yüzeyde okunmuyordu (kontrast taraması) */
.hero-badge {
    color: #047857 !important;
    background: #e6f9f4 !important;
    border-color: #a7f3d0 !important;
}

.hero-features b {
    color: #047857 !important;
}

.hero-features span,
.hero-copy p {
    color: #475569 !important;
}

.analysis-callout {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
    color: #475569 !important;
}

.analysis-callout b,
.analysis-callout strong {
    color: #047857 !important;
}

.analysis-callout span {
    color: #475569 !important;
}

.tool-grid a b,
.legal-notice a,
.upcoming-grid strong,
.home-section-head a {
    color: #047857 !important;
}

.admin-coupon-shortcut {
    border-color: #fcd34d !important;
    background: #fef3c7 !important;
    color: #92400e !important;
}

.pred-empty {
    color: #64748b !important;
}

.whatsapp-card-head {
    background: linear-gradient(135deg, #047857, #059669) !important;
}

.whatsapp-card-head strong,
.whatsapp-card-head small {
    color: #ffffff !important;
}

/* Sağdaki koyu terminal kartı her temada koyu kalır; küçük metinleri zemine göre açılır. */
.hero-terminal .terminal-head small,
.hero-terminal .terminal-foot span,
.hero-terminal .terminal-result small {
    color: #9fbdb3 !important;
}

.detail-kicker b {
    color: #047857 !important;
}

.whatsapp-join-btn {
    background: linear-gradient(135deg, #059669, #047857) !important;
}

/* Bülten, hesap, duyuru, oran aralığı: gündüz temasında okunmayan küçük metinler (kontrast taraması) */
.status-badge-upcoming {
    border-color: #cbd5e1 !important;
    color: #475569 !important;
}

.status-badge-live,
.live-indicator {
    color: #b91c1c !important;
}

.count-badge {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

.badge-iyms.iyms-amber {
    background: #fde68a !important;
    color: #78350f !important;
}

.pager a {
    color: #047857 !important;
}

.pager span,
.pager b {
    color: #475569 !important;
}

.account-meta strong {
    color: #172033 !important;
}

.member-badge small {
    color: #475569 !important;
}

.page-heading > div > span {
    color: #047857 !important;
}

.member-badge {
    border-color: #dbe5ec !important;
    background: #ffffff !important;
}

.member-badge strong {
    color: #172033 !important;
}

.announcement-card-footer span {
    color: #64748b !important;
}

.range-empty {
    color: #64748b !important;
}

.range-submit {
    background: linear-gradient(135deg, #059669, #047857) !important;
}

/* Yönetim: koyu tasarımdan kalan başlık, etiket ve bağlantı renkleri */
.form-section-title strong {
    color: #172033 !important;
}

.form-section-title span {
    color: #047857 !important;
}

.form-section-title.ai-settings-title span {
    color: #6d4fd1 !important;
}

.ai-config-state.ready {
    color: #047857 !important;
}

.empty-state h2 {
    color: #334155 !important;
}

.campaign-label.active {
    background: #d1fae5 !important;
    color: #047857 !important;
}

.campaign-label.completed {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}

.campaign-label.failed {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.admin-panel-head a,
.edit-link {
    color: #047857 !important;
}

.rolling-schedule small {
    color: #64748b !important;
}

.match-card-row strong,
.match-card-row b {
    color: #b45309 !important;
}

.run-list article b.run-ok {
    color: #047857 !important;
}

.run-list article b.run-bad {
    color: #b91c1c !important;
}

.application-state.new {
    color: #475569 !important;
}

/* Giriş / kayıt / şifre sayfaları: açık yeşil bağlantı ve vurgular beyaz kartta okunmuyordu */
.auth-card a,
.back-login {
    color: #047857 !important;
}

.auth-kicker,
.auth-points b {
    color: #047857 !important;
}

.auth-showcase em,
.auth-card em {
    color: #059669 !important;
}