:root{
  --cb-ink:#181d27;
  --cb-ink-2:#2f3746;
  --cb-muted:#667085;
  --cb-line:#d8dee8;
  --cb-soft:#f5f7fb;
  --cb-panel:#ffffff;
  --cb-charcoal:#101820;
  --cb-charcoal-2:#1d252c;
  --cb-red:#b7272f;
  --cb-red-2:#8e1e28;
  --cb-gold:#f3b23a;
  --cb-clay:#9d5428;
  --cb-teal:#14757f;
  --cb-green:#24745f;
  --cb-shadow:0 20px 58px rgba(24,29,39,.16);
  --cb-shadow-sm:0 10px 28px rgba(24,29,39,.10);
  --cb-radius:8px;
  --ddh-track-bg:url('/assets/dirt-track-bg.png');
}

@supports (background-image:image-set(url('/assets/dirt-track-bg.webp') type('image/webp'))){
  :root{
    --ddh-track-bg:image-set(url('/assets/dirt-track-bg.webp') type('image/webp'), url('/assets/dirt-track-bg.png') type('image/png'));
  }
}

/* Mobile Reboot Final Override: this is intentionally last so the new app design wins. */
@media (max-width: 767.98px){
  :root{
    --ddh-mobile-nav-height:5.45rem;
    --ddh-m-bg:#080b10;
    --ddh-m-card:#ffffff;
    --ddh-m-ink:#101828;
    --ddh-m-muted:#667085;
    --ddh-m-gold:#f4b63f;
    --ddh-m-orange:#f97316;
    --ddh-m-red:#e5484d;
    --ddh-m-shadow:0 22px 60px rgba(2,6,23,.28);
  }

  html,
  body{
    overflow-x:hidden !important;
  }

  body.cb-app{
    color:var(--ddh-m-ink);
    background:
      linear-gradient(180deg, rgba(5,7,10,.72), rgba(5,7,10,.96) 36%, rgba(7,9,13,.98)),
      radial-gradient(circle at 14% 2%, rgba(244,182,63,.36), transparent 26%),
      radial-gradient(circle at 92% 20%, rgba(76,201,240,.18), transparent 25%),
      var(--ddh-track-bg) center top / cover fixed !important;
    padding-bottom:calc(var(--ddh-mobile-nav-height) + env(safe-area-inset-bottom) + .8rem) !important;
  }

  .cb-main.container,
  .ddh-legal-footer.container{
    max-width:100%;
    padding-left:max(1rem, env(safe-area-inset-left));
    padding-right:max(1rem, env(safe-area-inset-right));
  }

  .cb-main{
    margin-top:.7rem;
    margin-bottom:1.25rem;
  }

  .cb-context-bar{
    display:none !important;
  }

  .cb-navbar{
    padding:.55rem 0 .48rem !important;
    padding-top:calc(.55rem + env(safe-area-inset-top)) !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(6,9,14,.96), rgba(6,9,14,.78)) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(22px) saturate(1.25);
  }

  .cb-brand-logo-wrap{
    width:42px !important;
    height:42px !important;
    border:0 !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.08) !important;
  }

  .cb-brand-logo{
    width:40px !important;
    height:40px !important;
  }

  .cb-brand-title{
    max-width:48vw;
    overflow:hidden;
    color:#fff;
    font-size:.98rem !important;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .cb-brand-subtitle{
    display:none !important;
  }

  .cb-navbar .navbar-toggler{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.08) !important;
  }

  .cb-navbar .navbar-collapse{
    margin-top:.72rem !important;
    padding:.72rem !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:26px !important;
    background:rgba(8,12,18,.98) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.44) !important;
  }

  .cb-navbar .navbar-nav,
  .cb-nav-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:.5rem !important;
  }

  .cb-navbar .nav-link,
  .cb-nav-actions .btn,
  .ddh-notification-toggle{
    min-height:46px;
    border-radius:18px !important;
  }

  .ddh-mobile-app-header{
    display:block !important;
    padding:.9rem max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));
  }

  .ddh-mobile-app-header-inner{
    padding:1.05rem !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:32px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(244,182,63,.45), transparent 35%),
      linear-gradient(145deg, rgba(12,17,25,.96), rgba(28,22,18,.93)) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  .ddh-mobile-page-title{
    color:#fff !important;
    font-size:clamp(1.65rem, 9vw, 2.45rem) !important;
    font-weight:950 !important;
    line-height:.92 !important;
  }

  .ddh-mobile-page-context{
    color:rgba(255,255,255,.72) !important;
  }

  .ddh-mobile-pill-action{
    color:#101828 !important;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange)) !important;
  }

  .cb-page-heading.ddh-mobile-actionless{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip{
    display:block !important;
    padding:0 !important;
    margin:.85rem 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip > .ddh-mobile-heading-orb,
  .cb-page-heading.ddh-mobile-action-strip > div:first-of-type{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip > .d-flex,
  .cb-page-heading.ddh-mobile-action-strip > a,
  .cb-page-heading.ddh-mobile-action-strip > form{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.55rem;
    width:100%;
  }

  .cb-page-heading.ddh-mobile-action-strip .btn{
    width:100%;
  }

  .cb-card,
  .card.cb-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.70) !important;
    border-radius:30px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,251,.94)) !important;
    box-shadow:var(--ddh-m-shadow), inset 0 1px 0 rgba(255,255,255,.85) !important;
  }

  .cb-card .card-body,
  .card-body{
    padding:1.05rem !important;
  }

  .cb-card h3,
  .cb-card h4,
  .cb-card h5,
  .cb-card h6{
    color:var(--ddh-m-ink) !important;
    font-weight:950 !important;
  }

  .cb-card .text-muted,
  .card .text-muted,
  .form-text{
    color:var(--ddh-m-muted) !important;
  }

  .form-control,
  .form-select,
  textarea.form-control{
    min-height:50px !important;
    padding:.78rem .9rem !important;
    color:#101828 !important;
    border:1px solid rgba(16,24,40,.12) !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(16,24,40,.06) !important;
    font-size:16px !important;
  }

  .btn{
    min-height:48px;
    border-radius:18px !important;
    font-weight:950 !important;
  }

  .btn-sm{
    min-height:42px;
    border-radius:16px !important;
  }

  .btn-accent,
  .btn-primary,
  .btn-success,
  .btn-warning{
    border:0 !important;
    color:#101828 !important;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange)) !important;
    box-shadow:0 14px 26px rgba(244,182,63,.25), inset 0 1px 0 rgba(255,255,255,.65) !important;
  }

  .btn-outline-light,
  .btn-outline-secondary,
  .btn-outline-primary,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-dark{
    color:#101828 !important;
    border-color:rgba(16,24,40,.12) !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(16,24,40,.07) !important;
  }

  .nav-tabs,
  .nav-pills,
  .cb-tabs,
  .cb-pool-tabs{
    display:flex !important;
    gap:.42rem !important;
    padding:.42rem !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:24px !important;
    background:rgba(7,11,16,.82) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  .nav-tabs .nav-link,
  .nav-pills .nav-link,
  .cb-tabs .nav-link,
  .cb-pool-tabs .nav-link{
    min-height:42px !important;
    border:0 !important;
    border-radius:18px !important;
    color:rgba(255,255,255,.76) !important;
    background:rgba(255,255,255,.055) !important;
    font-size:.78rem !important;
    font-weight:950 !important;
  }

  .nav-tabs .nav-link.active,
  .nav-pills .nav-link.active,
  .cb-tabs .nav-link.active,
  .cb-pool-tabs .nav-link.active{
    color:#101828 !important;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange)) !important;
  }

  .ddh-mobile-bottom-nav{
    left:max(.85rem, env(safe-area-inset-left)) !important;
    right:max(.85rem, env(safe-area-inset-right)) !important;
    bottom:max(.7rem, env(safe-area-inset-bottom)) !important;
    padding:.5rem !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:30px !important;
    background:
      linear-gradient(145deg, rgba(7,10,15,.97), rgba(19,19,22,.95)),
      radial-gradient(circle at 50% -20%, rgba(244,182,63,.34), transparent 42%) !important;
    box-shadow:0 24px 72px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  .ddh-mobile-bottom-link{
    min-height:58px !important;
    color:rgba(255,255,255,.70) !important;
    border-radius:22px !important;
  }

  .ddh-mobile-bottom-link.is-active{
    color:#101828 !important;
    background:linear-gradient(135deg, #fff7d4, var(--ddh-m-gold) 62%, var(--ddh-m-orange)) !important;
  }

  .ddh-mobile-bottom-mark,
  .ddh-mobile-bottom-link.is-active .ddh-mobile-bottom-mark{
    width:26px !important;
    height:26px !important;
    display:grid !important;
    place-items:center !important;
    color:currentColor !important;
    background:transparent !important;
  }

  .ddh-mobile-bottom-mark svg{
    width:22px;
    height:22px;
  }

  .ddh-mobile-bottom-label{
    font-size:.62rem !important;
    font-weight:950 !important;
  }

  .table-responsive{
    overflow:visible !important;
    border:0 !important;
    background:transparent !important;
  }

  .table-responsive > .table,
  table.table,
  .ddh-mobile-card-table{
    min-width:0 !important;
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 .72rem !important;
    background:transparent !important;
  }

  table.table thead,
  .ddh-mobile-card-table thead{
    display:none !important;
  }

  table.table tbody,
  table.table tr,
  table.table td,
  .ddh-mobile-card-table tbody,
  .ddh-mobile-card-table tr,
  .ddh-mobile-card-table td{
    display:block !important;
    width:100% !important;
  }

  table.table tbody tr,
  .ddh-mobile-card-table tbody tr{
    margin:0 0 .72rem !important;
    padding:.78rem !important;
    color:#101828 !important;
    border:1px solid rgba(16,24,40,.09) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(244,182,63,.12), transparent 34%),
      linear-gradient(145deg, #fff, #f6f8fb) !important;
    box-shadow:0 16px 36px rgba(16,24,40,.13) !important;
  }

  table.table tbody td,
  .ddh-mobile-card-table tbody td{
    padding:.32rem .08rem !important;
    color:#475467 !important;
    border:0 !important;
    text-align:left !important;
  }

  table.table tbody td:first-child,
  .ddh-mobile-card-table tbody td:first-child{
    color:#101828 !important;
    font-weight:950 !important;
  }

  table.table td[data-label]::before,
  .ddh-mobile-card-table td[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:.1rem;
    color:#a15c10;
    font-size:.64rem;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  table.table td:last-child,
  .ddh-mobile-card-table td:last-child{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.5rem;
    padding-top:.65rem !important;
  }

  .modal-dialog{
    min-height:100dvh;
    display:flex;
    align-items:flex-end;
    margin:0 !important;
  }

  .modal-content{
    max-height:92dvh;
    width:100%;
    border:0 !important;
    border-radius:30px 30px 0 0 !important;
    background:#fff !important;
    box-shadow:0 -24px 70px rgba(0,0,0,.38) !important;
  }

  .modal-footer{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.55rem;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom));
  }

  .modal-footer > *{
    width:100%;
    margin:0 !important;
  }

  .ddh-route-login .ddh-mobile-app-header,
  .ddh-route-register .ddh-mobile-app-header{
    display:none !important;
  }

  .ddh-route-login .cb-main,
  .ddh-route-register .cb-main{
    min-height:calc(100dvh - 6rem);
    display:grid;
    align-items:center;
  }

  .ddh-route-draft .row.g-3{
    display:flex !important;
    flex-direction:column !important;
  }

  .ddh-route-draft .row.g-3 > [class*="col-"]{
    width:100% !important;
  }

  .ddh-route-draft .col-lg-5 > .cb-card:first-child{
    position:sticky !important;
    top:calc(4.35rem + env(safe-area-inset-top)) !important;
    z-index:35 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:
      radial-gradient(circle at 95% 0%, rgba(244,182,63,.40), transparent 36%),
      linear-gradient(145deg, rgba(10,15,23,.98), rgba(33,24,18,.96)) !important;
  }

  .ddh-route-draft .col-lg-5 > .cb-card:first-child h5,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child .text-muted,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child #draftStatus,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child #draftClock{
    color:#fff !important;
  }

  #draftClock{
    position:relative !important;
    top:auto !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.09) !important;
  }

  #availTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"driver car" "avg avg" "bid bid" "action action" !important;
    gap:.34rem .62rem !important;
  }

  #availTable tbody td:nth-child(1){ grid-area:driver; }
  #availTable tbody td:nth-child(2){ grid-area:car; text-align:right !important; }
  #availTable tbody td:nth-child(3){ grid-area:avg; }
  #availTable tbody td:nth-child(4){ grid-area:bid; }
  #availTable tbody td:nth-child(5){ grid-area:action; }

  #boardTable tbody tr,
  #orderTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"drafter round" "driver driver" !important;
  }

  #boardTable tbody td:nth-child(1),
  #boardTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(1),
  #orderTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(6){
    display:none !important;
  }

  #boardTable tbody td:nth-child(2),
  #orderTable tbody td:nth-child(2){
    grid-area:round;
    display:block !important;
    color:#a15c10 !important;
    font-weight:950 !important;
    text-align:right !important;
  }

  #boardTable tbody td:nth-child(3),
  #orderTable tbody td:nth-child(3){
    grid-area:drafter;
    color:#101828 !important;
    font-weight:950 !important;
  }

  #boardTable tbody td:nth-child(4),
  #orderTable tbody td:nth-child(4){
    grid-area:driver;
    color:#344054 !important;
    font-weight:850 !important;
  }

  .ddh-chat-widget{
    right:max(.9rem, env(safe-area-inset-right)) !important;
    bottom:calc(var(--ddh-mobile-nav-height) + 1.05rem + env(safe-area-inset-bottom)) !important;
  }

  .ddh-chat-panel{
    left:.7rem !important;
    right:.7rem !important;
    bottom:calc(var(--ddh-mobile-nav-height) + 4.7rem + env(safe-area-inset-bottom)) !important;
    height:min(74dvh, calc(100dvh - var(--ddh-mobile-nav-height) - 5.6rem)) !important;
    border-radius:30px !important;
  }

  .ddh-toast-stack{
    bottom:calc(var(--ddh-mobile-nav-height) + 1rem + env(safe-area-inset-bottom)) !important;
  }

  .ddh-legal-footer{
    margin-bottom:calc(var(--ddh-mobile-nav-height) + 1.2rem) !important;
  }
}

/* Final mobile league/navigation and soft table-card overrides. Keep last. */
@media (max-width: 767.98px){
  .ddh-hide-mobile-nav-link{
    display:none !important;
  }

  .ddh-mobile-league-actions{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.62rem;
    margin:.75rem 0 1rem;
  }

  .ddh-mobile-league-actions .btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-weight:950;
    box-shadow:0 14px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-head{
    gap:.7rem;
  }

  .ddh-org-league-collapsible .ddh-league-group-head > div:first-child{
    min-width:0;
  }

  .ddh-org-league-collapsible .ddh-org-group-toggle{
    white-space:nowrap;
    min-height:36px;
    border-radius:999px;
    padding-inline:.78rem;
  }

  .ddh-mobile-bottom-link[href="/my-league"] .ddh-mobile-bottom-label{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    line-height:.98 !important;
    max-width:4.6rem;
  }

  .ddh-org-league-collapsible.is-collapsed{
    box-shadow:0 12px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-body[hidden]{
    display:none !important;
  }

  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .ddh-route-organization table.table tbody tr,
  .ddh-route-results .table tbody tr,
  .standings-table tbody tr{
    background:linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.44)) !important;
    border:1px solid rgba(16,24,32,.08) !important;
    box-shadow:none !important;
  }

  .ddh-route-team table.table tbody td,
  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-up-next table.table tbody td,
  .ddh-route-organization table.table tbody td,
  .ddh-route-results .table tbody td,
  .standings-table tbody td{
    color:#344054 !important;
  }

  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .ddh-route-up-next table.table tbody td:first-child,
  .ddh-route-organization table.table tbody td:first-child,
  .ddh-route-results .table tbody td:first-child,
  .standings-table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }

  .ddh-route-results table.table tbody a,
  .ddh-route-user table.table tbody a,
  .ddh-route-team table.table tbody a,
  .ddh-route-up-next table.table tbody a,
  .ddh-route-organization table.table tbody a{
    color:#101820 !important;
  }

  .ddh-mobile-bottom-nav{
    grid-template-columns:repeat(var(--ddh-mobile-nav-count, 5), minmax(0, 1fr)) !important;
  }

  .ddh-mobile-bottom-label{
    font-size:.54rem !important;
  }

  .ddh-results-switcher{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.62rem;
    margin:.2rem 0 1rem;
  }

  .ddh-results-switcher .btn{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-weight:950;
    white-space:normal;
  }
}

/* Final mobile shell, results, and social overlay cleanup. Keep this block last. */
.ddh-mobile-top-actions,
.ddh-social-mobile-tools{
  display:none;
}

@media (max-width: 991.98px){
  .ddh-mobile-top-actions{
    display:flex;
    align-items:center;
    gap:.42rem;
    margin-left:auto;
  }

  .ddh-mobile-top-actions .dropdown{
    position:static;
  }

  .ddh-mobile-top-icon{
    width:43px !important;
    height:43px !important;
    min-width:43px !important;
    min-height:43px !important;
    display:grid !important;
    place-items:center !important;
    color:#101820 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 62%, #f5821f) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55) !important;
    padding:0 !important;
  }

  .ddh-mobile-top-icon.navbar-toggler{
    color:#fff !important;
    background:linear-gradient(145deg, rgba(15,23,32,.96), rgba(46,35,24,.94)) !important;
  }

  .ddh-mobile-top-icon .ddh-bell-icon{
    width:27px;
    height:27px;
  }

  .cb-nav-actions .ddh-desktop-notifications{
    display:none !important;
  }

  .ddh-desktop-collapse-toggler{
    display:none !important;
  }

  .cb-navbar .navbar-collapse{
    position:absolute;
    left:max(.75rem, env(safe-area-inset-left));
    right:max(.75rem, env(safe-area-inset-right));
    top:calc(100% - .2rem);
    z-index:1080;
  }

  .ddh-mobile-notifications .ddh-notifications-menu.show{
    position:fixed !important;
    top:calc(env(safe-area-inset-top) + 4.45rem) !important;
    left:max(.72rem, env(safe-area-inset-left)) !important;
    right:max(.72rem, env(safe-area-inset-right)) !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    border-radius:24px !important;
  }
}

@media (min-width: 992px){
  .ddh-mobile-notifications{
    display:none !important;
  }

  .ddh-desktop-collapse-toggler{
    display:none !important;
  }
}

@media (max-width: 991.98px){
  .ddh-mobile-hidden-menu-item,
  .ddh-mobile-hidden-menu-link,
  .cb-account-dropdown{
    display:none !important;
  }

  .ddh-mobile-settings-link{
    display:flex !important;
  }

  .ddh-mobile-account-name{
    min-height:43px;
    max-width:8.2rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.45rem .72rem;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    color:#fff !important;
    background:linear-gradient(145deg, rgba(15,23,32,.9), rgba(42,34,25,.82));
    box-shadow:0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.14);
    font-size:.78rem;
    font-weight:950;
    line-height:1.05;
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .ddh-mobile-account-name:hover,
  .ddh-mobile-account-name:focus{
    color:#fff !important;
    border-color:rgba(245,130,31,.48);
  }
}

@media (min-width: 992px){
  .ddh-mobile-settings-link{
    display:none !important;
  }
}

@media (max-width: 390px){
  .ddh-mobile-account-name{
    max-width:6.4rem;
    padding-left:.55rem;
    padding-right:.55rem;
  }
}

@media (max-width: 767.98px){
  .ddh-route-team table.table,
  .ddh-route-results table.table,
  .ddh-route-user table.table,
  .ddh-route-team .table,
  .ddh-route-results .table,
  .ddh-route-user .table,
  .standings-table{
    --bs-table-bg: transparent !important;
    --bs-table-color: #101820 !important;
    --bs-table-striped-bg: transparent !important;
    --bs-table-hover-bg: rgba(243,178,58,.08) !important;
    background: transparent !important;
  }

  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-team .table tbody tr,
  .ddh-route-results .table tbody tr,
  .ddh-route-user .table tbody tr,
  .standings-table tbody tr{
    background:rgba(255,255,255,.58) !important;
    border:1px solid rgba(16,24,32,.10) !important;
    box-shadow:none !important;
  }

  .ddh-route-team table.table tbody td,
  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-team .table tbody td,
  .ddh-route-results .table tbody td,
  .ddh-route-user .table tbody td,
  .standings-table tbody td{
    background:transparent !important;
    background-color:transparent !important;
    color:#344054 !important;
    border-color:rgba(16,24,32,.08) !important;
  }

  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .standings-table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }

  .ddh-route-team table.table tbody a,
  .ddh-route-results table.table tbody a,
  .ddh-route-user table.table tbody a,
  .standings-table tbody a{
    color:#101820 !important;
  }

  .ddh-results-switcher{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.62rem;
    margin:.2rem 0 1rem;
  }

  .ddh-results-switcher-link{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.72rem .8rem;
    color:rgba(255,255,255,.88) !important;
    text-decoration:none !important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:18px;
    background:rgba(7,10,14,.72);
    font-weight:950;
    line-height:1.05;
    text-align:center;
  }

  .ddh-results-switcher-link.is-active{
    color:#101820 !important;
    border-color:transparent;
    background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 12px 24px rgba(243,178,58,.22);
  }

  .ddh-social-mobile-tools{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.55rem;
    padding:.65rem .72rem .1rem;
  }

  .ddh-social-mobile-tool{
    min-height:42px;
    color:#101820;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 62%, #f5821f);
    box-shadow:0 12px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.58);
    font-weight:950;
  }

  .ddh-chat-panel .ddh-social-layout{
    position:relative;
    display:block;
    flex:1 1 auto;
    min-height:0;
  }

  .ddh-chat-panel .ddh-social-conversation{
    height:100%;
  }

  .ddh-chat-panel .ddh-social-sidebar{
    display:none !important;
  }

  .ddh-chat-panel.ddh-show-friends .ddh-social-sidebar{
    position:absolute;
    z-index:7;
    top:.7rem;
    left:.72rem;
    right:.72rem;
    max-height:min(52dvh, 340px);
    display:flex !important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    background:linear-gradient(145deg, rgba(11,16,23,.99), rgba(28,23,18,.99));
    box-shadow:0 22px 60px rgba(0,0,0,.46);
    overflow:hidden;
  }

  .ddh-chat-panel .ddh-social-friends{
    display:grid;
    grid-template-columns:1fr;
    overflow:auto;
    padding:.2rem .72rem .72rem;
  }

  .ddh-chat-panel .ddh-social-friend{
    min-width:0;
  }

  .ddh-chat-panel .ddh-chat-room-control{
    display:block;
    position:static;
    height:0;
    min-height:0;
    overflow:visible;
  }

  .ddh-chat-panel .ddh-chat-scope{
    display:block;
    padding:.62rem .72rem;
  }

  .ddh-chat-panel .ddh-chat-room-trigger{
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
  }

  .ddh-chat-panel .ddh-chat-room-menu{
    z-index:20;
  }
}

@media (min-width: 768px){
  .ddh-results-switcher{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin:.25rem 0 1rem;
  }

  .ddh-results-switcher-link{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.45rem .75rem;
    color:#fff !important;
    text-decoration:none !important;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-weight:800;
  }

  .ddh-results-switcher-link.is-active{
    color:#101820 !important;
    border-color:transparent;
    background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 58%, #f5821f);
  }
}

@media (min-width: 768px){
  .ddh-results-switcher{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin:.25rem 0 1rem;
  }

  .ddh-results-switcher .btn{
    font-weight:800;
  }
}

/* Mobile home league overlays and compact Up Next grid. Keep last. */
@media (max-width: 767.98px){
  .ddh-route-pools #join-draft,
  .ddh-route-pools #create-draft{
    display:none !important;
  }

  .ddh-mobile-league-modal{
    display:none;
  }

  .ddh-mobile-league-modal.show{
    display:block;
  }

  .ddh-mobile-up-next .card-body{
    padding:.9rem !important;
  }

  .ddh-mobile-up-next .d-flex.justify-content-between.align-items-start{
    margin-bottom:.65rem !important;
  }

  .ddh-mobile-up-next h5{
    font-size:1rem;
  }

  .ddh-mobile-up-next .badge{
    padding:.32rem .52rem;
    font-size:.68rem;
  }

  .ddh-mobile-up-next .ddh-upnext-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.42rem;
  }

  .ddh-mobile-up-next .ddh-upnext-row{
    grid-template-columns:30px minmax(0, 1fr);
    grid-template-areas:
      "start driver"
      "start drafter";
    align-items:center;
    min-width:0;
    min-height:58px;
    padding:.48rem;
    border-radius:16px;
    gap:.36rem .42rem;
    background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.48));
    border:1px solid rgba(16,24,32,.08);
    box-shadow:none;
  }

  .ddh-mobile-up-next .ddh-upnext-start{
    width:28px;
    height:28px;
    font-size:.78rem;
    border-radius:10px;
  }

  .ddh-mobile-up-next .ddh-upnext-driver{
    font-size:.76rem;
    line-height:1.08;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .ddh-mobile-up-next .ddh-upnext-drafter{
    min-width:0;
    max-width:100%;
    overflow:hidden;
    color:#667085;
    font-size:.64rem;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

*{ letter-spacing:0; }

html{
  min-height:100%;
  overflow-x:hidden;
}

img,
svg,
video,
canvas{
  max-width:100%;
}

.ddh-round-mobile{
  display:none;
}

.ddh-round-desktop{
  display:inline;
}

body.cb-app{
  min-height:100vh;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  color:var(--cb-ink);
  background-image:
    linear-gradient(180deg, rgba(5,9,14,.84), rgba(8,13,20,.92) 38%, rgba(10,14,18,.96)),
    radial-gradient(circle at 78% 7%, rgba(243,178,58,.36), transparent 25%),
    radial-gradient(circle at 18% 16%, rgba(20,117,127,.23), transparent 28%),
    radial-gradient(circle at 52% 86%, rgba(183,39,47,.20), transparent 34%),
    var(--ddh-track-bg);
  background-size:cover, cover, cover, cover, cover;
  background-position:center top, center top, center top, center top, center top;
  background-attachment:fixed, fixed, fixed, fixed, fixed;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}

body.cb-app::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    linear-gradient(180deg, rgba(3,6,10,.05), rgba(3,6,10,.36)),
    linear-gradient(115deg, transparent 0 52%, rgba(243,178,58,.18) 52.15% 52.55%, transparent 52.8% 100%),
    linear-gradient(115deg, transparent 0 63%, rgba(255,255,255,.08) 63.1% 63.32%, transparent 63.6% 100%),
    linear-gradient(115deg, transparent 0 71%, rgba(183,39,47,.15) 71.1% 71.55%, transparent 71.8% 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 32px);
}

body.cb-app::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.88;
  background:
    radial-gradient(circle at 82% 9%, rgba(255,225,151,.34) 0 3%, transparent 18%),
    radial-gradient(circle at 11% 28%, rgba(20,117,127,.24), transparent 24%),
    radial-gradient(ellipse at 50% 105%, rgba(243,178,58,.24), transparent 34%),
    linear-gradient(124deg, transparent 0 56%, rgba(255,255,255,.065) 56.25% 56.52%, transparent 56.85%),
    linear-gradient(124deg, transparent 0 61%, rgba(243,178,58,.20) 61.25% 61.85%, transparent 62.15%),
    linear-gradient(124deg, transparent 0 67%, rgba(183,39,47,.17) 67.15% 67.68%, transparent 67.95%),
    repeating-radial-gradient(circle at 78% 20%, rgba(255,255,255,.055) 0 1px, transparent 1px 9px);
  mix-blend-mode:screen;
}

a{ color:var(--cb-teal); }
a:hover{ color:#0f5961; }

.cb-main{
  flex:1 0 auto;
  margin-top:1.75rem;
  margin-bottom:3rem;
  position:relative;
  z-index:auto;
  width:100%;
  min-width:0;
}

.modal{
  z-index:1085;
}

.modal-backdrop{
  z-index:1080;
}

.modal-dialog,
.modal-content{
  pointer-events:auto;
}

.cb-navbar{
  position:sticky;
  top:0;
  z-index:1030;
  background:
    linear-gradient(110deg, rgba(4,8,13,.94), rgba(16,24,32,.92) 48%, rgba(75,35,24,.92)),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent);
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 46px rgba(0,0,0,.34);
  backdrop-filter:blur(18px) saturate(1.2);
}

.cb-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
}

.cb-brand-logo-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:var(--cb-radius);
  background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 10px 22px rgba(0,0,0,.25);
  overflow:hidden;
  flex:0 0 auto;
}

.cb-brand-logo{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
}

.cb-brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.cb-brand-title{
  font-size:1.05rem;
  font-weight:800;
}

.cb-brand-subtitle{
  margin-top:.18rem;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
  font-weight:600;
  text-transform:uppercase;
}

.cb-navbar .navbar-toggler{
  border-color:rgba(255,255,255,.28);
  border-radius:var(--cb-radius);
}

.cb-navbar .navbar-nav{
  gap:.2rem;
}

.cb-navbar .nav-link{
  position:relative;
  color:rgba(255,255,255,.76);
  border-radius:var(--cb-radius);
  padding:.62rem .82rem;
  font-weight:700;
}

.cb-navbar .nav-link:hover,
.cb-navbar .nav-link:focus{
  color:#fff;
  background:rgba(255,255,255,.09);
}

.cb-navbar .nav-link.active{
  color:#151515;
  background:linear-gradient(135deg, #fff5cf, var(--cb-gold));
  box-shadow:0 8px 20px rgba(243,178,58,.20);
}

.cb-navbar .nav-link.active::after{ display:none; }

.cb-nav-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
}

.ddh-notification-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border-radius:999px;
}

.ddh-bell-icon{
  display:block;
  width:23px;
  height:23px;
  object-fit:contain;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.45));
}

.ddh-notification-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  color:#111;
  background:var(--cb-gold);
  border:1px solid rgba(0,0,0,.18);
  font-size:.68rem;
  font-weight:900;
  line-height:17px;
  text-align:center;
}

