/* Shuttloop V3.2.3 — scoped responsive navigation and club-logo editor. */
.admin-page .admin-sidebar{background:#081e19;border-right:1px solid rgba(180,255,110,.12);padding:22px 14px;gap:10px}
.admin-page .admin-sidebar>.brand{margin:4px 12px 14px}
.admin-page .side-heading{color:#819f92;margin:12px 15px 6px;letter-spacing:.16em}
.admin-page .admin-nav{gap:5px}
.admin-page .admin-nav button{min-height:46px;border-radius:12px;padding:10px 13px;font-size:12px;color:#afc1b8;font-weight:670;gap:12px}
.admin-page .admin-nav button:hover{background:#15372e;color:#f4fff5}
.admin-page .admin-nav button.active{background:#b7ff3c16;color:#c5ff70;border-color:#b7ff3c38}
.admin-page .admin-nav .nav-icon{width:22px;display:grid;place-items:center;flex-shrink:0}
.admin-page .admin-nav .nav-icon svg{width:19px;height:19px;stroke-width:1.9}
.admin-page .sc-sidebar-club{display:flex;width:100%;border:1px solid #38624a;background:linear-gradient(140deg,#15392c,#0a241d);border-radius:15px;padding:10px 11px;gap:10px;align-items:center;color:#fff;text-align:left;cursor:pointer}
.admin-page .sc-sidebar-club[hidden]{display:none!important}
.admin-page .sc-sidebar-club-icon{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#153d2c;border:1px solid #477355}
.admin-page .sc-sidebar-club-icon img{width:100%;height:100%;object-fit:contain;padding:3px}
.admin-page .sc-sidebar-club-copy{display:grid;gap:3px;min-width:0;flex:1}
.admin-page .sc-sidebar-club-copy small{color:#a8d79d;font-weight:850;letter-spacing:.13em;font-size:9px}
.admin-page .sc-sidebar-club-copy strong{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-page .sc-sidebar-club-chevron{font-size:24px;color:#a5db94}
.admin-page .side-bottom{border-top:1px solid #294537;margin-top:auto;padding-top:12px;gap:4px}
.admin-page .side-bottom .side-link{display:flex;align-items:center;gap:9px;border-radius:11px;padding:12px 13px;font-weight:650}
.admin-page .side-bottom .sc-logout{width:100%;margin-top:7px;border:1px solid #81494180;background:#52282440;color:#ffc5b9;font-weight:800;cursor:pointer}
.admin-page .side-bottom .sc-logout:hover{background:#602d2d80;border-color:#d7786d}
.admin-page .admin-topbar{position:sticky;top:0;z-index:33;background:#09221cbf;border-bottom:1px solid #214535;min-height:72px;height:72px;padding-left:22px;padding-right:22px}
.admin-page .admin-topbar .topbar-left{min-width:0;gap:14px}
.admin-page .admin-topbar .breadcrumb{line-height:1.4;max-width:min(50vw,460px);font-size:10px;letter-spacing:.07em}
.admin-page .admin-topbar .topbar-right{gap:10px;flex-shrink:0}
.admin-page .sc-account-wrap{position:relative}
.admin-page .sc-account-trigger{display:grid;place-items:center;background:none;border:1px solid #42664c;border-radius:14px;padding:3px;cursor:pointer;min-width:48px;min-height:48px}
.admin-page .sc-account-trigger:focus-visible,.admin-page .admin-nav button:focus-visible{outline:2px solid #b7ff3c;outline-offset:2px}
.admin-page .sc-account-avatar{width:40px;height:40px;border-radius:11px;background:#b7ff3c;color:#092017;display:grid;place-items:center;overflow:hidden;font-size:13px;font-weight:900}
.admin-page .sc-account-avatar img{width:100%;height:100%;object-fit:contain;padding:2px;background:#10382c}
.admin-page .sc-account-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 25px));border:1px solid #42684f;background:#0b281e;box-shadow:0 14px 50px #0009;border-radius:17px;padding:9px;z-index:160}
.admin-page .sc-account-menu[hidden]{display:none!important}
.admin-page .sc-account-summary{padding:11px 13px 14px;border-bottom:1px solid #355c42;margin-bottom:5px;display:grid;gap:3px}
.admin-page .sc-account-summary small{font-size:9px;color:#a2caaf;letter-spacing:.14em;font-weight:800}
.admin-page .sc-account-summary strong{font-size:15px;color:#fff;overflow-wrap:anywhere}
.admin-page .sc-account-summary span{font-size:11px;color:#91a99c}
.admin-page .sc-account-menu button{border:0;background:transparent;color:#e1f5e6;font-size:13px;display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:10px;width:100%;cursor:pointer;text-align:left}
.admin-page .sc-account-menu button:hover{background:#234535}
.admin-page .sc-account-menu .sc-account-logout{color:#ffb5a8;border-top:1px solid #345043;border-radius:0;margin-top:3px}
.admin-page .sc-logout-dialog{border:1px solid #426a50;border-radius:23px;background:#0d281e;color:#f8fff5;width:min(420px,calc(100% - 34px));padding:30px;box-shadow:0 25px 100px #000a;max-height:80vh}
.admin-page .sc-logout-dialog::backdrop{background:#030a08ae;backdrop-filter:blur(5px)}
.admin-page .sc-logout-dialog-icon{display:grid;place-items:center;border:1px solid #cfa39955;background:#8c43351e;color:#ffbdad;height:49px;width:49px;border-radius:16px;font-size:27px}
.admin-page .sc-logout-dialog h2{font-size:24px;letter-spacing:-.7px;margin:17px 0 10px}
.admin-page .sc-logout-dialog p{font-size:13px;color:#a9c5b7;line-height:1.65}
.admin-page .sc-logout-actions{display:flex;gap:9px;margin-top:20px}
.admin-page .sc-logout-actions .btn{flex:1;text-align:center;justify-content:center;min-height:46px}
.admin-page .sc-logo-editor{width:min(100%,430px);border:1px solid #446a4d;background:#0b241b;border-radius:16px;padding:15px;margin-top:13px}
.admin-page .sc-logo-editor[hidden]{display:none!important}
.admin-page .sc-logo-editor-top{display:grid;gap:5px;margin-bottom:12px}
.admin-page .sc-logo-editor-top strong{font-size:14px;color:#f1fff1}
.admin-page .sc-logo-editor-top span{font-size:11px;color:#a1c6ab}
.admin-page .sc-logo-canvas-frame{width:min(100%,300px);aspect-ratio:1;margin:auto;border:1px dashed #719b6c;border-radius:20px;overflow:hidden;background-color:#123326;background-image:linear-gradient(45deg,#193d2d 25%,transparent 25%),linear-gradient(-45deg,#193d2d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#193d2d 75%),linear-gradient(-45deg,transparent 75%,#193d2d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;touch-action:none}
.admin-page .sc-logo-canvas-frame canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.admin-page .sc-logo-canvas-frame canvas:active{cursor:grabbing}
.admin-page .sc-logo-tools{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
.admin-page .sc-logo-tools label{display:grid;gap:7px;font-size:10px;letter-spacing:.06em;font-weight:780;color:#b5dbaf}
.admin-page .sc-logo-tools label output{float:right;display:inline-block;color:#d6ffaa}
.admin-page .sc-logo-tools select{width:100%;font-size:12px;border-radius:9px;color:#fff;background:#153529;border:1px solid #466849;min-height:38px;padding:6px}
.admin-page .sc-logo-tools input[type=range]{width:100%;accent-color:#b7ff3c;margin:10px 0}
.admin-page .sc-logo-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:9px}
.admin-page .sc-logo-editor-actions span{color:#9db89e;font-size:10px}
.admin-page .sc-edit-logo{width:fit-content}
.admin-page .sc-admin-session-brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.admin-page .sc-admin-session-logo{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;border:1px solid #4b6853;background:#14392a;overflow:hidden;font-size:20px}
.admin-page .sc-admin-session-logo img{object-fit:contain;width:100%;height:100%;padding:3px}
.admin-page .sc-admin-session-brand .admin-session-info{min-width:0}
.admin-page .session-club-logo,.public-page .session-club-logo{object-fit:contain!important;object-position:center!important}
@media(max-width:860px){
 .admin-page .admin-sidebar{width:min(306px,84vw);height:100dvh;overflow-y:auto;padding:17px 14px;z-index:60}
 .admin-page .admin-topbar{height:66px;min-height:66px;padding:0 15px}
 .admin-page .admin-topbar .breadcrumb{font-size:9px;max-width:36vw}
 .admin-page .mobile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;bottom:calc(9px + env(safe-area-inset-bottom));background:#0a251de8;border:1px solid #3c694c;box-shadow:0 10px 38px #0009}
 .admin-page .mobile-bottom-nav [data-mobile-view="members"]{display:none!important}
 .admin-page .mobile-bottom-nav button{min-height:55px;border-radius:16px;gap:3px;font-size:10px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .admin-page .mobile-bottom-nav button span{display:grid;place-items:center}
 .admin-page .mobile-bottom-nav button span svg{width:22px;height:22px;stroke-width:1.9}
 .admin-page .mobile-bottom-nav button.active{background:#b7ff3c1d;border:1px solid #b7ff3c3c;color:#c9ff84}
 .admin-page .owner-mode .mobile-bottom-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:430px;margin:0 auto;left:12px;right:12px}
 .admin-page .owner-mode .mobile-bottom-nav [data-mobile-view="developer"],.admin-page .owner-mode .mobile-bottom-nav [data-mobile-view="platform"]{display:flex!important;flex:initial;min-height:56px}
 .admin-page .owner-mode .mobile-bottom-nav .ios-more-tab{display:none!important}
 .admin-page .admin-content{padding-bottom:110px}
}
@media(max-width:470px){
 .admin-page .sc-account-avatar{width:37px;height:37px}
 .admin-page .sc-account-trigger{min-width:43px;min-height:43px}
 .admin-page .admin-topbar .topbar-left{gap:10px}
 .admin-page .admin-topbar .topbar-right{gap:7px}
 .admin-page .breadcrumb{max-width:33vw}
 .admin-page .sc-logo-tools{grid-template-columns:1fr}
 .admin-page .sc-logout-actions{flex-direction:column-reverse}
 .admin-page .sc-admin-session-logo{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.admin-page .admin-sidebar,.admin-page .mobile-bottom-nav button,.admin-page .sc-account-menu{transition:none!important}}