/* Space Grotesk import removed 2026-10-23: one font family (Inter) via pn-polish.css */
/* Picknation88 "Night Game" theme (brand option C) + design fixes (audit recs 1,3,4,7,10).
   Loaded last. Roll back: remove the <link> in layouts/app.blade.php (or delete this file).
   Void #0A0A0F | Surface #16161F | Volt #C6FF3D | Violet #7C3AED | Text #fff / #A1A1AA */

/* ---------- Tokens: re-point the template's HSL variables ---------- */
:root{
  --pn-void:#0A0A0F;--pn-surface:#16161F;--pn-surface-2:#1E1E2A;--pn-line:#2C2C3A;
  --pn-volt:#C6FF3D;--pn-violet:#7C3AED;--pn-text:#fff;--pn-muted:#A1A1AA;
  --base-h:76;--base-s:100%;--base-l:62%;
  --accent-h:262;--accent-s:83%;--accent-l:58%;
  --dark-h:240;--dark-s:20%;--dark-l:6%;
  --dark:0 0% 92%;           /* used by the template mostly as TEXT colour */
  --white:240 14% 10%;       /* surfaces */
  --light:0 0% 96%;
  --black-h:0;--black-s:0%;--black-l:90%;
  --text:0 0% 90%;--heading:0 0% 100%;--border:240 10% 20%;
  --primary:262 83% 58%;
  --heading-font:"Space Grotesk","Inter",sans-serif;
}