.ddh-notifications{
  position:relative;
}

.ddh-notifications-menu{
  width:min(430px, calc(100vw - 1.5rem));
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 12% 0, rgba(243,178,58,.16), transparent 32%),
    linear-gradient(160deg, rgba(20,24,31,.98), rgba(8,10,14,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.52);
  overflow:hidden;
  border-radius:20px;
  backdrop-filter:blur(18px);
}

.ddh-notifications-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.95rem 1rem .85rem;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}

.ddh-notifications-head .btn-link{
  color:var(--cb-gold);
  text-decoration:none;
  font-weight:800;
}

.ddh-notifications-list{
  max-height:420px;
  overflow:auto;
  padding:.45rem;
}

.ddh-notification-item{
  display:block;
  width:100%;
  padding:.86rem .9rem;
  color:rgba(255,255,255,.78);
  background:transparent;
  border:1px solid transparent;
  border-radius:16px;
  text-align:left;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

.ddh-notification-item:hover,
.ddh-notification-item:focus{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  transform:translateY(-1px);
}

.ddh-notification-item.is-unread{
  color:#fff;
  background:linear-gradient(135deg, rgba(243,178,58,.15), rgba(255,255,255,.045));
  border-color:rgba(243,178,58,.22);
}

.ddh-notification-section-title{
  padding:.42rem .45rem .34rem;
  color:rgba(255,255,255,.52);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.ddh-notification-action-card{
  margin-bottom:.45rem;
  background:
    radial-gradient(circle at 88% 0, rgba(243,178,58,.19), transparent 35%),
    rgba(255,255,255,.055);
}

.ddh-notification-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.6rem;
}

.ddh-notification-pill{
  flex:0 0 auto;
  padding:.22rem .48rem;
  border:1px solid rgba(243,178,58,.28);
  border-radius:999px;
  color:#111;
  background:linear-gradient(135deg, #ffe7a1, var(--cb-gold));
  font-size:.62rem;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}

.ddh-notification-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.72rem;
}

.ddh-notification-action-btn,
.ddh-notification-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.42rem .72rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:950;
  text-decoration:none;
  transition:transform .16s ease, filter .16s ease, background .16s ease, border-color .16s ease;
}

.ddh-notification-action-btn{
  border:1px solid rgba(255,255,255,.14);
}

.ddh-notification-action-btn:hover,
.ddh-notification-action-btn:focus,
.ddh-notification-link:hover,
.ddh-notification-link:focus{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

.ddh-notification-action-btn.is-primary{
  color:#111;
  background:linear-gradient(135deg, #ffe7a1, var(--cb-gold));
  border-color:rgba(255,255,255,.24);
  box-shadow:0 10px 22px rgba(243,178,58,.18);
}

.ddh-notification-action-btn.is-secondary,
.ddh-notification-link{
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

.ddh-notification-action-btn:disabled{
  cursor:wait;
  opacity:.68;
  transform:none;
}

.ddh-notification-title,
.ddh-notification-message,
.ddh-notification-time{
  display:block;
}

.ddh-notification-title{
  font-weight:850;
}

.ddh-notification-message{
  margin-top:.15rem;
  font-size:.86rem;
  color:rgba(255,255,255,.70);
}

.ddh-notification-time,
.ddh-notification-empty{
  margin-top:.25rem;
  font-size:.76rem;
  color:rgba(255,255,255,.55);
}

.ddh-notification-empty{
  padding:1rem;
}

.ddh-notification-empty strong,
.ddh-notification-empty span{
  display:block;
}

.ddh-host-rating-modal .modal-content{
  color:#fff;
  background:
    linear-gradient(145deg, rgba(18,24,32,.98), rgba(10,13,18,.98)),
    radial-gradient(circle at 85% 0, rgba(243,178,58,.22), transparent 28%);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.52);
  overflow:hidden;
}

.ddh-host-rating-modal .modal-header,
.ddh-host-rating-modal .modal-footer{
  border-color:rgba(255,255,255,.12);
}

.ddh-rating-kicker{
  color:var(--cb-gold);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ddh-rating-card{
  padding:1rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
}

.ddh-rating-name{
  font-size:1.1rem;
  font-weight:900;
}

.ddh-rating-host,
.ddh-rating-message{
  margin-top:.25rem;
  color:rgba(255,255,255,.72);
}

.ddh-rating-stars{
  display:flex;
  justify-content:center;
  gap:.35rem;
  margin-top:1rem;
}

.ddh-rating-star{
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.07);
  font-size:1.55rem;
  line-height:1;
  transition:transform .16s ease, color .16s ease, background .16s ease, box-shadow .16s ease;
}

.ddh-rating-star:hover,
.ddh-rating-star:focus,
.ddh-rating-star.is-active{
  color:#171106;
  background:linear-gradient(135deg, #fff2b8, var(--cb-gold));
  box-shadow:0 10px 22px rgba(243,178,58,.26);
  transform:translateY(-1px);
}

.cb-user-chip,
.cb-pool-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  max-width:100%;
  padding:.28rem .6rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--cb-radius);
  color:#fff;
  background:rgba(255,255,255,.10);
  font-size:.84rem;
  font-weight:700;
}

.cb-account-name-btn{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}

.cb-account-dropdown{
  display:inline-flex;
}

.cb-account-menu{
  min-width:190px;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(11,15,20,.96);
  box-shadow:0 18px 42px rgba(0,0,0,.45);
}

.cb-account-menu .dropdown-item{
  color:#fff;
  font-weight:800;
  border-radius:8px;
}

.cb-account-menu .dropdown-item:hover,
.cb-account-menu .dropdown-item:focus{
  color:#111;
  background:var(--cb-gold);
}

.cb-super-admin-control{
  display:inline-flex;
  align-items:center;
}

.cb-super-admin-menu{
  min-width:240px;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(11,15,20,.96);
  box-shadow:0 18px 42px rgba(0,0,0,.45);
}

.cb-super-admin-menu .dropdown-item{
  color:#fff;
  font-weight:800;
  border-radius:8px;
}

.cb-super-admin-menu .dropdown-item:hover,
.cb-super-admin-menu .dropdown-item:focus{
  color:#111;
  background:var(--cb-gold);
}

.cb-super-admin-menu .form-label{
  color:rgba(255,255,255,.72);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.cb-view-as-select{
  width:auto;
  min-width:170px;
  color:#111;
  background-color:var(--cb-gold);
  border-color:rgba(255,255,255,.22);
  font-weight:800;
  box-shadow:0 8px 20px rgba(243,178,58,.18);
}

.cb-context-bar{
  color:#fff;
  background:
    linear-gradient(90deg, rgba(8,13,19,.92), rgba(23,29,34,.92) 50%, rgba(49,30,24,.92)),
    linear-gradient(135deg, rgba(243,178,58,.12), transparent 45%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}

.cb-context-copy-wrap{
  min-width:0;
}

.cb-context-copy{
  display:grid;
  gap:.12rem;
  min-width:min(100%, 360px);
  padding:.52rem .78rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06)),
    rgba(10,14,20,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 12px 28px rgba(0,0,0,.20);
}

.cb-context-copy-warning{
  border-color:rgba(243,178,58,.34);
  background:
    linear-gradient(135deg, rgba(243,178,58,.22), rgba(255,255,255,.07)),
    rgba(10,14,20,.46);
}

.cb-context-eyebrow{
  color:rgba(255,255,255,.62);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cb-context-title{
  color:#fff;
  font-size:1rem;
  font-weight:950;
  line-height:1.1;
}

.cb-context-subtitle{
  color:rgba(255,255,255,.72);
  font-size:.78rem;
  font-weight:800;
  line-height:1.2;
}

.cb-context-meta{
  color:rgba(255,255,255,.68);
  font-size:.84rem;
}

.cb-pool-chip-warning{
  color:#1c1a12;
  background:linear-gradient(135deg, #fff2b2, var(--cb-gold));
  border-color:rgba(0,0,0,.08);
}

.cb-pool-tabs{
  gap:.35rem;
}

.cb-pool-tabs .nav-link{
  color:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  border-radius:var(--cb-radius);
  font-weight:700;
}

.cb-pool-tabs .nav-link:hover{
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.11);
}

.cb-pool-tabs .nav-link.active{
  color:#151515;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
  border-color:transparent;
}

.cb-hero{
  color:#fff;
  background:
    linear-gradient(100deg, rgba(4,8,13,.98) 0 38%, rgba(17,17,18,.88) 63%, rgba(14,16,18,.76)),
    var(--ddh-track-bg);
  background-size:cover;
  background-position:center;
  border-radius:var(--cb-radius);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 36px 96px rgba(0,0,0,.38);
}

.ddh-league-group{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(243,178,58,.15), transparent 34%),
    linear-gradient(145deg, rgba(13,18,25,.94), rgba(22,24,29,.88));
  box-shadow:0 20px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}

.ddh-league-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.86rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}

.ddh-league-group .table{
  --bs-table-bg:transparent;
  --bs-table-striped-bg:rgba(255,255,255,.03);
  --bs-table-hover-bg:rgba(243,178,58,.08);
}

.ddh-league-group .table > :not(caption) > * > *{
  border-bottom-color:rgba(255,255,255,.1);
}

.cb-home-hero{
  min-height:430px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}

.cb-home-hero .card-body{
  padding:2rem;
  width:100%;
}

.cb-home-hero-lockup{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}

.cb-home-hero-content{
  min-width:0;
  flex:1 1 620px;
}

.cb-home-hero-logo-panel{
  flex:0 0 clamp(170px, 24vw, 320px);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

.cb-home-hero-logo-panel img{
  width:100%;
  max-width:280px;
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.34));
}

.cb-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#241607;
  background:linear-gradient(135deg, #fff3c8, var(--cb-gold));
  border-radius:var(--cb-radius);
  padding:.35rem .65rem;
  font-size:.76rem;
  font-weight:850;
  text-transform:uppercase;
}

.cb-hero-title{
  color:#fff;
  max-width:760px;
  font-size:clamp(2rem, 4vw, 4rem);
  line-height:.98;
  font-weight:900;
}

.cb-hero-copy{
  max-width:690px;
  color:rgba(255,255,255,.82);
  font-size:1.05rem;
}

.cb-page-heading{
  padding:1.2rem 1.35rem;
  margin-bottom:1.1rem;
  color:#fff;
  background:
    linear-gradient(105deg, rgba(5,10,16,.96), rgba(36,28,24,.86)),
    var(--ddh-track-bg);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--cb-radius);
  box-shadow:0 24px 62px rgba(0,0,0,.26);
  overflow:hidden;
  position:relative;
}

.cb-page-heading::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(243,178,58,.18), transparent 34%),
    linear-gradient(135deg, transparent 0 72%, rgba(255,255,255,.10) 72% 73%, transparent 73%);
}

.cb-page-heading > *{
  position:relative;
}

.cb-page-heading h1,
.cb-page-heading h2,
.cb-page-heading h3{
  color:#fff;
}

.cb-page-heading .text-muted,
.cb-page-heading .small{
  color:rgba(255,255,255,.74) !important;
}

.cb-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
}

.cb-feature{
  min-height:100%;
  padding:1rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--cb-radius);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.90));
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}

.cb-feature strong{
  display:block;
  margin-bottom:.25rem;
  color:var(--cb-ink);
}

.cb-feature span{
  color:var(--cb-muted);
  font-size:.9rem;
}

.cb-empty,
.cb-help-panel{
  border:1px dashed rgba(24,29,39,.18);
  border-radius:var(--cb-radius);
  background:rgba(248,250,252,.80);
  padding:1rem;
}

.ddh-mobile-up-next{
  display:none;
}

.ddh-upnext-list{
  display:grid;
  gap:.45rem;
}

.ddh-upnext-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-areas:
    "start driver"
    "start drafter";
  gap:.05rem .55rem;
  align-items:center;
  padding:.58rem .65rem;
  border:1px solid rgba(24,29,39,.10);
  border-radius:var(--cb-radius);
  color:var(--cb-ink);
  text-decoration:none;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,231,.92));
  box-shadow:0 10px 24px rgba(24,29,39,.10);
}

.ddh-upnext-row:hover{
  color:var(--cb-ink);
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(24,29,39,.14);
}

.ddh-upnext-start{
  grid-area:start;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  background:var(--cb-gold);
  color:#111827;
  font-weight:950;
}

.ddh-upnext-driver{
  grid-area:driver;
  min-width:0;
  font-weight:950;
  overflow-wrap:anywhere;
}

.ddh-upnext-drafter{
  grid-area:drafter;
  color:var(--cb-muted);
  font-size:.78rem;
}

.card,
.modal-content,
.dropdown-menu{
  border-radius:var(--cb-radius);
}

.cb-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:var(--cb-radius);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,251,.93));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(16px) saturate(1.06);
}

.cb-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cb-red), var(--cb-gold), var(--cb-teal));
}

.cb-card .card-body{
  position:relative;
  padding:1.25rem;
}

.card:not(.cb-card){
  border-color:rgba(24,29,39,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}

h1,h2,h3,h4,h5,h6{
  color:var(--cb-ink);
  font-weight:800;
}

.text-muted{ color:var(--cb-muted) !important; }
.small-muted{ color:rgba(255,255,255,.74); }
.mono{ font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace; }

.badge{
  border-radius:6px;
  font-weight:750;
}

.badge-accent{
  color:#18130a;
  background:var(--cb-gold);
}

.btn{
  border-radius:var(--cb-radius);
  font-weight:750;
  box-shadow:none;
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
}

.btn,
.btn:visited{
  text-decoration:none;
}

.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(24,29,39,.12);
}

.btn.active,
.btn.show,
.btn[aria-expanded="true"]{
  color:#15110a;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
  border-color:rgba(243,178,58,.82);
  box-shadow:0 12px 26px rgba(243,178,58,.22);
}

.btn:disabled,
.btn.disabled{
  transform:none;
  opacity:.58;
  box-shadow:none;
  cursor:not-allowed;
}

.btn-sm{
  min-height:32px;
  padding:.34rem .68rem;
}

.btn:focus,
.btn:focus-visible,
.form-control:focus,
.form-select:focus{
  box-shadow:0 0 0 .18rem rgba(20,117,127,.18);
}

.btn-accent,
.btn-warning{
  color:#15110a;
  background:linear-gradient(135deg, #ffe18a 0%, var(--cb-gold) 45%, #d8842e 100%);
  border-color:#f0b348;
  box-shadow:0 12px 26px rgba(243,178,58,.24);
}

.btn-accent:hover,
.btn-warning:hover{
  color:#15110a;
  background:linear-gradient(135deg, #eaa72f, #ffc950);
  border-color:#d79827;
}

.btn-primary,
.btn-success,
.btn-info{
  color:#fff;
  background:linear-gradient(135deg, #14919d, var(--cb-teal) 42%, #1d5f51);
  border-color:#1a8790;
  box-shadow:0 12px 28px rgba(20,117,127,.22);
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover{
  color:#fff;
  background:linear-gradient(135deg, #11646d, #1f6654);
  border-color:#105b63;
}

.btn-danger{
  color:#fff;
  background:linear-gradient(135deg, #d7434b, var(--cb-red) 48%, var(--cb-red-2));
  border-color:#b7272f;
  box-shadow:0 12px 28px rgba(183,39,47,.24);
}

.btn-danger:hover{
  color:#fff;
  background:linear-gradient(135deg, #b7272f, #711923);
  border-color:#8e1e28;
}

.btn-secondary{
  color:#fff;
  background:linear-gradient(135deg, #505c6d, #2f3746);
  border-color:#2f3746;
}

.btn-secondary:hover{
  color:#fff;
  background:#1d252c;
  border-color:#1d252c;
}

.btn-oversee{
  color:#06151f;
  background:linear-gradient(135deg, #dff7ff 0%, #8bdcff 48%, #40addb 100%);
  border-color:#93e3ff;
  font-weight:850;
  box-shadow:0 12px 26px rgba(64,173,219,.26);
}

.btn-oversee:hover,
.btn-oversee:focus{
  color:#031018;
  background:linear-gradient(135deg, #f2fcff 0%, #a7e8ff 48%, #5bc5ef 100%);
  border-color:#c8f2ff;
}

.btn-outline-primary{
  color:var(--cb-teal);
  border-color:rgba(20,117,127,.45);
  background:rgba(255,255,255,.74);
}

.btn-outline-primary:hover{
  color:#fff;
  background:var(--cb-teal);
  border-color:var(--cb-teal);
}

.btn-outline-secondary,
.btn-outline-dark{
  color:var(--cb-ink-2);
  border-color:#aeb8c6;
  background:rgba(255,255,255,.78);
}

.btn-outline-secondary:hover,
.btn-outline-dark:hover{
  color:#fff;
  background:var(--cb-ink-2);
  border-color:var(--cb-ink-2);
}

.btn-outline-success{
  color:#0f5e50;
  border-color:rgba(36,116,95,.54);
  background:rgba(255,255,255,.78);
}

.btn-outline-success:hover{
  color:#fff;
  background:var(--cb-green);
  border-color:var(--cb-green);
}

.btn-outline-warning{
  color:#18130a;
  border-color:rgba(243,178,58,.78);
  background:linear-gradient(135deg, rgba(255,246,212,.92), rgba(243,178,58,.70));
}

.btn-outline-warning:hover{
  color:#15110a;
  background:linear-gradient(135deg, #fff1af, var(--cb-gold));
  border-color:var(--cb-gold);
}

.btn-outline-danger{
  color:#8e1e28;
  border-color:rgba(183,39,47,.58);
  background:rgba(255,255,255,.78);
}

.btn-outline-danger:hover{
  color:#fff;
  background:var(--cb-red);
  border-color:var(--cb-red);
}

.btn-link{
  color:var(--cb-teal);
  font-weight:800;
}

.btn-link:hover{
  color:#0f5961;
}

.cb-navbar .btn-outline-light,
.cb-context-bar .btn-outline-light,
.cb-context-bar .btn-outline-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.05);
}

.cb-navbar .btn-outline-light:hover,
.cb-context-bar .btn-outline-light:hover,
.cb-context-bar .btn-outline-secondary:hover{
  color:#141414;
  background:#fff;
  border-color:#fff;
}

.cb-main .btn-outline-light,
.cb-card .btn-outline-light{
  color:var(--cb-ink-2);
  border-color:#b9c2cf;
}

.cb-main .btn-outline-light:hover,
.cb-card .btn-outline-light:hover{
  color:#fff;
  background:var(--cb-ink-2);
  border-color:var(--cb-ink-2);
}

.cb-card .btn-outline-warning,
.cb-main .btn-outline-warning,
.cb-card .btn-outline-primary,
.cb-main .btn-outline-primary,
.cb-card .btn-outline-success,
.cb-main .btn-outline-success,
.cb-card .btn-outline-danger,
.cb-main .btn-outline-danger,
.cb-card .btn-outline-secondary,
.cb-main .btn-outline-secondary,
.cb-card .btn-outline-dark,
.cb-main .btn-outline-dark{
  box-shadow:0 8px 18px rgba(16,24,32,.08);
}

.form-label{
  color:var(--cb-ink-2);
  font-weight:750;
}

.form-control,
.form-select{
  min-height:42px;
  color:var(--cb-ink);
  background-color:rgba(255,255,255,.96);
  border:1px solid #c9d2df;
  border-radius:var(--cb-radius);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70), 0 8px 20px rgba(16,24,32,.06);
  transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease, transform .15s ease;
}

.form-select{
  padding-right:2.6rem;
  cursor:pointer;
  appearance:none;
  background-image:
    linear-gradient(135deg, rgba(243,178,58,.18), rgba(255,255,255,0) 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23181d27' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat, no-repeat;
  background-position:right 2.35rem center, right .82rem center;
  background-size:3.1rem 100%, 1.05rem 1.05rem;
}

.form-select-sm{
  padding-right:2.25rem;
  background-position:right 2.05rem center, right .68rem center;
  background-size:2.75rem 100%, .95rem .95rem;
}

.form-select[multiple],
.form-select[size]:not([size="1"]){
  padding-right:.85rem;
  cursor:default;
  appearance:auto;
  background-image:none;
}

.form-control:hover,
.form-select:hover{
  border-color:rgba(243,178,58,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 10px 24px rgba(16,24,32,.08);
}

.form-select:focus{
  border-color:rgba(243,178,58,.88);
  background-color:#fff;
}

.form-select:disabled,
.form-control:disabled{
  cursor:not-allowed;
  color:#7a8494;
  background-color:#eef2f7;
  box-shadow:none;
}

.form-select option,
.form-select optgroup{
  color:#121820;
  background:#fff;
}

.form-control::placeholder{ color:#98a2b3; }
.form-text{ color:var(--cb-muted); }

.input-group-text{
  border-color:#cfd6e2;
  background:#f0f3f7;
  color:var(--cb-ink-2);
  font-weight:700;
}

.nav-pills:not(.cb-pool-tabs){
  gap:.4rem;
}

.nav-pills:not(.cb-pool-tabs) .nav-link{
  color:#111;
  border:1px solid rgba(243,178,58,.52);
  background:linear-gradient(135deg, #fff6d4, rgba(243,178,58,.82));
  border-radius:var(--cb-radius);
  font-weight:850;
  box-shadow:0 10px 22px rgba(0,0,0,.16);
}

.nav-pills:not(.cb-pool-tabs) .nav-link:hover{
  border-color:rgba(255,255,255,.75);
  color:#111;
  background:linear-gradient(135deg, #fffaf0, #ffc75b);
  transform:translateY(-1px);
}

.nav-pills:not(.cb-pool-tabs) .nav-link.active{
  color:#111;
  background:linear-gradient(135deg, #fff, var(--cb-gold));
  border-color:rgba(255,255,255,.86);
  box-shadow:0 14px 30px rgba(243,178,58,.28), inset 0 0 0 1px rgba(255,255,255,.45);
}

.nav-tabs{
  padding:.35rem;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(8,13,19,.64);
  border-radius:var(--cb-radius);
  gap:.25rem;
  backdrop-filter:blur(12px);
}

.nav-tabs .nav-link{
  color:rgba(255,255,255,.74);
  border:1px solid transparent;
  border-radius:var(--cb-radius);
  font-weight:750;
}

.nav-tabs .nav-link:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.nav-tabs .nav-link.active{
  color:#141414;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
  border-color:transparent;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.cb-org-setup-pane.active:not(#tab-drivers){
  margin-top:1rem;
}

.cb-org-setup-switcher{
  padding:.52rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)),
    rgba(8,13,19,.72);
  box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(1.12);
}

.cb-org-setup-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
}

.cb-org-setup-tabs button{
  position:relative;
  min-height:48px;
  flex:1 1 170px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding:.58rem .92rem;
  color:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(6,10,15,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:.88rem;
  font-weight:950;
  letter-spacing:.01em;
  transition:background .14s ease, color .14s ease, border-color .14s ease, transform .14s ease, box-shadow .14s ease;
}

.cb-org-setup-tabs button::before{
  content:attr(data-icon);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  color:#111820;
  border-radius:11px;
  background:linear-gradient(135deg, #fff5c8, var(--cb-gold) 62%, #f5821f);
  box-shadow:0 9px 20px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.58);
  font-size:.66rem;
  font-weight:1000;
}

.cb-org-setup-tabs button:hover,
.cb-org-setup-tabs button:focus{
  color:#fff;
  border-color:rgba(255,215,112,.42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.06)),
    rgba(255,255,255,.08);
  transform:translateY(-1px);
  box-shadow:0 13px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12);
}

.cb-org-setup-tabs button.active{
  color:#15110a;
  border-color:rgba(255,255,255,.42);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.62), transparent 34%),
    linear-gradient(135deg, #fff4c4, var(--cb-gold) 58%, #f5821f);
  box-shadow:0 15px 30px rgba(243,178,58,.28), inset 0 1px 0 rgba(255,255,255,.62);
}

.cb-org-setup-tabs button.active::before{
  color:#fff;
  background:linear-gradient(135deg, #141414, #332113);
  box-shadow:0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16);
}

.ddh-legal-footer{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:1;
  flex-shrink:0;
  clear:both;
  width:100%;
  margin:2rem auto 0;
  padding-bottom:1.25rem;
  color:rgba(255,255,255,.72);
  font-size:.78rem;
  line-height:1.45;
}

.cb-profile-page .cb-main{
  margin-bottom:0;
  padding-bottom:8rem;
}

.cb-profile-page .cb-profile-grid{
  position:relative;
  z-index:2;
  margin-bottom:4rem;
}

.cb-profile-page #friendsPanel,
.cb-profile-page #friendSearchCard{
  position:relative;
  z-index:3;
}

.cb-profile-page #friendsPanel a{
  color:#101820 !important;
}

.cb-profile-page #friendsPanel a:hover,
.cb-profile-page #friendsPanel a:focus{
  color:#000 !important;
}

.cb-profile-page #friendSearchResults,
.cb-profile-page .ddh-profile-user-result{
  color:#101820;
}

.cb-profile-page #friendSearchResults a,
.cb-profile-page .ddh-profile-user-name{
  color:#101820 !important;
}

.cb-profile-page #friendSearchResults a:hover,
.cb-profile-page #friendSearchResults a:focus,
.cb-profile-page .ddh-profile-user-name:hover,
.cb-profile-page .ddh-profile-user-name:focus{
  color:#000 !important;
}

.cb-profile-page .ddh-profile-user-meta{
  color:#667085;
}

.cb-profile-page .ddh-profile-post{
  padding:1rem;
  color:#101820;
  border:1px solid rgba(16,24,32,.12);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 28px rgba(16,24,32,.10);
}

.cb-profile-page .ddh-profile-badges{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:.7rem;
}

.cb-profile-page .ddh-profile-badge{
  padding:.85rem .95rem;
  border:1px solid rgba(191,149,63,.26);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,247,214,.98), rgba(255,239,178,.92));
  box-shadow:0 12px 24px rgba(191,149,63,.14);
  color:#6a4b00;
}

.cb-profile-page .ddh-profile-badge-title{
  font-weight:800;
  color:#4a3400;
}

.cb-profile-page .ddh-profile-badge-detail{
  margin-top:.2rem;
  font-size:.8rem;
  color:#7a5a11;
}

.cb-profile-page .ddh-profile-history{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.cb-profile-page .ddh-profile-history-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  border:1px solid rgba(16,24,32,.10);
  border-radius:16px;
  background:rgba(255,255,255,.8);
  color:#101820;
  box-shadow:0 12px 26px rgba(16,24,32,.08);
}

.cb-profile-page .ddh-profile-history-main{
  display:flex;
  align-items:center;
  gap:.85rem;
  min-width:0;
}

.cb-profile-page .ddh-profile-history-place{
  min-width:3.4rem;
  padding:.45rem .65rem;
  border-radius:999px;
  background:#101820;
  color:#fff;
  font-weight:800;
  text-align:center;
}

.cb-profile-page .ddh-profile-history-league{
  font-weight:800;
  color:#101820;
}

.cb-profile-page .ddh-profile-history-meta{
  font-size:.82rem;
  color:#667085;
}

.cb-profile-page .ddh-profile-history-points{
  flex-shrink:0;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  color:#101820;
}

.cb-profile-page .ddh-profile-history-points strong{
  font-size:1rem;
  font-weight:850;
}

.cb-profile-page .ddh-profile-history-points span{
  font-size:.78rem;
  color:#667085;
}

.cb-profile-page .ddh-profile-activity-row{
  display:grid;
  grid-template-columns:42px minmax(0, 1fr) auto;
  align-items:center;
  gap:.75rem;
  padding:.75rem .85rem;
  border:1px solid rgba(16,24,32,.10);
  border-radius:16px;
  color:#101820;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 22px rgba(16,24,32,.08);
}

.cb-profile-page .ddh-profile-activity-row:hover,
.cb-profile-page .ddh-profile-activity-row:focus{
  color:#101820;
  border-color:rgba(191,149,63,.28);
  background:#fff8df;
}

.cb-profile-page .ddh-profile-activity-avatar{
  overflow:hidden;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:999px;
  color:#101820;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  border:1px solid rgba(16,24,32,.10);
  font-size:.7rem;
  font-weight:1000;
}

.cb-profile-page .ddh-profile-activity-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.cb-profile-page .ddh-profile-activity-main{
  display:grid;
  gap:.1rem;
  min-width:0;
}

.cb-profile-page .ddh-profile-activity-title{
  overflow:hidden;
  color:#101820;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cb-profile-page .ddh-profile-activity-detail{
  overflow:hidden;
  color:#667085;
  font-size:.82rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cb-profile-page .ddh-profile-activity-time{
  color:#667085;
  font-size:.76rem;
  font-weight:750;
  white-space:nowrap;
}

.cb-profile-page .ddh-profile-post-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.85rem;
}

.cb-profile-page .ddh-profile-post-author{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
  color:#101820 !important;
  text-decoration:none;
}

.cb-profile-page .ddh-profile-post-author:hover,
.cb-profile-page .ddh-profile-post-author:focus{
  color:#000 !important;
}

.cb-profile-page .ddh-profile-post-avatar{
  overflow:hidden;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  color:#101820;
  border:1px solid rgba(16,24,32,.10);
  border-radius:999px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  font-size:.92rem;
  font-weight:1000;
}

.cb-profile-page .ddh-profile-post-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.cb-profile-page .ddh-profile-post-author-text{
  display:grid;
  gap:.08rem;
  min-width:0;
}

.cb-profile-page .ddh-profile-post-name{
  overflow:hidden;
  color:#101820;
  font-weight:950;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cb-profile-page .ddh-profile-post-time{
  color:#667085;
  font-size:.78rem;
  font-weight:750;
}

.cb-profile-page .ddh-profile-post-body{
  margin-top:.8rem;
  color:#344054;
  line-height:1.48;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.cb-profile-page .ddh-profile-post-flags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:.55rem;
}

.cb-profile-page .ddh-profile-post-flag{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.2rem .48rem;
  color:#5b4106;
  background:#fff1bd;
  border:1px solid rgba(191,149,63,.28);
  font-size:.72rem;
  font-weight:900;
}

.ddh-reaction-strip,
.ddh-chat-reactions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.32rem;
}

.ddh-reaction-strip{
  margin-top:.75rem;
}

.ddh-chat-reactions{
  margin-top:.62rem;
}

.ddh-reaction-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:.24rem .52rem;
  border:1px solid rgba(16,24,32,.12);
  border-radius:999px;
  color:#344054;
  background:rgba(255,255,255,.78);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.ddh-reaction-btn:hover,
.ddh-reaction-btn:focus{
  transform:translateY(-1px);
  color:#101820;
  background:#fff8df;
  border-color:rgba(191,149,63,.34);
}

.ddh-reaction-btn.is-active{
  color:#101820;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
  border-color:rgba(16,24,32,.16);
  box-shadow:0 8px 18px rgba(191,149,63,.18);
}

.cb-profile-page .ddh-legal-footer{
  position:static !important;
  z-index:0;
  display:block;
  margin-top:4rem;
  pointer-events:none;
}

.ddh-legal-footer-inner{
  padding:1rem 1.1rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--cb-radius);
  background:rgba(7,10,14,.62);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
  pointer-events:auto;
}

.ddh-legal-footer strong{
  color:#fff;
}

.ddh-legal-footer a{
  color:var(--cb-gold);
  font-weight:800;
  text-decoration:none;
}

.ddh-legal-footer a:hover,
.ddh-legal-footer a:focus{
  color:#fff3bd;
  text-decoration:underline;
}

.ddh-admin-search{
  position:relative;
  min-width:min(360px, 100%);
}

.ddh-search-results{
  position:absolute;
  top:calc(100% + .45rem);
  right:0;
  z-index:20;
  width:min(460px, calc(100vw - 2rem));
  max-height:330px;
  overflow:auto;
  padding:.45rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(10,15,22,.98);
  box-shadow:0 22px 54px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}

.ddh-search-results[hidden]{
  display:none;
}

.ddh-search-result{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.65rem .72rem;
  color:#fff;
  text-align:left;
  border:0;
  border-radius:12px;
  background:transparent;
}

.ddh-search-result:hover:not(:disabled),
.ddh-search-result:focus:not(:disabled){
  color:#101820;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
}

.ddh-search-result small{
  display:block;
  margin-top:.08rem;
  color:rgba(255,255,255,.62);
  font-weight:750;
}

.ddh-search-result:hover:not(:disabled) small,
.ddh-search-result:focus:not(:disabled) small{
  color:rgba(16,24,32,.70);
}

.ddh-search-result:disabled{
  opacity:.72;
}

.ddh-search-action{
  flex:0 0 auto;
  font-size:.74rem;
  font-weight:950;
  text-transform:uppercase;
}

.ddh-search-empty{
  padding:.7rem .75rem;
  color:rgba(255,255,255,.70);
  font-size:.84rem;
  font-weight:750;
}

.table{
  margin-bottom:0;
  color:var(--cb-ink);
  border-radius:var(--cb-radius);
  overflow:hidden;
}

.table-responsive{
  max-width:100%;
  border-radius:var(--cb-radius);
  -webkit-overflow-scrolling:touch;
  scrollbar-color:rgba(243,178,58,.55) rgba(16,24,32,.08);
}

.table-responsive > .table{
  min-width:640px;
}

.draft-preview-wrap{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
  overflow-y:auto;
  box-sizing:border-box;
}

.draft-preview-table{
  min-width:0 !important;
  width:100%;
  table-layout:fixed;
}

.draft-preview-table th,
.draft-preview-table td{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  padding:.55rem .5rem;
  vertical-align:middle;
}

.draft-preview-col-pick{ width:11%; }
.draft-preview-col-round{ width:14%; }
.draft-preview-col-drafter{ width:27%; }
.draft-preview-col-driver{ width:28%; }
.draft-preview-col-status{ width:20%; }
.draft-preview-col-order{ width:14%; }

#orgDraftBoards,
#orgDraftBoards > *,
#orgDraftBoards .table-responsive,
#orgHostedDraftControls,
#orgHostedDraftControls > *{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

@media (max-width: 575.98px){
  .draft-preview-table th,
  .draft-preview-table td{
    padding:.46rem .38rem;
    font-size:.72rem;
  }
}

.table > :not(caption) > * > *{
  padding:.78rem .82rem;
  border-bottom-color:#e2e7ef;
}

.table thead th{
  position:sticky;
  top:0;
  z-index:1;
  color:#fff;
  background:linear-gradient(135deg, var(--cb-charcoal), #24303a);
  border-bottom:0;
  font-size:.78rem;
  font-weight:850;
  text-transform:uppercase;
}

.table tbody tr{
  transition:background-color .12s ease, color .12s ease;
}

.table tbody tr:last-child > *{
  border-bottom-width:0;
}

.table-hover tbody tr:hover{
  --bs-table-hover-bg:rgba(20,117,127,.08);
}

.table-dark{
  --bs-table-color:#f9fafb;
  --bs-table-bg:#141c24;
  --bs-table-border-color:#2c3945;
  --bs-table-striped-bg:#19232b;
  --bs-table-hover-bg:#21313a;
}

.table-dark thead th{
  background:linear-gradient(135deg, #0f151b, #2d2022);
}

.table-dark .text-muted{
  color:rgba(255,255,255,.72) !important;
}

.ddh-dialog-root{
  position:relative;
  z-index:2200;
}

.ddh-dialog-backdrop{
  position:fixed;
  inset:0;
  z-index:2200;
  display:grid;
  place-items:center;
  padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  background:rgba(5,8,13,.68);
  opacity:0;
  backdrop-filter:blur(12px);
  transition:opacity .16s ease;
}

.ddh-dialog-backdrop.is-visible{
  opacity:1;
}

.ddh-dialog-card{
  width:min(440px, 100%);
  color:#111827;
  border:1px solid rgba(255,255,255,.68);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(243,178,58,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,247,251,.96));
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  padding:1.15rem;
  transform:translateY(12px) scale(.98);
  transition:transform .16s ease;
}

.ddh-dialog-backdrop.is-visible .ddh-dialog-card{
  transform:translateY(0) scale(1);
}

.ddh-dialog-x{
  float:right;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#111827;
  border:1px solid rgba(17,24,39,.12);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  font-size:1.2rem;
  line-height:1;
}

.ddh-dialog-kicker{
  color:#8a4b17;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ddh-dialog-title{
  margin:.2rem 2.2rem .45rem 0;
  color:#101820;
  font-size:1.22rem;
  font-weight:950;
}

.ddh-dialog-message{
  color:#344054;
  font-weight:700;
  line-height:1.42;
  white-space:pre-wrap;
}

.ddh-dialog-input{
  min-height:48px;
  margin-top:.9rem;
  color:#101820;
  border-color:rgba(16,24,32,.18);
  background:#fff;
}

.ddh-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:.6rem;
  margin-top:1rem;
}

.alert{
  border-radius:var(--cb-radius);
  border-width:1px;
}

.alert-info{
  color:#174953;
  background:#e8f6f8;
  border-color:#b9dfe4;
}

.alert-warning{
  color:#60430c;
  background:#fff5d9;
  border-color:#f2d184;
}

.alert-danger{
  color:#7a1d25;
  background:#fff0f1;
  border-color:#efb9be;
}

.modal-content{
  border:1px solid rgba(24,29,39,.10);
  box-shadow:0 24px 70px rgba(24,29,39,.24);
}

.modal-header{
  background:linear-gradient(135deg, #f8fafc, #eef3f8);
  border-bottom-color:#dce2ea;
}

.dropdown-menu{
  padding:.45rem;
  color:var(--cb-ink);
  border:1px solid rgba(16,24,32,.12);
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,252,.96)),
    radial-gradient(circle at 100% 0, rgba(243,178,58,.16), transparent 42%);
  box-shadow:0 22px 54px rgba(16,24,32,.20), inset 0 1px 0 rgba(255,255,255,.75);
  backdrop-filter:blur(16px);
}

.dropdown-item{
  display:flex;
  align-items:center;
  gap:.45rem;
  min-height:36px;
  color:var(--cb-ink-2);
  border-radius:10px;
  font-weight:800;
  transition:background .14s ease, color .14s ease, transform .14s ease;
}

.dropdown-item:hover,
.dropdown-item:focus{
  color:#15110a;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
  transform:translateX(2px);
}

.dropdown-divider{
  border-top-color:rgba(16,24,32,.10);
}

.ddh-notifications-menu,
.cb-account-menu,
.cb-super-admin-menu{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:
    linear-gradient(145deg, rgba(11,16,23,.98), rgba(25,20,18,.98)),
    radial-gradient(circle at 100% 0, rgba(243,178,58,.18), transparent 42%);
  box-shadow:0 22px 54px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10);
}

.cb-account-menu .dropdown-item,
.cb-super-admin-menu .dropdown-item{
  color:#fff;
}

.cb-account-menu .dropdown-item:hover,
.cb-account-menu .dropdown-item:focus,
.cb-super-admin-menu .dropdown-item:hover,
.cb-super-admin-menu .dropdown-item:focus{
  color:#15110a;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold));
}

hr{
  border-color:#d7dde8;
  opacity:1;
}

.ddh-chat-widget{
  position:fixed;
  right:1.25rem;
  bottom:1.25rem;
  z-index:1080;
  font-family:inherit;
}

.ddh-chat-launcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.68rem;
  min-height:56px;
  padding:.62rem .9rem .62rem .65rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent),
    linear-gradient(135deg, rgba(15,21,28,.96), rgba(36,23,18,.96));
  box-shadow:0 22px 56px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(18px) saturate(1.18);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}

