/* CLENA SPORTS - agenda responsive design, 2026.10.16.
   Scoped by the importing page. No database or authorization changes. */
:root{--bg:#fff8f2;--bg2:#fffaf6;--panel:#fff;--panel2:#fff9f3;--panel3:#f7efe7;--input:#fff;--text:#241b15;--soft:#44372d;--muted:#60544b;--muted2:#6a5a4e;--cyan:#b83b0c;--cyan2:#9a3412;--cyanSoft:#fff0e2;--cyanLine:#e4b89b;--purple:#6e46b6;--purpleSoft:#f3edfc;--green:#166534;--orange:#945005;--red:#b4233c;--line:#e9dfd6;--line2:#d9ccc0;--shadow:0 14px 42px rgb(81 43 18 / 7%);--nav:86px;--gutter:clamp(16px,2.2vw,48px);--ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:var(--ui)}
html{font-size:16px;scroll-padding-top:108px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:1rem;line-height:1.55;background:linear-gradient(180deg,#fffaf6,#fff 700px)!important;overflow-x:visible}
*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--ui);font-size:1rem}a,button{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}small{font-size:1rem}h1,h2,h3{font-family:var(--ui);text-wrap:balance}i{flex-shrink:0}[hidden]{display:none!important}
:focus-visible{outline:3px solid #155e75!important;outline-offset:3px!important}button,input,select,textarea{scroll-margin-block:110px 32px}
.ambient{display:none}.skip-link{position:fixed;top:8px;left:16px;z-index:1000;background:#fff;border:2px solid var(--cyan);border-radius:10px;padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* One aligned, wide shell shared by navigation and content. */
.sports-navbar{height:auto;min-height:var(--nav);background:rgb(255 255 255 / 97%)!important;box-shadow:none!important}
.nav-shell,.page{width:min(2400px,calc(100% - 2*var(--gutter)));margin-inline:auto}
.nav-shell{min-height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.brand{gap:12px;min-width:0;flex-shrink:0}.brand-mark{width:46px;height:46px;font-size:26px;background:var(--cyan)!important;color:#fff!important;box-shadow:none!important;flex-shrink:0}
.brand-copy strong{font:800 21px/1.25 var(--ui)!important;letter-spacing:-.025em;white-space:nowrap}.brand-copy strong b{color:var(--cyan)!important}.brand-copy small{font-size:1rem!important;line-height:1.4;letter-spacing:0!important;text-transform:none;color:var(--muted)!important}
.nav-menu{margin-inline:auto;padding:5px;gap:4px;border:0;background:#f7f0e9!important;border-radius:14px;min-width:0}
.nav-link{font-size:1rem!important;min-height:46px!important;padding:10px 14px!important;gap:8px;white-space:nowrap;font-weight:650;color:#4e4036!important}
.nav-link.active{background:var(--cyan)!important;box-shadow:none!important;color:#fff!important}.nav-link.active i{color:#fff!important}.nav-link i{color:#6e5140!important}
.nav-actions{gap:10px;flex-shrink:0}.nav-icon-btn,.mobile-menu-btn{width:46px;height:46px;font-size:20px;border-radius:12px}
.profile-button{height:52px!important;gap:10px;padding:6px 10px;width:auto}.profile-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:1rem;background:var(--cyan)!important;box-shadow:none!important}
.profile-copy{max-width:180px}.profile-copy strong,.profile-copy small,.profile-menu-head strong,.profile-menu-head small{font-size:1rem!important;color:#514135!important}.profile-copy small,.profile-menu-head small{color:var(--muted)!important}
.profile-menu{width:min(330px,calc(100vw - 32px));padding:10px;border-radius:16px}.profile-menu a,.profile-menu button{font-size:1rem!important;min-height:48px!important;padding:12px;line-height:1.4}
.page{padding:28px 0 48px}.page-top{align-items:center;gap:28px;margin-bottom:22px}.page-top>div:first-child{min-width:0}.page-top h1{font-size:clamp(1.875rem,2.6vw,2.75rem)!important;line-height:1.15;margin:10px 0 12px;letter-spacing:-.04em}.page-top p{font-size:1.0625rem!important;color:var(--muted)!important;line-height:1.65!important;max-width:75ch}.kicker{font-size:1rem!important;letter-spacing:.045em;line-height:1.5;color:var(--cyan)!important}.kicker i{font-size:10px}
.page-actions{align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.btn{font-size:1rem!important;min-height:48px!important;padding:11px 17px!important;line-height:1.45;font-weight:700;border-radius:12px!important;box-shadow:none!important;white-space:normal}.btn i{font-size:18px;color:var(--cyan)!important}.btn-primary{color:#fff!important;background:linear-gradient(125deg,#bd400d,#9a3412)!important;border-color:#9a3412!important}.btn-primary i{color:#fff!important}.btn-primary:hover{background:#92300e!important}.btn-danger{background:#fff0f2!important;color:#a71931!important;border-color:#e7b8c1!important}.btn-danger i{color:#a71931!important}.btn-purple{color:#623399!important;background:#f6f1fc!important;border-color:#d9c6ef!important}
.realtime-status{font-size:1rem!important;min-height:46px!important;padding:10px 13px!important;white-space:normal;line-height:1.4;font-weight:650}.realtime-status.live{background:#edf8f0!important;color:#166534!important;border-color:#bedec9!important}.realtime-status.error{color:#a71931!important}.realtime-status i{font-size:9px!important;filter:none!important}
.new-wrap{position:relative}.new-menu{width:320px!important;max-width:calc(100vw - 32px);padding:8px;z-index:90}.new-menu button{min-height:74px!important;padding:12px;gap:14px}.new-menu b,.new-menu small{font-size:1rem!important;line-height:1.5}.new-menu b{color:var(--text)!important}.new-menu small{color:var(--muted)!important}.new-menu button i{width:38px;height:38px;font-size:18px;flex-shrink:0}
/* Readable summaries, with an explicit period and filter scope. */
.stats-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;color:var(--muted);font-size:1rem}.stats-context strong{color:var(--text);font-weight:700}
.stats{gap:12px;margin-bottom:22px;grid-template-columns:repeat(5,minmax(0,1fr))}.stat{min-height:110px!important;padding:18px!important;gap:13px;border-radius:16px;box-shadow:none!important;background:#fff!important;border:1px solid var(--line)!important;position:relative}.stat:before{display:none!important}.stat-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:20px;background:#fff2e8!important;color:var(--cyan)!important;border-color:#f0d2bc!important}.stat:nth-child(4) .stat-icon{color:var(--purple)!important;background:var(--purpleSoft)!important;border-color:#ddcdf3!important}.stat:nth-child(5) .stat-icon{color:var(--green)!important;background:#edf8f0!important;border-color:#cce5d5!important}.stat>div{min-width:0}.stat strong{font:750 clamp(1.5rem,1.9vw,2rem)/1.25 var(--ui)!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat small{font-size:1rem!important;font-weight:550;letter-spacing:0!important;text-transform:none;color:var(--muted)!important;line-height:1.4;margin-top:5px}.scope-help{margin:-9px 0 24px;font-size:1rem;color:var(--muted)}
/* Period controls and visible filters at every breakpoint. */
.calendar-shell{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px;overflow:visible;box-shadow:var(--shadow)!important}
.calendar-toolbar{background:#fff!important;padding:20px!important;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;border-radius:20px 20px 0 0}.cal-nav{gap:8px}.icon-btn,.today-btn{height:46px!important;min-width:46px;width:auto;font-size:1rem!important;border-color:var(--line2)!important;background:#fff!important;color:#4b372a!important}.icon-btn{width:46px!important}.today-btn{padding:0 16px!important}.icon-btn:hover,.today-btn:hover{background:#fff1e6!important}.calendar-title{min-width:0}.calendar-title strong{font:750 clamp(1.25rem,1.7vw,1.625rem)/1.35 var(--ui)!important;color:var(--text)!important;text-transform:none}.calendar-title small{font-size:1rem!important;color:var(--muted)!important;margin-top:4px}.view-switch{justify-self:end;background:#f7f1eb!important;border-color:#e8d9ce!important;padding:5px;gap:4px}.view-btn{height:auto!important;min-height:44px;padding:10px 16px!important;font-size:1rem!important;font-weight:650;color:#645044!important;border-radius:9px}.view-btn.active{color:#fff!important;background:var(--cyan)!important;box-shadow:none!important}
.filterbar{grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(140px,1fr));gap:12px;padding:16px 20px!important;background:#fffaf6!important}.filter-field{min-width:0;display:grid;gap:6px;align-content:start;font-size:1rem;font-weight:650;color:#544235}.filter-field>span{line-height:1.4}.search{height:48px!important;background:#fff!important;border-color:#d6c5b7!important;overflow:hidden;width:100%;border-radius:10px}.search input{font-size:1rem!important;height:46px!important;line-height:1.5;color:var(--text)!important}.search input::placeholder{color:#706357!important;opacity:1}.search i{width:38px;flex:0 0 38px;font-size:18px;color:#6c5445!important}.select{display:block!important;height:48px!important;font-size:1rem!important;color:var(--text)!important;border-color:#d6c5b7!important;background:#fff!important;width:100%;min-width:0;padding:0 10px;line-height:1.5;font-weight:550;max-width:100%}.select option{font-size:1rem}.filter-tools{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:1rem}.filter-tools>span{color:var(--muted)}.filter-tools .btn{min-height:44px!important;padding:8px 12px!important}.legend{padding:12px 20px!important;gap:12px 20px!important;background:#fff!important;font-size:1rem}.legend-item{font-size:1rem!important;color:#605044!important}.pay-chip{font-size:1rem!important;min-height:27px!important;height:auto!important;padding:3px 8px!important;line-height:1.3;font-weight:650;text-transform:none;white-space:normal;border-radius:8px}.pay-chip.paid{color:#166534!important;background:#edf8f0!important;border-color:#bbddc7!important}.pay-chip.partial{color:#8a4505!important;background:#fff5df!important;border-color:#edcd91!important}.pay-chip.pending{color:#a71931!important;background:#fff0f2!important;border-color:#edbec7!important}.pay-chip.free{color:#60544b!important;background:#f6f1eb!important;border-color:#dcd0c5!important}
.calendar-view{min-height:280px;border-radius:0 0 20px 20px;overflow:hidden}.calendar-view[aria-busy=true]{opacity:.65}.calendar-loading,.calendar-error{padding:48px 24px;text-align:center;min-height:300px;color:var(--muted);display:grid;place-content:center;gap:12px}.calendar-loading strong,.calendar-error strong{font-size:1.25rem;color:var(--text)}
.month-head,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.month-head{background:#fbf5ef!important}.month-head div{font-size:1rem!important;line-height:1.5;padding:12px 4px!important;color:#584637!important}.month-grid{grid-auto-rows:minmax(116px,auto)}.day-cell{padding:10px;min-height:116px;background:#fff!important;border-color:#e9dfd6!important;opacity:1!important}.day-cell.outside{background:#faf7f4!important}.day-cell.outside .day-num{color:#776b62!important}.day-cell.today{background:#fff6ed!important}.day-cell.selected{box-shadow:inset 0 0 0 2px #b83b0c;background:#fff6ed!important}.day-top{gap:4px;margin-bottom:7px}.day-num{width:38px;height:38px;font-size:1rem!important;line-height:1;font-weight:750;border:0;background:transparent;color:#4b3e34!important;padding:0;flex-shrink:0}.today .day-num{background:var(--cyan)!important;color:#fff!important}.day-add{display:grid!important;place-items:center;width:34px;height:34px;border-radius:9px;opacity:1;color:#81543a!important;border-color:#f0dfd1;background:#fffaf7;font-size:1rem}.day-events{gap:7px}.cal-event{min-height:60px!important;padding:8px 10px!important;border:1px solid #ebcbb8!important;background:#fff4eb!important;border-radius:10px;transform:none!important;filter:none!important}.cal-event.tournament{background:#f6f0fc!important;border-color:#ded0ed!important}.cal-event.block{background:#f3f4f5!important;border-color:#d6d9de!important}.event-line{display:block}.event-time{display:block;font-size:1rem!important;color:#775139!important;line-height:1.4;font-weight:600}.event-name{display:block;font-size:1rem!important;color:#3d2c20!important;line-height:1.4;margin-top:3px;white-space:normal;overflow-wrap:anywhere}.event-meta{display:flex!important;flex-wrap:wrap;gap:6px;font-size:1rem!important;color:#5e5146!important;line-height:1.4}.event-meta span{white-space:normal}.event-meta .pay-chip{margin-top:2px}.cal-event.cancelled{border-style:dashed!important;opacity:.75}.more-events{width:100%;height:auto!important;min-height:38px;font-size:1rem!important;padding:5px;white-space:normal;background:#fff!important;color:#754528!important;border-color:#dcb79e!important}.mobile-day-count,.mobile-day-agenda{display:none}.month-empty-note{padding:16px 20px;background:#fff9f3;color:var(--muted);border-bottom:1px solid var(--line);font-size:1rem;display:flex;gap:10px;align-items:center}.month-empty-note i{color:var(--cyan)}
/* Natural stacking: simultaneous events never cover each other. */
.week-scroll{max-height:75dvh;overflow:auto;overscroll-behavior:contain}.week-hint{margin:0;padding:12px 20px;font-size:1rem;color:var(--muted);border-bottom:1px solid var(--line);background:#fffaf6}.time-view{grid-template-columns:78px repeat(7,minmax(155px,1fr));min-width:1163px;align-items:stretch}.time-view.day-mode{grid-template-columns:76px minmax(0,1fr);min-width:0}.time-head,.time-corner{height:auto;min-height:76px;background:#fbf4ed!important;position:sticky;top:0;z-index:5;padding:12px 8px}.time-head strong,.time-head small,.time-label{font-size:1rem!important;color:#574337!important}.time-label{height:auto;min-height:76px;padding:12px 7px;position:sticky;left:0;z-index:3;background:#fffaf5!important}.time-corner{left:0;z-index:6}.time-slot{height:auto;min-height:76px;padding:7px;display:flex;flex-direction:column;gap:7px;background:#fff!important;min-width:0}.time-slot:focus-visible{outline-offset:-3px!important}.slot-event{position:relative;inset:auto;min-height:66px;height:auto;flex-shrink:0;padding:10px;border:1px solid #ebcbb8!important;background:#fff4eb!important;overflow:visible}.slot-event.tournament{background:#f6f0fc!important;border-color:#ded0ed!important}.slot-event b{font-size:1rem!important;white-space:normal;overflow-wrap:anywhere;color:#3d2c20!important;line-height:1.4}.slot-event small{font-size:1rem!important;color:#665244!important;line-height:1.4}.agenda-list{padding:20px;gap:16px}.agenda-day{border-color:var(--line)!important;background:#fff!important;border-radius:14px}.agenda-day-head{padding:14px 16px;font-size:1.0625rem!important;background:#fbf4ed!important;color:var(--text)!important;line-height:1.5}.agenda-row{padding:16px;grid-template-columns:90px minmax(0,1fr) minmax(120px,.4fr) auto;gap:16px;border-color:var(--line)!important}.agenda-row:hover{background:#fffaf6!important}.agenda-row .atime,.agenda-place{font-size:1rem!important;color:#605044!important;line-height:1.5;white-space:normal}.agenda-main{min-width:0}.agenda-main b{font-size:1.0625rem!important;color:#2e231c!important;overflow-wrap:anywhere;line-height:1.5}.agenda-main small{font-size:1rem!important;line-height:1.5;color:var(--muted)!important}.agenda-place,.agenda-row>.pay-chip{display:block!important}.agenda-empty{min-height:260px;padding:30px 20px;color:var(--muted)!important}.agenda-empty b{font-size:1.375rem;color:var(--text)!important;line-height:1.4}.agenda-empty small{font-size:1rem;line-height:1.65;max-width:55ch;margin-inline:auto}.agenda-empty .btn{margin-top:20px}
/* Dialogs: the body scrolls, titles and action bar stay accessible. */
.modal{padding:24px;align-items:center}.modal-bg,.drawer-bg{background:rgb(36 27 21 / 55%)!important;backdrop-filter:blur(5px)!important}.modal-card,.modal-card.large{width:min(1440px,calc(100vw - 48px))!important;max-height:calc(100dvh - 48px)!important;border:1px solid #decbbd!important;border-radius:22px;background:#fff!important;box-shadow:0 24px 70px rgb(36 27 21 / 20%)!important}.modal-card.small,#detailModal .modal-card.small{width:min(1050px,calc(100vw - 48px))!important}.modal-head{padding:18px 24px!important;min-height:88px!important;background:#fff!important}.modal-title{min-width:0;gap:14px;align-items:flex-start}.modal-title>div{min-width:0}.modal-title .mi{width:46px!important;height:46px!important;flex:0 0 46px;color:var(--cyan)!important;background:#fff0e3!important}.modal-title .mi.purple{color:var(--purple)!important;background:#f2eafb!important}.modal-title h2{font-size:clamp(1.25rem,2vw,1.625rem)!important;line-height:1.35;color:var(--text)!important;overflow-wrap:anywhere}.modal-title p{font-size:1rem!important;color:var(--muted)!important;line-height:1.5;margin-top:5px}.close{width:44px!important;height:44px!important;flex:0 0 44px;font-size:20px;align-self:flex-start}.modal-tabs{padding:10px 20px!important;gap:6px;flex-wrap:wrap;background:#fff9f3!important;overflow:visible}.modal-tab{min-height:44px;height:auto!important;padding:10px 15px!important;font-size:1rem!important;line-height:1.35;font-weight:650;color:#655044!important}.modal-tab.active{background:var(--cyan)!important;color:#fff!important;border-color:var(--cyan)!important;box-shadow:none!important}.modal-body{padding:24px!important;background:#fff!important;overscroll-behavior:contain;overflow:auto;min-height:0}.modal-footer{padding:16px 24px!important;min-height:78px!important;flex-wrap:wrap;background:#fffaf6!important}.modal-footer small{display:block!important;font-size:1rem!important;line-height:1.5;color:var(--muted)!important;flex:1 1 250px}.footer-actions{display:flex;gap:10px!important;flex-wrap:wrap;justify-content:flex-end}.footer-actions .btn{min-height:48px!important;flex:0 1 auto}
.form-title{font-size:1.25rem!important;line-height:1.4;margin:0 0 10px!important;color:var(--text)!important;display:flex;align-items:center;gap:10px}.form-help{font-size:1rem!important;line-height:1.65!important;margin-bottom:22px!important;color:var(--muted)!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.field>span{font-size:1rem!important;line-height:1.45;margin-bottom:8px!important;color:#4e3c30!important}.field>span small{font-size:1rem!important;color:#83411c!important;font-weight:600;letter-spacing:0}.input{min-height:50px!important;width:100%;min-width:0;background:#fff!important;border-color:#d3c2b4!important}.input i{width:42px!important;flex:0 0 42px;font-size:18px;color:#806049!important}.input input,.input select{height:48px!important;font-size:1rem!important;min-width:0;width:100%;line-height:1.5;color:#30231a!important;background:transparent!important}.input input::placeholder,.textarea textarea::placeholder{color:#73675d!important;opacity:1}.input select{padding-inline:4px 8px}.input input:disabled{color:#6c5a4d!important;background:#f7f3ee!important}.textarea textarea{font-size:1rem!important;min-height:112px!important;color:var(--text)!important;padding:12px 14px;line-height:1.6;background:#fff!important}.input:focus-within,.search:focus-within,.textarea:focus-within{outline:2px solid #155e75!important;outline-offset:1px}.toggle{font-size:1rem!important;line-height:1.5;min-height:62px!important;padding:14px!important;gap:12px;align-items:center}.toggle input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--cyan)}.toggle-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sep{margin:24px 0!important}.inline-grid,.inline-grid.team{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px}.add-inline{padding:16px!important;border-radius:14px;background:#fff9f3!important}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card{padding:16px!important;font-size:1rem!important;color:var(--muted)!important}.summary-metric{padding:14px!important;min-width:0}.summary-metric span,.summary-metric strong,.summary-metric strong small{font-size:1rem!important;line-height:1.5}.summary-metric strong{font-size:1.25rem!important;overflow-wrap:anywhere}.summary-metric span{color:var(--muted)!important}.summary-metric strong{color:var(--text)!important}
.person b,.person small,.payment-row b,.payment-row small,.team-name b,.team-name small,.member-chip,.invite-box p,.invite-link input,.detail-person-copy b,.detail-person-copy small,.detail-team-copy b,.detail-team-copy small,.detail-empty,.detail-live-note,.detail-kicker,.detail-hero p,.detail-section-head small,.detail-invite-head small,.detail-invite-status,.detail-person-status,.event-media-field>span,.event-media-upload-copy small,.event-media-preview-note,.event-media-preview-badge,.event-media-editor-head p,.event-media-preview.empty{font-size:1rem!important;line-height:1.5}
.person small,.payment-row small,.team-name small,.detail-person-copy small,.detail-team-copy small,.detail-section-head small,.detail-invite-head small,.event-media-upload-copy small,.event-media-preview-note,.event-media-editor-head p{color:var(--muted)!important}.person>div,.team-name>div{min-width:0}.person b,.person small,.detail-person-copy b,.detail-person-copy small,.detail-team-copy b,.detail-team-copy small{white-space:normal;overflow-wrap:anywhere}.collection-row{padding:14px!important;gap:16px}.avatar,.detail-person-avatar,.detail-team-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:1rem!important}.mini,.detail-team-invite-btn{width:44px!important;height:44px!important;min-width:44px;font-size:18px}.row-actions{gap:8px}.payment-row{padding:14px!important;grid-template-columns:minmax(0,1fr) minmax(110px,auto) auto auto auto;gap:12px}.payment-row>*{min-width:0}.payment-amount{font-size:1.25rem!important;overflow-wrap:anywhere;white-space:normal}.team-card{padding:18px!important}.team-head{gap:16px;flex-wrap:wrap}.team-members{gap:8px}.member-chip{height:auto!important;padding:5px 9px;white-space:normal;overflow-wrap:anywhere}.invite-box{padding:20px!important}.invite-box h4,.detail-section-head h4,.detail-invite-head b,.event-media-editor-head h4,.event-media-upload-copy b{font-size:1.125rem!important;line-height:1.5;color:var(--text)!important}.invite-box p{color:var(--muted)!important}.invite-link{min-width:0;gap:10px}.invite-link input{height:48px!important;min-width:0}.detail-hero{padding:20px!important;gap:16px}.detail-hero h3{font-size:1.625rem!important;line-height:1.35;overflow-wrap:anywhere}.detail-kicker{color:var(--cyan)!important}.detail-hero p{color:var(--muted)!important}.status-chip{font-size:1rem!important;height:auto!important;min-height:30px;padding:4px 9px!important;line-height:1.4;white-space:normal}.detail-section,.detail-invite{padding:18px!important;margin-top:18px}.detail-live-note{padding:12px 14px!important;min-height:44px!important;line-height:1.6}.detail-invite-status,.detail-person-status{min-height:30px!important;padding:4px 8px;white-space:normal;text-transform:none}.detail-invite-head,.detail-section-head{flex-wrap:wrap}.detail-invite-actions{gap:10px}.detail-invite-actions .btn{font-size:1rem!important;min-height:46px!important}.detail-person-row,.detail-team-row{padding:14px;gap:12px}.detail-empty{min-height:108px;padding:20px}.detail-clickable strong{flex-wrap:wrap}.event-media-editor{padding:20px;border-radius:14px}.event-media-choice{grid-template-columns:220px minmax(0,1fr);gap:16px}.event-media-uploader{padding:18px;gap:18px;flex-wrap:wrap}.event-media-upload-actions{gap:10px;flex-wrap:wrap}.event-media-preview img{height:auto;max-height:380px;object-fit:contain}.event-media-preview iframe{width:100%;height:auto;aspect-ratio:16/9}.event-media-preview-badge{position:static;display:inline-flex;border-radius:0 0 8px 0;background:#66422b!important;color:#fff!important}.event-media-preview-note{margin-top:12px}.toast-host{top:auto;bottom:max(20px,env(safe-area-inset-bottom));right:20px;width:min(440px,calc(100vw - 40px))}.toast{font-size:1rem!important;line-height:1.6;padding:16px 18px}.save-card p,.loader-card p{font-size:1rem!important;line-height:1.6}.save-card h3{font-size:1.25rem}.drawer{width:min(420px,100vw);padding:22px}.drawer-nav a{font-size:1rem!important;min-height:52px!important}.drawer-head{gap:14px}.drawer .brand-copy strong{font-size:20px!important}.drawer .brand-mark{width:40px;height:40px}.drawer-nav .active{background:var(--cyan)!important;color:#fff!important}
@media(max-width:1440px){.page-top{align-items:flex-start}.page-actions{max-width:310px;gap:10px}.realtime-status{flex:1 1 100%;justify-content:center}.nav-link{padding-inline:11px!important}.profile-copy{display:none}.profile-button{width:50px;justify-content:center;padding:5px}.profile-button>.fa-chevron-down{display:none}.stats{gap:10px}.stat{padding:16px 12px!important;gap:10px;flex-direction:column;align-items:flex-start}.stat strong{font-size:1.75rem!important}.filterbar{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-field:first-child{grid-column:1/-1}}
@media(max-width:1199px){.nav-menu{display:none}.mobile-menu-btn{display:grid}.nav-actions{margin-left:auto}.calendar-toolbar{grid-template-columns:auto minmax(0,1fr)}.view-switch{grid-column:1/-1;justify-self:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-title{text-align:right}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{flex-direction:row;align-items:center;min-height:98px!important;padding:16px!important}.stats .stat:nth-last-child(1){grid-column:span 1}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-grid,.inline-grid.team{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-grid .btn{grid-column:auto}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.month-grid{grid-auto-rows:minmax(110px,auto)}.cal-event{padding:7px!important}.day-add{width:28px;height:30px}.day-cell{padding:7px}.event-meta .pay-chip{font-size:1rem!important}}
@media(min-width:931px){.nav-icon-btn,.profile-wrap{display:block}.nav-icon-btn{display:grid}}
@media(max-width:930px){.nav-shell{display:flex}.nav-icon-btn{display:grid}.profile-wrap{display:block}.page{width:min(2400px,calc(100% - 2*var(--gutter)))}.page-actions{max-width:290px}.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.page-top p{max-width:60ch}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.month-grid{grid-auto-rows:minmax(70px,auto)}.month-head div{padding-block:10px!important}.day-cell{min-height:70px;position:relative;padding:3px}.day-top{margin:0;display:block}.day-num{width:100%;height:36px;background:transparent;border-radius:8px;position:relative}.today .day-num{width:36px;margin:auto}.day-add,.day-events{display:none!important}.mobile-day-count{display:block;font-size:1rem;line-height:1.2;font-weight:650;color:var(--cyan);text-align:center;pointer-events:none;margin-top:2px}.mobile-day-count:empty{visibility:hidden}.mobile-day-agenda{display:block;padding:20px 0 0;border-top:1px solid var(--line)}.mobile-day-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;font-size:1.125rem;font-weight:700}.mobile-day-heading .btn{min-height:44px!important;padding:8px 12px!important;flex-shrink:0}.mobile-day-agenda .agenda-list{padding:16px}.mobile-month-note{font-size:1rem;margin:0;padding:12px 16px;color:var(--muted);border-bottom:1px solid var(--line)}.month-empty-note{display:none}.mobile-day-agenda .agenda-empty{min-height:200px}.agenda-row{grid-template-columns:78px minmax(0,1fr);gap:8px 14px}.agenda-row .agenda-place{grid-column:2;font-size:1rem!important}.agenda-row>.pay-chip{grid-column:2;justify-self:start}.agenda-row>.atime{align-self:start;padding-top:2px}.detail-hero{grid-template-columns:minmax(0,1fr)}.detail-badges{justify-content:flex-start}.detail-invite-actions{grid-template-columns:minmax(0,1fr)}.event-media-choice{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){:root{--gutter:14px;--nav:76px}.nav-shell{gap:10px;min-height:76px}.brand-copy strong{font-size:19px!important}.brand-copy small{display:none}.brand-mark{width:38px;height:38px;font-size:24px}.brand{gap:9px}.nav-actions{gap:8px}.nav-icon-btn{display:none}.profile-button{width:44px;height:44px!important;border-radius:11px}.profile-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}.mobile-menu-btn{width:44px;height:44px}.page{padding-top:22px}.page-top{display:flex;flex-direction:column;gap:18px}.page-top h1{font-size:2rem!important}.page-top p{font-size:1rem!important}.kicker{font-size:1rem!important;letter-spacing:0;gap:8px}.page-actions{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr}.realtime-status{grid-column:1/-1;justify-self:start;min-height:40px!important;font-size:1rem!important;padding:8px 12px!important}.new-wrap>.btn{width:100%}.stats-context{gap:5px;font-size:1rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:102px!important;padding:14px!important;flex-direction:column;align-items:flex-start;gap:10px}.stat strong{font-size:1.5rem!important}.stat small{font-size:1rem!important}.stat-icon{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:18px}.stats .stat:last-child{grid-column:1/-1;flex-direction:row;align-items:center}.scope-help{font-size:1rem;line-height:1.5}.calendar-shell{border-radius:16px}.calendar-toolbar{padding:14px!important;gap:14px}.cal-nav{gap:5px}.icon-btn{width:42px!important;height:44px!important;min-width:42px}.today-btn{height:44px!important;padding:0 12px!important}.calendar-title strong{font-size:1.25rem!important}.calendar-title small{display:none}.view-switch{padding:4px;gap:3px}.view-btn{font-size:1rem!important;padding:10px 4px!important}.filterbar{padding:14px!important;gap:12px}.filter-field{font-size:1rem}.filter-tools{padding:8px 14px 12px;gap:6px}.legend{padding:12px 14px!important;gap:10px 14px!important}.legend-item{font-size:1rem!important}.legend .pay-chip{font-size:1rem!important}.month-head div{font-size:1rem!important}.month-grid{grid-auto-rows:68px}.day-cell{min-height:68px}.mobile-day-count{font-size:1rem}.day-num{font-size:1rem!important}.mobile-day-heading{flex-wrap:wrap;font-size:1rem;padding-inline:14px}.agenda-list{padding:14px}.agenda-row{padding:14px;gap:8px 12px;grid-template-columns:58px minmax(0,1fr)}.agenda-main b{font-size:1rem!important}.agenda-row .atime{font-size:1rem!important}.time-view.day-mode{grid-template-columns:64px minmax(0,1fr)}.time-label{padding-inline:4px}.modal{padding:0;align-items:flex-end}.modal-card,.modal-card.large,.modal-card.small,#detailModal .modal-card.small{width:100%!important;max-height:97dvh!important;border-radius:20px 20px 0 0;border-bottom:0!important}.modal-head{padding:16px!important;gap:10px}.modal-title{gap:10px}.modal-title .mi{display:none}.modal-title h2{font-size:1.25rem!important}.modal-title p{font-size:1rem!important}.modal-tabs{padding:8px 12px!important;gap:5px}.modal-tab{font-size:1rem!important;padding:9px 10px!important;flex:1 1 auto}.modal-body{padding:18px 16px!important}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;gap:10px;min-height:74px!important}.modal-footer small{flex-basis:100%;font-size:1rem!important}.footer-actions{width:100%;display:flex!important;gap:8px!important}.footer-actions .btn{flex:1 1 auto;width:auto;min-height:46px!important;padding:10px 12px!important;font-size:1rem!important}.form-grid,.form-grid.three,.toggle-grid,.inline-grid,.inline-grid.team{grid-template-columns:minmax(0,1fr);gap:16px!important}.field.full{grid-column:1}.field>span,.field>span small,.input input,.input select,.textarea textarea{font-size:1rem!important}.input input[type=datetime-local]{padding-inline:6px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-grid .btn{grid-column:auto}.form-title{font-size:1.125rem!important}.form-help{font-size:1rem!important}.event-media-editor{padding:14px}.event-media-upload-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.event-media-upload-copy{gap:10px}.event-media-upload-icon{display:none}.collection-row{align-items:flex-start;gap:8px}.person{min-width:0;gap:10px}.row-actions{flex-shrink:0}.person b,.person small,.payment-row b,.payment-row small,.team-name b,.team-name small,.detail-person-copy b,.detail-person-copy small{font-size:1rem!important}.payment-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.payment-row>*:nth-child(3),.payment-row>*:nth-child(4){display:block}.payment-row .payment-amount{grid-column:2}.payment-row>.pay-chip{justify-self:start}.payment-row>button{justify-self:end}.payment-row>span:empty{display:none!important}.detail-hero{padding:16px!important}.detail-hero h3{font-size:1.375rem!important}.detail-person-row,.detail-team-row{grid-template-columns:minmax(0,1fr)}.detail-person-status,.detail-team-row>.btn{justify-self:start}.detail-section,.detail-invite,.invite-box{padding:16px!important}.invite-link{flex-wrap:wrap}.invite-link input{flex-basis:100%;width:100%}.detail-live-note{align-items:flex-start;flex-wrap:wrap}.drawer{padding:18px;width:min(420px,100vw)}.drawer-head .brand-mark{display:none}}
@media(max-width:380px){.brand-mark{display:none}.brand-copy strong{font-size:18px!important}.calendar-toolbar{grid-template-columns:minmax(0,1fr)}.cal-nav{justify-content:center}.calendar-title{text-align:center;grid-row:1}.view-switch{grid-row:3}.filterbar{grid-template-columns:minmax(0,1fr)}.filter-field:first-child{grid-column:auto}.calendar-title strong{font-size:1.25rem!important}.modal-tabs{gap:4px}.modal-tab{padding-inline:8px!important}.stats{gap:8px}.stat{padding:12px!important}.stat strong{font-size:1.375rem!important}.day-cell{padding:2px}.month-head div{font-size:1rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact control groups keep the calendar close to the top on touch screens. */
.stats-overview{margin-bottom:18px}.stats-overview>summary,.agenda-filters>summary{display:none;cursor:pointer;list-style:none;font-size:1rem;font-weight:700;color:#593d2a}.stats-overview>summary::-webkit-details-marker,.agenda-filters>summary::-webkit-details-marker{display:none}.stats-overview .stats{margin-bottom:10px}.stats-overview .scope-help{margin:0;font-size:1rem;line-height:1.5}.stats-overview .stats-context{margin-bottom:10px}.stats-context>span{font-weight:400}
@media(min-width:1200px){.stat{flex-direction:row!important;align-items:center!important;min-height:98px!important;padding:16px!important}.filterbar{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(135px,1fr))}.filter-field:first-child{grid-column:auto}.page{padding-top:22px}.page-top{margin-bottom:18px}.stats-overview{margin-bottom:20px}.calendar-toolbar{padding:16px 20px!important}.filterbar{padding:14px 20px!important}.legend{padding:10px 20px!important}.stat-icon{width:38px!important;height:38px!important;flex-basis:38px!important}.stat strong{font-size:clamp(1.35rem,1.8vw,2rem)!important}}
@media(max-width:930px){.stats-overview{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:18px}.stats-overview>summary,.agenda-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:12px 16px}.stats-overview>summary::after,.agenda-filters>summary::after{content:'+';font-size:22px;line-height:1;flex-shrink:0;color:var(--cyan)}.stats-overview[open]>summary::after,.agenda-filters[open]>summary::after{content:'\2212'}.stats-overview[open]>summary{border-bottom:1px solid var(--line)}.stats-overview .stats-context,.stats-overview .stats,.stats-overview .scope-help{margin:14px}.stats-overview .stats-context{display:grid}.agenda-filters>summary{background:#fff8f2;border-bottom:1px solid var(--line)}.stats-overview:not([open])>div,.stats-overview:not([open])>section,.stats-overview:not([open])>p{display:none}.agenda-filters:not([open])>.filterbar{display:none}.filter-tools{padding-top:8px;padding-bottom:8px}.page-top{margin-bottom:18px}.stats-overview .scope-help{font-size:1rem}}