/* Reference calendar landing page: compact meeting rows and a centered date popover. */
body[data-view="rounds"]{background:#f2f4f6;color:#30465c}
body[data-view="rounds"] .app-header{display:none}
body[data-view="rounds"] .app-header:has(.user-menu:not([hidden])){display:block}
body[data-view="rounds"] .app-header .brand-lockup,body[data-view="rounds"] .app-header .main-nav,body[data-view="rounds"] .app-header .date-actions{display:none}
body[data-view="rounds"] .app-header .user-menu{margin-left:auto}
body[data-view="rounds"] .dashboard-shell{width:calc(100% - 20px);margin:10px;background:white;border-radius:11px;padding:18px 26px 20px;box-shadow:0 8px 26px #20304008}
.landing-heading{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 0 26px;gap:12px}
.landing-heading h1{font-size:18px;margin:0;font-weight:650}
#calendar-trigger{display:flex;align-items:center;gap:16px;background:none;border:0;padding:8px;color:#30465c;font:inherit;cursor:pointer;min-height:40px}
.calendar-chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.calendar-arrow{width:36px;height:36px;flex:0 0 36px;border:1px solid #e2e5e8;border-radius:50%;color:#30465c;background:white;font:24px/1 var(--font-ui);cursor:pointer;padding:0}
.calendar-arrow:disabled{opacity:.35;cursor:default}
.calendar-arrow:hover:not(:disabled){background:#f2f7fa}
#date-calendar{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:336px;max-width:calc(100vw - 32px);padding:18px 12px 10px;background:white;border-radius:10px;box-shadow:0 12px 20px #0003,0 2px 12px #0001;z-index:45;color:#242c33}
#date-calendar::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;transform:rotate(45deg);background:white}
.calendar-month-nav{display:flex;align-items:center;justify-content:space-between;padding:0 10px 16px}
.calendar-month-nav h2{font-size:18px;font-weight:600;margin:0}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.calendar-weekdays{font-size:12px;font-weight:650;color:#607083;border-bottom:1px solid #e7eaed;padding:14px 0 18px}
.calendar-days{padding:4px 0 6px;row-gap:2px}
.calendar-days button{height:42px;width:100%;padding:0;border:3px solid white;border-radius:7px;background:white;font:14px var(--font-ui);color:#273039;cursor:pointer}
.calendar-days button:hover:not(:disabled){background:#eaf3fa}
.calendar-days button[aria-pressed=true]{background:#087ec6;color:white;font-weight:650}
.calendar-days button[aria-current=date]:not([aria-pressed=true]){font-weight:750;text-decoration:underline;text-underline-offset:4px}
.calendar-days button:disabled{color:#a6aeb6;cursor:default}
.calendar-days button.other-month{color:#9ba5af}
#calendar-today{border:0;border-top:1px solid #e7eaed;background:white;color:#007ac5;font:600 14px var(--font-ui);width:100%;padding:16px 0 10px;min-height:44px;cursor:pointer}
#calendar-trigger:focus-visible,.calendar-arrow:focus-visible,.calendar-days button:focus-visible,#calendar-today:focus-visible{outline:3px solid #127cb5;outline-offset:2px}
body[data-view="rounds"] .meeting-table{border:0;overflow:visible;background:none}
body[data-view="rounds"] .meeting-table-head,body[data-view="rounds"] .track-row{grid-template-columns:minmax(155px,1fr) minmax(155px,.98fr) minmax(260px,1.55fr) minmax(95px,.55fr);gap:16px}
body[data-view="rounds"] .meeting-table-head{background:none;border-bottom:1px solid #e7eaed;padding:8px 0 16px;font-size:12px;color:#83909e;letter-spacing:.03em}
body[data-view="rounds"] .track-row{padding:16px 0;min-height:66px;background:white;border-color:#e7eaed;align-items:start}
body[data-view="rounds"] .track-row.selected::before{display:none}
body[data-view="rounds"] .track-cell{gap:12px;padding:1px 0}
body[data-view="rounds"] .track-cell strong{font-size:16px;color:#30465c;white-space:normal}
body[data-view="rounds"] .track-flag{border-radius:50%;width:23px;height:23px;flex-basis:23px;font-size:21px}
body[data-view="rounds"] .game-badges{gap:7px 8px}
body[data-view="rounds"] .game-badge,.product-group>summary{min-width:44px;min-height:23px;padding:4px 8px;display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:2px;background:var(--game-color,#247CAF);color:var(--game-on-color,white);font:italic 750 12px/1 var(--font-ui);box-shadow:none;outline:none;cursor:pointer}
body[data-view="rounds"] .game-badge small{display:none}
body[data-view="rounds"] .game-badge.is-completed,.product-group.is-completed>summary{background:#8d99a2}
body[data-view="rounds"] .game-badge:focus-visible,.product-group>summary:focus-visible{outline:3px solid #167aa7;outline-offset:3px}
.product-group{position:relative;min-height:23px}
.product-group>summary{list-style:none}
.product-group>summary::-webkit-details-marker{display:none}
.product-group[open]>summary{outline:2px solid #30465c;outline-offset:2px}
.round-options{position:absolute;top:30px;left:0;z-index:12;display:flex;flex-wrap:wrap;gap:8px;padding:12px;width:280px;max-width:70vw;background:white;box-shadow:0 5px 22px #20304030;border:1px solid #e7eaed;border-radius:6px}
body[data-view="rounds"] .round-options .game-badge{font-style:normal;min-height:44px;padding:8px;display:flex;flex-direction:column}
body[data-view="rounds"] .round-options .game-badge small{display:block;font-size:10px;color:white}
body[data-view="rounds"] .race-grid{gap:9px}
body[data-view="rounds"] .race-number{width:26px;height:27px;min-width:26px;min-height:27px;border-color:#e1e4e7;font-size:12px;font-weight:600;box-shadow:none;outline:none;color:#30465c}
body[data-view="rounds"] .race-number:disabled{opacity:.5}
body[data-view="rounds"] .race-number.selected::after{background:var(--game-color,#CF4B00)}
body[data-view="rounds"] .race-number.results{background:#ebeff2;color:#607080}
body[data-view="rounds"] .race-number.next{background:#eaf2f8;border-color:transparent}
body[data-view="rounds"] .next-race{gap:9px}
body[data-view="rounds"] .next-race-number{width:22px;height:22px;background:#ffe82c;border-radius:1px;font-size:12px}
body[data-view="rounds"] .next-race-number.ongoing{background:#009bc8;color:white}
body[data-view="rounds"] .next-race-number.results{display:none}
body[data-view="rounds"] .next-race-time{font-size:14px;font-weight:550;color:#30465c}
body[data-view="rounds"] #catalog-status:not(.outdated){display:none}
body[data-view="rounds"] #catalog-status.loading{display:block;color:#607080}
@media(max-width:760px){body[data-view="rounds"] .dashboard-shell{padding:14px 14px 16px;width:calc(100% - 16px);margin:8px}body[data-view="rounds"] .meeting-table-head{display:none}body[data-view="rounds"] .track-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0}.landing-heading{padding-bottom:12px}#calendar-trigger{font-size:16px;gap:12px}.calendar-arrow{width:38px;height:38px;flex-basis:38px}body[data-view="rounds"] .race-number{width:36px;min-height:40px}body[data-view="rounds"] .game-badge,.product-group>summary{min-height:36px;min-width:48px}body[data-view="rounds"] .track-cell strong{font-size:15px}.round-options{position:relative;top:8px;max-width:calc(100vw - 62px);width:260px;margin-bottom:8px}#date-calendar{top:46px}.calendar-days button{height:44px}body[data-view="rounds"] .race-grid{gap:8px}}
.more-products{position:relative}
.more-products>summary{font-size:11px;color:#637b8d;min-height:24px;padding:4px 2px;cursor:pointer;list-style:none}
.more-products>summary::after,.product-group>summary::after{content:"⌄";font-size:10px;margin-left:5px}
.additional-products{position:absolute;top:30px;left:0;z-index:14;width:290px;max-width:70vw;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:white;border:1px solid #e7eaed;border-radius:6px;box-shadow:0 5px 22px #20304030}
.additional-products .round-options{position:static;box-shadow:none;width:264px;max-width:100%;margin-top:8px}
.more-products>summary:focus-visible{outline:3px solid #167aa7;outline-offset:2px}
@media(max-width:760px){.more-products>summary{min-height:36px;padding:10px 6px}.additional-products{position:relative;top:6px;max-width:calc(100vw - 64px);margin-bottom:8px}}
body[data-view="rounds"] .race-number::after{display:none}
body[data-view="rounds"] .race-number.selected::after{display:block;background:var(--game-color,#CF4B00)}