.ddh-chat-launcher:hover,
.ddh-chat-launcher:focus{
  transform:translateY(-3px);
  border-color:rgba(255,215,112,.52);
  filter:saturate(1.08);
  box-shadow:0 28px 66px rgba(0,0,0,.52), 0 0 0 5px rgba(243,178,58,.13), inset 0 1px 0 rgba(255,255,255,.18);
}

.ddh-chat-unread-dot{
  position:absolute;
  top:-6px;
  right:-4px;
  z-index:2;
  min-width:24px;
  height:24px;
  padding:0 .35rem;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.82rem;
  font-weight:1000;
  line-height:1;
  border:2px solid rgba(255,255,255,.92);
  border-radius:999px;
  background:linear-gradient(135deg, #ff3131, #b40018);
  box-shadow:0 10px 24px rgba(180,0,24,.45), 0 0 0 5px rgba(255,49,49,.15);
}

.ddh-chat-unread-dot[hidden]{
  display:none;
}

.ddh-chat-launcher.has-unread{
  border-color:rgba(255,215,112,.72);
  box-shadow:0 28px 66px rgba(0,0,0,.52), 0 0 0 5px rgba(255,49,49,.12), inset 0 1px 0 rgba(255,255,255,.18);
}

.ddh-chat-launcher-mark{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.42);
  border-radius:15px;
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.92), transparent 13%),
    radial-gradient(circle at 72% 88%, rgba(183,39,47,.34), transparent 31%),
    linear-gradient(135deg, #fff2b5 0%, var(--cb-gold) 48%, #f5821f 100%);
  box-shadow:0 0 0 4px rgba(243,178,58,.16), 0 13px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.60);
}

.ddh-chat-launcher-icon{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
  transform:translateY(1px);
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.30));
}

.ddh-chat-launcher-copy{
  display:grid;
  gap:.02rem;
  text-align:left;
  line-height:1;
}

.ddh-chat-launcher-kicker{
  color:rgba(255,215,112,.84);
  font-size:.64rem;
  font-weight:950;
  text-transform:uppercase;
}

.ddh-chat-launcher-label{
  color:#fff;
  font-size:.91rem;
  font-weight:950;
}

.ddh-chat-panel{
  position:absolute;
  right:0;
  bottom:4.65rem;
  width:min(780px, calc(100vw - 2rem));
  height:min(720px, calc(100vh - 7rem));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  overscroll-behavior:contain;
  touch-action:pan-y;
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(243,178,58,.22), transparent 34%),
    radial-gradient(circle at 100% 8%, rgba(20,117,127,.20), transparent 30%),
    linear-gradient(145deg, rgba(11,16,23,.98), rgba(25,20,18,.98));
  box-shadow:0 34px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.11);
  backdrop-filter:blur(22px) saturate(1.18);
}

.ddh-chat-panel[hidden]{
  display:none;
}

.ddh-chat-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1rem 1rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), transparent),
    linear-gradient(90deg, rgba(243,178,58,.18), rgba(183,39,47,.08));
}

.ddh-chat-head-main{
  display:flex;
  align-items:center;
  gap:.72rem;
  min-width:0;
}

.ddh-chat-head-mark{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  color:#141414;
  font-weight:1000;
  border-radius:12px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 60%, #f5821f);
  box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.60);
}

.ddh-chat-head-mark img{
  width:32px;
  height:32px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.28));
}

.ddh-chat-title{
  color:#fff;
  font-size:1.05rem;
  font-weight:950;
  line-height:1.05;
}

.ddh-chat-subtitle{
  max-width:285px;
  margin-top:.18rem;
  color:rgba(255,255,255,.68);
  font-size:.77rem;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-chat-close{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:1.28rem;
  line-height:1;
  transition:background .15s ease, transform .15s ease, border-color .15s ease;
}

.ddh-chat-close:hover{
  transform:rotate(5deg);
  border-color:rgba(255,215,112,.42);
  background:rgba(255,255,255,.15);
}

.ddh-social-layout{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
}

.ddh-social-sidebar{
  min-height:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 0 0, rgba(255,215,112,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
}

.ddh-social-sidebar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  padding:.9rem .9rem .7rem;
}

.ddh-social-kicker{
  color:rgba(255,215,112,.84);
  font-size:.66rem;
  font-weight:950;
  text-transform:uppercase;
}

.ddh-social-title{
  color:#fff;
  font-weight:950;
  line-height:1.05;
}

.ddh-social-refresh{
  padding:.22rem .46rem;
  color:#101820;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  font-size:.66rem;
  font-weight:950;
  text-transform:uppercase;
}

.ddh-social-current{
  margin:0 .9rem .75rem;
  padding:.52rem .62rem;
  color:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(0,0,0,.16);
  font-size:.72rem;
  font-weight:800;
}

.ddh-social-friends{
  flex:1;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  display:grid;
  align-content:start;
  gap:.48rem;
  padding:0 .75rem .9rem;
  scrollbar-color:rgba(255,215,112,.50) rgba(255,255,255,.08);
}

.ddh-social-empty{
  padding:.85rem;
  color:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  font-size:.82rem;
  font-weight:750;
}

.ddh-social-friend{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:.58rem;
  padding:.58rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ddh-social-friend.is-online{
  border-color:rgba(36,196,131,.38);
  background:linear-gradient(135deg, rgba(36,196,131,.13), rgba(255,255,255,.06));
}

.ddh-social-avatar{
  position:relative;
  overflow:hidden;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#101820;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  font-weight:1000;
  text-decoration:none;
}

.ddh-social-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

.ddh-social-friend.is-online .ddh-social-avatar::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:11px;
  height:11px;
  border:2px solid #111820;
  border-radius:999px;
  background:#24c483;
}

.ddh-social-friend-main{
  min-width:0;
  padding:0;
  color:#fff;
  text-align:left;
  border:0;
  background:transparent;
  text-decoration:none;
}

.ddh-social-name{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.84rem;
  font-weight:950;
}

.ddh-social-meta{
  display:block;
  margin-top:.08rem;
  color:rgba(255,255,255,.62);
  font-size:.69rem;
  font-weight:800;
}

.ddh-social-actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  padding-left:46px;
}

.ddh-social-actions button{
  padding:.24rem .5rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.68rem;
  font-weight:900;
}

.ddh-social-actions button:hover:not(:disabled){
  color:#101820;
  border-color:transparent;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
}

.ddh-social-actions button:disabled{
  opacity:.56;
}

.ddh-social-conversation{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.ddh-chat-scope{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px, 280px);
  align-items:center;
  gap:.78rem;
  padding:.9rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 12% 0, rgba(255,215,112,.16), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
}

.ddh-chat-room-summary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.7rem;
}

.ddh-chat-room-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  color:#101820;
  border-radius:14px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 62%, #f5821f);
  box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.55);
  font-size:1.05rem;
  font-weight:1000;
}

.ddh-chat-room-copy{
  min-width:0;
}

.ddh-chat-scope-label{
  display:block;
  margin:0 0 .08rem;
  color:rgba(255,215,112,.86);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.ddh-chat-room-active{
  color:#fff;
  font-size:.95rem;
  font-weight:950;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-chat-room-control{
  position:relative;
  min-width:0;
}

.ddh-chat-native-select{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.ddh-chat-room-trigger{
  position:relative;
  min-height:52px;
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:.62rem;
  padding:.58rem 2.35rem .58rem .65rem;
  color:#f8fafc;
  text-align:left;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,215,112,.18), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.055)),
    rgba(7,10,14,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 28px rgba(0,0,0,.22);
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}

.ddh-chat-room-trigger:hover,
.ddh-chat-room-trigger[aria-expanded="true"]{
  border-color:rgba(255,215,112,.48);
  background:
    radial-gradient(circle at 8% 0%, rgba(255,215,112,.26), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.17), rgba(255,255,255,.075)),
    rgba(7,10,14,.66);
  box-shadow:0 14px 30px rgba(0,0,0,.26), 0 0 0 4px rgba(243,178,58,.10), inset 0 1px 0 rgba(255,255,255,.13);
}

.ddh-chat-room-trigger-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#101820;
  border-radius:13px;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 62%, #f5821f);
  box-shadow:0 9px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.58);
  font-size:.86rem;
  font-weight:1000;
}

.ddh-chat-room-trigger-copy{
  min-width:0;
  display:grid;
  gap:.06rem;
}

.ddh-chat-room-trigger-label{
  overflow:hidden;
  color:#fff;
  font-size:.86rem;
  font-weight:950;
  line-height:1.08;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-chat-room-trigger-meta{
  overflow:hidden;
  color:rgba(255,255,255,.62);
  font-size:.68rem;
  font-weight:800;
  line-height:1.08;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-chat-room-menu{
  position:absolute;
  top:calc(100% + .55rem);
  right:0;
  z-index:12;
  width:min(390px, calc(100vw - 2rem));
  max-height:330px;
  overflow:auto;
  padding:.58rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 14% 0%, rgba(243,178,58,.20), transparent 34%),
    linear-gradient(145deg, rgba(10,15,22,.99), rgba(25,19,16,.99));
  box-shadow:0 24px 64px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(1.12);
  scrollbar-color:rgba(255,215,112,.55) rgba(255,255,255,.08);
}

.ddh-chat-room-menu[hidden]{
  display:none;
}

.ddh-chat-room-admin-toggle-wrap{
  padding:.08rem .08rem .48rem;
  margin-bottom:.28rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.ddh-chat-room-admin-toggle{
  width:100%;
  display:grid;
  gap:.12rem;
  padding:.62rem .72rem;
  color:#101820;
  text-align:left;
  border:1px solid rgba(255,215,112,.62);
  border-radius:16px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 64%, #f5821f);
  box-shadow:0 12px 26px rgba(243,178,58,.20), inset 0 1px 0 rgba(255,255,255,.62);
}

.ddh-chat-room-admin-toggle span{
  font-size:.84rem;
  font-weight:1000;
  line-height:1.05;
}

.ddh-chat-room-admin-toggle small{
  color:rgba(16,24,32,.72);
  font-size:.68rem;
  font-weight:850;
  line-height:1.2;
}

.ddh-chat-room-admin-toggle:hover,
.ddh-chat-room-admin-toggle:focus{
  filter:saturate(1.08);
  transform:translateY(-1px);
}

.ddh-chat-room-menu-group{
  padding:.45rem .55rem .25rem;
  color:rgba(255,215,112,.82);
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.ddh-chat-room-option{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:.58rem;
  margin:.16rem 0;
  padding:.52rem .56rem;
  color:#fff;
  text-align:left;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  transition:background .14s ease, border-color .14s ease, transform .14s ease, color .14s ease;
}

.ddh-chat-room-option:hover,
.ddh-chat-room-option:focus{
  color:#fff;
  border-color:rgba(255,215,112,.38);
  background:rgba(255,255,255,.10);
  transform:translateY(-1px);
}

.ddh-chat-room-option.is-active{
  color:#121212;
  border-color:rgba(255,255,255,.42);
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold) 62%, #f5821f);
  box-shadow:0 12px 24px rgba(243,178,58,.24), inset 0 1px 0 rgba(255,255,255,.58);
}

.ddh-chat-room-option-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#101820;
  border-radius:13px;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 62%, #f5821f);
  box-shadow:0 9px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.56);
  font-weight:1000;
}

.ddh-chat-room-option.is-active .ddh-chat-room-option-icon{
  color:#fff;
  background:linear-gradient(135deg, #141414, #332113);
}

.ddh-chat-room-option-copy{
  min-width:0;
  display:grid;
  gap:.08rem;
}

.ddh-chat-room-option-label,
.ddh-chat-room-option-meta{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-chat-room-option-label{
  font-size:.85rem;
  font-weight:950;
}

.ddh-chat-room-option-meta{
  color:rgba(255,255,255,.58);
  font-size:.68rem;
  font-weight:800;
}

.ddh-chat-room-option.is-active .ddh-chat-room-option-meta{
  color:rgba(18,18,18,.68);
}

.ddh-chat-room-option-unread{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  align-self:center;
  color:#fff;
  border:2px solid rgba(255,255,255,.84);
  border-radius:999px;
  background:linear-gradient(135deg, #ff3131, #b40018);
  box-shadow:0 8px 18px rgba(180,0,24,.36);
  font-size:.68rem;
  font-weight:1000;
  line-height:1;
}

.ddh-chat-room-option-unread[hidden]{
  display:none;
}

.ddh-chat-room-menu-empty{
  padding:.8rem;
  color:rgba(255,255,255,.66);
  font-size:.82rem;
  font-weight:800;
}

.ddh-chat-room-chevron{
  pointer-events:none;
  position:absolute;
  top:50%;
  right:.9rem;
  width:.58rem;
  height:.58rem;
  border-right:2px solid rgba(255,215,112,.92);
  border-bottom:2px solid rgba(255,215,112,.92);
  transform:translateY(-65%) rotate(45deg);
}

.ddh-chat-pins{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.ddh-chat-pins-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.74rem 1rem;
  color:#fff;
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
  cursor:pointer;
  list-style:none;
}

.ddh-chat-pins-title::-webkit-details-marker{
  display:none;
}

.ddh-chat-pins-chevron{
  width:.58rem;
  height:.58rem;
  border-right:2px solid rgba(255,255,255,.72);
  border-bottom:2px solid rgba(255,255,255,.72);
  transform:rotate(45deg);
  transition:transform .16s ease;
}

.ddh-chat-pins[open] .ddh-chat-pins-chevron{
  transform:rotate(225deg);
}

.ddh-chat-pins-body{
  padding:0 1rem .85rem;
}

.ddh-chat-pins-list{
  display:grid;
  gap:.45rem;
  max-height:128px;
  overflow:auto;
  padding-right:.15rem;
}

.ddh-chat-pin{
  position:relative;
  padding:.58rem .65rem;
  color:#fff;
  font-size:.78rem;
  border:1px solid rgba(255,215,112,.22);
  border-radius:14px;
  background:linear-gradient(135deg, rgba(255,215,112,.12), rgba(255,255,255,.06));
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

.ddh-chat-pin-meta,
.ddh-chat-pin-empty{
  margin-top:.18rem;
  color:rgba(255,255,255,.62);
  font-size:.68rem;
  font-weight:800;
}

.ddh-chat-pin button{
  margin-top:.38rem;
  padding:.12rem .5rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.68rem;
  font-weight:850;
  transition:background .14s ease, border-color .14s ease;
}

.ddh-chat-pin button:hover{
  border-color:rgba(255,215,112,.38);
  background:rgba(255,215,112,.14);
}

.ddh-chat-pin-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:.45rem;
  margin-top:.65rem;
}

.ddh-chat-pin-form .form-control{
  color:#fff;
  border-color:rgba(255,255,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.08);
}

.ddh-chat-pin-form .form-control::placeholder{
  color:rgba(255,255,255,.56);
}

.ddh-chat-messages{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:.72rem;
  overflow:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  padding:1rem;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.18)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 18px);
  scrollbar-color:rgba(255,215,112,.58) rgba(255,255,255,.08);
}

.ddh-chat-empty{
  margin:auto;
  max-width:280px;
  padding:1rem;
  color:rgba(255,255,255,.68);
  text-align:center;
  font-weight:800;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}

.ddh-chat-message{
  align-self:flex-start;
  width:min(90%, 334px);
  padding:.68rem .76rem;
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px 18px 18px 6px;
  background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.075));
  box-shadow:0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
}

.ddh-chat-message.is-mine{
  align-self:flex-end;
  color:#141414;
  border-color:rgba(255,215,112,.52);
  border-radius:18px 18px 6px 18px;
  background:linear-gradient(135deg, #fff5c5 0%, var(--cb-gold) 68%, #f5821f 100%);
}

.ddh-chat-message.is-mention-target{
  animation:ddhMentionPulse 1.2s ease-in-out 0s 3;
  outline:3px solid rgba(255,49,49,.58);
  outline-offset:3px;
}

@keyframes ddhMentionPulse{
  0%, 100%{
    box-shadow:0 14px 30px rgba(0,0,0,.20), 0 0 0 0 rgba(255,49,49,0);
  }
  50%{
    box-shadow:0 18px 38px rgba(0,0,0,.28), 0 0 0 9px rgba(255,49,49,.16);
  }
}

.ddh-chat-message-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem .7rem;
  margin-bottom:.32rem;
  color:rgba(255,255,255,.66);
  font-size:.76rem;
  font-weight:850;
}

.ddh-chat-message-meta a,
.ddh-chat-message-meta span:first-child{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.08rem .42rem .1rem;
  color:#101820;
  border-radius:999px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  font-size:.9rem;
  font-weight:1000;
  line-height:1.15;
  text-decoration:none;
}

.ddh-chat-message.is-mine .ddh-chat-message-meta{
  color:rgba(20,20,20,.68);
}

.ddh-chat-message.is-mine .ddh-chat-message-meta a,
.ddh-chat-message.is-mine .ddh-chat-message-meta span:first-child{
  color:#101820;
  background:rgba(255,255,255,.48);
}

.ddh-chat-actions{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin-left:auto;
}

.ddh-chat-actions-toggle{
  min-height:25px;
  min-width:34px;
  padding:.08rem .55rem .12rem;
  color:#101820;
  font-size:.82rem;
  font-weight:1000;
  line-height:1;
  border:1px solid rgba(255,215,112,.56);
  border-radius:999px;
  background:linear-gradient(135deg, #fff3bc, #f7c948);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.ddh-chat-actions-toggle:hover,
.ddh-chat-actions-toggle[aria-expanded="true"]{
  filter:saturate(1.08);
  box-shadow:0 10px 22px rgba(0,0,0,.24), 0 0 0 3px rgba(243,178,58,.15);
}

.ddh-chat-actions-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  z-index:3;
  min-width:178px;
  padding:.42rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(10,15,22,.98);
  box-shadow:0 20px 48px rgba(0,0,0,.48);
  backdrop-filter:blur(14px);
}

.ddh-chat-actions-menu[hidden]{
  display:none;
}

.ddh-chat-actions-menu button{
  display:block;
  width:100%;
  padding:.48rem .55rem;
  color:#fff;
  font-size:.76rem;
  font-weight:850;
  text-align:left;
  border:0;
  border-radius:10px;
  background:transparent;
}

.ddh-chat-actions-menu button:hover{
  color:#101820;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
}

.ddh-chat-message-body{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:.92rem;
  line-height:1.42;
}

.ddh-chat-message-report{
  display:block;
  width:max-content;
  margin:.36rem 0 0 auto;
  padding:0;
  color:rgba(255,215,112,.84);
  font-size:.65rem;
  font-weight:900;
  line-height:1.1;
  text-transform:lowercase;
  text-decoration:underline;
  text-underline-offset:2px;
  border:0;
  background:transparent;
  opacity:.82;
}

.ddh-chat-message-report:hover,
.ddh-chat-message-report:focus{
  color:#fff3bc;
  opacity:1;
}

/* Polished social chat bubbles with profile avatars. */
.ddh-chat-message{
  display:grid;
  grid-template-columns:38px minmax(0, 1fr);
  align-items:end;
  gap:.55rem;
  width:min(94%, 410px);
  padding:0;
  color:#f8fafc;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.ddh-chat-message.is-mine{
  grid-template-columns:minmax(0, 1fr) 38px;
  color:#141414;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.ddh-chat-message-avatar{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:#101820;
  border:2px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
  box-shadow:0 10px 22px rgba(0,0,0,.24);
  font-size:.86rem;
  font-weight:1000;
  text-decoration:none;
}

.ddh-chat-message-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ddh-chat-message.is-mine .ddh-chat-message-avatar{
  grid-column:2;
  grid-row:1;
  border-color:rgba(255,215,112,.45);
}

.ddh-chat-message-content{
  min-width:0;
  padding:.72rem .78rem .68rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px 20px 20px 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,215,112,.14), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.07));
  box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}

.ddh-chat-message.is-mine .ddh-chat-message-content{
  grid-column:1;
  grid-row:1;
  border-color:rgba(255,215,112,.60);
  border-radius:20px 20px 8px 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.44), transparent 38%),
    linear-gradient(135deg, #fff5c5 0%, var(--cb-gold) 66%, #f5821f 100%);
  box-shadow:0 16px 34px rgba(243,178,58,.20), inset 0 1px 0 rgba(255,255,255,.38);
}

.ddh-chat-message-meta{
  margin-bottom:.42rem;
}

.ddh-chat-message-meta .ddh-chat-message-author{
  overflow:hidden;
  max-width:185px;
  padding:0;
  color:#fff !important;
  border-radius:0;
  background:transparent !important;
  font-size:.88rem;
  font-weight:1000;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:none;
}

.ddh-chat-message.is-mine .ddh-chat-message-meta .ddh-chat-message-author{
  color:#101820 !important;
}

.ddh-chat-message-meta > span:not(:first-child):not(.ddh-chat-actions){
  color:rgba(255,255,255,.58);
  font-size:.68rem;
  font-weight:850;
}