html,body{background:var(--pn-void);color:var(--pn-text)}
h1,h2,h3,h4,h5,h6{color:#fff}
.text-muted,.text--muted{color:var(--pn-muted)!important}
.home-page,.sports-body{background:var(--pn-void)}
a{color:var(--pn-volt)}

/* ---------- Header / nav / footer ---------- */
.header-primary,.app-nav,.sports-category{background:var(--pn-void)!important;border-color:var(--pn-line)}
.header-primary{border-bottom:1px solid var(--pn-line)}
.app-nav{border-top:1px solid var(--pn-line)}
.app-nav__menu-link.active .app-nav__menu-icon,.app-nav__menu-link.active .app-nav__menu-text{color:var(--pn-volt)}
.app-nav__menu-link-important{background:var(--pn-volt)!important;color:var(--pn-void)!important;border-color:var(--pn-void)!important}
.app-nav__drawer{background:var(--pn-surface)!important}
.sports-category__link:hover,.sports-category__link.active{background:var(--pn-surface-2)!important}
.sports-category__link.active .sports-category__text,.sports-category__link.active .sports-category__icon{color:var(--pn-volt)}
.footer,.footer--light,.footer--dark,.footer-bottom,.footer-bottom--dark{background:var(--pn-surface)!important;color:var(--pn-muted)}
.footer__title{color:#fff!important}
.footer__about,.footer__link,.footer-bottom,.footer-bottom--dark{color:var(--pn-muted)!important}
.footer__link:hover,.t-link--base{color:var(--pn-volt)!important}

/* ---------- Buttons ---------- */
.btn--base,.btn--base:focus,.btn--base:active,.btn--signup,.btn--view{
  background:var(--pn-volt)!important;border-color:var(--pn-volt)!important;color:var(--pn-void)!important;font-weight:700}
.btn--base:hover,.btn--signup:hover,.btn--view:hover{background:#d8ff6e!important;border-color:#d8ff6e!important;color:var(--pn-void)!important}
.btn--login{background:transparent!important;color:#fff!important;border:1px solid var(--pn-violet)!important}
.btn--login:hover{background:var(--pn-violet)!important}
.btn--primary,.btn--secondary,.btn--success,.btn--danger,.btn--info,.btn--dark,.text--white{color:#fff}
.btn--warning{color:var(--pn-void)}
.btn--dark{background:var(--pn-surface-2)}
.btn-outline--base{color:var(--pn-volt);border-color:var(--pn-volt)}
.btn-outline--base:hover,.btn-outline--base.active{background:var(--pn-volt)!important;color:var(--pn-void)!important}
.header-primary .btn:not(.btn--base){color:#fff}

/* ---------- Surfaces ---------- */
.sports-card,.sports-card-left,.betslip-item,.custom--card,.login-form,.contact-card,.support-card,
.modal .modal-content,.dropdown-menu,.list--group .list-group-item,.sub-category-drawer,.qr-code-wrapper{
  background:var(--pn-surface)!important;color:var(--pn-text);border-color:var(--pn-line)}
.betslip,.betslip__body,.betslip__head,.betslip-inner{background:var(--pn-surface)!important}
.betslip{border-left:1px solid var(--pn-line)}
.betslip-header,.betslip-select,.betslip__footer-bottom,.betslip__list-footer{border-color:var(--pn-line)!important}
.bet-type__btn{color:var(--pn-text);border-color:var(--pn-line)}
.bet-type__btn:has(input:checked),.bet-type__btn:hover{background:var(--pn-volt)!important;color:var(--pn-void)!important;border-color:var(--pn-volt)!important}
.custom--card .card-header,.modal .modal-header,.modal .modal-footer{background:var(--pn-surface-2);border-color:var(--pn-line)}
.form--control,.form-control,.form-select,.input-group-text,.betslip__footer-bottom .form--control,select{
  background:var(--pn-surface-2)!important;color:#fff!important;border-color:var(--pn-line)!important}
.form--control::placeholder,.form-control::placeholder{color:var(--pn-muted)!important}
.form--control:focus,.form-control:focus,.form-select:focus{border-color:var(--pn-volt)!important;box-shadow:0 0 0 2px rgba(198,255,61,.2)!important}
.table,.custom--table{color:var(--pn-text);--bs-table-bg:transparent;--bs-table-color:var(--pn-text)}
.custom--table tbody tr{background:var(--pn-surface)}
.custom--table th,.custom--table td{border-color:var(--pn-line)!important}
.custom--table thead th{background:var(--pn-surface-2);color:#fff}
.pagination .page-link{background:var(--pn-surface);border-color:var(--pn-line);color:var(--pn-text)}
.pagination .active .page-link,.pagination .page-link:hover{background:var(--pn-volt);color:var(--pn-void);border-color:var(--pn-volt)}
.cookies-card{background:var(--pn-surface);color:var(--pn-text)}


/* Bet slip footer (stake / returns / place bet) */
.betslip__footer,.betslip__footer-list,.betslip-righ,.betslip__footer-bottom{background:var(--pn-surface)!important;border-color:var(--pn-line)!important}
.betslip__footer{border-top:1px solid var(--pn-line);border-radius:10px}
.betslip__footer span,.betslip__footer small,.betslip__footer label,.betslip__list-ratio span,.bet-return,.betslip__list-match,.betslip-input-inner{color:var(--pn-text)!important}
.betslip__footer .text--danger{color:#ff6b6b!important}
.betslip__footer input.amount,.betslip__list-ratio input{background:var(--pn-surface-2)!important;color:#fff!important;border:1px solid var(--pn-line)!important}
.betslip-item-market__score,.betslip-item-stake__label,.betslip-item-return__text,.betslip-item-team__name,.betslip-item-league__name,.betslip-item-market__label,.betslip-item-market__type{color:var(--pn-text)}
.betslip-item-market__score{color:var(--pn-volt);font-family:"JetBrains Mono",ui-monospace,Consolas,monospace}
.betslip-item .input-group-text,.betslip-item .form-control{background:var(--pn-surface-2)!important;color:#fff!important;border-color:var(--pn-line)!important}
.delete-btn{background:var(--pn-violet)!important;color:#fff!important}
.empty-slip-message{color:var(--pn-muted)}
.single-bet .bet-list-item,.bet-list-item{background:var(--pn-surface-2)!important;color:var(--pn-text)}
.bet-single__team,.bet-single__selected-team .name,.bet-single-info .label,.bet-single-info .value,.bet-market_type{color:var(--pn-text)!important}

/* ---------- 1. No preloader badge, slim cookie bar ---------- */
.preloader{display:none!important}
.cookies-card.pn-cookie-bar{
  position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;border-radius:0;
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  padding:10px 16px;background:var(--pn-surface);border-top:1px solid var(--pn-violet);color:#fff;font-size:14px;line-height:1.4;
  text-align:left;z-index:10050}
.cookies-card.pn-cookie-bar.hide{bottom:-200px!important}
.pn-cookie-bar .cookies-card__content{margin:0;color:#fff}
.pn-cookie-bar .cookies-card__content a{color:var(--pn-volt);text-decoration:underline}
.pn-cookie-bar .btn{padding:6px 18px;font-size:14px;white-space:nowrap;flex-shrink:0}
@media (max-width:991px){.cookies-card.pn-cookie-bar{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}
body:has(.cookies-card.pn-cookie-bar:not(.hide):not(.d-none)) .body-overlay{display:none}

/* ---------- 4. Odds grid ---------- */
.sports-card-heading{font-size:.8125rem;font-weight:600;color:var(--pn-muted)!important;letter-spacing:.02em;background:var(--pn-surface-2)!important}
.team-select-title{white-space:nowrap}
.sports-card-left .sports-card-body,.sports-card-inner:not(:last-child) .sports-card-body{border-color:var(--pn-line)!important}
.option-odd-lists .btn,.option-odd-list__item .point,.sports-card__info-text{
  font-family:"JetBrains Mono","Roboto Mono",ui-monospace,Consolas,monospace;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.option-odd-lists .btn,.oddBtn{font-size:.9375rem;font-weight:600;color:#fff!important;padding:10px 0;min-height:40px;
  background:var(--pn-surface-2)!important;border:1px solid var(--pn-line)!important;border-radius:6px;transition:background .12s,border-color .12s,color .12s}
.option-odd-lists .btn.oddBtn:hover,.oddBtn:hover{border-color:var(--pn-volt)!important;color:var(--pn-volt)!important}
.option-odd-lists .btn.oddBtn:focus-visible{outline:2px solid var(--pn-volt);outline-offset:2px}
.option-odd-lists .btn.oddBtn.active,.oddBtn.active,.option-odd-list__item .btn-light.active{background:var(--pn-volt)!important;color:var(--pn-void)!important;border-color:var(--pn-volt)!important}
.option-odd-lists .btn.locked{opacity:.5;cursor:not-allowed}
.option-odd-lists .btn:disabled{background:transparent!important;color:#6b6b78!important}
.option-odd-list__item .point{font-size:.875rem;font-weight:600;color:var(--pn-muted);min-width:56px;display:inline-block}

/* ---------- 3. Mobile: game cards fit the screen (no clipped columns) ---------- */
@media (max-width:767px){
  .sports-card{overflow:visible!important;cursor:default!important}
  .sports-card-wrapper{min-width:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .sports-card-left{grid-column:1/-1;width:auto;position:static;border-bottom:1px solid var(--pn-line)}
  .sports-card-left .sports-card-body{border-right:0}
  .sports-card-inner{width:auto;min-width:0}
  .sports-card-inner .sports-card-body{padding:6px 4px}
  .sports-card-inner:last-child .sports-card-body{border-right:0}
  .pn-market .option-odd-lists{flex-direction:column;gap:6px}
  .pn-market .option-odd-list__item{width:100%;text-align:center}
  .sports-card-heading{padding:.4rem .25rem;font-size:.75rem}
  .pn-market .sports-card-top-inner .team-select-title:not(:nth-child(2)){display:none}
  .pn-market .sports-card-top-inner .team-select-title:nth-child(2){width:auto}
  .pn-market--totals .sports-card-top-inner .team-select-title:nth-child(2)::after{content:" O/U"}
}

/* ---------- Mobile: fixed bottom menu never covers the slip / Place Bet / content ---------- */
@media (max-width:991px){
  :root{--nav-h:72px}
  .app-nav{min-height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom)}
  .betslip{
    height:calc(100vh - var(--nav-h) - env(safe-area-inset-bottom));
    height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom));
    bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));
    z-index:9998}
  .betslip__footer{padding-bottom:12px}
  body{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}
}

/* Header fits at 390px */
@media (max-width:575px){
  .header-primary{padding:10px 0}
  .header-primary .container,.header-primary .container-fluid{padding-inline:10px}
  .header-primary .logo img,.header-primary .navbar-brand img{max-height:30px;width:auto;max-width:120px}
  .header-primary .select2-container,.header-primary select,.header-primary .oddsType{max-width:96px;font-size:12px}
  .header-primary .btn{padding:6px 10px;font-size:13px;white-space:nowrap}
  .header-primary .btn i{display:none}
  .header-fluid-custom-parent{gap:8px;min-width:0}
  .header-fluid-custom-parent .logo{flex-shrink:1;min-width:0}
  .header-fluid-custom-parent .logo img{max-height:30px;max-width:118px;width:auto}
  .right-side-nav{gap:8px!important;flex-shrink:0}
  .select-lang .form-select.oddsType{width:auto;max-width:104px;font-size:12px;padding-right:22px;padding-left:6px;background-position:right 4px center}
  .app-nav__menu-text{font-size:11px;white-space:nowrap}
}

/* ---------- Headings / typography ---------- */
.pn-page-h1{font-family:var(--heading-font);font-style:italic;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .25rem;line-height:1.3}
.pn-page-h1 span{font-style:normal;font-weight:500;color:var(--pn-muted);font-size:1rem}
.login-form__title{font-size:22px;font-weight:700;color:#fff}
.pn-banner-h1{font-size:clamp(1.75rem,3vw,2.5rem)}
.policy-content,.policy-page .card-body{max-width:75ch}

/* ---------- Footer compliance block ---------- */
.pn-compliance{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--pn-line);font-size:.8125rem;line-height:1.6;color:var(--pn-muted)}
.pn-compliance strong{color:#fff}
.pn-compliance a{color:var(--pn-volt)}
.pn-badge-18{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:2px solid var(--pn-volt);border-radius:50%;color:var(--pn-volt);font-weight:800;font-size:.8125rem;margin-right:8px;vertical-align:middle}
.pn-placeholder{background:rgba(124,58,237,.18);border:1px dashed var(--pn-violet);border-radius:4px;padding:0 6px;color:#fff}

/* My Bets: lost bets show a dash instead of a return */
.pn-lost-return{color:var(--pn-muted)}

/* Footer section headings are h2 for document outline; keep the h5 look */
h2.footer__title{font-size:1.0625rem;line-height:1.3;margin-top:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767px){.pn-empty-mid{display:none}.pn-market--h2h .option-odd-lists{justify-content:center}}

/* ---------- Single-game (Pinnacle-style) markets page in Night Game ---------- */
.pn-game{--pn-navy:#16161F;--pn-slate:#232331;--pn-odds:#C6FF3D;--pn-line:#A1A1AA;--pn-border:#2C2C3A;--pn-bg:#0A0A0F;
  background:var(--pn-surface);color:var(--pn-text)}
.pn-crumbs{background:var(--pn-surface-2);border-color:var(--pn-line);color:#fff}
.pn-crumbs i{color:var(--pn-volt)}
.pn-banner{background:linear-gradient(90deg,#1E1E2A 0%,#1E1E2A 65%,#7C3AED 100%);color:#fff}
.pn-banner__date,.pn-banner__team{border-bottom-color:var(--pn-line)}
.pn-tab{color:var(--pn-muted)}
.pn-tab.active{color:#fff;border-bottom-color:var(--pn-volt)}
.pn-panel__head{background:var(--pn-slate);color:#fff}
.pn-panel__body,.pn-empty-tab{background:var(--pn-surface);border-color:var(--pn-border);color:var(--pn-text)}
.pn-cols--labels{color:var(--pn-muted)}
.pn-box,.btn.pn-box{background:var(--pn-surface-2)!important;border:1px solid var(--pn-border)!important;color:#fff!important;
  padding:7px 10px;min-height:0;font-size:13px;text-align:left;justify-content:flex-start}
.pn-box:hover{border-color:var(--pn-volt)!important;background:#26263a!important}
.pn-box__label{color:#fff}
.pn-box__line{color:var(--pn-muted)}
.pn-box__odds{color:var(--pn-volt);font-family:"JetBrains Mono",ui-monospace,Consolas,monospace}
.pn-box.active{background:var(--pn-volt)!important;border-color:var(--pn-volt)!important}
.pn-box.active .pn-box__odds,.pn-box.active .pn-box__label,.pn-box.active .pn-box__line{color:var(--pn-void)}
.pn-more{color:var(--pn-text)}
.pn-tt__team+.pn-tt__team{border-left-color:var(--pn-line)}
/* ---------- v4: bet slip fixes ---------- */
/* header username: was hsl(var(--white)) = near-black on the dark header (1.1:1); now #fff (19:1, WCAG AA) */
.header-primary .dropdown-toggle.user-profile-btn,.header-primary .dropdown-toggle.user-profile-btn::after{color:var(--pn-text)!important}
.betslip-item-market__line{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-weight:600;margin-left:.25em}
@media (max-width:991px){
  /* slip list scrolls, footer (stake, bin, Place Bet) stays pinned above the bottom bar */
  .betslip .betslip-inner{min-height:0}
  .betslip .betslip__body{min-height:0}
  .betslip__footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))!important} /* clear the raised centre menu button */
  /* bottom bar: equal columns, full labels, badge on the icon instead of over the text */
  .app-nav__menu>li{flex:1 1 0;min-width:0;text-align:center}
  .app-nav__menu>li.app-nav__menu-link-important-container{flex:0 0 60px}
  .app-nav__menu-text{white-space:nowrap}
  .app-nav__menu-link.open-betslip span.bet-count{top:-8px;right:auto;left:calc(50% + 4px)}
  /* the slip icon is "fa-thin" (Font Awesome Pro, not loaded): use the free solid clipboard so the icon row exists */
  .app-nav__menu-link.open-betslip .app-nav__menu-icon{min-height:18px}
  .app-nav__menu-link.open-betslip .app-nav__menu-icon i::before{content:"\f46d";font-family:"Font Awesome 6 Free";font-weight:900}
}
/* ---------- v5: mobile slip at zoom / narrow screens ---------- */
@media (max-width:991px){
  /* nothing on the page may be wider than the screen: an overflowing odds row widened the mobile layout
     viewport, so at 125-150% zoom the fixed slip (bin, Place Bet) ran off the right / bottom edge */
  .pn-cols,.pn-cols>*,.pn-tt__team,.pn-box{min-width:0;max-width:100%}
  .pn-box__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pn-box__odds{flex-shrink:0}
  html,body{overflow-x:hidden}
  /* slip height follows the visible viewport (100vh ignores the browser toolbars on iOS/Android) */
  .betslip{height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));max-width:none!important;width:100%}
  .betslip .betslip-inner{overflow:hidden}
  .betslip .betslip__body{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .betslip__footer{position:relative;z-index:2;flex-shrink:0;max-height:60%;max-height:60dvh;overflow-y:auto;background:inherit}
  .betslip__footer .deleteAll,.betslip__footer .betPlaceBtn{flex-shrink:0}
}
/* ---------- v6: mobile slip sits above the bottom nav (<=420px: Place Bet + bin visible, pick list readable) ---------- */
@media (max-width:991px){
  /* real bottom-nav height (icon row + label + raised centre button) is taller than the theme's --nav-h:60px,
     so the open slip bottom edge ran under the nav and hid the bin / Place Bet */
  :root{--pn-nav-real:calc(76px + env(safe-area-inset-bottom,0px))}
  .betslip{
    bottom:var(--pn-nav-real)!important;
    height:calc(100vh - var(--pn-nav-real))!important;
    height:calc(100dvh - var(--pn-nav-real))!important;
    z-index:10000;
  }
  /* the slip now ends above the bar, so only clear the raised centre button, not the safe-area inset twice */
  .betslip__footer{padding-bottom:28px!important}
  .betslip .betslip__body{min-height:96px}
}
@media (max-width:420px){
  .betslip{padding:8px}
  .betslip__footer{max-height:52%;max-height:52dvh}
  /* stake input on its own row; bin + Place Bet share the row below at full tap size */
  .betslip__footer-bottom{flex-wrap:wrap;gap:8px;padding-inline:8px}
  .betslip__footer-bottom .betslip-form{flex:1 1 100%;min-width:0;width:100%}
  .betslip__footer-bottom .deleteAll{flex:0 0 44px;width:44px;height:44px}
  .betslip__footer-bottom .place-btn{flex:1 1 0;min-width:0}
  .betslip__footer-bottom .betPlaceBtn{width:100%;min-height:44px;white-space:nowrap}
  /* pick list: let long team / market names wrap instead of being squeezed to one letter per line */
  .betslip__list .betslip-item{padding-inline:8px}
  .betslip__list .betslip__list-content,.betslip__list .betslip-item-body{min-width:0;overflow-wrap:anywhere}
}

/* ---------- User dashboard fixes (Claude 2026-10-19): dashboard.css paints table cells #fff and the
   balance card light, which made the night theme's white text invisible (My Bets, Transactions, balance) ---------- */
.custom--table tbody td{background-color:var(--pn-surface)!important;color:var(--pn-text)!important;border-color:var(--pn-line)!important}
.custom--table tbody td small,.custom--table tbody td .text--muted,.custom--table tbody td .text-muted{color:var(--pn-muted)!important}
.custom--table [data-label]::before{color:var(--pn-muted)}
.table-responsive{border-color:var(--pn-line)}
.widget-card--primary{background:var(--pn-surface-2)!important;border:1px solid var(--pn-line)!important}
.widget-card--primary .widget-card__body{background:transparent!important}
.widget-card--primary .widget-card__balance{color:var(--pn-volt)!important}
.widget-card--primary .widget-card__balance-text{color:var(--pn-muted)!important}

/* ---------- Date range picker + plain .card on user pages (Claude 2026-10-19): white panel with white text ---------- */
.card{background:var(--pn-surface);border-color:var(--pn-line);color:var(--pn-text)}
.card .card-header,.card .card-footer{background:var(--pn-surface-2);border-color:var(--pn-line);color:var(--pn-text)}
.daterangepicker{background:var(--pn-surface-2);border:1px solid var(--pn-line);color:var(--pn-text)}
.daterangepicker:before{border-bottom-color:var(--pn-line)}
.daterangepicker:after{border-bottom-color:var(--pn-surface-2)}
.daterangepicker.drop-up:before{border-top-color:var(--pn-line)}
.daterangepicker.drop-up:after{border-top-color:var(--pn-surface-2)}
.daterangepicker .ranges li{color:var(--pn-text)}
.daterangepicker .ranges li:hover{background:var(--pn-surface);color:var(--pn-volt)}
.daterangepicker .ranges li.active{background:var(--pn-volt);color:#0A0A0F;font-weight:600}
.daterangepicker .calendar-table{background:var(--pn-surface);border-color:var(--pn-line)}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{color:var(--pn-text)}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{border-color:var(--pn-text)}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background:transparent;color:var(--pn-muted)}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:var(--pn-surface-2);color:#fff}
.daterangepicker td.in-range{background:rgba(198,255,61,.15);color:#fff}
.daterangepicker td.active,.daterangepicker td.active:hover{background:var(--pn-volt);color:#0A0A0F}
.daterangepicker .drp-buttons{border-top-color:var(--pn-line)}
.daterangepicker .drp-selected{color:var(--pn-muted)}
.daterangepicker select{background:var(--pn-surface-2);color:#fff;border-color:var(--pn-line)}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left-color:var(--pn-line)}

/* ---------- Request PHP / Withdraw popups + account menu (Claude 2026-10-20) ----------
   main.css makes ".form-group small" position:absolute, so long helper lines floated over the next field.
   The header account dropdown kept dark text on the dark menu. */
#diamondRequestModal .form-group small,#withdrawModal .form-group small{position:static;display:block;margin-top:4px;line-height:1.4}
#diamondRequestModal .form-group label small,#withdrawModal .form-group label small{margin-top:2px}
#diamondRequestModal input[type=radio],#diamondRequestModal input[type=checkbox]{margin-top:4px;flex:0 0 auto;accent-color:var(--pn-volt)}
#diamondRequestModal details ol li{margin-bottom:4px}
.dropdown-menu .dropdown-item{color:var(--pn-text)!important}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item.active{background:var(--pn-surface-2)!important;color:var(--pn-volt)!important}

/* My Bets sidebar: line + odds (Claude 2026-10-21, v10) */
.bet-single__selected-team .pn-bet-line{color:var(--pn-volt);margin-left:4px}
.pn-bet-odds{display:inline-block;background:var(--pn-surface-2);border:1px solid var(--pn-line);color:var(--pn-volt)!important;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap;font-size:.9em}
.bet-single__vs{color:var(--pn-muted)!important}