/* Fremio V10 – Scandinavian product UI. Presentation only; V9 API and event handlers are untouched. */
:root{--f10-ink:#14243b;--f10-ink-soft:#344e62;--f10-muted:#728397;--f10-teal:#098b79;--f10-teal-dark:#087162;--f10-mint:#e8f8f1;--f10-mist:#f5f9f8;--f10-line:#e5eeec;--f10-white:#fff;--f10-shadow:0 13px 40px rgba(22,57,66,.045);--f10-radius:20px}
html{scroll-behavior:smooth}
body.fremio-v10,body.fremio-v10-public{font-family:'DM Sans',system-ui,-apple-system,sans-serif!important;color:var(--f10-ink);background:#f5f8f8}
.fremio-v10 a,.fremio-v10-public a{text-decoration:none}
.fremio-v10 :focus-visible,.fremio-v10-public :focus-visible{outline:3px solid rgba(9,139,121,.38)!important;outline-offset:3px}
.f10-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);background:#f7faf9}
.f10-sidebar{position:sticky;top:0;z-index:1035;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:30px 17px 19px;background:#fff;border-right:1px solid var(--f10-line)}
.f10-brand{display:flex;align-items:center;gap:11px;padding:4px 13px 34px;color:var(--f10-ink)!important;font:800 26px/1.1 'Manrope',sans-serif;letter-spacing:-1.4px}
.f10-brand-icon{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#44c6a2,#078d79);color:#fff;display:grid;place-items:center;box-shadow:0 9px 20px #098b7928;font-size:18px}
.f10-brand-dot{color:#18a98e}.f10-sidebar-caption{padding:15px 15px 11px;color:#9aabba;font-weight:800;font-size:10px;letter-spacing:.18em}
.f10-nav{display:grid;gap:5px}.f10-nav a{min-height:47px;padding:12px 13px;display:flex;align-items:center;gap:13px;border-radius:12px;font-size:13px;font-weight:700;color:#66798c!important;transition:background .17s ease,color .17s ease,transform .17s ease}
.f10-nav a>i{width:19px;text-align:center;font-size:16px;color:#8598a6}.f10-nav a>span:nth-child(2){flex:1}.f10-nav a:hover{background:#f1f8f6;color:var(--f10-teal)!important;transform:translateX(2px)}.f10-nav a:hover>i{color:var(--f10-teal)}
.f10-nav a.is-active{background:linear-gradient(115deg,#e0f7ee,#ebf9f4);color:#087d6c!important;box-shadow:inset 3px 0 #0ca58b}.f10-nav a.is-active>i{color:#078b77}.f10-active-dot{height:7px;width:7px;background:#23be9d;border-radius:50%;margin:0 2px}
.f10-sidebar-bottom{margin-top:auto;padding:26px 3px 3px}.f10-help{background:linear-gradient(140deg,#effaf5,#e8f4f0);border:1px solid #dcedea;border-radius:16px;padding:19px 16px;display:grid;gap:8px}.f10-help-icon{height:34px;width:34px;border-radius:10px;background:#d2f0e6;color:#068875;display:grid;place-items:center;font-size:17px}.f10-help strong{font-size:13px}.f10-help p{margin:0!important;color:#67847f;font-size:12px;line-height:1.7}.f10-sidebar-logout{display:flex;align-items:center;gap:12px;padding:17px 12px 6px;color:#708597!important;font-weight:700;font-size:13px}.f10-sidebar-logout:hover{color:#b73b48!important}
.f10-workspace{min-width:0}.f10-topbar{height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--f10-line);padding:0 clamp(22px,3.1vw,53px);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:1032;backdrop-filter:blur(14px)}
.f10-topbar-left,.f10-topbar-right{display:flex;align-items:center;gap:20px;min-width:0}.f10-breadcrumb{display:inline-flex;align-items:center;gap:13px;font-size:12.5px;color:#93a5b1;white-space:nowrap}.f10-breadcrumb i{font-size:9px;color:#becacd}.f10-breadcrumb strong{font-weight:800;color:#344d5f}
.f10-topbar-right{margin-left:auto}.f10-topbar-label{font-size:11px;color:#91a3ac;font-weight:800;white-space:nowrap}.f10-club-dropdown{display:flex!important;align-items:center;gap:12px;position:relative}.f10-club-dropdown .f10-club-toggle,.f10-current-club{border:1px solid #e1ebe8;background:#f7fbf9;color:#243e4d!important;border-radius:11px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px;min-height:43px;max-width:290px;font-size:12px;font-weight:700;cursor:pointer}.f10-club-toggle span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:195px}.f10-club-toggle i:first-child,.f10-current-club i{color:var(--f10-teal)}.f10-club-dropdown .f10-club-menu{top:calc(100% + 12px)!important;left:auto!important;right:0!important;bottom:auto!important;z-index:1100;max-height:55vh!important;min-width:260px}
.f10-current-club{color:#516c76!important;white-space:nowrap}.f10-profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--f10-line);padding-left:18px}.f10-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#def6eb,#caece0);color:#178674}.f10-profile-text{display:flex;flex-direction:column;gap:1px;min-width:88px}.f10-profile-text strong{font-size:12px;white-space:nowrap}.f10-profile-text small{font-size:10px;color:#8aa0a4}.f10-menu-button{display:none;width:41px;height:41px;border-radius:11px;border:1px solid #deebe8;background:#eff8f4;color:var(--f10-teal);font-size:16px;cursor:pointer}
.f10-content{max-width:1590px;margin:auto;padding:35px clamp(23px,3.3vw,56px) 26px}.f10-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 26px}.f10-eyebrow,.f10-panel-kicker{font-size:10px;color:#09927c;letter-spacing:.155em;font-weight:800}.f10-eyebrow{display:inline-flex;align-items:center;gap:8px}.f10-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#1ab99d;box-shadow:0 0 0 5px #e1f7ef}.f10-titlebar h1{font:800 clamp(26px,2.7vw,38px)/1.18 'Manrope',sans-serif!important;letter-spacing:-1.5px!important;color:var(--f10-ink)!important;margin:13px 0 7px!important}.f10-titlebar p{font-size:14px;color:var(--f10-muted);margin:0}.f10-title-icon{height:57px;width:57px;display:grid;place-items:center;border-radius:18px;background:#e6f7f0;color:var(--f10-teal);font-size:23px}
.f10-page{min-width:0}.f10-surface{background:#fff;border:1px solid var(--f10-line);border-radius:23px;padding:clamp(20px,2.4vw,34px);box-shadow:var(--f10-shadow);min-height:275px}.f10-page .container,.f10-page .container-admin{max-width:none!important;margin:0!important;width:100%!important;padding:0!important}.f10-page .fremio-section-kicker{font-size:10px!important;letter-spacing:.17em!important;color:var(--f10-teal)!important;font-weight:800!important}.f10-page h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.65px;color:var(--f10-ink)}.f10-page h3{font-family:'Manrope',sans-serif;letter-spacing:-.45px;color:var(--f10-ink)}.f10-page p,.f10-page .fremio-muted{color:var(--f10-muted);line-height:1.65}
.f10-page .btn,.f10-page button:not(.close),.modal .btn{border-radius:11px!important;font-size:13px;font-weight:750!important;transition:background .15s ease,transform .15s ease;min-height:38px}.f10-page .btn:hover,.modal .btn:hover{transform:translateY(-1px)}.f10-page .btn-primary,.f10-page .btn-success,.f10-page .btn-info,.modal .btn-primary,.modal .btn-success{background:#0b907c!important;color:#fff!important;border-color:#0b907c!important}.f10-page .btn-primary:hover,.f10-page .btn-success:hover,.modal .btn-primary:hover{background:#087666!important;border-color:#087666!important}.f10-page .btn-outline-primary{color:#0a8574!important;border-color:#cbe5dc!important}.f10-page .btn-outline-primary:hover{background:#eaf7f1!important}
.f10-page .table-responsive{border:1px solid var(--f10-line)!important;overflow-x:auto;border-radius:14px!important}.f10-page table.table{background:#fff!important;border-collapse:separate!important;border-spacing:0;width:100%;margin-bottom:0}.f10-page .table th,.f10-page .table thead td{background:#f5faf8!important;border-bottom:1px solid #e6efed!important;color:#6f8390!important;font-size:11px!important;letter-spacing:.035em;font-weight:800!important;padding:14px 13px!important;vertical-align:middle}.f10-page .table td{padding:13px!important;vertical-align:middle!important;font-size:13px;border-top:none!important;border-bottom:1px solid #edf3f1!important;color:#405669}.f10-page .table tbody tr:hover td{background:#f9fcfb}.f10-page .table tbody tr:last-child td{border-bottom:0!important}.f10-page .table .dropdown-toggle{white-space:normal;text-align:left}
.f10-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.f10-page select,.f10-page textarea,.modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.modal select,.modal textarea{background-color:#fff!important;border:1px solid #dce8e4!important;color:var(--f10-ink)!important;border-radius:11px!important;min-height:45px;padding:11px 14px;font-size:13px!important}.f10-page input:focus,.f10-page select:focus,.modal input:focus,.modal select:focus{border-color:#13a589!important;box-shadow:0 0 0 4px #0c96811a!important;outline:none!important}.f10-page input[type=checkbox],.modal input[type=checkbox]{accent-color:var(--f10-teal)}
.f10-page .card,.f10-page .fremio-statline,.f10-page .fremio-attendance-notice{border:1px solid var(--f10-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.f10-page .alert{border-radius:13px!important;font-size:13px}.f10-page .alert-info{border-color:#d8eee7;background:#eff9f5;color:#347668}.f10-page .alert-warning{border-color:#f1e5c7;background:#fffaf0;color:#876b35}
.modal-content{border-radius:23px!important;overflow:hidden;border:1px solid var(--f10-line)!important;box-shadow:0 26px 85px #172b3b24!important}.modal .modal-header{border-bottom:1px solid var(--f10-line);background:#fbfefd;padding:22px 25px}.modal .modal-title,.modal h2.portfolio-modal-title{font-family:'Manrope',sans-serif!important;font-size:24px!important;letter-spacing:-1px!important;color:var(--f10-ink)!important;text-transform:none!important}.modal .modal-body{padding:24px}.modal .modal-footer{border-top:1px solid var(--f10-line);padding:17px 24px}.modal-backdrop.show{opacity:.55!important}
.f10-footer{color:#98a8b1;padding:25px 3px 0;font-size:11px;display:flex;justify-content:space-between;gap:10px}
/* Dashboard */
.f10-page:has(.f10-overview) .f10-surface{background:transparent;border:0;padding:0;box-shadow:none}.f10-overview{display:grid;gap:22px}.f10-dashboard-alert{display:flex;align-items:center;gap:16px;padding:16px 19px;background:#e6f7f0;border:1px solid #cfece0;border-radius:15px;color:#116d5c}.f10-dashboard-alert>i{font-size:22px}.f10-dashboard-alert strong{display:block;font-size:13px}.f10-dashboard-alert span{display:block;margin-top:3px;font-size:12px;color:#548679}.f10-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.f10-metric-card{background:#fff;border:1px solid var(--f10-line);border-radius:18px;padding:22px;min-height:155px;box-shadow:var(--f10-shadow);display:flex;flex-direction:column;align-items:flex-start}.f10-metric-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:#e6f7ef;color:#06947b}.f10-tone-blue .f10-metric-icon{background:#eaf2ff;color:#3e7bbd}.f10-tone-purple .f10-metric-icon{background:#f1edff;color:#8472cb}.f10-tone-green .f10-metric-icon{background:#e9f6e7;color:#429258}.f10-metric-value{display:block;font:800 clamp(23px,2.5vw,32px)/1.25 'Manrope',sans-serif;margin:14px 0 2px;color:var(--f10-ink)}.f10-metric-label{font-size:12px;color:#82929d;font-weight:650}.f10-dashboard-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:18px}.f10-dash-card{background:#fff;border:1px solid var(--f10-line);border-radius:19px;padding:25px 24px;box-shadow:var(--f10-shadow)}.f10-dash-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.f10-dash-heading h2{font-size:19px!important;margin:8px 0 0!important}.f10-text-link{font-size:12px;font-weight:750;color:var(--f10-teal)!important;white-space:nowrap}.f10-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.f10-quick-action{border:1px solid #e0efea;background:#f8fcfa;border-radius:14px;padding:17px 16px;display:grid;gap:7px;min-height:125px;color:#273e50!important}.f10-quick-action:hover{background:#eaf8f1;border-color:#b5e6d5;transform:translateY(-2px)}.f10-quick-action span{display:grid;place-items:center;border-radius:10px;background:#e1f5ec;color:#07907b;height:31px;width:31px}.f10-quick-action strong{font-size:13px}.f10-quick-action small{font-size:11px;color:#8aa0a3}.f10-team-list{display:grid;gap:0}.f10-team-entry{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #ebf1ef}.f10-team-entry:last-child{border:0}.f10-team-icon{height:39px;width:39px;flex:none;background:#e8f6f0;border-radius:11px;color:#0c8f7c;display:grid;place-items:center}.f10-team-entry>div{display:grid;gap:3px;flex:1;min-width:0}.f10-team-entry strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f10-team-entry small{font-size:10px;color:#91a4a7}.f10-status{white-space:nowrap;font-size:10px;font-weight:800;border-radius:99px;padding:6px 9px;background:#f3f5f5;color:#7b8c94}.f10-status.is-current{background:#e2f7ec;color:#168969}.f10-dashboard-tip{display:flex;align-items:flex-start;gap:11px;background:#f1f9f6;border:1px solid #e0eee9;border-radius:14px;padding:16px 20px;color:#429180}.f10-dashboard-tip p{font-size:12px;margin:0;color:#608277!important}.f10-quiet-state{padding:25px 8px;color:#8095a0!important;font-size:13px}
/* Attendance: preserve #SelectTeamId, #TeamCheckDay and existing V9 checkbox callbacks */
.f10-page .fremio-attendance{padding:0!important}.f10-page .fremio-attendance>.d-flex{margin-bottom:22px!important}.f10-page .fremio-attendance h2{font-size:24px!important;letter-spacing:-.6px!important}.f10-page #SelectTeamId{min-height:55px!important;padding:14px 16px!important;font-weight:750!important;background-color:#fafffd!important;border-color:#b9e7d6!important;box-shadow:0 0 0 3px #0b987b09}.f10-page .fremio-attendance>.row:first-of-type{margin:0 0 9px!important}.f10-page .fremio-attendance>.row:first-of-type>.col-12{padding:0!important}.f10-page .fremio-attendance-tools:not([hidden]){display:flex!important;flex-wrap:wrap;align-items:center;gap:11px;margin:22px 0 10px;border:1px solid #e6efed!important;background:#f9fcfb!important;border-radius:15px!important;padding:16px!important}.f10-page .fremio-statline{background:#fff!important;min-width:122px;padding:11px!important}.f10-page .fremio-filter-group{flex:1;min-width:200px}.f10-page .fremio-filter-group input{width:100%}.f10-page .fremio-filter-buttons button{border:1px solid #daebe6!important;border-radius:10px!important;background:#fff;color:#557f75;padding:10px 12px}.f10-page .fremio-filter-buttons button.is-active{background:#0b917b!important;border-color:#0b917b!important;color:#fff!important}
.f10-attendance-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(228px,.8fr);align-items:start;gap:19px;margin-top:13px}.f10-attendance-list{min-width:0;border:1px solid var(--f10-line);border-radius:17px;background:#fff;overflow:hidden}.f10-attendance-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 20px 15px}.f10-attendance-list-heading h3,.f10-attendance-summary h3{font-size:18px!important;margin:7px 0 0!important}.f10-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#0d8b77;border-radius:99px;background:#e9f8f1;padding:7px 10px;white-space:nowrap}.f10-live-badge span{width:6px;height:6px;border-radius:50%;background:#1bbd99}.f10-table-scroll{max-width:100%;overflow-x:auto}.f10-page #TeamCheckDay{margin:0!important}.f10-page #TeamCheckDay thead th,.f10-page #TeamCheckDay thead td{background:#f7fbf9!important;border-top:0!important;border-bottom:1px solid #e2ece9!important;font-size:11px!important;color:#637d86!important}.f10-page #TeamCheckDay tbody td{border-bottom:1px solid #edf2f0!important;background:#fff!important;vertical-align:middle!important}.f10-page #TeamCheckDay tbody tr:hover td{background:#f9fcfb!important}.f10-page #TeamCheckDay .dropdown-toggle{font-size:12px!important;border:0!important;background:transparent!important;color:#1e4055!important;font-weight:700!important;padding:8px 10px!important}.f10-page #TeamCheckDay .checkbox{margin:0!important}.f10-page #TeamCheckDay .cr{border-radius:6px!important}.f10-attendance-aside{min-width:0}.f10-attendance-summary{background:linear-gradient(150deg,#f0faf6,#fff 74%);border:1px solid #dcf0e6;border-radius:17px;padding:24px 20px}.f10-attendance-summary h3{margin-bottom:18px!important}.f10-donut{--f10-progress:0%;width:min(156px,80%);aspect-ratio:1;border-radius:50%;margin:8px auto 24px;background:conic-gradient(#13a88c var(--f10-progress),#e2efeb 0);display:grid;place-items:center;transition:background .2s}.f10-donut>span{width:75%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.f10-donut strong{font:800 28px/1.2 'Manrope',sans-serif;color:#15384b}.f10-donut small{font-size:10px;color:#8a9ca6}.f10-summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 3px;border-bottom:1px solid #e6efeb;font-size:12px;color:#537180}.f10-summary-row strong{color:#1a4050}.f10-summary-row:last-child{border-bottom:0}.f10-summary-row i{font-size:8px;margin-right:6px}.f10-green-dot{color:#17af8e}.f10-gray-dot{color:#b3c8c6}.f10-summary-total{font-weight:800}.f10-attendance-help{display:flex;gap:10px;margin:14px 2px 0;padding:14px 12px;background:#f0f7f4;border-radius:12px;color:#65867f!important;font-size:11px!important;line-height:1.65!important}.f10-attendance-help i{color:#099884;margin-top:3px}
/* Public landing + retained login popup */
body.fremio-v10-public .f5-public-hero{background:linear-gradient(118deg,#f7fcf9 5%,#edf9f2 50%,#e9f7f5 100%)}.fremio-v10-public .f5-public-copy h1{letter-spacing:-2.8px!important;line-height:1.12!important;color:var(--f10-ink)!important}.fremio-v10-public .f5-public-copy h1 span{color:var(--f10-teal)!important}.fremio-v10-public .f5-preview{box-shadow:0 28px 75px #0d634a22!important;border:1px solid #dfefea!important}.fremio-v10-public .f5-features .f5-feature,.fremio-v10-public .f5-features>div{border-radius:19px!important}.fremio-v10-public .f5-primary{background:linear-gradient(105deg,#0ca68c,#087864)!important;border:0!important;box-shadow:0 10px 22px #098b7923}.fremio-v10-public .f5-primary:hover{filter:brightness(.96)}.fremio-v10-public .f6-login-backdrop{backdrop-filter:blur(9px)}.fremio-v10-public .f6-login-dialog{border:1px solid #e0eee9!important;box-shadow:0 32px 100px #061f3044!important;border-radius:26px!important}.fremio-v10-public .f6-login-dialog h2{letter-spacing:-1.3px!important}.fremio-v10-public .f6-login-fields input{border-color:#d9e8e4!important;background:#fbfefd!important}
/* Responsive. The original V6 pop-up code is retained. */
.f10-overlay[hidden]{display:none!important}
@media(max-width:1150px){.f10-shell{grid-template-columns:222px minmax(0,1fr)}.f10-sidebar{padding-inline:11px}.f10-topbar{padding-inline:23px}.f10-content{padding:28px 23px}.f10-profile-text{display:none}.f10-metric-grid{gap:11px}.f10-metric-card{padding:17px}.f10-dashboard-grid{grid-template-columns:1fr}.f10-topbar-label{display:none}}
@media(max-width:860px){.f10-shell{display:block}.f10-sidebar{position:fixed;top:0;bottom:0;left:0;height:100dvh;width:269px;transform:translateX(-106%);transition:transform .22s ease;box-shadow:25px 0 65px #092a3830;z-index:1070}.f10-shell.is-menu-open .f10-sidebar{transform:translateX(0)}.f10-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#102d3c88;z-index:1065;backdrop-filter:blur(2px)}.f10-menu-button{display:grid;place-items:center}.f10-topbar{height:68px;z-index:1040}.f10-content{padding:28px 21px 16px}.f10-titlebar h1{font-size:30px!important}.f10-attendance-grid{grid-template-columns:1fr}.f10-attendance-aside{display:grid;grid-template-columns:1fr;gap:13px}.f10-attendance-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;align-items:center}.f10-attendance-summary>.f10-panel-kicker,.f10-attendance-summary>h3{grid-column:1/-1}.f10-donut{grid-row:3/7;grid-column:1;margin:4px auto;width:132px}.f10-summary-row{grid-column:2}.f10-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.f10-topbar{padding:0 15px}.f10-topbar-right{gap:8px}.f10-breadcrumb{font-size:11px;gap:7px}.f10-club-dropdown .f10-club-toggle,.f10-current-club{max-width:135px;min-height:37px;padding:7px 9px;gap:6px;font-size:10px}.f10-club-toggle span{max-width:82px}.f10-profile{border:0;padding:0}.f10-avatar{width:34px;height:34px}.f10-content{padding:24px 13px 16px}.f10-titlebar{margin-bottom:20px}.f10-titlebar h1{font-size:25px!important;letter-spacing:-1px!important}.f10-titlebar p{font-size:12px}.f10-title-icon{height:44px;width:44px;border-radius:13px;font-size:17px}.f10-surface{border-radius:18px;padding:17px}.f10-page .fremio-attendance h2{font-size:21px!important}.f10-metric-grid{gap:9px}.f10-metric-card{min-height:126px;padding:15px}.f10-metric-value{font-size:24px}.f10-dash-card{padding:18px 15px}.f10-quick-actions{gap:9px}.f10-quick-action{padding:14px 11px}.f10-attendance-summary{display:block}.f10-attendance-list-heading{padding:15px 12px}.f10-live-badge{font-size:9px}.f10-donut{margin:17px auto 12px}.f10-page .fremio-attendance-tools:not([hidden]){padding:12px!important}.f10-page .fremio-filter-buttons{flex-wrap:wrap}.f10-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.f10-sidebar,.f10-nav a,.f10-page .btn,.f10-donut{transition:none!important}}

/* Fremio V12: calendar-like list of authorized upcoming sessions */
.f12-schedule-card{background:#fff;border:1px solid var(--f10-line,#e1eae9);border-radius:19px;padding:23px 25px;box-shadow:var(--f10-shadow,0 10px 34px rgba(18,48,61,.06))}
.f12-schedule-heading{align-items:center;margin-bottom:15px}.f12-schedule-heading p{font-size:12px!important;color:#80939f!important;margin:7px 0 0!important}.f12-schedule-count{display:inline-block;font-size:11px;color:#0d806e;background:#e9f8f1;border-radius:99px;padding:8px 12px;font-weight:800;white-space:nowrap}
.f12-session-list{display:grid}.f12-session{display:flex;align-items:center;gap:15px;border-top:1px solid #edf2f1;padding:14px 1px;min-width:0}.f12-session-date{display:grid;place-content:center;gap:2px;min-width:60px;min-height:56px;text-align:center;background:#f0faf6;border:1px solid #ddf0e9;border-radius:13px;color:#0c8875}.f12-session-date strong{font-size:12px}.f12-session-date span{font-size:11px;color:#729487}.f12-session-details{display:grid;gap:5px;flex:1;min-width:0}.f12-session-details strong{font:750 13px/1.45 'Manrope',sans-serif;color:#18364c;overflow-wrap:anywhere}.f12-session-details span{color:#8296a1;font-size:11px}.f12-session-details i{margin-right:3px}.f12-today-pill{font-size:10px;border-radius:99px;padding:6px 9px;color:#087c69;background:#e2f6eb;font-weight:800;white-space:nowrap}.f12-action-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid #cde8de;border-radius:11px;color:#078272!important;background:#f5fbf8;font-size:11px;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:background .15s ease}.f12-action-link:hover,.f12-action-link:focus-visible{background:#dbf3e9;border-color:#83d9c1}.f12-schedule-empty{display:flex;align-items:center;gap:15px;padding:18px 3px;border-top:1px solid #edf2f1}.f12-schedule-empty>i{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#edf8f4;border-radius:12px;color:#0a907a;font-size:20px}.f12-schedule-empty>div{flex:1}.f12-schedule-empty strong{display:block;color:#1d4252;font-size:13px}.f12-schedule-empty p{font-size:12px!important;color:#7f939d!important;margin:5px 0 0!important;line-height:1.6}.f12-schedule-more{font-size:12px!important;color:#718c96!important;margin:14px 0 0!important}.f12-schedule-more a{color:#0a907a!important;font-weight:800}
@media(max-width:700px){.f12-schedule-card{padding:18px 14px;border-radius:16px}.f12-schedule-heading{align-items:flex-start;gap:11px;flex-wrap:wrap}.f12-session{flex-wrap:wrap;gap:11px}.f12-session-date{min-width:54px;min-height:52px}.f12-session-details{flex-basis:calc(100% - 75px)}.f12-today-pill{margin-left:65px}.f12-session>.f12-action-link{margin-left:auto;min-height:42px}.f12-schedule-empty{align-items:flex-start;flex-wrap:wrap}.f12-schedule-empty>.f12-action-link{margin-left:57px}}
@media(max-width:400px){.f12-session>.f12-action-link{margin-left:65px;flex:1}.f12-today-pill{display:none}.f12-session-details strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.f12-action-link{transition:none}}


/* Fremio V13: Inter everywhere, while preserving FontAwesome glyph fonts. */
body.fremio-v10,body.fremio-v10-public,
.fremio-v10 .f10-brand,.fremio-v10 .f10-page h1,.fremio-v10 .f10-page h2,.fremio-v10 .f10-page h3,
.fremio-v10 .f10-titlebar h1,.fremio-v10 .f10-nav a,.fremio-v10 .f12-session-details strong,
.fremio-v10-public .f5-public h1,.fremio-v10-public .f5-public h2,.fremio-v10-public .f5-logo,
.fremio-v10 .modal h2,.fremio-v10 .modal .modal-title,
.fremio-v10 button,.fremio-v10 input,.fremio-v10 select,.fremio-v10 textarea,
.fremio-v10-public button,.fremio-v10-public input,.fremio-v10-public select {font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}

/* V13: Mandatory club chooser; high contrast, keyboard-friendly, fluid on mobile/tablet. */
.f13-club-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(10,30,45,.64);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;overflow-y:auto}
.f13-club-dialog{width:min(535px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:25px;background:#fff;padding:clamp(24px,4vw,39px);box-shadow:0 34px 95px rgba(4,28,42,.3);color:#17314a}
.f13-club-illustration{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#087b6c;background:#e5f7ef;font-size:21px;margin-bottom:20px}
.f13-club-kicker{color:#0b8e79;letter-spacing:.14em;font-size:11px;font-weight:800;text-transform:uppercase}
.f13-club-dialog h2{font:800 clamp(23px,4vw,31px)/1.2 'Inter',sans-serif!important;letter-spacing:-.95px;margin:10px 0 9px;color:#14243b}
.f13-club-dialog p{color:#738498;line-height:1.65;font-size:14px;margin-bottom:23px}
.f13-club-list{display:grid;gap:10px}.f13-club-option{margin:0!important}
.f13-club-option button{background:#f8fbfa;width:100%;min-height:62px;text-align:left;display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:13px;border:1px solid #e0eae7;color:#193448;cursor:pointer;font-weight:700;font-size:14px;transition:background .16s,border-color .16s}
.f13-club-option button:hover,.f13-club-option button:focus-visible{border-color:#18a88c;background:#eefaf5;outline:3px solid #92dec930;outline-offset:1px}
.f13-club-option button .f13-club-icon{display:grid;place-items:center;background:#e1f4ed;color:#0c8573;border-radius:12px;width:36px;height:36px;flex:none}
.f13-club-option button .f13-club-name{flex:1;overflow-wrap:anywhere}
.f13-club-option button .fa-chevron-right{font-size:11px;color:#0c8876}
.f13-club-notice{font-size:12px!important;margin:21px 0 0!important;color:#8194a1!important}
.f13-club-backdrop :focus-visible{outline:3px solid #51b99e!important;outline-offset:3px}
.f10-club-menu form{margin:0}.f10-club-menu form button{width:100%;padding:10px 17px;text-align:left;cursor:pointer;border:0;background:transparent;color:#375163;font-size:13px;font-weight:650;display:block}.f10-club-menu form button:hover{background:#eef9f4;color:#078876}
@media(max-width:550px){.f13-club-backdrop{padding:12px;align-items:center}.f13-club-dialog{padding:25px 19px;max-height:calc(100dvh - 24px);border-radius:20px}.f13-club-option button{min-height:59px}}


/* V13 birthdays: touch-friendly, responsive cards instead of wide admin tables. */
.f13-birthdays{max-width:1190px;margin:0 auto;padding:6px 0 30px;font-family:'Inter',system-ui,sans-serif}
.f13-bday-banner{display:flex;align-items:center;gap:22px;background:linear-gradient(118deg,#eaf8f3,#f9fcfc 82%);border:1px solid #dcece7;border-radius:22px;padding:29px 32px;margin-bottom:21px;color:#143049}
.f13-bday-icon{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#d6f1e6;color:#13806d;font-size:25px}
.f13-bday-banner>div:nth-child(2){flex:1;min-width:0}.f13-bday-banner h2{font:800 clamp(23px,3vw,30px)/1.18 'Inter',sans-serif!important;letter-spacing:-.8px;margin:8px 0 9px;color:#143049}.f13-bday-banner p{color:#708698;margin:0;font-size:14px;line-height:1.65}
.f13-bday-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:#118475}
.f13-bday-counter{padding:12px 24px;background:#fff;border:1px solid #e0eee8;border-radius:14px;display:flex;flex-direction:column;align-items:center;min-width:100px}.f13-bday-counter strong{font-weight:850;font-size:29px;line-height:1;color:#0d8573}.f13-bday-counter small{margin-top:5px;color:#76909e}
.f13-bday-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.f13-bday-pills{display:flex;flex-wrap:wrap;gap:7px}.f13-bday-pill{display:inline-flex;min-height:43px;align-items:center;padding:10px 17px;border:1px solid #e1eae8;background:#fff;border-radius:12px;color:#6b7c89;font-weight:700;font-size:13px;text-decoration:none!important}.f13-bday-pill.active{background:#0d8c81;color:#fff;border-color:#0d8c81}.f13-bday-pill:hover:not(.active){border-color:#0d8c81;color:#0d8c81}.f13-bday-today{font-size:12px;font-weight:750;background:#fdf3e3;color:#ae6b17;border-radius:30px;padding:9px 12px}
.f13-bday-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f13-bday-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e7eded;border-radius:17px;padding:17px 19px;min-width:0;box-shadow:0 5px 18px rgba(19,53,66,.028)}.f13-bday-card.is-today{border-color:#8fdac7;background:linear-gradient(110deg,#fff,#effaf5)}
.f13-bday-avatar{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e6f4f0;color:#117d72;font-size:14px;font-weight:800}.f13-bday-person{min-width:0;flex:1}.f13-bday-person h3{font:750 14px/1.4 'Inter',sans-serif!important;color:#1a3447;margin:0 0 4px;overflow-wrap:anywhere}.f13-bday-person p{font-size:12px;margin:0 0 3px;color:#667f8d}.f13-bday-person small{font-size:12px;color:#0a8d77;font-weight:700}.f13-bday-when{text-align:right;flex:none;color:#3e6170}.f13-bday-when strong{display:block;font-size:12px}.f13-bday-when span{font-size:19px;display:block;margin-top:4px}.f13-bday-empty{text-align:center;background:#fff;border:1px solid #e4eded;border-radius:18px;padding:45px 22px;color:#698193}.f13-bday-empty>i{font-size:28px;color:#0e9781}.f13-bday-empty h3{margin:12px 0 7px;font:750 17px 'Inter',sans-serif!important;color:#153348}.f13-bday-empty p{margin:0;font-size:13px}.f13-bday-footnote{margin:23px 0 0;font-size:12px;color:#7d909d;line-height:1.65}
@media(max-width:840px){.f13-bday-grid{grid-template-columns:1fr}.f13-bday-banner{padding:23px 20px;gap:14px}}
@media(max-width:520px){.f13-bday-banner{align-items:flex-start;flex-wrap:wrap;border-radius:18px}.f13-bday-banner>div:nth-child(2){flex-basis:calc(100% - 72px)}.f13-bday-counter{margin-left:0;width:100%;flex-direction:row;gap:10px;justify-content:center;min-width:0}.f13-bday-counter small{margin:0}.f13-bday-pill{font-size:12px;padding:9px 12px;min-height:42px}.f13-bday-card{padding:14px 12px;gap:10px}.f13-bday-avatar{width:39px;height:39px;font-size:12px}.f13-bday-when strong{font-size:11px}.f13-bday-person h3{font-size:13px}}

/* Dashboard birthday preview: optional, read-only and consistent with V10 cards. */
.f13-dashboard-birthdays{margin:21px 0 0;background:#fff;border:1px solid #e2ebea;border-radius:20px;padding:24px 27px}
.f13-dashboard-bday-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.f13-dashboard-bday-top h2{font:800 19px 'Inter',sans-serif!important;letter-spacing:-.5px;color:#193348;margin:7px 0}.f13-dashboard-bday-top h2 i{color:#0e917b;margin-right:6px}.f13-dashboard-bday-top p{font-size:13px;color:#8494a2;margin:0}.f13-dashboard-bday-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:19px}.f13-dashboard-bday-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ecf2f1;border-radius:13px;min-width:0}.f13-dashboard-bday-circle{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#edf8f2;color:#0b907a}.f13-dashboard-bday-row>div{min-width:0}.f13-dashboard-bday-row strong,.f13-dashboard-bday-row small{display:block;overflow-wrap:anywhere}.f13-dashboard-bday-row strong{font-size:13px;color:#203748}.f13-dashboard-bday-row small{margin-top:3px;font-size:11px;color:#75919b}.f13-dashboard-bday-empty{margin:22px 0 0;color:#879aa5;font-size:13px}
@media(max-width:750px){.f13-dashboard-bday-list{grid-template-columns:1fr}.f13-dashboard-birthdays{padding:21px 18px}}