.ddh-chat-message.is-mine .ddh-chat-message-meta > span:not(:first-child):not(.ddh-chat-actions){
  color:rgba(16,24,32,.58);
}

.ddh-chat-message-body{
  font-size:.94rem;
  line-height:1.46;
}

@media (max-width: 767.98px){
  .ddh-chat-message{
    grid-template-columns:34px minmax(0, 1fr);
    gap:.42rem;
    width:min(98%, 390px);
  }

  .ddh-chat-message.is-mine{
    grid-template-columns:minmax(0, 1fr) 34px;
  }

  .ddh-chat-message-avatar{
    width:34px;
    height:34px;
    font-size:.78rem;
  }

  .ddh-chat-message-content{
    padding:.62rem .66rem;
    border-radius:18px 18px 18px 7px;
  }

  .ddh-chat-message.is-mine .ddh-chat-message-content{
    border-radius:18px 18px 7px 18px;
  }
}

.ddh-chat-form{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.62rem;
  padding:.88rem 1rem 1rem;
  border-top:1px solid rgba(255,255,255,.11);
  background:linear-gradient(180deg, rgba(7,10,14,.74), rgba(7,10,14,.88));
}

.ddh-chat-form textarea.form-control{
  min-height:46px;
  max-height:104px;
  resize:vertical;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.ddh-chat-form textarea.form-control::placeholder{
  color:rgba(255,255,255,.56);
}

.ddh-chat-form textarea.form-control:focus,
.ddh-chat-pin-form .form-control:focus,
.ddh-chat-room-trigger:focus{
  color:#fff;
  border-color:rgba(255,215,112,.72);
  background-color:rgba(255,255,255,.10);
  box-shadow:0 0 0 .18rem rgba(243,178,58,.18);
}

.ddh-chat-form .btn{
  align-self:end;
  min-height:44px;
  border-radius:14px;
  font-weight:950;
}

.ddh-chat-send{
  min-width:74px;
}

.ddh-mention-menu{
  position:absolute;
  left:1rem;
  right:6.4rem;
  bottom:calc(100% - .25rem);
  z-index:7;
  display:grid;
  gap:.28rem;
  max-height:238px;
  overflow:auto;
  padding:.42rem;
  border:1px solid rgba(255,215,112,.30);
  border-radius:18px;
  background:rgba(8,12,18,.98);
  box-shadow:0 24px 58px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}

.ddh-mention-menu[hidden]{
  display:none;
}

.ddh-mention-option{
  display:flex;
  align-items:center;
  gap:.58rem;
  width:100%;
  min-height:46px;
  padding:.42rem .48rem;
  color:#fff;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  text-align:left;
}

.ddh-mention-option:hover,
.ddh-mention-option:focus,
.ddh-mention-option.is-active{
  color:#101820;
  border-color:rgba(255,215,112,.58);
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
}

.ddh-mention-avatar{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#101820;
  border-radius:12px;
  background:linear-gradient(135deg, #fff, #f6c453);
  font-size:.82rem;
  font-weight:1000;
  box-shadow:0 8px 18px rgba(0,0,0,.20);
}

.ddh-mention-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ddh-mention-copy{
  min-width:0;
  display:grid;
  gap:.04rem;
}

.ddh-mention-label,
.ddh-mention-handle{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-mention-label{
  font-size:.84rem;
  font-weight:950;
  line-height:1.05;
}

.ddh-mention-handle{
  color:rgba(255,255,255,.62);
  font-size:.7rem;
  font-weight:850;
}

.ddh-mention-option:hover .ddh-mention-handle,
.ddh-mention-option:focus .ddh-mention-handle,
.ddh-mention-option.is-active .ddh-mention-handle{
  color:rgba(16,24,32,.70);
}

.ddh-chat-status{
  min-height:1.08rem;
  padding:0 1rem .88rem;
  color:rgba(255,255,255,.66);
  font-size:.75rem;
  font-weight:750;
}

@media (max-width: 991.98px){
  body.cb-app{
    background-attachment:scroll, scroll, scroll, scroll, scroll;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl{
    max-width:100%;
  }

  .cb-main{
    padding-left:.85rem;
    padding-right:.85rem;
  }

  .cb-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cb-home-hero{
    min-height:360px;
  }
  .cb-home-hero-lockup{
    align-items:flex-start;
  }
  .cb-home-hero-logo-panel{
    flex-basis:180px;
  }
  .cb-navbar .navbar-collapse{
    margin-top:.75rem;
    padding-top:.75rem;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .cb-navbar .navbar-nav{
    gap:.35rem;
  }

  .cb-navbar .nav-link{
    min-height:42px;
    display:flex;
    align-items:center;
  }

  .cb-nav-actions{
    align-items:stretch;
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .cb-nav-actions > .dropdown,
  .cb-nav-actions > form,
  .cb-nav-actions > a,
  .cb-nav-actions > .btn{
    width:100%;
  }

  .cb-nav-actions .btn,
  .cb-nav-actions .ddh-notification-toggle,
  .cb-nav-actions .cb-view-as-select,
  .cb-nav-actions .cb-account-dropdown,
  .cb-nav-actions .cb-super-admin-control,
  .cb-nav-actions form,
  .cb-nav-actions form .btn{
    width:100%;
  }

  .cb-navbar .dropdown-menu.show:not(.ddh-notifications-menu){
    position:static !important;
    width:100%;
    min-width:0;
    margin-top:.35rem;
    transform:none !important;
  }
}

@media (max-width: 575.98px){
  .cb-feature-grid{
    grid-template-columns:1fr;
  }
  .cb-home-hero .card-body{
    padding:1.25rem;
  }
  .cb-home-hero-lockup{
    flex-direction:column-reverse;
    gap:1rem;
  }
  .cb-home-hero-logo-panel{
    width:150px;
    flex-basis:auto;
    padding:0;
  }
}

@media (max-width: 575.98px){
  .cb-brand-subtitle{ display:none; }
  .cb-brand-title{
    font-size:.96rem;
  }
  .cb-brand-logo-wrap{
    width:38px;
    height:38px;
  }
  .cb-brand-logo{
    width:36px;
    height:36px;
  }
  .cb-main{
    margin-top:1rem;
  }
  .cb-home-hero{
    min-height:auto;
  }
  .cb-hero-title{
    font-size:2rem;
    line-height:1.02;
  }
  .cb-hero-copy{
    font-size:.96rem;
  }
  .cb-kicker{
    font-size:.68rem;
  }
  .form-control,
  .form-select{
    font-size:16px;
  }
  .cb-main > .d-flex,
  .cb-card .card-body > .d-flex,
  .card-body > .d-flex{
    gap:.5rem !important;
  }
  .cb-main > .d-flex .btn,
  .cb-card .card-body > .d-flex .btn,
  .card-body > .d-flex .btn{
    flex:1 1 auto;
  }
  .cb-card .card-body{
    padding:1rem;
  }
  .table > :not(caption) > * > *{
    padding:.62rem .65rem;
  }
  .ddh-chat-widget{
    right:.8rem;
    bottom:.8rem;
  }
  .ddh-chat-panel{
    width:calc(100vw - 1.6rem);
    height:min(610px, calc(100vh - 6.5rem));
  }
  .ddh-social-layout{
    grid-template-columns:1fr;
  }
  .ddh-social-sidebar{
    max-height:210px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.11);
  }
  .ddh-social-friends{
    grid-template-columns:1fr;
  }
  .ddh-chat-launcher{
    min-height:44px;
    padding:.55rem .75rem .55rem .55rem;
  }
  .ddh-chat-launcher-copy{
    display:none;
  }
  .ddh-chat-pin-form{
    grid-template-columns:1fr;
  }
  .ddh-chat-scope{
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .ddh-chat-room-control{
    width:100%;
  }
  .ddh-chat-room-menu{
    left:0;
    right:0;
    width:100%;
  }
  .ddh-chat-form{
    grid-template-columns:1fr;
  }
  .ddh-chat-form .btn{
    width:100%;
  }
  .ddh-admin-search{
    width:100%;
  }
.ddh-search-results{
    left:0;
    right:auto;
    width:100%;
  }
}

@media (max-width: 767.98px){
  .ddh-mobile-up-next{
    display:block;
  }

  .cb-main{
    margin-top:1rem;
    margin-bottom:2rem;
  }

  .cb-page-heading{
    padding:1rem;
    margin-bottom:.85rem;
  }

  .cb-page-heading.d-flex{
    align-items:stretch !important;
    flex-direction:column;
  }

  .cb-page-heading > .d-flex,
  .cb-page-heading > div{
    min-width:0;
  }

  .cb-page-heading .btn,
  .cb-page-heading .btn-group,
  .cb-page-heading form{
    width:100%;
  }

  .cb-page-heading .btn-group{
    display:grid;
    grid-template-columns:1fr;
    gap:.45rem;
  }

  .cb-page-heading .btn-group .btn{
    border-radius:var(--cb-radius) !important;
  }

  .cb-card .card-body,
  .card-body{
    padding:1rem;
  }

  .card-header,
  .card-footer{
    padding:.85rem 1rem;
  }

  .nav-tabs,
  .nav-pills,
  .cb-tabs,
  .cb-pool-tabs{
    display:flex;
    flex-wrap:nowrap;
    gap:.38rem;
    overflow-x:auto;
    overflow-y:hidden;
    padding:.35rem;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  .nav-tabs .nav-item,
  .nav-pills .nav-item,
  .cb-tabs .nav-item,
  .cb-pool-tabs .nav-item{
    flex:0 0 auto;
    scroll-snap-align:start;
  }

  .nav-tabs .nav-link,
  .nav-pills .nav-link,
  .cb-tabs .nav-link,
  .cb-pool-tabs .nav-link{
    min-height:40px;
    white-space:nowrap;
  }

  .cb-org-setup-switcher{
    padding:.4rem;
    border-radius:18px;
  }

  .cb-org-setup-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.42rem;
  }

  .cb-org-setup-tabs button{
    min-height:44px;
    flex:none;
    padding:.5rem .62rem;
    font-size:.78rem;
  }

  .cb-org-setup-tabs button::before{
    width:26px;
    height:26px;
    flex-basis:26px;
    border-radius:9px;
    font-size:.58rem;
  }

  .table-responsive{
    overflow-x:auto !important;
    overflow-y:visible;
    margin-inline:-.15rem;
    border:1px solid rgba(16,24,32,.08);
    background:rgba(255,255,255,.28);
  }

  .table-responsive.ddh-mobile-card-wrap{
    overflow-x:visible !important;
    margin-inline:0;
    border:0;
    background:transparent;
  }

  .table-responsive.table-sticky,
  .table-responsive[style*="max-height"]{
    max-height:none !important;
  }

  .table-responsive > .table{
    min-width:680px;
    font-size:.82rem;
  }

  .table > :not(caption) > * > *{
    padding:.58rem .6rem;
    vertical-align:middle;
  }

  .table .btn,
  .table .form-control,
  .table .form-select{
    min-height:34px;
  }

  .table .btn-sm{
    min-height:30px;
    padding:.28rem .5rem;
  }

  #mySoloPools,
  #mySoloPoolsGroup table,
  #tblSoloPools,
  #soloPoolsGroup table,
  .ddh-mobile-card-table,
  #orgTable,
  #orgPoolsTable,
  #orgPoolsBrowseTable,
  .ddh-my-league-table,
  .ddh-league-card-table,
  #myOrgPoolsGroups table,
  #orgPoolsGroups table{
    min-width:0 !important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 .7rem;
    background:transparent;
  }

  #mySoloPools thead,
  #mySoloPoolsGroup table thead,
  #tblSoloPools thead,
  #soloPoolsGroup table thead,
  .ddh-mobile-card-table thead,
  #orgTable thead,
  #orgPoolsTable thead,
  #orgPoolsBrowseTable thead,
  .ddh-my-league-table thead,
  .ddh-league-card-table thead,
  #myOrgPoolsGroups table thead,
  #orgPoolsGroups table thead{
    display:none;
  }

  #mySoloPools tbody,
  #mySoloPools tr,
  #mySoloPools td,
  #mySoloPoolsGroup table tbody,
  #mySoloPoolsGroup table tr,
  #mySoloPoolsGroup table td,
  #tblSoloPools tbody,
  #tblSoloPools tr,
  #tblSoloPools td,
  #soloPoolsGroup table tbody,
  #soloPoolsGroup table tr,
  #soloPoolsGroup table td,
  .ddh-mobile-card-table tbody,
  .ddh-mobile-card-table tr,
  .ddh-mobile-card-table td,
  #orgTable tbody,
  #orgTable tr,
  #orgTable td,
  #orgPoolsTable tbody,
  #orgPoolsTable tr,
  #orgPoolsTable td,
  #orgPoolsBrowseTable tbody,
  #orgPoolsBrowseTable tr,
  #orgPoolsBrowseTable td,
  .ddh-my-league-table tbody,
  .ddh-my-league-table tr,
  .ddh-my-league-table td,
  .ddh-league-card-table tbody,
  .ddh-league-card-table tr,
  .ddh-league-card-table td,
  #myOrgPoolsGroups table tbody,
  #myOrgPoolsGroups table tr,
  #myOrgPoolsGroups table td,
  #orgPoolsGroups table tbody,
  #orgPoolsGroups table tr,
  #orgPoolsGroups table td{
    display:block;
    width:100%;
  }

  #mySoloPools tr,
  #mySoloPoolsGroup table tr,
  #tblSoloPools tr,
  #soloPoolsGroup table tr,
  .ddh-mobile-card-table tr,
  #orgTable tr,
  #orgPoolsTable tr,
  #orgPoolsBrowseTable tr,
  .ddh-my-league-table tr,
  .ddh-league-card-table tr,
  #myOrgPoolsGroups table tbody tr,
  #orgPoolsGroups table tbody tr{
    margin-bottom:.7rem;
    padding:.65rem;
    color:#f8fafc;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.13), transparent 32%),
      linear-gradient(145deg, rgba(13,18,25,.96), rgba(28,22,19,.94));
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }

  #mySoloPools td,
  #mySoloPoolsGroup table td,
  #tblSoloPools td,
  #soloPoolsGroup table td,
  .ddh-mobile-card-table td,
  #orgTable td,
  #orgPoolsTable td,
  #orgPoolsBrowseTable td,
  .ddh-my-league-table td,
  .ddh-league-card-table td,
  #myOrgPoolsGroups table td,
  #orgPoolsGroups table td{
    padding:.34rem .2rem !important;
    color:rgba(255,255,255,.82);
    text-align:left !important;
    border:0 !important;
  }

  #mySoloPools td:first-child,
  #mySoloPoolsGroup table td:first-child,
  #tblSoloPools td:first-child,
  #soloPoolsGroup table td:first-child,
  .ddh-mobile-card-table td:first-child,
  #orgTable td:first-child,
  #orgPoolsTable td:first-child,
  #orgPoolsBrowseTable td:first-child,
  .ddh-my-league-table td:first-child,
  .ddh-league-card-table td:first-child,
  #myOrgPoolsGroups table td:first-child,
  #orgPoolsGroups table td:first-child{
    color:#fff;
    font-size:1rem;
  }

  .ddh-mobile-card-table td[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:.12rem;
    color:rgba(255,215,112,.78);
    font-size:.66rem;
    font-weight:950;
    text-transform:uppercase;
  }

  #tblSoloPools td:nth-child(2)::before,
  #soloPoolsGroup table td:nth-child(2)::before,
  #orgPoolsGroups table td:nth-child(2)::before,
  .ddh-league-card-table td:nth-child(2)::before,
  #orgPoolsBrowseTable td:nth-child(2)::before{
    content:"Members";
  }

  #tblSoloPools td:nth-child(3)::before,
  #soloPoolsGroup table td:nth-child(3)::before,
  #orgPoolsGroups table td:nth-child(3)::before,
  #orgPoolsBrowseTable td:nth-child(3)::before{
    content:"Status";
  }

  #orgTable td:nth-child(2)::before{
    content:"Template";
  }

  #orgTable td:nth-child(3)::before{
    content:"League Creation";
  }

  #orgPoolsTable td:nth-child(2)::before{
    content:"Invite";
  }

  #orgPoolsTable td:nth-child(3)::before{
    content:"Locked";
  }

  #orgPoolsTable td:nth-child(4)::before{
    content:"Member Cap";
  }

  #tblSoloPools td:nth-child(2)::before,
  #tblSoloPools td:nth-child(3)::before,
  #soloPoolsGroup table td:nth-child(2)::before,
  #soloPoolsGroup table td:nth-child(3)::before,
  #orgPoolsGroups table td:nth-child(2)::before,
  #orgPoolsGroups table td:nth-child(3)::before,
  .ddh-league-card-table td:nth-child(2)::before,
  #orgTable td:nth-child(2)::before,
  #orgTable td:nth-child(3)::before,
  #orgPoolsTable td:nth-child(2)::before,
  #orgPoolsTable td:nth-child(3)::before,
  #orgPoolsTable td:nth-child(4)::before,
  #orgPoolsBrowseTable td:nth-child(2)::before,
  #orgPoolsBrowseTable td:nth-child(3)::before{
    display:block;
    margin-bottom:.12rem;
    color:rgba(255,215,112,.78);
    font-size:.66rem;
    font-weight:950;
    text-transform:uppercase;
  }

  #mySoloPools td:last-child,
  #mySoloPoolsGroup table td:last-child,
  #tblSoloPools td:last-child,
  #soloPoolsGroup table td:last-child,
  .ddh-mobile-card-table td:last-child,
  #orgTable td:last-child,
  #orgPoolsTable td:last-child,
  #orgPoolsBrowseTable td:last-child,
  .ddh-my-league-table td:last-child,
  .ddh-league-card-table td:last-child,
  #myOrgPoolsGroups table td:last-child,
  #orgPoolsGroups table td:last-child{
    display:grid;
    grid-template-columns:1fr;
    gap:.45rem;
    padding-top:.55rem !important;
  }

  #mySoloPools td:last-child .btn,
  #mySoloPoolsGroup table td:last-child .btn,
  #tblSoloPools td:last-child .btn,
  #soloPoolsGroup table td:last-child .btn,
  .ddh-mobile-card-table td:last-child .btn,
  #orgTable td:last-child .btn,
  #orgPoolsTable td:last-child .btn,
  #orgPoolsBrowseTable td:last-child .btn,
  .ddh-my-league-table td:last-child .btn,
  .ddh-league-card-table td:last-child .btn,
  #myOrgPoolsGroups table td:last-child .btn,
  #orgPoolsGroups table td:last-child .btn{
    width:100%;
    margin-left:0 !important;
  }

  #availTable,
  #boardTable,
  #orderTable{
    min-width:0 !important;
    width:100%;
  }

  #availTable tbody tr,
  #boardTable tbody tr,
  #orderTable tbody tr{
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.18), transparent 34%),
      linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,247,231,.95));
    border-color:rgba(243,178,58,.36);
    box-shadow:0 14px 34px rgba(0,0,0,.2);
  }

  #availTable tbody tr{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(42px, auto) minmax(64px, auto);
    grid-template-areas:
      "driver car avg"
      "bid bid bid"
      "action action action";
    align-items:start;
    gap:.28rem .45rem;
    margin-bottom:.48rem;
    padding:.48rem .55rem;
  }

  #availTable tbody td,
  #availTable tbody a,
  #boardTable tbody td,
  #boardTable tbody a,
  #orderTable tbody td,
  #orderTable tbody a{
    color:#111827 !important;
  }

  #availTable td[data-label]::before,
  #boardTable td[data-label]::before,
  #orderTable td[data-label]::before{
    color:#8a4b17;
  }

  #availTable tbody td{
    padding:0 !important;
    min-width:0;
  }

  #availTable tbody td:nth-child(1){
    grid-area:driver;
    font-size:.96rem;
    font-weight:950;
    line-height:1.15;
  }

  #availTable tbody td:nth-child(2){
    grid-area:car;
    text-align:right !important;
    font-weight:900;
    white-space:nowrap;
  }

  #availTable tbody td:nth-child(3){
    grid-area:avg;
    text-align:right !important;
    white-space:nowrap;
  }

  #availTable tbody td:nth-child(4){
    grid-area:bid;
    padding-top:.12rem !important;
  }

  #availTable tbody td:nth-child(5){
    grid-area:action;
  }

  #availTable td:nth-child(1)::before{
    display:none !important;
  }

  #availTable td:nth-child(2)::before,
  #availTable td:nth-child(3)::before{
    margin-bottom:.02rem;
    font-size:.58rem;
    line-height:1;
  }

  #availTable td:nth-child(4)::before{
    margin-bottom:.06rem;
    font-size:.58rem;
    line-height:1;
  }

  #availTable td:last-child{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));
    gap:.32rem;
    padding-top:.2rem !important;
  }

  #availTable td:last-child .btn,
  #boardTable td:last-child .btn{
    width:100%;
    margin-left:0 !important;
  }

  #availTable td:last-child .btn{
    min-height:34px;
    padding:.32rem .55rem;
  }

  #availTable .draft-bid-only .fw-semibold{
    font-size:.86rem;
    line-height:1.15;
  }

  #availTable .draft-bid-only .small{
    font-size:.72rem;
  }

  #availTable .draft-bid-only.bid-visible{
    display:block !important;
  }

  #availTable .draft-bid-only:not(.bid-visible){
    display:none !important;
  }

  #boardTable tbody tr,
  #orderTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:
      "drafter round"
      "driver driver";
    align-items:center;
    gap:.45rem;
    margin-bottom:.48rem;
    padding:.58rem .65rem;
  }

  #boardTable tbody td,
  #orderTable tbody td{
    padding:0 !important;
    min-width:0;
  }

  #boardTable tbody td:nth-child(1),
  #boardTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(1),
  #orderTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(6){
    display:none !important;
  }

  #boardTable tbody td:nth-child(2),
  #orderTable tbody td:nth-child(2){
    grid-area:round;
    display:block !important;
    color:#111827 !important;
    font-weight:950;
    text-align:right !important;
    white-space:nowrap;
  }

  #boardTable tbody td:nth-child(3),
  #orderTable tbody td:nth-child(3){
    grid-area:drafter;
    display:block !important;
    color:#111827 !important;
    font-size:1rem;
    font-weight:950;
    line-height:1.15;
    overflow-wrap:anywhere;
  }

  #boardTable tbody td:nth-child(4),
  #orderTable tbody td:nth-child(4){
    grid-area:driver;
    display:block !important;
    color:#111827 !important;
    font-size:.88rem;
    font-weight:800;
    line-height:1.2;
    overflow-wrap:anywhere;
    padding-top:.1rem !important;
  }

  #boardTable tbody td:nth-child(4):empty{
    display:none !important;
  }

  #boardTable td[data-label]::before,
  #orderTable td[data-label]::before{
    display:none !important;
  }

  #boardTable .ddh-round-desktop,
  #orderTable .ddh-round-desktop{
    display:none;
  }

  #boardTable .ddh-round-mobile,
  #orderTable .ddh-round-mobile{
    display:inline;
  }

  .cb-main .d-flex:not(.flex-column){
    min-width:0;
    flex-wrap:wrap;
  }

  .cb-main .btn-group{
    min-width:0;
  }

  .cb-main .btn-group:not(.dropdown){
    display:flex;
    flex-wrap:wrap;
    gap:.28rem;
  }

  .cb-main .btn-group:not(.dropdown) > .btn{
    border-radius:var(--cb-radius) !important;
  }

  .cb-main .input-group{
    min-width:0;
    flex-wrap:wrap;
    gap:.35rem;
  }

  .cb-main .input-group > .form-control,
  .cb-main .input-group > .form-select{
    flex:1 1 180px;
    min-width:0;
    border-radius:var(--cb-radius) !important;
  }

  .cb-main .input-group > .btn,
  .cb-main .input-group > .input-group-text{
    border-radius:var(--cb-radius) !important;
  }

  .cb-main [style*="min-width"]{
    min-width:0 !important;
  }

  .modal-dialog{
    margin:.75rem;
  }

  .modal-content{
    max-height:calc(100dvh - 1.5rem);
    overflow:auto;
  }

  .dropdown-menu{
    max-width:calc(100vw - 1.5rem);
  }

  .ddh-search-results,
  .sa-owner-results{
    position:fixed;
    left:.75rem;
    right:.75rem;
    top:auto;
    bottom:calc(1rem + env(safe-area-inset-bottom));
    width:auto;
    max-height:48dvh;
  }

  .ddh-notifications .ddh-notifications-menu.show{
    position:fixed !important;
    top:calc(4.75rem + env(safe-area-inset-top)) !important;
    right:.75rem !important;
    left:.75rem !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:min(72dvh, calc(100dvh - 5.75rem));
    transform:none !important;
    z-index:1105;
    border-radius:18px;
  }

  @supports not (height: 100dvh){
    .ddh-notifications .ddh-notifications-menu.show{
      max-height:min(72vh, calc(100vh - 5.75rem));
    }
  }

  .ddh-notifications-head{
    padding:.72rem .82rem;
  }

  .ddh-notifications-head strong{
    font-size:.95rem;
  }

  .ddh-notifications-head .btn-link{
    padding:.2rem .1rem;
    font-size:.78rem;
  }

  .ddh-notifications-list{
    max-height:min(calc(72dvh - 54px), calc(100dvh - 9.15rem));
  }

  @supports not (height: 100dvh){
    .ddh-notifications-list{
      max-height:min(calc(72vh - 54px), calc(100vh - 9.15rem));
    }
  }

  .ddh-notification-item{
    padding:.75rem .82rem;
  }

  .ddh-chat-widget{
    right:.55rem;
    bottom:max(.55rem, env(safe-area-inset-bottom));
    left:auto;
    z-index:1095;
  }

  .ddh-chat-panel{
    position:fixed;
    left:.55rem;
    right:.55rem;
    bottom:calc(4.15rem + env(safe-area-inset-bottom));
    width:auto;
    height:min(82dvh, calc(100dvh - 5rem));
    max-height:none;
    border-radius:20px;
  }

  @supports not (height: 100dvh){
    .ddh-chat-panel{
      height:min(82vh, calc(100vh - 5rem));
    }
  }

  .ddh-chat-head{
    padding:.72rem .75rem;
    gap:.6rem;
  }

  .ddh-chat-head-mark{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:12px;
  }

  .ddh-chat-head-mark img{
    width:27px;
    height:27px;
  }

  .ddh-chat-title{
    font-size:.95rem;
  }

  .ddh-chat-subtitle{
    max-width:210px;
    font-size:.68rem;
  }

  .ddh-chat-close{
    width:32px;
    height:32px;
    flex:0 0 32px;
  }

  .ddh-social-layout{
    display:flex;
    flex-direction:column;
    min-height:0;
  }

  .ddh-social-sidebar{
    flex:0 0 auto;
    max-height:none;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.11);
  }

  .ddh-social-sidebar-head{
    align-items:center;
    padding:.62rem .72rem .45rem;
  }

  .ddh-social-title{
    font-size:.9rem;
  }

  .ddh-social-refresh{
    padding:.18rem .42rem;
    font-size:.61rem;
  }

  .ddh-social-current{
    margin:0 .72rem .5rem;
    padding:.42rem .52rem;
    font-size:.66rem;
  }

  .ddh-social-friends{
    display:flex;
    gap:.5rem;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 .72rem .7rem;
    scroll-snap-type:x proximity;
  }

  .ddh-social-friend{
    min-width:180px;
    grid-template-columns:34px minmax(0,1fr);
    gap:.45rem;
    padding:.48rem;
    scroll-snap-align:start;
  }

  .ddh-social-avatar{
    width:34px;
    height:34px;
    border-radius:12px;
  }

  .ddh-social-actions{
    padding-left:0;
    gap:.28rem;
  }

  .ddh-social-actions button{
    padding:.2rem .42rem;
    font-size:.62rem;
  }

  .ddh-social-conversation{
    flex:1 1 auto;
    min-height:0;
  }

  .ddh-chat-scope{
    grid-template-columns:1fr;
    gap:.5rem;
    padding:.62rem .72rem;
  }

  .ddh-chat-room-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:12px;
    font-size:.9rem;
  }

  .ddh-chat-room-active{
    font-size:.82rem;
  }

  .ddh-chat-room-trigger{
    min-height:44px;
    grid-template-columns:30px minmax(0,1fr);
    gap:.48rem;
    padding:.45rem 2rem .45rem .52rem;
    border-radius:14px;
  }

  .ddh-chat-room-trigger-icon{
    width:30px;
    height:30px;
    border-radius:11px;
    font-size:.78rem;
  }

  .ddh-chat-room-trigger-label{
    font-size:.8rem;
  }

  .ddh-chat-room-trigger-meta{
    font-size:.63rem;
  }

  .ddh-chat-room-menu{
    position:fixed;
    left:.8rem;
    right:.8rem;
    top:auto;
    bottom:calc(4.9rem + env(safe-area-inset-bottom));
    width:auto;
    max-height:45dvh;
    border-radius:18px;
  }

  .ddh-chat-pins:not([open]) .ddh-chat-pins-body{
    display:none;
  }

  .ddh-chat-pins-title{
    padding:.52rem .72rem;
    font-size:.7rem;
  }

  .ddh-chat-pins-body{
    padding:0 .72rem .62rem;
  }

  .ddh-chat-pins-list{
    max-height:76px;
  }

  .ddh-chat-pin-form{
    grid-template-columns:1fr;
  }

  .ddh-chat-messages{
    padding:.72rem;
    gap:.55rem;
  }

  .ddh-chat-message{
    width:min(94%, 300px);
    padding:0;
    border-radius:0;
  }

  .ddh-chat-message.is-mine{
    border-radius:0;
  }

  .ddh-chat-message-content{
    padding:.58rem .64rem;
    border-radius:16px 16px 16px 6px;
  }

  .ddh-chat-message.is-mine .ddh-chat-message-content{
    border-radius:16px 16px 6px 16px;
  }

  .ddh-chat-message-meta{
    gap:.3rem .45rem;
    font-size:.68rem;
  }

  .ddh-chat-message-body{
    font-size:.86rem;
  }

  .ddh-chat-actions-toggle{
    min-height:24px;
    min-width:31px;
  }

  .ddh-chat-actions-menu{
    position:fixed;
    right:1rem;
    top:auto;
    bottom:calc(5rem + env(safe-area-inset-bottom));
    min-width:180px;
  }

  .ddh-chat-form{
    grid-template-columns:minmax(0,1fr) auto;
    gap:.45rem;
    padding:.62rem .72rem calc(.72rem + env(safe-area-inset-bottom));
  }

  .ddh-mention-menu{
    left:.72rem;
    right:4.9rem;
    max-height:206px;
    border-radius:16px;
  }

  .ddh-chat-form textarea.form-control{
    min-height:42px;
    max-height:78px;
    font-size:.86rem;
    border-radius:14px;
  }

  .ddh-chat-form .btn{
    width:auto;
    align-self:stretch;
    padding-inline:.72rem;
  }

  .ddh-chat-status{
    padding:0 .72rem .55rem;
    font-size:.68rem;
  }
}

