/* Reference desktop shell; mobile styles remain in app.css. */
.header-search { align-items: center; gap: 6px; width: 280px; height: 25px; padding: 0 8px; border: 1px solid #aaa; border-radius: 3px; background: #fff; color: #999; text-align: left; font-weight: 400; }
.account-menu { position: relative; }
.account-menu summary { display: flex; align-items: center; gap: 5px; cursor: pointer; padding: 5px 8px; border: 1px solid #d6a223; border-radius: 3px; list-style: none; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu > div { position: absolute; right: 0; top: 100%; z-index: 50; width: 190px; background: #fff; border: 1px solid #aaa; box-shadow: 0 4px 12px #0003; }
.account-menu a, .account-menu .header-logout { display: block; width: 100%; padding: 10px; border: 0; border-bottom: 1px solid #ddd; border-radius: 0; background: #fff; text-align: left; }
.account-menu a:hover, .account-menu button:hover { background: #fff2c1; }
.news-strip { display: flex; align-items: center; height: 26px; background: linear-gradient(#2c485a, #172732); color: #fff; overflow: hidden; }
.news-strip b { flex: none; padding: 0 10px; }
.news-strip span { flex: 1; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #8bd2ff; font-weight: 700; }
.news-strip .i { margin-right: 5px; }
@media (min-width: 1024px) {
  .is-desktop .header-container { height: 74px; gap: 10px; background: linear-gradient(#ffcf30, #ffb900); }
  .is-desktop .header-logo { margin-right: 5px; height: 36px; }
  .is-desktop .logo-text { font: italic 900 29px/1 Tahoma, sans-serif; letter-spacing: -1.5px; text-transform: uppercase; }
  .is-desktop .header-login { margin-left: auto; }
  .is-desktop .header-balance { margin-left: auto; width: auto; height: 26px; border: 0; background: transparent; overflow: visible; }
  .is-desktop .hb-lines { flex-direction: row; gap: 8px; font-size: 11px; }
  .is-desktop .hb-refresh { margin-left: 5px; border: 1px solid #d6a223; border-radius: 3px; padding: 0 7px; }
  .is-desktop .header-container > .header-bets, .is-desktop .header-container > .header-setting { display: none; }
  .is-desktop .desk-nav { height: 30px; background: #202020; border-top: 0; }
  .is-desktop .desk-nav a, .is-desktop .nav-games { padding: 0 10px; color: #fff; border-right: 1px solid #454545; }
  .is-desktop .desk-nav a.active { background: #505050; box-shadow: none; }
  .is-desktop .nav-live { position: absolute; right: 4px; top: -8px; padding: 0 2px; border-radius: 2px; }
  .is-desktop .nav-games { background: #292929; }
  .is-desktop .nav-setting { display: flex; align-items: center; gap: 5px; width: auto; height: 30px; padding: 0 12px; border: 0; border-radius: 0; background: #202020; color: #fff; font-size: 12px; font-weight: 700; }
  .is-desktop #layout { height: calc(100dvh - 104px); }
  .is-desktop .hl-hero { height: 205px; }
  .is-desktop .hl-head { height: 31px; }
  .is-desktop .event-type-tabs { padding-top: 0; }
  .is-desktop .event-type-li { background: #3b5160; font-weight: 400; }
  .is-desktop .event-type-li.selected { background: #dddcd6; }
  .is-desktop .list-head { height: 25px; background: #dddcd6; border-top: 0; color: #222; }
  .is-desktop .list-head, .is-desktop .list-row { grid-template-columns: minmax(0, 1fr) 85px repeat(3, 11.7%) 26px; }
  .is-desktop .list-row .ev-type { padding-left: 26px; }
  .is-desktop #bet-results { top: 108px; }
}