/* =============================================
   HubbleUp — CSS Patch: Populating Empty Rules
   Date: 2026-03-15
   ============================================= */

/* OVERLAY */
.overlay{position:fixed;inset:0;z-index:200;background:rgba(6,4,14,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.overlay.open{opacity:1;visibility:visible}

/* PANEL */
.panel{position:fixed;top:0;right:0;width:340px;max-width:92vw;height:100vh;overflow-y:auto;background:var(--bg-panel,rgba(16,12,30,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border,rgba(255,255,255,.08));padding:28px 24px;z-index:210;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.overlay.open .panel{transform:translateX(0)}
.panel h2{font-family:Outfit,-apple-system,sans-serif;font-size:22px;font-weight:700;color:var(--text-primary,#f0edf8);margin-bottom:6px;letter-spacing:-.3px}
.panel .panel-sub{font-family:Outfit,-apple-system,sans-serif;font-size:13px;font-weight:400;color:var(--text-secondary,rgba(224,218,240,.55));margin-bottom:20px;line-height:1.5}
.panel-hint{font-size:12px;color:var(--text-dim,rgba(224,218,240,.45));margin-top:4px}
.panel-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-xs,10px);cursor:pointer;color:var(--text-dim,rgba(224,218,240,.45));transition:background .2s,border-color .2s}
.panel-close:hover{background:var(--glass-bg,rgba(255,255,255,.04));border-color:var(--glass-border,rgba(255,255,255,.08))}
.panel-close svg{width:16px;height:16px}
.panel-section{margin-bottom:20px}
.panel-section-title{font-family:Outfit,-apple-system,sans-serif;font-size:11px;font-weight:600;color:var(--text-dim,rgba(224,218,240,.45));text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.panel-check{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;color:var(--text-secondary,rgba(224,218,240,.55));font-size:13px;transition:color .2s}
.panel-check:hover{color:var(--text-primary,#f0edf8)}
.panel-check input[type="checkbox"]{accent-color:var(--stargaze-primary,#a78bfa);width:16px;height:16px}

/* FORMS */
.form-group{margin-bottom:16px}
.form-group label{display:block;font-family:Outfit,-apple-system,sans-serif;font-size:12px;font-weight:600;color:var(--text-dim,rgba(224,218,240,.45));text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.form-input{width:100%;padding:12px 14px;font-family:Outfit,-apple-system,sans-serif;font-size:14px;font-weight:400;color:var(--text-primary,#f0edf8);background:var(--glass-bg,rgba(255,255,255,.04));border:1px solid var(--glass-border,rgba(255,255,255,.08));border-radius:var(--radius-sm,14px);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.form-input::placeholder{color:var(--text-dim,rgba(224,218,240,.45))}
.form-input:focus{border-color:var(--stargaze-primary,#a78bfa);box-shadow:0 0 0 3px var(--stargaze-glow,rgba(167,139,250,.2))}
.pw-wrap{position:relative}
textarea.form-input{min-height:100px;resize:vertical;line-height:1.5}
select.form-input{cursor:pointer;padding-right:36px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-family:Outfit,-apple-system,sans-serif;font-size:14px;font-weight:600;border-radius:var(--radius-sm,14px);border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent;min-height:44px;text-decoration:none}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--stargaze-primary,#a78bfa);color:#06040e;border-color:var(--stargaze-primary,#a78bfa)}
.btn-primary:hover{background:#b89dfc;box-shadow:0 4px 16px var(--stargaze-glow,rgba(167,139,250,.2))}
.btn-ghost{background:transparent;color:var(--text-secondary,rgba(224,218,240,.55));border-color:transparent}
.btn-ghost:hover{color:var(--text-primary,#f0edf8);background:var(--glass-bg,rgba(255,255,255,.04))}
.btn-full{width:100%}
.btn-sm{padding:8px 14px;font-size:13px;min-height:36px;border-radius:var(--radius-xs,10px)}
.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}

/* FOOTER */
.footer{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6}
.footer-qr{display:flex;flex-direction:column;align-items:center;gap:6px}
.footer-qr canvas{border-radius:var(--radius-xs,10px)}
.footer-qr-label{font-family:Outfit,-apple-system,sans-serif;font-size:11px;font-weight:500;color:var(--text-dim,rgba(224,218,240,.45));letter-spacing:.3px}
.footer-brand{display:flex;align-items:center;gap:6px}
.footer-text{font-family:Outfit,-apple-system,sans-serif;font-size:11px;font-weight:400;color:var(--text-dim,rgba(224,218,240,.45))}

/* NUDGE */
.nudge-bar{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--stargaze-primary,#a78bfa);font-family:Outfit,-apple-system,sans-serif;font-size:13px;font-weight:500;color:#06040e}
.nudge-link{color:inherit;text-decoration:underline}
.nudge-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#06040e;font-size:18px;padding:0;-webkit-tap-highlight-color:transparent}
.nudge-close:hover{opacity:.7}

/* ADMIN TABS */
.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.admin-tab{padding:8px 14px;font-family:Outfit,-apple-system,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary,rgba(224,218,240,.55));background:var(--glass-bg,rgba(255,255,255,.04));border:1px solid var(--glass-border,rgba(255,255,255,.08));border-radius:100px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.admin-tab:hover{background:var(--glass-hover,rgba(255,255,255,.10));color:var(--text-primary,#f0edf8)}
.admin-tab.active{background:var(--stargaze-primary,#a78bfa);color:#06040e;border-color:var(--stargaze-primary,#a78bfa);font-weight:600}

/* ADMIN SECTIONS */
.admin-section{margin-bottom:24px}
.admin-section h3{font-family:Outfit,-apple-system,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary,#f0edf8);margin-bottom:12px}

/* ALERTS */
.alert{padding:12px 16px;border-radius:var(--radius-xs,10px);font-family:Outfit,-apple-system,sans-serif;font-size:13px;font-weight:500;margin-bottom:16px}
.alert-success{background:rgba(34,197,94,.12);color:var(--success,#22c55e);border:1px solid rgba(34,197,94,.2)}
.alert-danger{background:rgba(239,68,68,.12);color:var(--danger,#ef4444);border:1px solid rgba(239,68,68,.2)}

/* HUB TITLE FIX */
.universe-hub-title{color:var(--text-primary,#f0edf8)}
.universe-hub-sub{color:var(--text-secondary,rgba(224,218,240,.55));font-size:13px}

/* FOCUS (a11y) */
*:focus-visible{outline:2px solid var(--stargaze-primary,#a78bfa);outline-offset:2px}

/* SKIP LINK (a11y) */
.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:12px 20px;background:var(--stargaze-primary,#a78bfa);color:#06040e;font-family:Outfit,-apple-system,sans-serif;font-size:14px;font-weight:600;border-radius:var(--radius-sm,14px);text-decoration:none;transition:top .2s}
.skip-link:focus{top:16px}

/* RESPONSIVE */
@media(max-width:480px){.container{padding:24px 12px 48px}.profile-name{font-size:24px}.panel{width:100%;max-width:100%}.panel h2{font-size:20px}.filter-tab{padding:8px 12px;font-size:12px}.toolbar{padding:6px 4px;gap:4px}.tb-btn{width:40px;height:40px}.footer{padding-top:24px}}
@media(min-width:768px){.container{padding-top:56px;padding-bottom:80px}.panel{width:380px;border-radius:var(--radius,24px) 0 0 var(--radius,24px)}}
@media(min-width:1024px){.container{max-width:520px}}
@media(min-width:1280px){.container{max-width:560px}}
@media(min-width:1600px){.container{max-width:600px}}
@media(hover:hover){.tb-btn:hover{background:var(--glass-bg,rgba(255,255,255,.04));border-color:var(--glass-border,rgba(255,255,255,.08));color:var(--text-primary,#f0edf8)}.filter-tab:hover{background:var(--glass-hover,rgba(255,255,255,.10));color:var(--text-primary,#f0edf8)}}
@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.overlay{transition:none}.panel{transition:none}}