/* Mobile Reboot: clean app-first interface, independent from desktop styling */
@media (max-width: 767.98px){
  :root{
    --ddh-mobile-nav-height:5.45rem;
    --ddh-m-bg:#080b10;
    --ddh-m-surface:#f8fafc;
    --ddh-m-card:#ffffff;
    --ddh-m-ink:#101828;
    --ddh-m-muted:#667085;
    --ddh-m-line:rgba(16,24,40,.10);
    --ddh-m-gold:#f4b63f;
    --ddh-m-orange:#f97316;
    --ddh-m-blue:#4cc9f0;
    --ddh-m-red:#e5484d;
    --ddh-m-radius:28px;
    --ddh-m-shadow:0 22px 60px rgba(2,6,23,.28);
  }

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  body.cb-app{
    min-height:100dvh;
    color:var(--ddh-m-ink);
    background:
      linear-gradient(180deg, rgba(5,7,10,.72), rgba(5,7,10,.96) 36%, rgba(7,9,13,.98)),
      radial-gradient(circle at 14% 2%, rgba(244,182,63,.36), transparent 26%),
      radial-gradient(circle at 92% 20%, rgba(76,201,240,.18), transparent 25%),
      radial-gradient(circle at 30% 94%, rgba(229,72,77,.15), transparent 30%),
      var(--ddh-track-bg) center top / cover fixed;
    padding-bottom:calc(var(--ddh-mobile-nav-height) + env(safe-area-inset-bottom) + .8rem);
    font-feature-settings:"cv02","cv03","cv04";
  }

  body.cb-app::before{
    opacity:.55;
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 24px);
  }

  body.cb-app::after{
    opacity:.34;
    mix-blend-mode:normal;
    background:
      linear-gradient(118deg, transparent 0 58%, rgba(244,182,63,.22) 58.1% 58.6%, transparent 58.9%),
      linear-gradient(118deg, transparent 0 68%, rgba(255,255,255,.12) 68.1% 68.3%, transparent 68.6%),
      radial-gradient(ellipse at 50% 105%, rgba(244,182,63,.22), transparent 36%);
  }

  .cb-main.container,
  .ddh-legal-footer.container{
    max-width:100%;
    padding-left:max(1rem, env(safe-area-inset-left));
    padding-right:max(1rem, env(safe-area-inset-right));
  }

  .cb-main{
    margin-top:.7rem;
    margin-bottom:1.25rem;
  }

  .cb-navbar{
    position:sticky;
    top:0;
    z-index:1040;
    padding:.55rem 0 .48rem;
    padding-top:calc(.55rem + env(safe-area-inset-top));
    border:0;
    background:linear-gradient(180deg, rgba(6,9,14,.96), rgba(6,9,14,.78));
    box-shadow:0 16px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(22px) saturate(1.25);
  }

  .cb-navbar > .container{
    padding-left:max(.95rem, env(safe-area-inset-left));
    padding-right:max(.95rem, env(safe-area-inset-right));
  }

  .cb-brand{
    gap:.55rem;
    min-width:0;
  }

  .cb-brand-logo-wrap{
    width:42px;
    height:42px;
    border:0;
    border-radius:15px;
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 12px 28px rgba(0,0,0,.20);
  }

  .cb-brand-logo{
    width:40px;
    height:40px;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));
  }

  .cb-brand-title{
    max-width:48vw;
    overflow:hidden;
    color:#fff;
    font-size:.98rem;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .cb-brand-subtitle{
    display:none;
  }

  .cb-navbar .navbar-toggler{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  }

  .cb-navbar .navbar-collapse{
    margin-top:.72rem;
    padding:.72rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:26px;
    background:rgba(8,12,18,.98);
    box-shadow:0 24px 70px rgba(0,0,0,.44);
  }

  .cb-navbar .navbar-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem;
  }

  .cb-navbar .nav-link{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.68rem .7rem;
    color:rgba(255,255,255,.80);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.055);
    text-align:center;
    font-size:.84rem;
    font-weight:900;
  }

  .cb-navbar .nav-link.active{
    color:#101828;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange));
    border-color:transparent;
  }

  .cb-nav-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem;
    margin-top:.6rem;
  }

  .cb-nav-actions > *,
  .cb-nav-actions .btn,
  .cb-nav-actions form,
  .cb-nav-actions .dropdown{
    width:100%;
  }

  .cb-nav-actions .btn,
  .ddh-notification-toggle{
    min-height:46px;
    border-radius:18px;
  }

  .cb-context-bar{
    display:none;
  }

  .ddh-mobile-app-header{
    display:block;
    padding:.9rem max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));
  }

  .ddh-mobile-app-header-inner{
    overflow:hidden;
    padding:1.05rem;
    color:#fff;
    border:1px solid rgba(255,255,255,.13);
    border-radius:32px;
    background:
      radial-gradient(circle at 92% 0%, rgba(244,182,63,.45), transparent 35%),
      linear-gradient(145deg, rgba(12,17,25,.96), rgba(28,22,18,.93));
    box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(20px) saturate(1.18);
  }

  .ddh-mobile-page-chip{
    padding:.32rem .62rem;
    color:rgba(255,255,255,.76);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    font-size:.64rem;
    font-weight:950;
    letter-spacing:.02em;
  }

  .ddh-mobile-page-dot{
    background:var(--ddh-m-gold);
    box-shadow:0 0 0 4px rgba(244,182,63,.17);
  }

  .ddh-mobile-page-title{
    color:#fff;
    font-size:clamp(1.65rem, 9vw, 2.45rem);
    font-weight:950;
    line-height:.92;
  }

  .ddh-mobile-page-context{
    max-width:17rem;
    color:rgba(255,255,255,.72);
    font-size:.84rem;
    font-weight:750;
  }

  .ddh-mobile-pill-action{
    min-height:42px;
    padding:.58rem .82rem;
    border-radius:999px;
    color:#101828;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange));
    font-weight:950;
  }

  .cb-page-heading.ddh-mobile-actionless{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip{
    display:block !important;
    padding:0;
    margin:.85rem 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .cb-page-heading.ddh-mobile-action-strip > .ddh-mobile-heading-orb,
  .cb-page-heading.ddh-mobile-action-strip > div:first-of-type{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip > .d-flex,
  .cb-page-heading.ddh-mobile-action-strip > a,
  .cb-page-heading.ddh-mobile-action-strip > form{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.55rem;
    width:100%;
  }

  .cb-page-heading.ddh-mobile-action-strip .btn{
    width:100%;
  }

  .cb-card,
  .card.cb-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.70);
    border-radius:30px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,251,.94));
    box-shadow:var(--ddh-m-shadow), inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter:blur(18px);
  }

  .cb-card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 100% 0%, rgba(244,182,63,.12), transparent 36%),
      linear-gradient(135deg, rgba(255,255,255,.18), transparent 42%);
  }

  .cb-card > *{
    position:relative;
    z-index:1;
  }

  .cb-card .card-body,
  .card-body{
    padding:1.05rem;
  }

  .cb-card h3,
  .cb-card h4,
  .cb-card h5,
  .cb-card h6{
    color:var(--ddh-m-ink);
    font-weight:950;
    line-height:1.05;
  }

  .cb-card .text-muted,
  .card .text-muted,
  .form-text{
    color:var(--ddh-m-muted) !important;
  }

  .cb-empty,
  .cb-help-panel{
    border:1px solid rgba(16,24,40,.10);
    border-radius:24px;
    background:linear-gradient(145deg, #fff, #fff7e8);
    box-shadow:0 14px 30px rgba(16,24,40,.08);
    color:#475467;
  }

  .form-label{
    margin-bottom:.35rem;
    color:#344054;
    font-size:.78rem;
    font-weight:950;
  }

  .form-control,
  .form-select,
  textarea.form-control{
    min-height:50px;
    padding:.78rem .9rem;
    color:#101828;
    border:1px solid rgba(16,24,40,.12);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 24px rgba(16,24,40,.06);
    font-size:16px;
  }

  .form-control:focus,
  .form-select:focus,
  textarea.form-control:focus{
    border-color:rgba(244,182,63,.9);
    box-shadow:0 0 0 4px rgba(244,182,63,.18), 0 12px 26px rgba(16,24,40,.08);
  }

  .btn{
    min-height:48px;
    border-radius:18px;
    font-weight:950;
  }

  .btn-sm{
    min-height:42px;
    border-radius:16px;
  }

  .btn-accent,
  .btn-primary,
  .btn-success,
  .btn-warning{
    border:0;
    color:#101828;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange));
    box-shadow:0 14px 26px rgba(244,182,63,.25), inset 0 1px 0 rgba(255,255,255,.65);
  }

  .btn-danger,
  .btn-outline-danger:hover{
    color:#fff;
    background:linear-gradient(135deg, #ef4444, #b91c1c);
    box-shadow:0 14px 26px rgba(185,28,28,.22);
  }

  .btn-outline-light,
  .btn-outline-secondary,
  .btn-outline-primary,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-dark{
    color:#101828 !important;
    border-color:rgba(16,24,40,.12);
    background:#fff;
    box-shadow:0 10px 22px rgba(16,24,40,.07);
  }

  .nav-tabs,
  .nav-pills,
  .cb-tabs,
  .cb-pool-tabs{
    display:flex;
    gap:.42rem;
    padding:.42rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    background:rgba(7,11,16,.82);
    box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  }

  .nav-tabs .nav-link,
  .nav-pills .nav-link,
  .cb-tabs .nav-link,
  .cb-pool-tabs .nav-link{
    min-height:42px;
    border:0;
    border-radius:18px;
    color:rgba(255,255,255,.76);
    background:rgba(255,255,255,.055);
    font-size:.78rem;
    font-weight:950;
  }

  .nav-tabs .nav-link.active,
  .nav-pills .nav-link.active,
  .cb-tabs .nav-link.active,
  .cb-pool-tabs .nav-link.active{
    color:#101828;
    background:linear-gradient(135deg, #fff4c4, var(--ddh-m-gold) 58%, var(--ddh-m-orange));
  }

  .ddh-mobile-bottom-nav{
    left:max(.85rem, env(safe-area-inset-left));
    right:max(.85rem, env(safe-area-inset-right));
    bottom:max(.7rem, env(safe-area-inset-bottom));
    height:auto;
    padding:.5rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:30px;
    background:
      linear-gradient(145deg, rgba(7,10,15,.97), rgba(19,19,22,.95)),
      radial-gradient(circle at 50% -20%, rgba(244,182,63,.34), transparent 42%);
    box-shadow:0 24px 72px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(24px) saturate(1.2);
  }

  .ddh-mobile-bottom-link{
    min-height:58px;
    gap:.22rem;
    color:rgba(255,255,255,.70);
    border-radius:22px;
    text-decoration:none;
  }

  .ddh-mobile-bottom-link.is-active{
    color:#101828;
    background:linear-gradient(135deg, #fff7d4, var(--ddh-m-gold) 62%, var(--ddh-m-orange));
    box-shadow:0 14px 28px rgba(244,182,63,.24), inset 0 1px 0 rgba(255,255,255,.66);
  }

  .ddh-mobile-bottom-mark{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    color:currentColor;
    border-radius:0;
    background:transparent;
  }

  .ddh-mobile-bottom-mark svg{
    width:22px;
    height:22px;
  }

  .ddh-mobile-bottom-link.is-active .ddh-mobile-bottom-mark{
    color:#101828;
    background:transparent;
  }

  .ddh-mobile-bottom-label{
    font-size:.62rem;
    font-weight:950;
    letter-spacing:.01em;
  }

  .table-responsive{
    overflow:visible !important;
    border:0;
    background:transparent;
  }

  .table-responsive > .table,
  table.table,
  .ddh-mobile-card-table{
    min-width:0 !important;
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 .72rem !important;
    background:transparent !important;
  }

  table.table thead,
  .ddh-mobile-card-table thead{
    display:none !important;
  }

  table.table tbody,
  table.table tr,
  table.table td,
  .ddh-mobile-card-table tbody,
  .ddh-mobile-card-table tr,
  .ddh-mobile-card-table td{
    display:block;
    width:100%;
  }

  table.table tbody tr,
  .ddh-mobile-card-table tbody tr{
    margin:0 0 .72rem;
    padding:.78rem;
    color:#101828;
    border:1px solid rgba(16,24,40,.09);
    border-radius:24px;
    background:
      radial-gradient(circle at 100% 0%, rgba(244,182,63,.12), transparent 34%),
      linear-gradient(145deg, #fff, #f6f8fb);
    box-shadow:0 16px 36px rgba(16,24,40,.13);
  }

  table.table tbody td,
  .ddh-mobile-card-table tbody td{
    padding:.32rem .08rem !important;
    color:#475467 !important;
    border:0 !important;
    text-align:left !important;
  }

  table.table tbody td:first-child,
  .ddh-mobile-card-table tbody td:first-child{
    color:#101828 !important;
    font-size:1rem;
    font-weight:950;
  }

  table.table td[data-label]::before,
  .ddh-mobile-card-table td[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:.1rem;
    color:#a15c10;
    font-size:.64rem;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  table.table td:last-child,
  .ddh-mobile-card-table td:last-child{
    display:grid;
    grid-template-columns:1fr;
    gap:.5rem;
    padding-top:.65rem !important;
  }

  table.table td:last-child .btn,
  .ddh-mobile-card-table td:last-child .btn{
    width:100%;
    margin-left:0 !important;
  }

  .modal{
    padding:0 !important;
  }

  .modal-dialog{
    min-height:100dvh;
    display:flex;
    align-items:flex-end;
    margin:0;
  }

  .modal-content{
    max-height:92dvh;
    width:100%;
    border:0;
    border-radius:30px 30px 0 0;
    background:#fff;
    box-shadow:0 -24px 70px rgba(0,0,0,.38);
  }

  .modal-header{
    border-bottom:1px solid rgba(16,24,40,.08);
  }

  .modal-body{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  .modal-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:.55rem;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom));
  }

  .modal-footer > *{
    width:100%;
    margin:0 !important;
  }

  .ddh-route-login .ddh-mobile-app-header,
  .ddh-route-register .ddh-mobile-app-header{
    display:none;
  }

  .ddh-route-login .cb-main,
  .ddh-route-register .cb-main{
    min-height:calc(100dvh - 6rem);
    display:grid;
    align-items:center;
  }

  .ddh-route-login .cb-card,
  .ddh-route-register .cb-card{
    max-width:430px;
    margin-inline:auto;
  }

  .ddh-route-login .cb-card h3,
  .ddh-route-register .cb-card h3,
  .ddh-route-login .cb-card p,
  .ddh-route-register .cb-card p{
    text-align:center;
  }

  .ddh-route-pools #your-pools,
  .ddh-route-pools #join-draft,
  .ddh-route-pools #create-draft,
  .ddh-route-pools #view-pools,
  .ddh-route-organizers #orgBrowseCard,
  .ddh-route-pricing .cb-card,
  .ddh-route-account .cb-card{
    margin-bottom:1rem;
  }

  .ddh-route-pools #your-pools::before,
  .ddh-route-pools #join-draft::before,
  .ddh-route-pools #create-draft::before,
  .ddh-route-pools #view-pools::before,
  .ddh-route-organizers #orgBrowseCard::before{
    content:"";
    display:block;
    height:6px;
    background:linear-gradient(90deg, var(--ddh-m-gold), var(--ddh-m-orange), var(--ddh-m-red));
  }

  .ddh-route-draft .row.g-3{
    display:flex;
    flex-direction:column;
  }

  .ddh-route-draft .row.g-3 > [class*="col-"]{
    width:100%;
  }

  .ddh-route-draft .col-lg-5 > .cb-card:first-child{
    position:sticky;
    top:calc(4.35rem + env(safe-area-inset-top));
    z-index:35;
    color:#fff;
    border-color:rgba(255,255,255,.16);
    background:
      radial-gradient(circle at 95% 0%, rgba(244,182,63,.40), transparent 36%),
      linear-gradient(145deg, rgba(10,15,23,.98), rgba(33,24,18,.96));
  }

  .ddh-route-draft .col-lg-5 > .cb-card:first-child h5,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child .text-muted,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child #draftStatus,
  .ddh-route-draft .col-lg-5 > .cb-card:first-child #draftClock{
    color:#fff !important;
  }

  #draftStatus{
    grid-template-columns:1fr 1fr;
    gap:.52rem;
  }

  #draftStatus > div{
    border:1px solid rgba(255,255,255,.13);
    border-radius:18px;
    background:rgba(255,255,255,.08);
  }

  #draftClock{
    position:relative;
    top:auto;
    padding:.75rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    background:rgba(255,255,255,.09);
  }

  #draftClock .badge{
    min-width:86px;
    padding:.68rem .9rem;
    border-radius:18px;
    font-size:1.15rem;
  }

  #availTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "driver car"
      "avg avg"
      "bid bid"
      "action action";
    gap:.34rem .62rem;
    padding:.88rem;
  }

  #availTable tbody td:nth-child(1){ grid-area:driver; }
  #availTable tbody td:nth-child(2){ grid-area:car; text-align:right !important; }
  #availTable tbody td:nth-child(3){ grid-area:avg; }
  #availTable tbody td:nth-child(4){ grid-area:bid; }
  #availTable tbody td:nth-child(5){ grid-area:action; }

  #boardTable tbody tr,
  #orderTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "drafter round"
      "driver driver";
    gap:.42rem;
  }

  #boardTable tbody td:nth-child(1),
  #boardTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(1),
  #orderTable tbody td:nth-child(5),
  #orderTable tbody td:nth-child(6){
    display:none !important;
  }

  #boardTable tbody td:nth-child(2),
  #orderTable tbody td:nth-child(2){
    grid-area:round;
    display:block !important;
    color:#a15c10 !important;
    font-weight:950;
    text-align:right !important;
  }

  #boardTable tbody td:nth-child(3),
  #orderTable tbody td:nth-child(3){
    grid-area:drafter;
    color:#101828 !important;
    font-weight:950;
  }

  #boardTable tbody td:nth-child(4),
  #orderTable tbody td:nth-child(4){
    grid-area:driver;
    color:#344054 !important;
    font-weight:850;
  }

  #entriesPanel{
    padding:.9rem;
    border:1px solid rgba(16,24,40,.09);
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.88));
  }

  #entriesTable .entry-start,
  #entriesTable .entry-finish{
    width:100% !important;
    max-width:none;
  }

  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-team table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .ddh-route-organization table.table tbody tr{
    background:
      radial-gradient(circle at 100% 0%, rgba(76,201,240,.10), transparent 34%),
      linear-gradient(145deg, #fff, #f6f8fb) !important;
  }

  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-team table.table tbody td,
  .ddh-route-up-next table.table tbody td,
  .ddh-route-organization table.table tbody td{
    color:#475467 !important;
  }

  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-up-next table.table tbody td:first-child,
  .ddh-route-organization table.table tbody td:first-child{
    color:#101828 !important;
  }

  .ddh-route-admin .tab-content,
  .ddh-route-organization-admin .tab-content,
  .ddh-route-super-admin .tab-content{
    padding-top:.9rem !important;
  }

  .ddh-route-admin .tab-pane > .card,
  .ddh-route-organization-admin .tab-pane > .card,
  .ddh-route-super-admin .tab-pane > .card,
  .sa-org-editor{
    border-radius:30px;
  }

  .ddh-chat-widget{
    right:max(.9rem, env(safe-area-inset-right));
    bottom:calc(var(--ddh-mobile-nav-height) + 1.05rem + env(safe-area-inset-bottom));
  }

  .ddh-chat-panel{
    left:.7rem;
    right:.7rem;
    bottom:calc(var(--ddh-mobile-nav-height) + 4.7rem + env(safe-area-inset-bottom));
    height:min(74dvh, calc(100dvh - var(--ddh-mobile-nav-height) - 5.6rem));
    border-radius:30px;
  }

  .ddh-toast-stack{
    bottom:calc(var(--ddh-mobile-nav-height) + 1rem + env(safe-area-inset-bottom));
  }

  .ddh-legal-footer{
    margin-bottom:calc(var(--ddh-mobile-nav-height) + 1.2rem);
  }
}

@media (max-width: 390px){
  .ddh-mobile-page-title{
    font-size:1.62rem;
  }

  .ddh-mobile-bottom-nav{
    left:max(.55rem, env(safe-area-inset-left));
    right:max(.55rem, env(safe-area-inset-right));
    padding:.42rem;
    border-radius:26px;
  }

  .ddh-mobile-bottom-link{
    min-height:54px;
  }

  .ddh-mobile-bottom-label{
    font-size:.56rem;
  }
}

.sa-org-grid{
  display:grid;
  gap:1rem;
}

.sa-owner-search{
  position:relative;
}

.sa-owner-results{
  position:absolute;
  top:calc(100% + .35rem);
  left:0;
  right:0;
  z-index:20;
  max-height:240px;
  overflow:auto;
  padding:.38rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(10,15,22,.98);
  box-shadow:0 18px 44px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
}

.sa-owner-results[hidden]{
  display:none;
}

.sa-owner-result{
  display:block;
  width:100%;
  padding:.5rem .56rem;
  color:#fff;
  text-align:left;
  border:0;
  border-radius:10px;
  background:transparent;
}

.sa-owner-result:hover,
.sa-owner-result:focus{
  color:#101820;
  background:linear-gradient(135deg, #fff3bc, var(--cb-gold));
}

.sa-owner-result span,
.sa-owner-result small{
  display:block;
}

.sa-owner-result span{
  font-weight:900;
}

.sa-owner-result small{
  color:rgba(255,255,255,.62);
  font-size:.72rem;
}

.sa-owner-result:hover small,
.sa-owner-result:focus small{
  color:rgba(16,24,32,.68);
}

.sa-owner-result-empty{
  padding:.58rem .62rem;
  color:rgba(255,255,255,.68);
  font-size:.82rem;
  font-weight:800;
}

.sa-org-editor{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(9,13,18,.42);
  box-shadow:0 16px 38px rgba(0,0,0,.22);
  padding:1rem;
}

.sa-org-editor-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.9rem;
}

.sa-org-name-wrap{
  flex:1 1 320px;
  min-width:0;
}

.sa-org-editor-fields{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(185px, 1fr));
  gap:.85rem;
  align-items:end;
}

.sa-org-cleanup{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:100%;
}

.sa-org-editor-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.5rem;
  margin-top:1rem;
}

@media (max-width: 575.98px){
  .sa-org-editor-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .sa-org-status{
    align-self:flex-start;
  }
  .sa-org-editor-actions{
    justify-content:stretch;
  }
  .sa-org-editor-actions .btn{
    flex:1 1 auto;
  }
}

/* Mobile app shell polish */
.ddh-mobile-bottom-nav{
  display:none;
}

.ddh-is-busy{
  pointer-events:none;
  opacity:.72;
}

@media (max-width: 767.98px){
  :root{
    --ddh-mobile-nav-height:4.85rem;
  }

  html{
    scroll-padding-top:5.25rem;
  }

  body.cb-app{
    background-attachment:scroll, scroll, scroll, scroll, scroll;
    text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }

  body.ddh-logged-in{
    padding-bottom:calc(var(--ddh-mobile-nav-height) + env(safe-area-inset-bottom));
  }

  .cb-main.container,
  .ddh-legal-footer.container{
    width:100%;
    max-width:100%;
    padding-left:max(.88rem, env(safe-area-inset-left));
    padding-right:max(.88rem, env(safe-area-inset-right));
  }

  .cb-navbar{
    top:0;
    padding-top:env(safe-area-inset-top);
  }

  .cb-navbar > .container{
    padding-left:max(.75rem, env(safe-area-inset-left));
    padding-right:max(.75rem, env(safe-area-inset-right));
  }

  .cb-brand{
    gap:.48rem;
    max-width:calc(100vw - 5.8rem);
  }

  .cb-brand-logo-wrap{
    width:42px;
    height:42px;
    border-radius:12px;
  }

  .cb-brand-logo{
    width:40px;
    height:40px;
  }

  .cb-brand-title{
    max-width:42vw;
    overflow:hidden;
    font-size:.94rem;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .cb-brand-subtitle{
    display:none;
  }

  .cb-navbar .navbar-toggler{
    min-width:44px;
    min-height:44px;
  }

  .cb-navbar .navbar-collapse{
    margin-top:.65rem;
    padding:.7rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:linear-gradient(145deg, rgba(8,12,18,.98), rgba(22,24,28,.96));
    box-shadow:0 20px 44px rgba(0,0,0,.34);
  }

  .cb-navbar .navbar-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem;
  }

  .cb-navbar .nav-link{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.56rem .66rem;
    text-align:center;
  }

  .cb-nav-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem;
    margin-top:.65rem;
  }

  .cb-nav-actions > *,
  .cb-nav-actions form,
  .cb-nav-actions .dropdown,
  .cb-nav-actions .btn{
    width:100%;
  }

  .cb-nav-actions .btn,
  .cb-account-name-btn,
  .cb-super-admin-btn{
    min-height:44px;
  }

  .ddh-notification-toggle{
    width:100%;
    min-height:44px;
    border-radius:14px;
  }

  .cb-account-menu,
  .cb-super-admin-menu{
    width:calc(100vw - 1.5rem);
    max-width:none;
    border-radius:18px;
  }

  .cb-super-admin-control{
    grid-column:1 / -1;
    display:block !important;
    width:100%;
  }

  .cb-super-admin-menu{
    position:static !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-top:.45rem;
    padding:.75rem !important;
  }

  .cb-super-admin-menu .dropdown-item{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:14px;
    background:rgba(255,255,255,.06);
  }

  .cb-super-admin-menu .form-label{
    margin-top:.65rem;
    color:#fff;
    text-align:center;
  }

  .cb-super-admin-menu .cb-view-as-select{
    width:100%;
    min-width:0;
    min-height:44px;
    border-radius:14px;
    text-align:center;
  }

  .cb-context-bar{
    background:rgba(8,12,18,.72);
    border-bottom:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(14px);
  }

  .cb-context-bar .container > .d-flex{
    align-items:stretch !important;
  }

  .cb-context-copy-wrap,
  .cb-context-copy{
    width:100%;
  }

  .cb-context-copy{
    padding:.7rem .82rem;
    border-radius:20px;
  }

  .cb-context-title{
    font-size:.98rem;
  }

  .cb-context-bar .btn,
  .cb-context-bar .cb-pool-chip{
    min-height:38px;
  }

  .cb-context-bar .container > .d-flex > .d-flex:last-child{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .cb-context-bar .container > .d-flex > .d-flex:last-child .btn{
    width:100%;
  }

  .cb-pool-tabs{
    margin-left:-.15rem;
    margin-right:-.15rem;
  }

  .cb-card,
  .card,
  .modal-content{
    border-radius:20px;
  }

  .cb-card{
    box-shadow:0 18px 42px rgba(0,0,0,.26);
  }

  .row.g-3,
  .row.g-2{
    --bs-gutter-y:.85rem;
  }

  .form-label{
    margin-bottom:.28rem;
    font-size:.78rem;
    font-weight:850;
  }

  .form-control,
  .form-select,
  textarea.form-control{
    min-height:46px;
    font-size:16px;
    border-radius:14px;
  }

  textarea.form-control{
    min-height:96px;
  }

  .input-group .form-control,
  .input-group .form-select{
    min-width:0;
  }

  .btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    white-space:normal;
  }

  .btn-sm{
    min-height:38px;
    padding:.45rem .66rem;
  }

  .btn-group,
  .d-flex.flex-wrap.gap-2{
    gap:.5rem !important;
  }

  .modal-dialog{
    margin:.55rem;
  }

  .modal-content{
    max-height:calc(100dvh - 1.1rem);
    overflow:hidden;
  }

  .modal-body{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  .modal-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:.45rem;
  }

  .modal-footer > *{
    width:100%;
    margin:0 !important;
  }

  .ddh-mobile-bottom-nav{
    position:fixed;
    left:max(.62rem, env(safe-area-inset-left));
    right:max(.62rem, env(safe-area-inset-right));
    bottom:max(.48rem, env(safe-area-inset-bottom));
    z-index:1070;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:.28rem;
    padding:.44rem;
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background:
      linear-gradient(145deg, rgba(9,13,18,.96), rgba(24,24,27,.92)),
      radial-gradient(circle at 50% -10%, rgba(243,178,58,.28), transparent 44%);
    box-shadow:0 22px 58px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(20px) saturate(1.2);
  }

  .ddh-mobile-bottom-link{
    min-width:0;
    min-height:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.18rem;
    color:rgba(255,255,255,.74);
    text-decoration:none;
    border-radius:18px;
    transition:background .16s ease, color .16s ease, transform .16s ease;
  }

  .ddh-mobile-bottom-link:active{
    transform:scale(.98);
  }

  .ddh-mobile-bottom-link.is-active{
    color:#111827;
    background:linear-gradient(135deg, #fff1ad, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 10px 22px rgba(243,178,58,.24), inset 0 1px 0 rgba(255,255,255,.55);
  }

  .ddh-mobile-bottom-mark{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    color:inherit;
    font-size:.7rem;
    font-weight:950;
    line-height:1;
    border-radius:9px;
    background:rgba(255,255,255,.10);
  }

  .ddh-mobile-bottom-link.is-active .ddh-mobile-bottom-mark{
    color:#fff;
    background:#111827;
  }

  .ddh-mobile-bottom-label{
    max-width:100%;
    overflow:hidden;
    font-size:.64rem;
    font-weight:900;
    line-height:1.05;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.ddh-logged-in .ddh-legal-footer{
    margin-bottom:calc(var(--ddh-mobile-nav-height) + 1.25rem);
  }

  body.ddh-logged-in .ddh-chat-widget{
    bottom:calc(var(--ddh-mobile-nav-height) + .92rem + env(safe-area-inset-bottom));
  }

  body.ddh-logged-in .ddh-chat-panel{
    bottom:calc(var(--ddh-mobile-nav-height) + 4.25rem + env(safe-area-inset-bottom));
    height:min(76dvh, calc(100dvh - var(--ddh-mobile-nav-height) - 5.35rem));
  }

  body.ddh-logged-in .ddh-chat-room-menu{
    bottom:calc(var(--ddh-mobile-nav-height) + 4.9rem + env(safe-area-inset-bottom));
  }

  body.ddh-logged-in .ddh-chat-actions-menu{
    bottom:calc(var(--ddh-mobile-nav-height) + 5rem + env(safe-area-inset-bottom));
  }

  body.ddh-logged-in .ddh-search-results,
  body.ddh-logged-in .sa-owner-results{
    bottom:calc(var(--ddh-mobile-nav-height) + .9rem + env(safe-area-inset-bottom));
  }

  #draftClock{
    position:sticky;
    top:calc(4.75rem + env(safe-area-inset-top));
    z-index:6;
    padding:.62rem .7rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:linear-gradient(145deg, rgba(9,13,18,.94), rgba(33,24,17,.90));
    box-shadow:0 16px 34px rgba(0,0,0,.28);
  }

  #draftClock .badge{
    min-width:72px;
    padding:.55rem .75rem;
    font-size:1rem;
    border-radius:14px;
  }

  #draftStatus{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem;
    color:rgba(255,255,255,.78) !important;
  }

  #draftStatus > div{
    padding:.52rem .6rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.06);
  }

  #yourTurn{
    position:sticky;
    top:calc(8.9rem + env(safe-area-inset-top));
    z-index:5;
    border-radius:16px;
    box-shadow:0 14px 30px rgba(17,107,74,.26);
  }

  #driverSearch,
  #poolSearch,
  #saUserQ,
  #saPoolQ{
    width:100% !important;
    max-width:none !important;
  }

  #availTable td:last-child,
  #entriesTable td:last-child,
  #boardTable td:last-child,
  #orderTable td:last-child{
    display:grid;
    grid-template-columns:1fr;
    gap:.42rem;
  }

  #availTable td:last-child .btn,
  #entriesTable td:last-child .btn,
  #boardTable td:last-child .btn,
  #orderTable td:last-child .btn{
    width:100%;
  }

  #entriesTable .entry-start,
  #entriesTable .entry-finish{
    width:100% !important;
    max-width:120px;
    margin-left:auto;
  }

  #entriesPanel .row.g-2 > [class*="col-"]{
    width:100%;
  }

  .ddh-mobile-card-table tr:empty{
    display:none;
  }

  .ddh-mobile-card-table td .form-control,
  .ddh-mobile-card-table td .form-select{
    width:100%;
  }
}

