.cc-mobile-bottom-nav{display:none}@media (max-width:767px){:root{--cc-mobile-nav-height:68px}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(var(--cc-mobile-nav-height) + 20px)}body{padding-bottom:calc(var(--cc-mobile-nav-height) + env(safe-area-inset-bottom));overflow-x:hidden}.cc-mobile-bottom-nav{z-index:80;min-height:var(--cc-mobile-nav-height);padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #dfe6f3;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #081f5414}.cc-mobile-bottom-nav__item{color:#68768c;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.cc-mobile-bottom-nav__item[data-active=true]{color:#2f63f5;background:#edf2ff}button:not([role=switch]),a[class],select{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f63f53d}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}h1{overflow-wrap:anywhere;font-size:clamp(1.65rem,8vw,2.1rem)!important;line-height:1.12!important}[class*=sticky][class*="top-[68px]"]{top:60px!important}[class*=flex][class*=gap-2]>a,[class*=flex][class*=gap-2]>button,[class*=flex][class*=gap-3]>a,[class*=flex][class*=gap-3]>button{max-width:100%}[class*=overflow-x-auto]{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;overflow-x:auto}[class*=overflow-x-auto] table{scroll-snap-align:start}[class*=fixed][class*=inset-0][class*=place-items-center]{align-items:end!important;padding:0!important}[class*=fixed][class*=inset-0][class*=place-items-center]>section,[class*=fixed][class*=inset-0][class*=place-items-center]>div:not([class*=absolute]){overscroll-behavior:contain;overflow-y:auto;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;width:100%!important;max-width:none!important;max-height:min(92dvh,760px)!important}[role=dialog] footer{z-index:2;padding-bottom:calc(1rem + env(safe-area-inset-bottom));position:sticky;bottom:0;left:0;right:0}td,dd,p,span{overflow-wrap:anywhere}[class*=rounded-2xl][class*=p-6],[class*=rounded-3xl][class*=p-6]{padding:1rem!important}[class*=px-6]{padding-left:1rem;padding-right:1rem}main{padding-bottom:1rem}}@media (max-width:380px){.cc-mobile-bottom-nav__item{font-size:10px}[class*=flex][class*=gap-3]{gap:.5rem}}
@media (max-width:767px){html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]{box-shadow:0 2px 8px #081f540a;background:#fff!important;border:1px solid #dfe6f3!important;border-radius:1rem!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;margin:.75rem!important;padding:1rem!important;display:grid!important}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>div:first-child{border-bottom:1px solid #edf1f6;grid-column:1/-1;padding-bottom:.5rem}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label{background:#f8faff;border:1px solid #cfdaf0;border-radius:.75rem;place-items:center;min-height:46px;position:relative;display:grid!important}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:first-of-type:before{content:"Present"}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:nth-of-type(2):before{content:"Absent"}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:nth-of-type(3):before{content:"Justificat"}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:before{color:#38465a;font-size:12px;font-weight:700}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\] input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:has(input:checked){background:#edf2ff;border-color:#2f63f5;box-shadow:inset 0 0 0 1px #2f63f5}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]>label:has(input:checked):before{color:#2455dc}html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\]:first-child,html[data-clubcat-route=attendance] .grid-cols-\[1fr_110px_110px_110px\][class*=font-bold]{display:none!important}html[data-clubcat-route=attendance] button[class*=Desar],html[data-clubcat-route=attendance] section>div:last-child>button{width:100%}html[data-clubcat-route=charges] table,html[data-clubcat-route=fees] table,html[data-clubcat-route=sepa] table,html[data-clubcat-route=documents] table,html[data-clubcat-route=communications-history] table{min-width:0!important}html[data-clubcat-route=charges] thead,html[data-clubcat-route=fees] thead,html[data-clubcat-route=sepa] thead,html[data-clubcat-route=documents] thead,html[data-clubcat-route=communications-history] thead{display:none}html[data-clubcat-route=charges] tbody,html[data-clubcat-route=fees] tbody,html[data-clubcat-route=sepa] tbody,html[data-clubcat-route=documents] tbody,html[data-clubcat-route=communications-history] tbody{background:#f7f9fd;gap:.75rem;padding:.75rem;display:grid}html[data-clubcat-route=charges] tr,html[data-clubcat-route=fees] tr,html[data-clubcat-route=sepa] tr,html[data-clubcat-route=documents] tr,html[data-clubcat-route=communications-history] tr{background:#fff;border:1px solid #dfe6f3;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1rem;padding:1rem;display:grid;box-shadow:0 2px 8px #081f540a}html[data-clubcat-route=charges] td,html[data-clubcat-route=fees] td,html[data-clubcat-route=sepa] td,html[data-clubcat-route=documents] td,html[data-clubcat-route=communications-history] td{grid-column:1/-1;grid-template-columns:minmax(82px,.42fr) minmax(0,1fr);align-items:start;gap:.75rem;font-size:14px;display:grid;text-align:left!important;border:0!important;padding:0!important}html[data-clubcat-route=charges] td:before,html[data-clubcat-route=fees] td:before,html[data-clubcat-route=sepa] td:before,html[data-clubcat-route=documents] td:before,html[data-clubcat-route=communications-history] td:before{color:#74829a;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}html[data-clubcat-route=charges] td:first-child:before{content:"Membre"}html[data-clubcat-route=charges] td:nth-child(2):before{content:"Període"}html[data-clubcat-route=charges] td:nth-child(3):before{content:"Descripció"}html[data-clubcat-route=charges] td:nth-child(4):before{content:"Venciment"}html[data-clubcat-route=charges] td:nth-child(5):before{content:"Import"}html[data-clubcat-route=charges] td:nth-child(6):before{content:"Estat"}html[data-clubcat-route=charges] td:last-child:before{content:"Accions"}html[data-clubcat-route=documents] td:first-child:before{content:"Document"}html[data-clubcat-route=documents] td:nth-child(2):before{content:"Origen"}html[data-clubcat-route=documents] td:nth-child(3):before{content:"Detall"}html[data-clubcat-route=documents] td:nth-child(4):before{content:"Data"}html[data-clubcat-route=documents] td:nth-child(5):before{content:"Mida"}html[data-clubcat-route=documents] td:last-child:before{content:"Accions"}html[data-clubcat-route=sepa] td:first-child:before{content:"Selecció"}html[data-clubcat-route=sepa] td:nth-child(2):before{content:"Membre"}html[data-clubcat-route=sepa] td:nth-child(3):before{content:"Grup"}html[data-clubcat-route=sepa] td:nth-child(4):before{content:"Quota"}html[data-clubcat-route=sepa] td:nth-child(5):before{content:"Venciment"}html[data-clubcat-route=sepa] td:nth-child(6):before{content:"Import"}html[data-clubcat-route=charges] td:last-child>*,html[data-clubcat-route=fees] td:last-child>*,html[data-clubcat-route=sepa] td:last-child>*,html[data-clubcat-route=documents] td:last-child>*,html[data-clubcat-route=communications-history] td:last-child>*{justify-self:stretch}html[data-clubcat-route=documents] aside{max-height:42dvh;overflow-y:auto}html[data-clubcat-route=activity-detail] main>div>div[class*=mt-5]{scroll-margin-top:80px}html[data-clubcat-route=activity-detail] main>div>div[class*=mt-5]>section{border-radius:1rem}html[data-clubcat-route=attendance] section>div[class*=justify-end],html[data-clubcat-route=sepa] section>div[class*=justify-end]{z-index:20;bottom:calc(var(--cc-mobile-nav-height) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #dfe6f3;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem;padding:.75rem 1rem;position:sticky}}
@media (max-width:767px){html[data-clubcat-route=member-form],html[data-clubcat-route=group-form],html[data-clubcat-route=activity-form],html[data-clubcat-route=communications-compose]{scroll-behavior:smooth}html[data-clubcat-route=member-form] form,html[data-clubcat-route=group-form] form,html[data-clubcat-route=activity-form] form,html[data-clubcat-route=communications-compose] form{padding-bottom:calc(var(--cc-mobile-nav-height) + 5rem)}html[data-clubcat-route=member-form] form>section,html[data-clubcat-route=member-form] form>div[class*=rounded],html[data-clubcat-route=group-form] form>section,html[data-clubcat-route=activity-form] form>section,html[data-clubcat-route=communications-compose] form>section{scroll-margin-top:76px;border-radius:1rem!important}html[data-clubcat-route=member-form] form [class*=grid-cols-],html[data-clubcat-route=group-form] form [class*=grid-cols-],html[data-clubcat-route=activity-form] form [class*=grid-cols-],html[data-clubcat-route=communications-compose] form [class*=grid-cols-]{grid-template-columns:minmax(0,1fr)!important}html[data-clubcat-route=member-form] [class*=col-span-],html[data-clubcat-route=group-form] [class*=col-span-],html[data-clubcat-route=activity-form] [class*=col-span-]{grid-column:auto!important}html[data-clubcat-route=member-form] label,html[data-clubcat-route=group-form] label,html[data-clubcat-route=activity-form] label,html[data-clubcat-route=communications-compose] label{min-width:0}html[data-clubcat-route=member-form] input:not([type=checkbox]):not([type=radio]),html[data-clubcat-route=member-form] select,html[data-clubcat-route=member-form] textarea,html[data-clubcat-route=group-form] input:not([type=checkbox]):not([type=radio]),html[data-clubcat-route=group-form] select,html[data-clubcat-route=group-form] textarea,html[data-clubcat-route=activity-form] input:not([type=checkbox]):not([type=radio]),html[data-clubcat-route=activity-form] select,html[data-clubcat-route=activity-form] textarea,html[data-clubcat-route=communications-compose] input:not([type=checkbox]):not([type=radio]),html[data-clubcat-route=communications-compose] select,html[data-clubcat-route=communications-compose] textarea{width:100%;min-height:48px}html[data-clubcat-route=member-form] textarea,html[data-clubcat-route=group-form] textarea,html[data-clubcat-route=activity-form] textarea,html[data-clubcat-route=communications-compose] textarea{resize:vertical;min-height:120px}:is(html[data-clubcat-route=member-form] label:has(>input[type=checkbox]),html[data-clubcat-route=member-form] label:has(>input[type=radio]),html[data-clubcat-route=group-form] label:has(>input[type=checkbox]),html[data-clubcat-route=activity-form] label:has(>input[type=checkbox])){background:#f8faff;border:1px solid #dfe6f3;border-radius:.75rem;min-height:48px;padding:.65rem .75rem}html[data-clubcat-route=member-form] input[type=checkbox],html[data-clubcat-route=member-form] input[type=radio],html[data-clubcat-route=group-form] input[type=checkbox],html[data-clubcat-route=activity-form] input[type=checkbox]{flex:none;width:20px;height:20px}html[data-clubcat-route=member-form] [class*=border][class*=rounded][class*=p-4]{position:relative;box-shadow:0 2px 8px #081f540a}html[data-clubcat-route=member-form] form>footer,html[data-clubcat-route=group-form] form>footer,html[data-clubcat-route=activity-form] form>footer,html[data-clubcat-route=communications-compose] form>footer{z-index:35;bottom:calc(var(--cc-mobile-nav-height) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #dfe6f3;margin-left:-1rem;margin-right:-1rem;position:sticky;box-shadow:0 -8px 24px #081f5414;grid-template-columns:minmax(0,1fr)!important;gap:.5rem!important;padding:.75rem 1rem!important;display:grid!important}html[data-clubcat-route=member-form] form>footer>button,html[data-clubcat-route=member-form] form>footer>a,html[data-clubcat-route=group-form] form>footer>button,html[data-clubcat-route=activity-form] form>footer>button,html[data-clubcat-route=communications-compose] form>footer>button{justify-content:center;width:100%;min-height:48px}html[data-clubcat-route=member-form] form>footer>button[type=submit],html[data-clubcat-route=group-form] form>footer>button[type=submit],html[data-clubcat-route=activity-form] form>footer>button[type=submit],html[data-clubcat-route=communications-compose] form>footer>button[type=submit]{order:-1}html[data-clubcat-route=communications-compose] [class*=lg\:grid-cols-],html[data-clubcat-route=communications-compose] [class*=xl\:grid-cols-]{grid-template-columns:minmax(0,1fr)!important}html[data-clubcat-route=communications-compose] [class*=max-h-]{overscroll-behavior:contain;max-height:46dvh}html[data-clubcat-route=calendar] [class*=grid-cols-7]{min-width:760px}html[data-clubcat-route=calendar] [class*=overflow-x-auto]{scroll-snap-type:x mandatory}html[data-clubcat-route=calendar] [class*=grid-cols-7]>*{scroll-snap-align:start}html[data-clubcat-route=member-form] [class*=text-red-700],html[data-clubcat-route=group-form] [class*=text-red-700],html[data-clubcat-route=activity-form] [class*=text-red-700],html[data-clubcat-route=communications-compose] [class*=text-red-700]{scroll-margin-top:80px}}