@media (max-width: 390px){
  .ddh-mobile-bottom-nav{
    left:max(.38rem, env(safe-area-inset-left));
    right:max(.38rem, env(safe-area-inset-right));
    gap:.2rem;
    padding:.36rem;
    border-radius:22px;
  }

  .ddh-mobile-bottom-link{
    min-height:49px;
    border-radius:16px;
  }

  .ddh-mobile-bottom-mark{
    width:22px;
    height:22px;
    border-radius:8px;
    font-size:.64rem;
  }

  .ddh-mobile-bottom-label{
    font-size:.58rem;
  }
}

/* Mobile league home cleanup */
@media (max-width: 767.98px){
  .ddh-hide-mobile-nav-link{
    display:none !important;
  }

  .ddh-mobile-league-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.62rem;
    margin:.75rem 0 1rem;
  }

  .ddh-mobile-league-actions .btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-weight:950;
    box-shadow:0 14px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-head{
    gap:.7rem;
  }

  .ddh-org-league-collapsible .ddh-league-group-head > div:first-child{
    min-width:0;
  }

  .ddh-org-league-collapsible .ddh-org-group-toggle{
    white-space:nowrap;
    min-height:36px;
    border-radius:999px;
    padding-inline:.78rem;
  }

  .ddh-org-league-collapsible.is-collapsed{
    box-shadow:0 12px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-body[hidden]{
    display:none !important;
  }

  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .ddh-route-organization table.table tbody tr,
  .ddh-route-results .table tbody tr,
  .standings-table tbody tr{
    background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.42)) !important;
    border:1px solid rgba(16,24,32,.08) !important;
    box-shadow:none !important;
  }

  .ddh-route-team table.table tbody td,
  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-up-next table.table tbody td,
  .ddh-route-organization table.table tbody td,
  .ddh-route-results .table tbody td,
  .standings-table tbody td{
    color:#344054 !important;
  }

  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .ddh-route-up-next table.table tbody td:first-child,
  .ddh-route-organization table.table tbody td:first-child,
  .ddh-route-results .table tbody td:first-child,
  .standings-table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }
}

/* True final mobile draft board polish. Keep this at the very end. */
@media (max-width: 767.98px){
  .ddh-route-draft #boardTable,
  .ddh-route-draft #orderTable{
    --bs-table-bg:transparent !important;
    --bs-table-color:#101820 !important;
    --bs-table-hover-bg:transparent !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .ddh-route-draft #boardTable tbody tr,
  .ddh-route-draft #orderTable tbody tr{
    overflow:hidden !important;
    background:#f8fafc !important;
    border:1px solid rgba(16,24,32,.10) !important;
    border-radius:20px !important;
    box-shadow:none !important;
  }

  .ddh-route-draft #boardTable tbody td,
  .ddh-route-draft #orderTable tbody td,
  .ddh-route-draft #boardTable tbody a,
  .ddh-route-draft #orderTable tbody a{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#101820 !important;
  }

  .ddh-route-draft #boardTable tbody td:nth-child(2),
  .ddh-route-draft #orderTable tbody td:nth-child(2){
    min-width:auto !important;
    padding:.12rem 0 !important;
    color:#8a4b17 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-align:right !important;
  }

  .ddh-route-draft #boardTable td[data-label]::before,
  .ddh-route-draft #orderTable td[data-label]::before{
    display:none !important;
    content:none !important;
  }
}

/* Absolute final mobile bottom-nav stability guard. Keep this last. */
@media (max-width: 767.98px){
  body.ddh-social-open{
    overflow:hidden !important;
    touch-action:none !important;
  }

  .ddh-mobile-bottom-nav{
    position:fixed !important;
    left:max(.62rem, env(safe-area-inset-left)) !important;
    right:max(.62rem, env(safe-area-inset-right)) !important;
    top:auto !important;
    bottom:max(.48rem, env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    transform:none !important;
    transition:opacity .16s ease !important;
    will-change:auto !important;
  }

  body.ddh-mobile-keyboard-open .ddh-mobile-bottom-nav{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
  }
}

/* Final mobile My Leagues spotlight list. */
.ddh-my-league-name-btn{
  display:inline;
  padding:0;
  color:inherit;
  border:0;
  background:transparent;
  font:inherit;
  font-weight:950;
  text-align:left;
  text-decoration:none;
}

.ddh-my-league-name-btn:hover,
.ddh-my-league-name-btn:focus{
  color:#f6c453;
  text-decoration:underline;
}

@media (max-width: 767.98px){
  .ddh-route-pools #myAllPoolsGroup{
    gap:.58rem !important;
  }

  .ddh-route-pools .ddh-my-leagues-combined{
    overflow:hidden !important;
    border:1px solid rgba(16,24,32,.12) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.72) !important;
    box-shadow:0 16px 30px rgba(16,24,32,.10) !important;
  }

  .ddh-route-pools .ddh-my-leagues-combined .ddh-league-group-head{
    min-height:54px !important;
    padding:.72rem .82rem !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    background:#070b11 !important;
  }

  .ddh-mobile-my-league-list{
    display:grid;
    gap:.52rem;
    padding:.58rem;
  }

  .ddh-mobile-my-league-org-section{
    overflow:hidden;
    display:grid;
    gap:0;
    margin:.28rem 0 .05rem;
    border:1px solid rgba(16,24,32,.12);
    border-radius:20px;
    background:rgba(255,255,255,.74);
    box-shadow:0 14px 26px rgba(16,24,32,.08);
  }

  .ddh-mobile-my-league-org-section:first-child{
    margin-top:0;
  }

  .ddh-mobile-my-league-org-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.7rem;
    min-height:48px;
    padding:.62rem .72rem;
    color:#fff;
    border:0;
    border-radius:0;
    background:#070b11;
  }

  .ddh-mobile-my-league-org-body{
    display:grid;
    gap:.48rem;
    padding:.54rem;
    background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.86));
  }

  .ddh-mobile-my-league-org-head .btn{
    min-height:32px;
    padding:.32rem .58rem;
    border-radius:999px;
    font-size:.68rem;
    font-weight:950;
    white-space:nowrap;
  }

  .ddh-mobile-my-league-card{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:.58rem;
    min-width:0;
    padding:.68rem;
    border:1px solid rgba(16,24,32,.10);
    border-radius:18px;
    background:#f8fafc;
    box-shadow:none;
  }

  .ddh-mobile-my-league-org-body .ddh-mobile-my-league-card{
    border-radius:15px;
    background:rgba(255,255,255,.78);
  }

  .ddh-mobile-my-league-org-body .ddh-mobile-my-league-card.is-current{
    background:linear-gradient(135deg, #fff6cf 0%, #f6c453 62%, #f97316 100%);
  }

  .ddh-mobile-my-league-card.is-current{
    border-color:rgba(243,178,58,.72);
    background:linear-gradient(135deg, #fff6cf 0%, #f6c453 62%, #f97316 100%);
    box-shadow:0 14px 26px rgba(243,178,58,.22);
  }

  .ddh-mobile-my-league-main{
    display:grid;
    gap:.22rem;
    min-width:0;
    padding:0;
    color:#101820;
    border:0;
    background:transparent;
    text-align:left;
  }

  .ddh-mobile-my-league-main:focus-visible{
    outline:3px solid rgba(16,24,32,.25);
    outline-offset:4px;
    border-radius:12px;
  }

  .ddh-mobile-my-league-eyebrow{
    min-width:0;
    color:#667085;
    font-size:.62rem;
    font-weight:950;
    letter-spacing:.075em;
    text-transform:uppercase;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .ddh-mobile-my-league-card.is-current .ddh-mobile-my-league-eyebrow{
    color:#3f2a09;
  }

  .ddh-mobile-my-league-name{
    min-width:0;
    color:#101820;
    font-size:.92rem;
    font-weight:950;
    line-height:1.05;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .ddh-mobile-my-league-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.22rem;
  }

  .ddh-mobile-league-pill{
    display:inline-flex;
    align-items:center;
    min-height:18px;
    padding:.12rem .36rem;
    color:#101820;
    border:1px solid rgba(16,24,32,.12);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    font-size:.58rem;
    font-weight:950;
    line-height:1;
    text-transform:uppercase;
  }

  .ddh-mobile-league-pill.is-current{
    color:#fff;
    border-color:#101820;
    background:#101820;
  }

  .ddh-mobile-league-pill.is-finished{
    color:#fff;
    border-color:#b42318;
    background:#b42318;
  }

  .ddh-mobile-league-pill.is-live{
    color:#101820;
    border-color:#f6c453;
    background:#fff1a6;
  }

  .ddh-mobile-league-pill.is-overseer{
    color:#fff;
    border-color:#2563eb;
    background:#2563eb;
  }

  .ddh-mobile-my-league-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.32rem;
    min-width:max-content;
  }

  .ddh-mobile-my-league-actions .btn{
    min-height:34px;
    padding:.36rem .56rem;
    border-radius:999px;
    font-size:.7rem;
    font-weight:950;
    white-space:nowrap;
  }

  .ddh-mobile-league-trash{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    color:#fff;
    border:1px solid rgba(180,35,24,.82);
    border-radius:999px;
    background:linear-gradient(180deg, #ef4444, #b42318);
    box-shadow:0 8px 16px rgba(180,35,24,.24);
  }

  .ddh-mobile-league-trash:active{
    transform:translateY(1px);
  }

  .ddh-route-pools .ddh-my-leagues-combined .bg-dark{
    color:#667085 !important;
    background:rgba(255,255,255,.72) !important;
  }
}

/* Desktop header action row: keep profile/settings/logout/admin controls in one line. */
@media (min-width: 992px){
  .cb-navbar{
    padding:.22rem 0 !important;
    min-height:52px !important;
  }

  .cb-navbar > .container{
    min-height:48px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }

  .cb-brand{
    gap:.46rem !important;
  }

  .cb-brand-logo-wrap{
    width:38px !important;
    height:38px !important;
    border-radius:10px !important;
  }

  .cb-brand-logo{
    width:36px !important;
    height:36px !important;
  }

  .cb-brand-title{
    font-size:.92rem !important;
    line-height:1 !important;
  }

  .cb-brand-subtitle{
    margin-top:.08rem !important;
    font-size:.55rem !important;
    line-height:1 !important;
  }

  .cb-navbar .navbar-collapse{
    min-width:0;
    align-items:center !important;
  }

  .cb-navbar .navbar-nav{
    min-width:0;
    flex-shrink:1;
    align-items:center !important;
    gap:.15rem !important;
  }

  .cb-navbar .nav-link{
    min-height:34px !important;
    padding:.36rem .58rem !important;
    font-size:.86rem !important;
    line-height:1.12 !important;
  }

  .cb-nav-actions{
    align-items:center !important;
    flex-wrap:nowrap !important;
    flex-shrink:0;
    gap:.34rem !important;
    white-space:nowrap;
  }

  .cb-nav-actions > *,
  .cb-nav-actions form{
    flex:0 0 auto;
  }

  .cb-nav-actions form{
    line-height:1 !important;
  }

  .cb-nav-actions .btn,
  .cb-account-name-btn,
  .cb-account-settings-link,
  .cb-super-admin-btn{
    min-height:32px !important;
    padding:.31rem .55rem !important;
    font-size:.78rem !important;
    line-height:1.12 !important;
  }

  .cb-account-profile-link.cb-account-name-btn{
    max-width:128px;
    min-width:0;
    justify-content:center;
  }

  .cb-account-settings-link,
  .cb-super-admin-btn{
    padding-left:.65rem;
    padding-right:.65rem;
  }

  .cb-super-admin-control{
    display:inline-flex !important;
    align-items:center;
  }

  .ddh-notification-toggle{
    width:32px !important;
    height:32px !important;
    min-height:32px !important;
  }

  .ddh-bell-icon{
    width:20px !important;
    height:20px !important;
  }
}

/* Final mobile leagues action order: one mock button in the page header, then stacked actions below. */
@media (max-width: 767.98px){
  body.ddh-route-pools .ddh-mobile-league-actions{
    grid-template-columns:1fr !important;
    margin-top:.65rem !important;
  }

  body.ddh-route-pools .ddh-mobile-league-actions .btn{
    width:100% !important;
  }
}

/* Final mobile league list polish: slimmer, less blocky league rows. */
@media (max-width: 767.98px){
  .ddh-route-pools #mySoloPoolsGroup,
  .ddh-route-pools #myOrgPoolsGroups,
  .ddh-route-pools #soloPoolsGroup,
  .ddh-route-pools #orgPoolsGroups{
    gap:.58rem !important;
  }

  .ddh-route-pools #mySoloPoolsGroup .ddh-league-group,
  .ddh-route-pools #myOrgPoolsGroups .ddh-league-group,
  .ddh-route-pools #soloPoolsGroup .ddh-league-group,
  .ddh-route-pools #orgPoolsGroups .ddh-league-group{
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(16,24,32,.08) !important;
    background:rgba(255,255,255,.62) !important;
    box-shadow:0 10px 24px rgba(16,24,40,.07) !important;
  }

  .ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head,
  .ddh-route-pools #soloPoolsGroup .ddh-league-group-head{
    min-height:44px !important;
    padding:.58rem .72rem !important;
    color:#101820 !important;
    border-bottom:1px solid rgba(16,24,32,.08) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.66)) !important;
  }

  .ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head .text-white,
  .ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head .fw-semibold,
  .ddh-route-pools #soloPoolsGroup .ddh-league-group-head .text-white,
  .ddh-route-pools #soloPoolsGroup .ddh-league-group-head .fw-semibold{
    color:#101820 !important;
  }

  .ddh-route-pools #myOrgPoolsGroups .ddh-league-group-head,
  .ddh-route-pools #orgPoolsGroups .ddh-league-group-head,
  .ddh-route-pools .ddh-org-league-group .ddh-league-group-head{
    min-height:44px !important;
    padding:.58rem .72rem !important;
    color:#fff !important;
    background:#070b11 !important;
  }

  .ddh-route-pools #mySoloPoolsGroup .table-responsive,
  .ddh-route-pools #myOrgPoolsGroups .table-responsive,
  .ddh-route-pools #soloPoolsGroup .table-responsive,
  .ddh-route-pools #orgPoolsGroups .table-responsive{
    padding:.48rem !important;
    background:transparent !important;
    border:0 !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table,
  .ddh-route-pools #myOrgPoolsGroups table,
  .ddh-route-pools #soloPoolsGroup table,
  .ddh-route-pools #orgPoolsGroups table{
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody tr,
  .ddh-route-pools #myOrgPoolsGroups table tbody tr,
  .ddh-route-pools #soloPoolsGroup table tbody tr,
  .ddh-route-pools #orgPoolsGroups table tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:.42rem !important;
    margin:0 0 .42rem !important;
    padding:.7rem !important;
    border:1px solid rgba(16,24,40,.08) !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:none !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody tr:last-child,
  .ddh-route-pools #myOrgPoolsGroups table tbody tr:last-child,
  .ddh-route-pools #soloPoolsGroup table tbody tr:last-child,
  .ddh-route-pools #orgPoolsGroups table tbody tr:last-child{
    margin-bottom:0 !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody td,
  .ddh-route-pools #myOrgPoolsGroups table tbody td,
  .ddh-route-pools #soloPoolsGroup table tbody td,
  .ddh-route-pools #orgPoolsGroups table tbody td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    color:#344054 !important;
    background:transparent !important;
    border:0 !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody td:first-child,
  .ddh-route-pools #myOrgPoolsGroups table tbody td:first-child,
  .ddh-route-pools #soloPoolsGroup table tbody td:first-child,
  .ddh-route-pools #orgPoolsGroups table tbody td:first-child{
    color:#101820 !important;
    font-weight:900 !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody td:last-child,
  .ddh-route-pools #myOrgPoolsGroups table tbody td:last-child,
  .ddh-route-pools #soloPoolsGroup table tbody td:last-child,
  .ddh-route-pools #orgPoolsGroups table tbody td:last-child{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:.36rem !important;
    justify-content:stretch !important;
    padding-top:.52rem !important;
    border-top:1px solid rgba(16,24,40,.08) !important;
  }

  .ddh-route-pools #mySoloPoolsGroup table tbody td:last-child .btn,
  .ddh-route-pools #myOrgPoolsGroups table tbody td:last-child .btn,
  .ddh-route-pools #soloPoolsGroup table tbody td:last-child .btn,
  .ddh-route-pools #orgPoolsGroups table tbody td:last-child .btn{
    flex:1 1 auto !important;
    min-height:36px !important;
    padding:.42rem .55rem !important;
    border-radius:12px !important;
  }
}

/* Absolute final mobile race-night selectors: long labels stay inside the card. */
@media (max-width: 767.98px){
  #resultsTabs,
  #standingsTabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.48rem !important;
    overflow:visible !important;
    padding:.52rem !important;
    border-radius:22px !important;
  }

  #resultsTabs .nav-item,
  #standingsTabs .nav-item,
  #resultsTabsContent .nav-pills.cb-tabs .nav-item,
  #standingsTabsContent .nav-pills.cb-tabs .nav-item{
    min-width:0 !important;
    width:100% !important;
  }

  #resultsTabs .nav-link,
  #standingsTabs .nav-link,
  #resultsTabsContent .nav-pills.cb-tabs .nav-link,
  #standingsTabsContent .nav-pills.cb-tabs .nav-link{
    width:100% !important;
    min-height:44px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.08 !important;
    text-align:center !important;
    padding:.62rem .68rem !important;
  }

  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.44rem !important;
    overflow:visible !important;
    padding:.48rem !important;
  }

  .ddh-route-admin #nightsList .list-group-item,
  .ddh-route-organization-admin #nightsList .list-group-item{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:.55rem !important;
    padding:.72rem !important;
    overflow:hidden !important;
  }

  .ddh-route-admin #nightsList .list-group-item > .d-flex:first-child,
  .ddh-route-organization-admin #nightsList .list-group-item > .d-flex:first-child{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:.42rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .night-select,
  .ddh-route-organization-admin #nightsList .night-select{
    width:100% !important;
    min-height:44px !important;
    padding:.62rem .72rem !important;
    border-radius:16px !important;
    background:rgba(16,24,32,.06) !important;
    color:#101820 !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-align:left !important;
  }

  .ddh-route-admin #nightsList .cb-night-active .night-select,
  .ddh-route-organization-admin #nightsList .cb-night-active .night-select{
    background:linear-gradient(135deg, #fff2b9, var(--cb-gold) 58%, #f5821f) !important;
    color:#111827 !important;
    font-weight:950 !important;
  }

  .ddh-route-admin #nightsList .night-display-name,
  .ddh-route-organization-admin #nightsList .night-display-name{
    width:100% !important;
    max-width:none !important;
  }

  .ddh-route-admin #nightsList .btn-group,
  .ddh-route-organization-admin #nightsList .btn-group{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.45rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .btn-group .btn,
  .ddh-route-organization-admin #nightsList .btn-group .btn{
    min-height:42px !important;
    margin:0 !important;
    border-radius:14px !important;
  }
}

@media (max-width: 380px){
  #resultsTabs,
  #standingsTabs,
  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

/* Final mobile night selector cleanup for long race-night names. */
@media (max-width: 767.98px){
  #resultsTabs,
  #standingsTabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.48rem !important;
    overflow:visible !important;
    padding:.52rem !important;
    border-radius:22px !important;
  }

  #resultsTabs .nav-item,
  #standingsTabs .nav-item{
    min-width:0 !important;
    width:100% !important;
  }

  #resultsTabs .nav-link,
  #standingsTabs .nav-link,
  #resultsTabsContent .nav-pills.cb-tabs .nav-link,
  #standingsTabsContent .nav-pills.cb-tabs .nav-link{
    width:100% !important;
    min-height:44px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.08 !important;
    text-align:center !important;
    padding:.62rem .68rem !important;
  }

  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.44rem !important;
    overflow:visible !important;
    padding:.48rem !important;
  }

  #resultsTabsContent .nav-pills.cb-tabs .nav-item,
  #standingsTabsContent .nav-pills.cb-tabs .nav-item{
    min-width:0 !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .list-group-item,
  .ddh-route-organization-admin #nightsList .list-group-item{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:.55rem !important;
    padding:.72rem !important;
    overflow:hidden !important;
  }

  .ddh-route-admin #nightsList .list-group-item > .d-flex:first-child,
  .ddh-route-organization-admin #nightsList .list-group-item > .d-flex:first-child{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:.42rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .night-select,
  .ddh-route-organization-admin #nightsList .night-select{
    width:100% !important;
    min-height:44px !important;
    padding:.62rem .72rem !important;
    border-radius:16px !important;
    background:rgba(16,24,32,.06) !important;
    color:#101820 !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-align:left !important;
  }

  .ddh-route-admin #nightsList .cb-night-active .night-select,
  .ddh-route-organization-admin #nightsList .cb-night-active .night-select{
    background:linear-gradient(135deg, #fff2b9, var(--cb-gold) 58%, #f5821f) !important;
    color:#111827 !important;
    font-weight:950 !important;
  }

  .ddh-route-admin #nightsList .night-display-name,
  .ddh-route-organization-admin #nightsList .night-display-name{
    width:100% !important;
    max-width:none !important;
  }

  .ddh-route-admin #nightsList .btn-group,
  .ddh-route-organization-admin #nightsList .btn-group{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.45rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .btn-group .btn,
  .ddh-route-organization-admin #nightsList .btn-group .btn{
    min-height:42px !important;
    margin:0 !important;
    border-radius:14px !important;
  }
}

@media (max-width: 380px){
  #resultsTabs,
  #standingsTabs,
  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

/* Absolute desktop org settings repair: keep mobile rules untouched. */
@media (min-width: 768px){
  body.ddh-org-settings-view .ddh-org-manager-tabs,
  body.ddh-route-admin .ddh-org-manager-tabs,
  body.ddh-route-organization-admin .ddh-org-manager-tabs{
    position:static !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:.25rem !important;
    overflow:visible !important;
    padding:.35rem !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:var(--cb-radius) !important;
    background:rgba(8,13,19,.64) !important;
    box-shadow:none !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-item,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-item,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-item{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link,
  body.ddh-org-settings-view .cb-org-setup-tabs button,
  body.ddh-route-admin .cb-org-setup-tabs button,
  body.ddh-route-organization-admin .cb-org-setup-tabs button{
    width:auto !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:.5rem .9rem !important;
    white-space:nowrap !important;
    color:rgba(255,255,255,.74) !important;
    border:1px solid transparent !important;
    border-radius:var(--cb-radius) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
    transform:none !important;
    text-align:center !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link::before,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link::before,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link::before,
  body.ddh-org-settings-view .cb-org-setup-tabs button::before,
  body.ddh-route-admin .cb-org-setup-tabs button::before,
  body.ddh-route-organization-admin .cb-org-setup-tabs button::before{
    content:none !important;
    display:none !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link:focus,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link:focus,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:focus,
  body.ddh-org-settings-view .cb-org-setup-tabs button:hover,
  body.ddh-org-settings-view .cb-org-setup-tabs button:focus,
  body.ddh-route-admin .cb-org-setup-tabs button:hover,
  body.ddh-route-admin .cb-org-setup-tabs button:focus,
  body.ddh-route-organization-admin .cb-org-setup-tabs button:hover,
  body.ddh-route-organization-admin .cb-org-setup-tabs button:focus{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link.active,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link.active,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link.active,
  body.ddh-org-settings-view .cb-org-setup-tabs button.active,
  body.ddh-route-admin .cb-org-setup-tabs button.active,
  body.ddh-route-organization-admin .cb-org-setup-tabs button.active{
    color:#141414 !important;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold)) !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }

  body.ddh-org-settings-view .cb-org-setup-switcher,
  body.ddh-route-admin .cb-org-setup-switcher,
  body.ddh-route-organization-admin .cb-org-setup-switcher{
    padding:.35rem !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:var(--cb-radius) !important;
    background:rgba(8,13,19,.64) !important;
    box-shadow:none !important;
  }

  body.ddh-org-settings-view .cb-org-setup-tabs,
  body.ddh-route-admin .cb-org-setup-tabs,
  body.ddh-route-organization-admin .cb-org-setup-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:.25rem !important;
  }

  body.cb-app .cb-page-heading.d-flex{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  body.cb-app .cb-page-heading.d-flex > a,
  body.cb-app .cb-page-heading.d-flex > form,
  body.cb-app .cb-page-heading.d-flex > .d-flex,
  body.cb-app .cb-page-heading.d-flex .btn{
    width:auto !important;
  }
}

/* Desktop-only final cleanup for organization settings and page headers. */
@media (min-width: 768px){
  body.cb-app .cb-page-heading.d-flex{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  body.cb-app .cb-page-heading.d-flex > div:first-child{
    min-width:0;
    flex:1 1 auto;
  }

  body.cb-app .cb-page-heading.d-flex > a,
  body.cb-app .cb-page-heading.d-flex > form,
  body.cb-app .cb-page-heading.d-flex > .d-flex{
    width:auto !important;
    flex:0 0 auto;
  }

  body.cb-app .cb-page-heading.d-flex .btn{
    width:auto !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs,
  body.ddh-route-admin .ddh-org-manager-tabs,
  body.ddh-route-organization-admin .ddh-org-manager-tabs{
    position:static !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:.25rem !important;
    overflow:visible !important;
    padding:.35rem !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:var(--cb-radius) !important;
    background:rgba(8,13,19,.64) !important;
    box-shadow:none !important;
    backdrop-filter:blur(12px);
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-item,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-item,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-item{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link{
    width:auto !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.35rem !important;
    padding:.5rem .9rem !important;
    white-space:nowrap !important;
    color:rgba(255,255,255,.74) !important;
    border:1px solid transparent !important;
    border-radius:var(--cb-radius) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    text-align:center !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link::before,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link::before,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link::before{
    content:none !important;
    display:none !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link:focus,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link:focus,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:hover,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:focus{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
  }

  body.ddh-org-settings-view .ddh-org-manager-tabs .nav-link.active,
  body.ddh-route-admin .ddh-org-manager-tabs .nav-link.active,
  body.ddh-route-organization-admin .ddh-org-manager-tabs .nav-link.active{
    color:#141414 !important;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold)) !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }

  body.ddh-org-settings-view .cb-org-setup-switcher,
  body.ddh-route-admin .cb-org-setup-switcher,
  body.ddh-route-organization-admin .cb-org-setup-switcher{
    padding:.35rem !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:var(--cb-radius) !important;
    background:rgba(8,13,19,.64) !important;
    box-shadow:none !important;
    backdrop-filter:blur(12px);
  }

  body.ddh-org-settings-view .cb-org-setup-tabs,
  body.ddh-route-admin .cb-org-setup-tabs,
  body.ddh-route-organization-admin .cb-org-setup-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:.25rem !important;
  }

  body.ddh-org-settings-view .cb-org-setup-tabs button,
  body.ddh-route-admin .cb-org-setup-tabs button,
  body.ddh-route-organization-admin .cb-org-setup-tabs button{
    flex:0 0 auto !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:.5rem .9rem !important;
    color:rgba(255,255,255,.74) !important;
    border:1px solid transparent !important;
    border-radius:var(--cb-radius) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
    transform:none !important;
  }

  body.ddh-org-settings-view .cb-org-setup-tabs button::before,
  body.ddh-route-admin .cb-org-setup-tabs button::before,
  body.ddh-route-organization-admin .cb-org-setup-tabs button::before{
    content:none !important;
    display:none !important;
  }

  body.ddh-org-settings-view .cb-org-setup-tabs button:hover,
  body.ddh-org-settings-view .cb-org-setup-tabs button:focus,
  body.ddh-route-admin .cb-org-setup-tabs button:hover,
  body.ddh-route-admin .cb-org-setup-tabs button:focus,
  body.ddh-route-organization-admin .cb-org-setup-tabs button:hover,
  body.ddh-route-organization-admin .cb-org-setup-tabs button:focus{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.ddh-org-settings-view .cb-org-setup-tabs button.active,
  body.ddh-route-admin .cb-org-setup-tabs button.active,
  body.ddh-route-organization-admin .cb-org-setup-tabs button.active{
    color:#141414 !important;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold)) !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }
}

/* Desktop-only cleanup: keep mobile app shell intact, restore desktop manager headers/tabs. */
@media (min-width: 768px){
  .cb-page-heading.d-flex{
    flex-direction:row !important;
    align-items:center !important;
  }

  .cb-page-heading > .d-flex,
  .cb-page-heading > a,
  .cb-page-heading > form{
    width:auto !important;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center;
    gap:.25rem;
    overflow:visible !important;
    padding:.35rem;
    margin:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:var(--cb-radius);
    background:rgba(8,13,19,.64);
    box-shadow:none;
    backdrop-filter:blur(12px);
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-item{
    flex:0 0 auto !important;
    min-width:0;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link{
    width:auto !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    padding:.5rem .9rem !important;
    white-space:nowrap !important;
    color:rgba(255,255,255,.74) !important;
    border:1px solid transparent !important;
    border-radius:var(--cb-radius) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    text-align:center;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link::before{
    content:none !important;
    display:none !important;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:hover,
  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link:focus{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link.active{
    color:#141414 !important;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold)) !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }

  .ddh-route-organization-admin .cb-org-setup-switcher{
    padding:.35rem !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:var(--cb-radius) !important;
    background:rgba(8,13,19,.64) !important;
    box-shadow:none !important;
    backdrop-filter:blur(12px);
  }

  .ddh-route-organization-admin .cb-org-setup-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:.25rem !important;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button{
    flex:0 0 auto !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:.5rem .9rem !important;
    color:rgba(255,255,255,.74) !important;
    border:1px solid transparent !important;
    border-radius:var(--cb-radius) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
    transform:none !important;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button::before{
    content:none !important;
    display:none !important;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button:hover,
  .ddh-route-organization-admin .cb-org-setup-tabs button:focus{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button.active{
    color:#141414 !important;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold)) !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }
}

/* Absolute final auth branding rule: no duplicate logo inside login/register cards. */
body.ddh-route-login .cb-main .cb-card::before,
body.ddh-route-register .cb-main .cb-card::before{
  content:none !important;
  display:none !important;
  position:static !important;
  inset:auto !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  background:none !important;
  filter:none !important;
}

/* Final mobile current league actions. Keep this at the very end. */
@media (max-width: 767.98px){
  .ddh-mobile-current-league-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.45rem;
    min-width:8.6rem;
  }

  .ddh-mobile-current-league-actions .btn{
    min-height:36px;
    border-radius:999px;
    font-size:.78rem;
    font-weight:950;
    white-space:nowrap;
  }
}

/* Auth pages use the main header branding. Hide the duplicate card logo. */
.ddh-route-login .cb-card::before,
.ddh-route-register .cb-card::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  background:none !important;
}

/* Mobile UX audit pass: final app-like layout, orientation, and readability layer. */
@media (max-width: 767.98px){
  :root{
    --ddh-mobile-nav-height:5.15rem;
    --ddh-mobile-page-pad:max(.92rem, env(safe-area-inset-left));
    --ddh-mobile-card-radius:24px;
    --ddh-mobile-card-shadow:0 18px 42px rgba(2,6,23,.24);
  }

  html,
  body{
    width:100%;
    overflow-x:hidden !important;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
  }

  body.cb-app{
    font-size:15px;
    line-height:1.35;
    padding-bottom:calc(var(--ddh-mobile-nav-height) + env(safe-area-inset-bottom) + 1.25rem) !important;
  }

  .cb-main.container{
    padding-left:var(--ddh-mobile-page-pad) !important;
    padding-right:var(--ddh-mobile-page-pad) !important;
  }

  .ddh-mobile-app-header{
    padding:.78rem var(--ddh-mobile-page-pad) .1rem var(--ddh-mobile-page-pad) !important;
  }

  .ddh-mobile-app-header-inner{
    border-radius:26px !important;
    box-shadow:0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  .ddh-mobile-page-chip{
    max-width:100%;
  }

  .ddh-mobile-page-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
  }

  .ddh-mobile-page-title{
    overflow-wrap:anywhere;
  }

  .ddh-mobile-page-context{
    max-width:100% !important;
    white-space:normal !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .ddh-mobile-pill-action{
    min-width:76px;
    min-height:42px;
    padding:.58rem .82rem !important;
  }

  .ddh-mobile-bottom-nav{
    display:grid !important;
    grid-template-columns:repeat(var(--ddh-mobile-nav-count, 5), minmax(0, 1fr)) !important;
    gap:.22rem !important;
    min-height:4.45rem !important;
    padding:.42rem !important;
    border-radius:26px !important;
  }

  .ddh-mobile-bottom-link{
    min-width:0 !important;
    min-height:3.65rem !important;
    padding:.32rem .12rem !important;
    gap:.18rem !important;
  }

  .ddh-mobile-bottom-mark,
  .ddh-mobile-bottom-link.is-active .ddh-mobile-bottom-mark{
    width:1.28rem !important;
    height:1.28rem !important;
  }

  .ddh-mobile-bottom-mark svg{
    width:1.2rem !important;
    height:1.2rem !important;
  }

  .ddh-mobile-bottom-label{
    max-width:100%;
    overflow:hidden;
    font-size:.56rem !important;
    line-height:1.02 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .cb-card,
  .card.cb-card,
  .card:not(.ddh-rating-card){
    border-radius:var(--ddh-mobile-card-radius) !important;
  }

  .cb-card,
  .card.cb-card{
    box-shadow:var(--ddh-mobile-card-shadow), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  .card-body{
    padding:1rem !important;
  }

  .cb-card h4,
  .cb-card h5,
  .cb-card h6,
  .card h4,
  .card h5,
  .card h6{
    margin-bottom:.55rem;
  }

  .cb-page-heading.ddh-mobile-actionless{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip{
    display:block !important;
    padding:0 !important;
    margin:.75rem 0 .9rem !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip > .ddh-mobile-heading-orb,
  .cb-page-heading.ddh-mobile-action-strip > div:first-of-type{
    display:none !important;
  }

  .cb-page-heading.ddh-mobile-action-strip > .d-flex,
  .cb-page-heading.ddh-mobile-action-strip > a,
  .cb-page-heading.ddh-mobile-action-strip > form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.55rem !important;
    width:100% !important;
  }

  .cb-page-heading.ddh-mobile-action-strip .btn{
    width:100%;
  }

  .btn,
  button,
  .form-control,
  .form-select{
    touch-action:manipulation;
  }

  .btn{
    min-height:46px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
  }

  .btn-sm{
    min-height:40px !important;
    padding:.48rem .72rem !important;
    font-size:.78rem !important;
  }

  .btn-outline-light,
  .btn-outline-secondary,
  .btn-outline-primary,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-dark{
    color:#111827 !important;
    border:1px solid rgba(16,24,40,.12) !important;
    background:rgba(255,255,255,.94) !important;
  }

  .btn-outline-danger{
    color:#9f1d25 !important;
    border-color:rgba(159,29,37,.22) !important;
    background:rgba(255,255,255,.94) !important;
  }

  .form-control,
  .form-select,
  textarea.form-control{
    width:100%;
    min-height:48px !important;
    font-size:16px !important;
  }

  .input-group,
  .d-flex.gap-2,
  .d-flex.flex-wrap.gap-2{
    max-width:100%;
  }

  .ddh-route-pools .ddh-mobile-league-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.55rem !important;
  }

  .ddh-route-pools .ddh-mobile-league-actions .btn:last-child:nth-child(odd){
    grid-column:1 / -1;
  }

  .ddh-route-pools #view-pools .card-body > .d-flex:first-child{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.75rem !important;
  }

  .ddh-route-pools #view-pools .card-body > .d-flex:first-child > .d-flex{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    width:100%;
  }

  .ddh-route-pools #poolSearch{
    max-width:none !important;
  }

  .ddh-league-group,
  .ddh-managed-org-card{
    border-radius:22px !important;
    background:rgba(255,255,255,.88) !important;
  }

  .ddh-league-group-head,
  .ddh-route-pools .ddh-league-group-head,
  .ddh-route-organization .ddh-league-group-head{
    min-height:56px;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.18), transparent 34%),
      linear-gradient(135deg, #070b11, #161b22) !important;
  }

  .ddh-league-group-head .text-white,
  .ddh-league-group-head .fw-semibold{
    color:#fff !important;
  }

  .ddh-league-group-head .badge{
    color:#101820 !important;
    background:linear-gradient(135deg, #fff2b9, var(--cb-gold)) !important;
  }

  .ddh-managed-org-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }

  .ddh-managed-org-card .d-flex{
    justify-content:stretch !important;
  }

  .ddh-managed-org-card .btn{
    flex:1 1 0;
  }

  .ddh-mobile-up-next .ddh-upnext-list,
  .ddh-route-up-next .ddh-upnext-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .ddh-upnext-row{
    min-width:0 !important;
    color:#101820 !important;
    border-color:rgba(16,24,40,.10) !important;
    background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(248,250,252,.88)) !important;
    box-shadow:0 10px 22px rgba(16,24,40,.08) !important;
  }

  .ddh-upnext-driver,
  .ddh-upnext-drafter{
    min-width:0;
  }

  .ddh-upnext-driver{
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .ddh-mobile-card-table tbody tr,
  .ddh-league-card-table tbody tr,
  table.table tbody tr{
    color:#101820 !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.08), transparent 34%),
      linear-gradient(145deg, #ffffff, #f7f9fc) !important;
  }

  .ddh-mobile-card-table tbody td,
  .ddh-league-card-table tbody td,
  table.table tbody td{
    color:#344054 !important;
    background:transparent !important;
  }

  .ddh-mobile-card-table tbody td:first-child,
  .ddh-league-card-table tbody td:first-child,
  table.table tbody td:first-child{
    color:#101820 !important;
  }

  .table-dark{
    --bs-table-bg:transparent !important;
    --bs-table-color:#101820 !important;
    --bs-table-border-color:transparent !important;
    --bs-table-striped-bg:transparent !important;
    --bs-table-hover-bg:transparent !important;
  }

  .table-responsive,
  .table-responsive.table-sticky,
  .table-responsive[style*="max-height"]{
    max-height:none !important;
    overflow:visible !important;
  }

  .ddh-route-admin .tab-pane,
  .ddh-route-organization-admin .tab-pane,
  .ddh-route-super-admin .tab-pane{
    padding-bottom:.5rem;
  }

  .ddh-route-admin .tab-pane > .card,
  .ddh-route-organization-admin .tab-pane > .card,
  .ddh-route-super-admin .tab-pane > .card{
    margin-bottom:.85rem !important;
  }

  .ddh-route-admin .ddh-league-manager-tabs,
  .ddh-route-organization-admin .ddh-org-manager-tabs{
    position:sticky;
    top:.5rem;
    z-index:35;
  }

  .ddh-route-results .nav-pills,
  .ddh-route-user .nav-pills{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .ddh-dialog-card{
    width:min(100% - 1.4rem, 28rem) !important;
    border-radius:26px !important;
  }

  .ddh-legal-footer.container{
    padding-left:var(--ddh-mobile-page-pad) !important;
    padding-right:var(--ddh-mobile-page-pad) !important;
  }

  .ddh-legal-footer{
    margin-bottom:calc(var(--ddh-mobile-nav-height) + 1.2rem) !important;
  }
}

@media (max-width: 390px){
  .ddh-mobile-bottom-label{
    font-size:.52rem !important;
  }

  .ddh-mobile-page-title{
    font-size:1.48rem !important;
  }

  .ddh-mobile-up-next .ddh-upnext-list,
  .ddh-route-up-next .ddh-upnext-list{
    grid-template-columns:1fr !important;
  }
}

/* Very last organization profile leaderboard override. */
.ddh-route-organization .ddh-org-overall-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(243,178,58,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,248,252,.94)) !important;
}

.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table thead,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tr,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table th,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table td{
  background-color:transparent !important;
}

.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody tr{
  background:
    radial-gradient(circle at 100% 0%, rgba(243,178,58,.15), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.90)) !important;
}

.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table th,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table td,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody td:first-child,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody td:last-child{
  color:#111827 !important;
}

/* Final override: organization overall leaderboard must stay light/readable on every viewport. */
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table thead,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tr,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table th,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table td{
  background-color:transparent !important;
}

.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table tbody tr{
  background:
    radial-gradient(circle at 100% 0%, rgba(243,178,58,.15), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.90)) !important;
}

.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table th,
.ddh-route-organization .ddh-org-overall-card .ddh-org-overall-table td{
  color:#111827 !important;
}

/* Regular league manager mobile app shell. Keep after generic mobile tab rules. */
@media (max-width: 767.98px){
  .ddh-route-admin .ddh-league-manager-tabs{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:.36rem;
    overflow:visible !important;
    padding:.42rem;
    margin:.25rem 0 .9rem;
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background:
      radial-gradient(circle at 12% 0%, rgba(243,178,58,.18), transparent 38%),
      linear-gradient(145deg, rgba(7,11,17,.94), rgba(21,24,30,.90));
    box-shadow:0 18px 42px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
  }

  .ddh-route-admin .ddh-league-manager-tabs .nav-item{
    min-width:0;
    flex:initial !important;
    scroll-snap-align:none !important;
  }

  .ddh-route-admin .ddh-league-manager-tabs .nav-link{
    width:100%;
    min-height:62px;
    display:grid;
    place-items:center;
    gap:.18rem;
    padding:.42rem .2rem;
    white-space:normal !important;
    color:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    font-size:.64rem;
    line-height:1.05;
    font-weight:950;
    text-align:center;
  }

  .ddh-route-admin .ddh-league-manager-tabs .nav-link::before{
    content:attr(data-mobile-icon);
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    color:#111820;
    border-radius:11px;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 60%, #f5821f);
    box-shadow:0 7px 15px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55);
    font-size:.58rem;
    font-weight:1000;
  }

  .ddh-route-admin .ddh-league-manager-tabs .nav-link.active{
    color:#111820;
    border-color:rgba(255,255,255,.46);
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 10px 22px rgba(243,178,58,.26), inset 0 1px 0 rgba(255,255,255,.65);
  }

  .ddh-route-admin .ddh-league-manager-tabs .nav-link.active::before{
    color:#fff;
    background:linear-gradient(135deg, #101820, #2b2118);
  }

  .ddh-route-admin .cb-page-heading{
    margin-bottom:.75rem;
  }

  .ddh-route-admin .tab-content{
    padding-top:.2rem !important;
  }

  .ddh-route-admin .tab-pane > .card.cb-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.58);
    border-radius:26px;
    background:
      radial-gradient(circle at 96% 0%, rgba(243,178,58,.14), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70));
    box-shadow:0 18px 40px rgba(16,24,32,.12);
  }

  .ddh-route-admin .tab-pane > .card.cb-card::before{
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg, var(--cb-gold), #f5821f, var(--cb-red));
  }

  .ddh-route-admin .card-body > .d-flex.justify-content-between,
  .ddh-route-admin .card-body > .d-flex.align-items-start{
    align-items:stretch !important;
  }

  .ddh-route-admin .card-body > .d-flex.justify-content-between > .d-flex,
  .ddh-route-admin .card-body > .d-flex.align-items-start > .ddh-admin-search,
  .ddh-route-admin .card-body > .d-flex.align-items-start > button,
  .ddh-route-admin .card-body > .d-flex.justify-content-between .btn{
    width:100%;
  }

  .ddh-route-admin .card-body > .d-flex.justify-content-between .btn,
  .ddh-route-admin .card-body > .d-flex.align-items-start .btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-weight:950;
  }

  .ddh-route-admin .cb-help-panel,
  .ddh-route-admin #entriesPanel{
    border:1px solid rgba(16,24,32,.10);
    border-radius:22px;
    background:rgba(255,255,255,.64);
    box-shadow:0 12px 24px rgba(16,24,32,.08);
  }

  .ddh-route-admin #driverSearchAdmin,
  .ddh-route-admin #newDriver,
  .ddh-route-admin #newDriverCar,
  .ddh-route-admin #addEntryDriver,
  .ddh-route-admin .form-select,
  .ddh-route-admin .form-control{
    max-width:none !important;
    min-height:46px;
  }

  .ddh-route-admin .table-responsive{
    overflow-x:visible !important;
    border:0 !important;
    background:transparent !important;
  }

  .ddh-route-admin table.table tbody tr{
    border:1px solid rgba(16,24,32,.10) !important;
    background:#f8fafc !important;
    box-shadow:0 10px 20px rgba(16,24,32,.07) !important;
  }

  .ddh-route-admin table.table tbody td{
    color:#344054 !important;
    background:transparent !important;
  }

  .ddh-route-admin table.table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }
}

/* Organization manager mobile app shell. Keep after generic mobile tab rules. */
@media (max-width: 767.98px){
  .ddh-route-organization-admin .ddh-org-manager-tabs{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:.36rem;
    overflow:visible !important;
    padding:.42rem;
    margin:.25rem 0 .9rem;
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background:
      radial-gradient(circle at 12% 0%, rgba(243,178,58,.18), transparent 38%),
      linear-gradient(145deg, rgba(7,11,17,.94), rgba(21,24,30,.90));
    box-shadow:0 18px 42px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-item{
    min-width:0;
    flex:initial !important;
    scroll-snap-align:none !important;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link{
    width:100%;
    min-height:64px;
    display:grid;
    place-items:center;
    gap:.18rem;
    padding:.42rem .22rem;
    white-space:normal !important;
    color:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    font-size:.66rem;
    line-height:1.05;
    font-weight:950;
    text-align:center;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link::before{
    content:attr(data-mobile-icon);
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    color:#111820;
    border-radius:11px;
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 60%, #f5821f);
    box-shadow:0 7px 15px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55);
    font-size:.58rem;
    font-weight:1000;
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link.active{
    color:#111820;
    border-color:rgba(255,255,255,.46);
    background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 10px 22px rgba(243,178,58,.26), inset 0 1px 0 rgba(255,255,255,.65);
  }

  .ddh-route-organization-admin .ddh-org-manager-tabs .nav-link.active::before{
    color:#fff;
    background:linear-gradient(135deg, #101820, #2b2118);
  }

  .ddh-route-organization-admin .cb-page-heading{
    margin-bottom:.75rem;
  }

  .ddh-route-organization-admin .cb-page-heading .btn{
    width:100%;
    min-height:44px;
  }

  .ddh-route-organization-admin .tab-content{
    padding-top:.2rem !important;
  }

  .ddh-route-organization-admin .tab-pane > .card.cb-card,
  .ddh-route-organization-admin .cb-org-setup-pane > .card.cb-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.58);
    border-radius:26px;
    background:
      radial-gradient(circle at 96% 0%, rgba(243,178,58,.14), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70));
    box-shadow:0 18px 40px rgba(16,24,32,.12);
  }

  .ddh-route-organization-admin .tab-pane > .card.cb-card::before,
  .ddh-route-organization-admin .cb-org-setup-pane > .card.cb-card::before{
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg, var(--cb-gold), #f5821f, var(--cb-red));
  }

  .ddh-route-organization-admin .card-body > .d-flex.justify-content-between,
  .ddh-route-organization-admin .card-body > .d-flex.align-items-start{
    align-items:stretch !important;
  }

  .ddh-route-organization-admin .card-body > .d-flex.justify-content-between > .d-flex,
  .ddh-route-organization-admin .card-body > .d-flex.align-items-start > .ddh-admin-search,
  .ddh-route-organization-admin .card-body > .d-flex.align-items-start > button,
  .ddh-route-organization-admin .card-body > .d-flex.justify-content-between .btn{
    width:100%;
  }

  .ddh-route-organization-admin .card-body > .d-flex.justify-content-between .btn,
  .ddh-route-organization-admin .card-body > .d-flex.align-items-start .btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-weight:950;
  }

  .ddh-route-organization-admin .cb-help-panel{
    border:1px solid rgba(16,24,32,.10);
    border-radius:22px;
    background:rgba(255,255,255,.64);
    box-shadow:0 12px 24px rgba(16,24,32,.08);
  }

  .ddh-route-organization-admin .cb-org-setup-switcher{
    padding:.5rem;
    border-radius:24px;
    background:
      radial-gradient(circle at 0% 0%, rgba(243,178,58,.18), transparent 38%),
      linear-gradient(145deg, rgba(9,13,20,.94), rgba(27,24,22,.90));
    box-shadow:0 16px 34px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.08);
  }

  .ddh-route-organization-admin .cb-org-setup-tabs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.44rem;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button{
    min-height:58px;
    flex:none;
    flex-direction:column;
    gap:.24rem;
    padding:.5rem .35rem;
    border-radius:18px;
    font-size:.7rem;
    line-height:1.05;
    white-space:normal;
  }

  .ddh-route-organization-admin .cb-org-setup-tabs button::before{
    width:28px;
    height:28px;
    flex:0 0 28px;
  }

  .ddh-route-organization-admin #orgLeagueCreationMode,
  .ddh-route-organization-admin #driverSearchAdmin,
  .ddh-route-organization-admin #newDriver,
  .ddh-route-organization-admin #newDriverCar,
  .ddh-route-organization-admin #orgAdminLookup{
    width:100% !important;
    max-width:none !important;
    min-height:46px;
  }

  .ddh-route-organization-admin .input-group.input-group-sm{
    display:grid;
    grid-template-columns:1fr;
    gap:.5rem;
  }

  .ddh-route-organization-admin .input-group.input-group-sm > .form-control,
  .ddh-route-organization-admin .input-group.input-group-sm > .btn{
    width:100%;
    border-radius:16px !important;
  }

  .ddh-route-organization-admin #orgPoolsSettingsTable,
  .ddh-route-organization-admin #driversAdminTable,
  .ddh-route-organization-admin #entriesTable{
    min-width:0 !important;
  }

  .ddh-route-organization-admin #orgLeagueMembersList > *,
  .ddh-route-organization-admin #orgScoringDashboard > *,
  .ddh-route-organization-admin #orgAdminsList > *{
    border-radius:22px !important;
    border-color:rgba(16,24,32,.10) !important;
    background:rgba(255,255,255,.62) !important;
    box-shadow:0 12px 26px rgba(16,24,32,.08) !important;
  }

  .ddh-route-organization-admin .table-responsive{
    overflow-x:visible !important;
    border:0 !important;
    background:transparent !important;
  }

  .ddh-route-organization-admin table.table tbody tr{
    border:1px solid rgba(16,24,32,.10) !important;
    background:#f8fafc !important;
    box-shadow:0 10px 20px rgba(16,24,32,.07) !important;
  }

  .ddh-route-organization-admin table.table tbody td{
    color:#344054 !important;
    background:transparent !important;
  }

  .ddh-route-organization-admin table.table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }
}

/* True final mobile home, browse, and anti-jump cleanup. Keep at the end. */
@media (max-width: 767.98px){
  #your-pools,
  #view-pools{
    scroll-margin-top:5.75rem;
  }

  .ddh-route-pools #view-pools .card-body{
    display:flex;
    flex-direction:column;
  }

  .ddh-route-pools #view-pools .card-body > .d-flex:first-child{
    order:1;
  }

  .ddh-route-pools .ddh-browse-org-section{
    order:2;
    margin-top:.9rem !important;
  }

  .ddh-route-pools .ddh-browse-solo-section{
    order:3;
    margin-top:.9rem !important;
  }

  .ddh-route-pools #myOrgPoolsGroups .ddh-league-group,
  .ddh-route-pools #orgPoolsGroups .ddh-league-group,
  .ddh-route-pools #mySoloPoolsGroup .ddh-league-group,
  .ddh-route-pools #soloPoolsGroup .ddh-league-group{
    overflow:hidden !important;
    color:#344054 !important;
    border:1px solid rgba(16,24,32,.10) !important;
    background:rgba(255,255,255,.76) !important;
    box-shadow:0 16px 30px rgba(16,24,32,.08) !important;
    backdrop-filter:none !important;
  }

  .ddh-route-pools .ddh-league-group-head{
    border-bottom:1px solid rgba(16,24,32,.08) !important;
    background:rgba(255,255,255,.50) !important;
  }

  .ddh-route-pools .ddh-league-group-head .text-white{
    color:#101820 !important;
  }

  .ddh-route-pools .ddh-my-org-heading{
    color:#101820 !important;
    font-weight:950;
    letter-spacing:.08em;
  }

  .ddh-route-pools #myOrgPoolsGroups table tbody tr,
  .ddh-route-pools #orgPoolsGroups table tbody tr,
  .ddh-route-pools #mySoloPoolsGroup table tbody tr,
  .ddh-route-pools #soloPoolsGroup table tbody tr{
    color:#344054 !important;
    border:1px solid rgba(16,24,32,.10) !important;
    background:#f8fafc !important;
    box-shadow:none !important;
  }

  .ddh-route-pools #myOrgPoolsGroups table tbody td,
  .ddh-route-pools #orgPoolsGroups table tbody td,
  .ddh-route-pools #mySoloPoolsGroup table tbody td,
  .ddh-route-pools #soloPoolsGroup table tbody td{
    color:#344054 !important;
    background:transparent !important;
    border:0 !important;
  }

  .ddh-route-pools #myOrgPoolsGroups table tbody td:first-child,
  .ddh-route-pools #orgPoolsGroups table tbody td:first-child,
  .ddh-route-pools #mySoloPoolsGroup table tbody td:first-child,
  .ddh-route-pools #soloPoolsGroup table tbody td:first-child,
  .ddh-route-pools #myOrgPoolsGroups table tbody a,
  .ddh-route-pools #orgPoolsGroups table tbody a,
  .ddh-route-pools #mySoloPoolsGroup table tbody a,
  .ddh-route-pools #soloPoolsGroup table tbody a{
    color:#101820 !important;
  }

  .ddh-route-pools #myOrgPoolsGroups .bg-dark,
  .ddh-route-pools #orgPoolsGroups .bg-dark,
  .ddh-route-pools #mySoloPoolsGroup .bg-dark,
  .ddh-route-pools #soloPoolsGroup .bg-dark{
    color:#667085 !important;
    background:rgba(255,255,255,.68) !important;
    border-color:rgba(16,24,32,.10) !important;
  }

  .ddh-mobile-up-next .ddh-upnext-row.is-mine{
    color:#101820 !important;
    border-color:rgba(243,178,58,.58) !important;
    background:linear-gradient(135deg, #fff3bc, #f4b63f 58%, #f97316) !important;
    box-shadow:0 12px 24px rgba(243,178,58,.20) !important;
  }

  .ddh-mobile-up-next .ddh-upnext-row.is-mine .ddh-upnext-start{
    color:#fff !important;
    background:#101820 !important;
  }

  .ddh-upnext-tag{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:.16rem .42rem;
    color:#101820;
    border:1px solid rgba(16,24,32,.12);
    border-radius:999px;
    background:rgba(255,255,255,.62);
    font-size:.62rem;
    font-weight:950;
    text-transform:uppercase;
  }

  .ddh-route-results .cb-card,
  .ddh-route-user .cb-card,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-results .btn,
  .ddh-route-user .btn,
  .ddh-route-results .nav-link,
  .ddh-route-user .nav-link,
  .ddh-route-pools .cb-card,
  .ddh-route-pools table.table tbody tr{
    transform:none !important;
    animation:none !important;
    transition:none !important;
  }

  .ddh-route-results .ddh-tap,
  .ddh-route-user .ddh-tap,
  .ddh-route-pools .ddh-tap{
    transform:none !important;
  }
}

/* Final Up Next split: Home shows my drivers, Up Next page shows full highlighted lineup. */
.ddh-upnext-row.is-mine{
  color:#101820 !important;
  border-color:rgba(243,178,58,.58) !important;
  background:linear-gradient(135deg, #fff3bc, #f4b63f 58%, #f97316) !important;
  box-shadow:0 12px 24px rgba(243,178,58,.20) !important;
}

.ddh-upnext-row.is-mine .ddh-upnext-start{
  color:#fff !important;
  background:#101820 !important;
}

@media (max-width: 767.98px){
  .ddh-route-up-next .ddh-upnext-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.42rem;
  }

  .ddh-route-up-next .ddh-upnext-row{
    grid-template-columns:30px minmax(0, 1fr);
    min-width:0;
    min-height:58px;
    padding:.48rem;
    border-radius:16px;
    gap:.36rem .42rem;
    box-shadow:none;
  }

  .ddh-route-up-next .ddh-upnext-start{
    width:28px;
    height:28px;
    font-size:.78rem;
    border-radius:10px;
  }

  .ddh-route-up-next .ddh-upnext-driver{
    font-size:.76rem;
    line-height:1.08;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .ddh-route-up-next .ddh-upnext-drafter{
    min-width:0;
    max-width:100%;
    overflow:hidden;
    font-size:.64rem;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* Final league home organization controls. */
.ddh-managed-orgs{
  display:grid;
  gap:.55rem;
  margin-bottom:.8rem;
}

.ddh-managed-orgs-title{
  color:#101820;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ddh-managed-org-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.78rem;
  border:1px solid rgba(16,24,32,.10);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 24px rgba(16,24,32,.08);
}

.ddh-route-pools #myOrgPoolsGroups .ddh-league-group-head,
.ddh-route-pools #orgPoolsGroups .ddh-league-group-head,
.ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head,
.ddh-route-pools #soloPoolsGroup .ddh-league-group-head,
.ddh-route-pools .ddh-org-league-group .ddh-league-group-head,
.ddh-route-pools .ddh-org-league-collapsible .ddh-league-group-head{
  color:#fff !important;
  border-bottom-color:rgba(255,255,255,.12) !important;
  background:#070b11 !important;
}

.ddh-route-pools #myOrgPoolsGroups .ddh-league-group-head .text-white,
.ddh-route-pools #orgPoolsGroups .ddh-league-group-head .text-white,
.ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head .text-white,
.ddh-route-pools #soloPoolsGroup .ddh-league-group-head .text-white,
.ddh-route-pools #mySoloPoolsGroup .ddh-league-group-head .fw-semibold,
.ddh-route-pools #soloPoolsGroup .ddh-league-group-head .fw-semibold,
.ddh-route-pools .ddh-org-league-group .ddh-league-group-head .text-white,
.ddh-route-pools .ddh-org-league-collapsible .ddh-league-group-head .text-white{
  color:#fff !important;
}

/* Browse Leagues uses the same polished mobile card rhythm as My Leagues. */
.ddh-mobile-browse-league-list{
  display:none;
}

@media (max-width: 767.98px){
  .ddh-route-pools #soloPoolsGroup .ddh-league-group,
  .ddh-route-pools #orgPoolsGroups .ddh-league-group{
    overflow:hidden !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.74) !important;
  }

  .ddh-route-pools #soloPoolsGroup .ddh-league-group-body,
  .ddh-route-pools #orgPoolsGroups .ddh-league-group-body{
    padding:0;
  }

  .ddh-route-pools #soloPoolsGroup .ddh-browse-league-table,
  .ddh-route-pools #orgPoolsGroups .ddh-browse-league-table{
    display:none !important;
  }

  .ddh-route-pools #soloPoolsGroup .ddh-mobile-browse-league-list,
  .ddh-route-pools #orgPoolsGroups .ddh-mobile-browse-league-list{
    display:grid;
    gap:.52rem;
    padding:.58rem;
  }

  .ddh-route-pools #orgPoolsGroups .ddh-mobile-browse-league-list{
    background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.86));
  }

  .ddh-mobile-browse-league-card{
    grid-template-columns:minmax(0, 1fr);
    align-items:stretch;
  }

  .ddh-mobile-browse-league-card .ddh-mobile-my-league-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
    min-width:0;
  }

  .ddh-mobile-browse-league-card .ddh-mobile-my-league-actions .btn{
    flex:1 1 auto;
    min-width:min(9rem, 100%);
  }

  .ddh-mobile-browse-league-card .ddh-mobile-league-trash{
    margin-left:auto;
  }
}

/* Final organization dashboard and draft-board card polish. */
.ddh-org-dashboard-lineup{
  grid-template-columns:repeat(auto-fit, minmax(185px, 1fr));
  gap:.52rem;
}

.ddh-org-race-entry{
  min-height:58px;
}

.ddh-org-race-finish-tag{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:.16rem .48rem;
  color:#344054;
  border:1px solid rgba(16,24,32,.10);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  font-size:.68rem;
  font-weight:900;
}

/* Organization profile overall leaderboard: keep this readable on the premium dark background. */
.ddh-route-organization .ddh-org-overall-card{
  color:#121820;
  border-color:rgba(255,255,255,.72);
  background:
    radial-gradient(circle at 100% 0%, rgba(243,178,58,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,248,252,.94));
}

.ddh-route-organization .ddh-org-overall-card h5,
.ddh-route-organization .ddh-org-overall-card .text-muted{
  color:#121820 !important;
}

.ddh-route-organization .ddh-org-overall-wrap{
  border:1px solid rgba(16,24,32,.10);
  border-radius:18px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}

.ddh-route-organization .ddh-org-overall-table{
  --bs-table-bg:transparent;
  --bs-table-color:#1d2939;
  --bs-table-hover-bg:rgba(243,178,58,.13);
  --bs-table-hover-color:#101820;
  color:#1d2939;
}

.ddh-route-organization .ddh-org-overall-table thead th{
  color:#101820;
  background:linear-gradient(135deg, rgba(243,178,58,.32), rgba(255,255,255,.58));
  border-bottom:1px solid rgba(16,24,32,.12);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.ddh-route-organization .ddh-org-overall-table tbody tr{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(16,24,32,.08) !important;
}

.ddh-route-organization .ddh-org-overall-table tbody td{
  color:#1d2939 !important;
  border-color:rgba(16,24,32,.08);
}

.ddh-route-organization .ddh-org-overall-table tbody td:first-child,
.ddh-route-organization .ddh-org-overall-table tbody td:last-child{
  color:#101820 !important;
  font-weight:950;
}

.ddh-draft-pick-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  gap:.55rem;
}

.ddh-draft-pick-card{
  display:grid;
  grid-template-columns:38px minmax(0, 1fr);
  grid-template-areas:
    "num main"
    "num meta";
  gap:.14rem .6rem;
  align-items:center;
  padding:.62rem .68rem;
  border:1px solid rgba(16,24,32,.10);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,252,.74));
  box-shadow:0 10px 22px rgba(16,24,32,.08);
}

.ddh-draft-pick-number{
  grid-area:num;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#111820;
  border-radius:12px;
  background:linear-gradient(135deg, #fff4c4, var(--cb-gold) 62%, #f5821f);
  font-size:.82rem;
  font-weight:1000;
}

.ddh-draft-pick-main{
  grid-area:main;
  min-width:0;
}

.ddh-draft-pick-title{
  color:#101820;
  font-size:.84rem;
  font-weight:950;
  line-height:1.1;
  overflow-wrap:anywhere;
}

.ddh-draft-pick-sub{
  color:#667085;
  font-size:.7rem;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ddh-draft-pick-meta{
  grid-area:meta;
  display:flex;
  flex-wrap:wrap;
  gap:.28rem;
}

.ddh-draft-pick-meta span{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:.12rem .42rem;
  color:#344054;
  border:1px solid rgba(16,24,32,.10);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  font-size:.64rem;
  font-weight:900;
}

@media (max-width: 767.98px){
  .ddh-managed-org-card{
    align-items:stretch;
    flex-direction:column;
  }

  .ddh-managed-org-card .btn{
    flex:1 1 0;
    min-height:42px;
  }

  .ddh-org-dashboard-lineup,
  .ddh-draft-pick-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.42rem;
  }

  .ddh-org-race-entry,
  .ddh-draft-pick-card{
    min-width:0;
    box-shadow:none;
  }

  .ddh-draft-pick-card{
    grid-template-columns:30px minmax(0, 1fr);
    padding:.48rem;
    border-radius:16px;
    gap:.08rem .42rem;
  }

  .ddh-draft-pick-number{
    width:28px;
    height:28px;
    border-radius:10px;
    font-size:.76rem;
  }

  .ddh-draft-pick-title{
    font-size:.74rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .ddh-draft-pick-sub,
  .ddh-draft-pick-meta span{
    font-size:.62rem;
  }
}

/* Final hidden-cell guard for mobile table-card conversion. Keep desktop responsive utilities intact. */
@media (max-width: 767.98px){
  .d-none,
  .bid-only.d-none,
  td.d-none,
  th.d-none,
  .ddh-mobile-card-table td.d-none,
  .ddh-mobile-card-table th.d-none,
  table.table td.d-none,
  table.table th.d-none{
    display:none !important;
  }
}

/* Absolute final mobile cleanup: remove dark Bootstrap table cells and motion jumps. */
@media (max-width: 767.98px){
  .ddh-route-team table.table,
  .ddh-route-results table.table,
  .ddh-route-user table.table,
  .ddh-route-up-next table.table,
  .ddh-route-team .table,
  .ddh-route-results .table,
  .ddh-route-user .table,
  .ddh-route-up-next .table,
  .standings-table{
    --bs-table-bg:transparent !important;
    --bs-table-color:#101820 !important;
    --bs-table-striped-bg:transparent !important;
    --bs-table-hover-bg:rgba(243,178,58,.08) !important;
    background:transparent !important;
    border-color:transparent !important;
  }

  .ddh-route-team .table-responsive,
  .ddh-route-results .table-responsive,
  .ddh-route-user .table-responsive,
  .ddh-route-up-next .table-responsive{
    overflow:visible !important;
  }

  .ddh-route-team table.table thead,
  .ddh-route-results table.table thead,
  .ddh-route-user table.table thead,
  .ddh-route-up-next table.table thead,
  .standings-table thead{
    display:none !important;
  }

  .ddh-route-team table.table tbody,
  .ddh-route-results table.table tbody,
  .ddh-route-user table.table tbody,
  .ddh-route-up-next table.table tbody,
  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .standings-table tbody,
  .standings-table tbody tr{
    display:block !important;
    width:100% !important;
  }

  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .standings-table tbody tr{
    margin:0 0 .72rem !important;
    padding:.66rem .76rem !important;
    background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58)) !important;
    border:1px solid rgba(16,24,32,.10) !important;
    border-radius:20px !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .ddh-route-team table.table tbody td,
  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-up-next table.table tbody td,
  .standings-table tbody td{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(5.8rem, 38%) minmax(0, 1fr) !important;
    gap:.62rem !important;
    align-items:center !important;
    padding:.42rem 0 !important;
    color:#344054 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-bottom:1px solid rgba(16,24,32,.08) !important;
    box-shadow:none !important;
  }

  .ddh-route-team table.table tbody td:last-child,
  .ddh-route-results table.table tbody td:last-child,
  .ddh-route-user table.table tbody td:last-child,
  .ddh-route-up-next table.table tbody td:last-child,
  .standings-table tbody td:last-child{
    border-bottom:0 !important;
  }

  .ddh-route-team table.table tbody td[data-label]::before,
  .ddh-route-results table.table tbody td[data-label]::before,
  .ddh-route-user table.table tbody td[data-label]::before,
  .ddh-route-up-next table.table tbody td[data-label]::before,
  .standings-table tbody td[data-label]::before{
    content:attr(data-label);
    color:#667085 !important;
    font-size:.7rem;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .ddh-route-up-next table.table tbody td:first-child,
  .standings-table tbody td:first-child,
  .ddh-route-team table.table tbody a,
  .ddh-route-results table.table tbody a,
  .ddh-route-user table.table tbody a,
  .ddh-route-up-next table.table tbody a,
  .standings-table tbody a{
    color:#101820 !important;
    font-weight:950;
  }

  .cb-card,
  .card.cb-card,
  .ddh-mobile-card-table tbody tr,
  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .ddh-upnext-row{
    transition:background-color .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease !important;
  }

  .cb-card:hover,
  .card.cb-card:hover,
  .btn:hover,
  .nav-link:hover,
  .ddh-mobile-bottom-link:hover,
  .ddh-mobile-pill-action:hover,
  .ddh-upnext-row:hover,
  .ddh-tap{
    transform:none !important;
  }
}

/* Premium mobile app redesign layer */
.ddh-mobile-app-header,
.ddh-toast-stack{
  display:none;
}

@media (max-width: 767.98px){
  :root{
    --ddh-app-bg:#070b10;
    --ddh-app-panel:rgba(255,255,255,.94);
    --ddh-app-panel-dark:rgba(11,16,24,.92);
    --ddh-app-line:rgba(255,255,255,.14);
    --ddh-app-radius:24px;
    --ddh-app-shadow:0 22px 56px rgba(0,0,0,.34);
  }

  body.cb-app{
    color:#101820;
    background-image:
      linear-gradient(180deg, rgba(4,8,13,.72), rgba(6,9,13,.94) 42%, rgba(7,9,11,.98)),
      radial-gradient(circle at 15% 4%, rgba(243,178,58,.30), transparent 28%),
      radial-gradient(circle at 90% 18%, rgba(20,117,127,.20), transparent 26%),
      radial-gradient(circle at 50% 100%, rgba(183,39,47,.16), transparent 34%),
      var(--ddh-track-bg);
    background-position:center top;
  }

  body.cb-app::before{
    opacity:.72;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.08)),
      repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 26px),
      linear-gradient(118deg, transparent 0 61%, rgba(243,178,58,.18) 61.12% 61.55%, transparent 61.85%),
      linear-gradient(118deg, transparent 0 70%, rgba(255,255,255,.07) 70.1% 70.32%, transparent 70.6%);
  }

  .ddh-mobile-app-header{
    display:block;
    padding:.72rem max(.88rem, env(safe-area-inset-right)) .15rem max(.88rem, env(safe-area-inset-left));
  }

  .ddh-mobile-app-header-inner{
    position:relative;
    overflow:hidden;
    padding:1rem;
    color:#fff;
    border:1px solid rgba(255,255,255,.14);
    border-radius:28px;
    background:
      radial-gradient(circle at 94% 0%, rgba(243,178,58,.38), transparent 34%),
      linear-gradient(145deg, rgba(13,19,28,.94), rgba(33,24,18,.88));
    box-shadow:0 20px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(18px) saturate(1.12);
  }

  .ddh-mobile-app-header-inner::after{
    content:"";
    position:absolute;
    inset:auto -18% -70% 16%;
    height:150%;
    transform:rotate(-9deg);
    pointer-events:none;
    background:
      linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent),
      repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 13px, rgba(0,0,0,.12) 13px 25px);
    opacity:.18;
  }

  .ddh-mobile-page-chip,
  .ddh-mobile-page-row{
    position:relative;
    z-index:1;
  }

  .ddh-mobile-page-chip{
    display:inline-flex;
    align-items:center;
    gap:.42rem;
    padding:.28rem .56rem;
    color:rgba(255,255,255,.76);
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font-size:.66rem;
    font-weight:950;
    text-transform:uppercase;
  }

  .ddh-mobile-page-dot{
    width:.48rem;
    height:.48rem;
    border-radius:999px;
    background:var(--cb-gold);
    box-shadow:0 0 0 4px rgba(243,178,58,.16);
  }

  .ddh-mobile-page-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.85rem;
    align-items:end;
    margin-top:.82rem;
  }

  .ddh-mobile-page-title{
    margin:0;
    color:#fff;
    font-size:1.75rem;
    font-weight:950;
    line-height:.98;
  }

  .ddh-mobile-page-context{
    max-width:18rem;
    margin:.35rem 0 0;
    overflow:hidden;
    color:rgba(255,255,255,.72);
    font-size:.82rem;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .ddh-mobile-pill-action{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.52rem .78rem;
    color:#111827;
    text-decoration:none;
    border-radius:999px;
    background:linear-gradient(135deg, #fff3bb, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 12px 24px rgba(243,178,58,.22), inset 0 1px 0 rgba(255,255,255,.55);
    font-size:.78rem;
    font-weight:950;
  }

  .cb-page-heading{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center !important;
    gap:.78rem;
    padding:.9rem;
    margin:.75rem 0 .85rem;
    border-radius:22px;
    background:
      linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,246,226,.88)),
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.22), transparent 35%);
    border-color:rgba(255,255,255,.44);
    color:#101820;
    box-shadow:0 18px 42px rgba(0,0,0,.20);
  }

  .cb-page-heading::before{
    display:none;
  }

  .cb-page-heading h1,
  .cb-page-heading h2,
  .cb-page-heading h3{
    color:#101820;
    font-size:1.05rem;
    line-height:1.05;
  }

  .cb-page-heading .small,
  .cb-page-heading .text-muted{
    color:#667085 !important;
    font-size:.74rem;
  }

  .cb-page-heading > div:first-of-type{
    min-width:0;
  }

  .cb-page-heading > .d-flex,
  .cb-page-heading > a,
  .cb-page-heading > form{
    grid-column:1 / -1;
  }

  .ddh-mobile-heading-orb{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#fff;
    border-radius:16px;
    background:
      radial-gradient(circle at 34% 18%, rgba(255,255,255,.32), transparent 32%),
      linear-gradient(135deg, #101820, #342316);
    box-shadow:0 13px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.18);
    font-size:.9rem;
    font-weight:950;
  }

  .cb-card,
  .card.cb-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.52);
    border-radius:26px;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.12), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.91));
    box-shadow:0 20px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.74);
    backdrop-filter:blur(14px);
  }

  .cb-card + .cb-card,
  .card.cb-card + .card.cb-card{
    margin-top:.9rem !important;
  }

  .cb-card h4,
  .cb-card h5,
  .cb-card h6{
    color:#101820;
    font-weight:950;
    letter-spacing:0;
  }

  .cb-card .text-muted,
  .card .text-muted,
  .form-text{
    color:#667085 !important;
  }

  .cb-empty,
  .cb-help-panel{
    border-radius:20px;
    border:1px solid rgba(16,24,32,.10);
    background:
      linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,248,232,.86));
    color:#475467;
  }

  .nav-tabs,
  .nav-pills,
  .cb-tabs,
  .cb-pool-tabs{
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px;
    background:rgba(8,12,18,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  }

  .nav-tabs .nav-link,
  .nav-pills .nav-link,
  .cb-tabs .nav-link,
  .cb-pool-tabs .nav-link{
    border:0;
    border-radius:16px;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.05);
    font-size:.78rem;
    font-weight:950;
  }

  .nav-tabs .nav-link.active,
  .nav-pills .nav-link.active,
  .cb-tabs .nav-link.active,
  .cb-pool-tabs .nav-link.active{
    color:#111827;
    background:linear-gradient(135deg, #fff2b9, var(--cb-gold) 58%, #f5821f);
    box-shadow:0 10px 22px rgba(243,178,58,.20);
  }

  .alert{
    border-radius:20px;
    border-width:1px;
  }

  .badge{
    border-radius:999px;
    padding:.42rem .62rem;
    font-weight:900;
  }

  .list-group,
  .list-group-item{
    border-radius:18px;
  }

  .list-group-item{
    margin-bottom:.45rem;
    border:1px solid rgba(16,24,32,.10);
    box-shadow:0 8px 18px rgba(16,24,32,.08);
  }

  .ddh-route-login .cb-main,
  .ddh-route-register .cb-main{
    min-height:calc(100dvh - 11rem);
    display:grid;
    align-items:center;
  }

  .ddh-route-login .cb-card,
  .ddh-route-register .cb-card{
    position:relative;
    overflow:hidden;
  }

  .ddh-route-login .cb-card h3,
  .ddh-route-register .cb-card h3{
    text-align:center;
    font-size:1.55rem;
  }

  .ddh-route-login .cb-card p,
  .ddh-route-register .cb-card p{
    text-align:center;
  }

  .ddh-route-pools #your-pools,
  .ddh-route-pools #join-draft,
  .ddh-route-pools #create-draft,
  .ddh-route-pools #view-pools,
  .ddh-route-organizers #orgBrowseCard{
    position:relative;
  }

  .ddh-route-pools #your-pools::before,
  .ddh-route-pools #join-draft::before,
  .ddh-route-pools #create-draft::before,
  .ddh-route-pools #view-pools::before,
  .ddh-route-organizers #orgBrowseCard::before{
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg, var(--cb-gold), #f5821f, var(--cb-red));
  }

  .ddh-league-group{
    border-radius:24px;
    box-shadow:0 18px 46px rgba(0,0,0,.28);
  }

  .ddh-league-group-head{
    padding:.78rem .86rem;
  }

  .ddh-route-pricing .row.g-3 > [class*="col-"],
  .ddh-route-account .row.g-3 > [class*="col-"]{
    width:100%;
  }

  .ddh-route-pricing .display-6{
    font-size:2.2rem;
  }

  .ddh-route-pricing ul{
    padding-left:1.1rem;
  }

  .ddh-route-pricing li{
    margin-bottom:.42rem;
  }

  .ddh-route-draft .row.g-3{
    display:flex;
    flex-direction:column;
  }

  .ddh-route-draft .row.g-3 > .col-lg-5,
  .ddh-route-draft .row.g-3 > .col-lg-7{
    width:100%;
  }

  .ddh-route-draft .col-lg-5 > .card.cb-card:first-child{
    position:sticky;
    top:calc(4.2rem + env(safe-area-inset-top));
    z-index:40;
    border-color:rgba(243,178,58,.34);
    background:
      radial-gradient(circle at 94% 0%, rgba(243,178,58,.22), transparent 36%),
      linear-gradient(145deg, rgba(12,18,27,.98), rgba(32,24,18,.94));
  }

  .ddh-route-draft .col-lg-5 > .card.cb-card:first-child h5,
  .ddh-route-draft .col-lg-5 > .card.cb-card:first-child .text-muted,
  .ddh-route-draft .col-lg-5 > .card.cb-card:first-child #draftStatus,
  .ddh-route-draft .col-lg-5 > .card.cb-card:first-child #draftClock{
    color:#fff !important;
  }

  .ddh-route-draft #btnAutoDraftMine{
    border:0;
    color:#111827;
    background:linear-gradient(135deg, #fff3bb, var(--cb-gold) 58%, #f5821f);
    font-weight:950;
  }

  .ddh-route-admin .tab-content,
  .ddh-route-organization-admin .tab-content,
  .ddh-route-super-admin .tab-content{
    padding-top:.85rem !important;
  }

  .ddh-route-admin .tab-pane > .card,
  .ddh-route-organization-admin .tab-pane > .card,
  .ddh-route-super-admin .tab-pane > .card{
    margin-bottom:.9rem;
  }

  #nightsList .list-group-item,
  #orgDraftBoards > *,
  .sa-org-editor{
    border-radius:22px;
  }

  #entriesPanel{
    padding:.8rem;
    border:1px solid rgba(16,24,32,.10);
    border-radius:22px;
    background:rgba(255,255,255,.58);
  }

  .ddh-route-results .tab-content .cb-card,
  .ddh-route-user .tab-content .cb-card,
  .ddh-route-team .cb-card,
  .ddh-route-up-next .cb-card,
  .ddh-route-organization .cb-card{
    border-color:rgba(255,255,255,.58);
  }

  .standings-table tbody tr,
  .ddh-route-results .table tbody tr,
  .ddh-route-user .table tbody tr{
    background:
      radial-gradient(circle at 100% 0%, rgba(243,178,58,.16), transparent 34%),
      linear-gradient(145deg, rgba(14,19,27,.98), rgba(31,28,24,.95)) !important;
  }

  .standings-table tbody td,
  .ddh-route-results .table tbody td,
  .ddh-route-user .table tbody td{
    color:rgba(255,255,255,.84) !important;
  }

  .standings-table tbody td:first-child,
  .ddh-route-results .table tbody td:first-child,
  .ddh-route-user .table tbody td:first-child{
    color:#fff !important;
    font-weight:950;
  }

  .ddh-toast-stack{
    position:fixed;
    left:max(.85rem, env(safe-area-inset-left));
    right:max(.85rem, env(safe-area-inset-right));
    bottom:calc(var(--ddh-mobile-nav-height, 0rem) + 1rem + env(safe-area-inset-bottom));
    z-index:1200;
    display:grid;
    gap:.55rem;
    pointer-events:none;
  }

  .ddh-toast{
    transform:translateY(12px);
    opacity:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.62rem;
    align-items:center;
    padding:.78rem .86rem;
    color:#fff;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:linear-gradient(145deg, rgba(10,15,22,.98), rgba(31,24,18,.96));
    box-shadow:0 20px 48px rgba(0,0,0,.36);
    backdrop-filter:blur(18px);
    transition:opacity .18s ease, transform .18s ease;
    pointer-events:auto;
  }

  .ddh-toast.is-visible{
    transform:translateY(0);
    opacity:1;
  }

  .ddh-toast.is-leaving{
    transform:translateY(8px);
    opacity:0;
  }

  .ddh-toast-mark{
    width:12px;
    height:12px;
    border-radius:999px;
    background:var(--cb-gold);
    box-shadow:0 0 0 5px rgba(243,178,58,.14);
  }

  .ddh-toast-text{
    min-width:0;
    font-size:.86rem;
    font-weight:800;
    line-height:1.22;
  }

  .ddh-toast-close{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.75);
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    line-height:1;
  }

  .ddh-tap{
    transform:scale(.985);
  }

  @media (prefers-reduced-motion: no-preference){
    .cb-card,
    .btn,
    .nav-link,
    .ddh-mobile-bottom-link,
    .ddh-mobile-pill-action,
    .ddh-upnext-row{
      transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
    }
  }
}

/* Absolute final mobile race-night selectors: long labels stay inside the card. */
@media (max-width: 767.98px){
  #resultsTabs,
  #standingsTabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.48rem !important;
    overflow:visible !important;
    padding:.52rem !important;
    border-radius:22px !important;
  }

  #resultsTabs .nav-item,
  #standingsTabs .nav-item,
  #resultsTabsContent .nav-pills.cb-tabs .nav-item,
  #standingsTabsContent .nav-pills.cb-tabs .nav-item{
    min-width:0 !important;
    width:100% !important;
  }

  #resultsTabs .nav-link,
  #standingsTabs .nav-link,
  #resultsTabsContent .nav-pills.cb-tabs .nav-link,
  #standingsTabsContent .nav-pills.cb-tabs .nav-link{
    width:100% !important;
    min-height:44px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.08 !important;
    text-align:center !important;
    padding:.62rem .68rem !important;
  }

  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.44rem !important;
    overflow:visible !important;
    padding:.48rem !important;
  }

  .ddh-route-admin #nightsList .list-group-item,
  .ddh-route-organization-admin #nightsList .list-group-item{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:.55rem !important;
    padding:.72rem !important;
    overflow:hidden !important;
  }

  .ddh-route-admin #nightsList .list-group-item > .d-flex:first-child,
  .ddh-route-organization-admin #nightsList .list-group-item > .d-flex:first-child{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:.42rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .night-select,
  .ddh-route-organization-admin #nightsList .night-select{
    width:100% !important;
    min-height:44px !important;
    padding:.62rem .72rem !important;
    border-radius:16px !important;
    background:rgba(16,24,32,.06) !important;
    color:#101820 !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-align:left !important;
  }

  .ddh-route-admin #nightsList .cb-night-active .night-select,
  .ddh-route-organization-admin #nightsList .cb-night-active .night-select{
    background:linear-gradient(135deg, #fff2b9, var(--cb-gold) 58%, #f5821f) !important;
    color:#111827 !important;
    font-weight:950 !important;
  }

  .ddh-route-admin #nightsList .night-display-name,
  .ddh-route-organization-admin #nightsList .night-display-name{
    width:100% !important;
    max-width:none !important;
  }

  .ddh-route-admin #nightsList .btn-group,
  .ddh-route-organization-admin #nightsList .btn-group{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:.45rem !important;
    width:100% !important;
  }

  .ddh-route-admin #nightsList .btn-group .btn,
  .ddh-route-organization-admin #nightsList .btn-group .btn{
    min-height:42px !important;
    margin:0 !important;
    border-radius:14px !important;
  }
}

@media (max-width: 380px){
  #resultsTabs,
  #standingsTabs,
  #resultsTabsContent .nav-pills.cb-tabs,
  #standingsTabsContent .nav-pills.cb-tabs{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

/* Final mobile league/navigation and soft table-card overrides. Keep last. */
@media (max-width: 767.98px){
  .ddh-hide-mobile-nav-link{
    display:none !important;
  }

  .ddh-mobile-league-actions{
    display:grid !important;
    grid-template-columns:1fr;
    gap:.62rem;
    margin:.75rem 0 1rem;
  }

  .ddh-mobile-league-actions .btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-weight:950;
    box-shadow:0 14px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-head{
    gap:.7rem;
  }

  .ddh-org-league-collapsible .ddh-league-group-head > div:first-child{
    min-width:0;
  }

  .ddh-org-league-collapsible .ddh-org-group-toggle{
    white-space:nowrap;
    min-height:36px;
    border-radius:999px;
    padding-inline:.78rem;
  }

  .ddh-org-league-collapsible.is-collapsed{
    box-shadow:0 12px 28px rgba(0,0,0,.16);
  }

  .ddh-org-league-collapsible .ddh-league-group-body[hidden]{
    display:none !important;
  }

  .ddh-route-team table.table tbody tr,
  .ddh-route-results table.table tbody tr,
  .ddh-route-user table.table tbody tr,
  .ddh-route-up-next table.table tbody tr,
  .ddh-route-organization table.table tbody tr,
  .ddh-route-results .table tbody tr,
  .standings-table tbody tr{
    background:linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.44)) !important;
    border:1px solid rgba(16,24,32,.08) !important;
    box-shadow:none !important;
  }

  .ddh-route-team table.table tbody td,
  .ddh-route-results table.table tbody td,
  .ddh-route-user table.table tbody td,
  .ddh-route-up-next table.table tbody td,
  .ddh-route-organization table.table tbody td,
  .ddh-route-results .table tbody td,
  .standings-table tbody td{
    color:#344054 !important;
  }

  .ddh-route-team table.table tbody td:first-child,
  .ddh-route-results table.table tbody td:first-child,
  .ddh-route-user table.table tbody td:first-child,
  .ddh-route-up-next table.table tbody td:first-child,
  .ddh-route-organization table.table tbody td:first-child,
  .ddh-route-results .table tbody td:first-child,
  .standings-table tbody td:first-child{
    color:#101820 !important;
    font-weight:950;
  }
}

/* True final mobile draft board polish. Keep this at the very end. */
@media (max-width: 767.98px){
  .ddh-route-draft #boardTable,
  .ddh-route-draft #orderTable{
    --bs-table-bg:transparent !important;
    --bs-table-color:#101820 !important;
    --bs-table-hover-bg:transparent !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .ddh-route-draft #boardTable tbody tr,
  .ddh-route-draft #orderTable tbody tr{
    overflow:hidden !important;
    background:#f8fafc !important;
    border:1px solid rgba(16,24,32,.10) !important;
    border-radius:20px !important;
    box-shadow:none !important;
  }

  .ddh-route-draft #boardTable tbody td,
  .ddh-route-draft #orderTable tbody td,
  .ddh-route-draft #boardTable tbody a,
  .ddh-route-draft #orderTable tbody a{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#101820 !important;
  }

  .ddh-route-draft #boardTable tbody td:nth-child(2),
  .ddh-route-draft #orderTable tbody td:nth-child(2){
    min-width:auto !important;
    padding:.12rem 0 !important;
    color:#8a4b17 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-align:right !important;
  }

  .ddh-route-draft #boardTable td[data-label]::before,
  .ddh-route-draft #orderTable td[data-label]::before{
    display:none !important;
    content:none !important;
  }
}