/* ClickCard force identity patch 2026-05-13
   This file is intentionally loaded last to override old inline/header/mobile styles. */
:root{
  --cc-deep:#0F2435!important;--cc-navy:#173247!important;--cc-slate:#21435C!important;
  --cc-gold:#B89255!important;--cc-gold-soft:#D8BE87!important;--cc-cream:#F7F2EA!important;--cc-cream2:#FBF7EF!important;
  --cc-line:rgba(216,190,135,.38)!important;--header-h:86px!important;
}
html,body{margin:0!important;background:linear-gradient(180deg,var(--cc-cream2),var(--cc-cream))!important;color:#14283A!important;overflow-x:hidden!important;}
body{padding-top:0!important;}
body.public-layout-active{padding-top:86px!important;}
#stars-container{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;}
#header-container{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:2147483000!important;margin:0!important;padding:0!important;height:auto!important;display:block!important;background:transparent!important;}
#header-container .site-header,.site-header,header.site-header{position:relative!important;top:0!important;right:0!important;left:0!important;margin:0!important;width:100%!important;min-height:86px!important;padding:.72rem 0!important;border-radius:0 0 28px 28px!important;background:linear-gradient(135deg,var(--cc-deep) 0%,var(--cc-navy) 62%,var(--cc-slate) 100%)!important;color:#fff!important;border:0!important;border-bottom:1px solid var(--cc-line)!important;box-shadow:0 18px 42px rgba(15,36,53,.20)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;overflow:visible!important;}
#header-container .header-container,.site-header .header-container{max-width:min(1280px,96vw)!important;margin:0 auto!important;padding:0 clamp(14px,3vw,34px)!important;}
#header-container a,#header-container button,#header-container .logo-section,#header-container .logo-text,.site-header a,.site-header button,.site-header .logo-text{color:#fff!important;text-decoration:none!important;}
#header-container .logo-img{height:42px!important;box-shadow:none!important;border-radius:12px!important;}
#header-container .nav-link,#header-container .cc-nav-trigger,.site-header .nav-link,.site-header .cc-nav-trigger{color:#fff!important;background:transparent!important;border:1px solid transparent!important;border-radius:999px!important;font-weight:900!important;padding:.58rem .92rem!important;}
#header-container .nav-link:hover,#header-container .nav-link.active,#header-container .cc-nav-trigger:hover,#header-container .cc-nav-group.is-open .cc-nav-trigger{background:rgba(184,146,85,.20)!important;border-color:rgba(216,190,135,.42)!important;color:#fff!important;}
#header-container .account-btn,.site-header .account-btn,#header-container .menu-toggle{background:linear-gradient(135deg,var(--cc-gold),var(--cc-navy))!important;color:#fff!important;border:1px solid rgba(216,190,135,.36)!important;box-shadow:0 12px 28px rgba(15,36,53,.22)!important;}
#header-container .partner-access-btn{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(216,190,135,.30)!important;}
#header-container .cc-nav-dropdown,#header-container .dropdown-menu,.site-header .cc-nav-dropdown,.site-header .dropdown-menu{background:linear-gradient(180deg,rgba(15,36,53,.98),rgba(23,50,71,.98))!important;color:#fff!important;border:1px solid rgba(216,190,135,.45)!important;border-radius:24px!important;box-shadow:0 24px 64px rgba(15,36,53,.36)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;}
#header-container .cc-nav-dropdown a,#header-container .dropdown-item,.site-header .cc-nav-dropdown a,.site-header .dropdown-item{color:#fff!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(216,190,135,.10)!important;border-radius:16px!important;margin:.2rem 0!important;}
#header-container .cc-nav-dropdown a:hover,#header-container .dropdown-item:hover{background:rgba(184,146,85,.26)!important;border-color:rgba(216,190,135,.38)!important;color:#fff!important;}
.hero,.hero-section,.page-hero,.dashboard-hero,.admin-shell-page-hero,.user-hero,.welcome-section,.welcome-card{margin-top:0!important;color:#fff!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(216,190,135,.30)!important;border-radius:0 0 30px 30px!important;background:radial-gradient(circle at 16% 18%,rgba(216,190,135,.25),transparent 19rem),linear-gradient(135deg,rgba(15,36,53,.98) 0%,rgba(23,50,71,.94) 58%,rgba(33,67,92,.88) 100%)!important;box-shadow:0 18px 45px rgba(15,36,53,.18)!important;}
.hero{min-height:500px!important;padding:7rem 2rem 4.5rem!important;}
.hero::before,.hero-section::before,.page-hero::before,.dashboard-hero::before,.admin-shell-page-hero::before,.welcome-section::before,.welcome-card::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(15,36,53,.30),rgba(184,146,85,.14))!important;z-index:0!important;pointer-events:none!important;}
.hero>* ,.hero-section>* ,.page-hero>* ,.dashboard-hero>* ,.admin-shell-page-hero>* ,.welcome-section>* ,.welcome-card>*{position:relative!important;z-index:1!important;}
.hero h1,.hero h2,.hero p,.page-hero h1,.page-hero p,.dashboard-hero h1,.dashboard-hero p,.admin-shell-page-hero h1,.admin-shell-page-hero p,.welcome-section h1,.welcome-section p,.welcome-card h1,.welcome-card p{color:#fff!important;text-shadow:0 8px 26px rgba(0,0,0,.28)!important;}
.hero h1{font-size:clamp(2.8rem,5.2vw,5.2rem)!important;font-weight:900!important;letter-spacing:-.04em!important;}
.hero p{font-size:clamp(1.15rem,2vw,1.7rem)!important;color:rgba(255,255,255,.90)!important;}
.sidebar,.side-menu,.mobile-menu,.cc-mobile-drawer,#sidebar,#ccMobileDrawer,.user-shell-sidebar,.admin-shell-sidebar{background:radial-gradient(circle at 50% 0%,rgba(216,190,135,.30),transparent 14rem),linear-gradient(180deg,var(--cc-deep) 0%,var(--cc-navy) 58%,var(--cc-slate) 100%)!important;color:#fff!important;border-left:1px solid rgba(216,190,135,.45)!important;box-shadow:-18px 0 44px rgba(15,36,53,.26)!important;}
.sidebar *,.side-menu *,.mobile-menu *,.cc-mobile-drawer *,#sidebar *,.user-shell-sidebar *,.admin-shell-sidebar *{color:inherit!important;}
.sidebar a,.side-menu a,.mobile-menu a,.cc-mobile-drawer a,#sidebar a,.user-shell-link,.admin-shell-link,.user-shell-section-toggle,.admin-shell-section-toggle{background:rgba(255,255,255,.045)!important;border:1px solid rgba(216,190,135,.16)!important;color:#fff!important;border-radius:15px!important;}
.sidebar a:hover,.side-menu a:hover,.mobile-menu a:hover,.cc-mobile-drawer a:hover,#sidebar a:hover,.user-shell-link:hover,.admin-shell-link:hover{background:rgba(184,146,85,.26)!important;border-color:rgba(216,190,135,.46)!important;color:#fff!important;}
.sidebar .active,.cc-mobile-drawer .active,.user-shell-link.active,.admin-shell-link.active,.user-shell-section.open>.user-shell-section-toggle,.admin-shell-section.open>.admin-shell-section-toggle{background:linear-gradient(135deg,rgba(184,146,85,.42),rgba(216,190,135,.24))!important;border-color:rgba(216,190,135,.58)!important;color:#fff!important;font-weight:900!important;}
.card,.panel,.box,.stat-card,.metric-card,.template-card,.pricing-card,.order-card,.form-card,.login-container,.register-container,.table-container,.content-card,.dashboard-card{background:rgba(251,247,239,.96)!important;border:1px solid rgba(216,190,135,.28)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(15,36,53,.08)!important;color:#14283A!important;}
.btn,.button,button[type="submit"],.btn-primary,.primary-btn,.action-btn,.cta-button,.hero .btn,.hero a.btn{background:linear-gradient(135deg,var(--cc-navy),var(--cc-gold))!important;color:#fff!important;border:1px solid rgba(216,190,135,.42)!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(15,36,53,.18)!important;font-weight:900!important;}
@media(max-width:992px){
  :root{--header-h:74px!important} body.public-layout-active{padding-top:74px!important;}
  #header-container .site-header,.site-header,header.site-header{min-height:74px!important;padding:.45rem 0!important;border-radius:0 0 22px 22px!important;}
  #mainNav.nav-menu,#header-container #mainNav.nav-menu,.nav-menu.open,#mainNav.nav-menu.open{position:fixed!important;top:calc(var(--header-h,74px) + 8px)!important;right:10px!important;left:10px!important;bottom:10px!important;background:radial-gradient(circle at 12% 5%,rgba(216,190,135,.25),transparent 30%),linear-gradient(180deg,var(--cc-deep) 0%,var(--cc-navy) 60%,var(--cc-slate) 100%)!important;color:#fff!important;border:1px solid rgba(216,190,135,.42)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(15,36,53,.35)!important;}
  #mainNav .acc-link--top,#mainNav .acc-item,#mainNav .acc-btn,#mainNav .acc-link{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(216,190,135,.18)!important;border-radius:18px!important;box-shadow:none!important;}
  #mainNav .acc-btn i,#mainNav i{color:#fff!important;}
  #mainNav .acc-link:hover,#mainNav .acc-link--top:hover,#mainNav .acc-btn:hover{background:rgba(184,146,85,.26)!important;border-color:rgba(216,190,135,.44)!important;color:#fff!important;}
  .hero{min-height:480px!important;padding:6rem 1.15rem 4rem!important;}
}

/* ===== User private pages final alignment patch 2026-05-14 =====
   Keeps the unified user sidebar/header visible and fixes private page spacing after the force-identity theme is loaded last. */
:root{--us-header:58px!important;--us-sidebar:270px!important;}
body.user-shell-active{
  padding-top:calc(var(--us-header) + 12px + env(safe-area-inset-top))!important;
  padding-right:var(--us-sidebar)!important;
  background:#F7F2EA!important;
  overflow-x:hidden!important;
}
.user-shell-header{
  height:calc(var(--us-header) + env(safe-area-inset-top))!important;
  min-height:calc(var(--us-header) + env(safe-area-inset-top))!important;
  padding-top:env(safe-area-inset-top)!important;
  padding-right:calc(1.2rem + env(safe-area-inset-right))!important;
  padding-left:calc(1.2rem + env(safe-area-inset-left))!important;
  background:linear-gradient(135deg,#0F2435 0%,#173247 62%,#21435C 100%)!important;
  color:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(216,190,135,.34)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 10px 26px rgba(15,36,53,.18)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
}
.user-shell-header .left,.user-shell-header .right{gap:.75rem!important;min-width:0!important;}
.user-shell-toggle,.user-shell-notify,.user-shell-avatar{
  width:38px!important;height:38px!important;border-radius:13px!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;
}
.user-shell-avatar{border-radius:50%!important;font-size:.95rem!important;font-weight:900!important;}
.user-shell-notify-badge{top:-7px!important;right:-6px!important;border:2px solid #173247!important;}
.user-shell-brand{gap:.65rem!important;color:#fff!important;}
.user-shell-brand img{width:38px!important;height:38px!important;border-radius:11px!important;padding:3px!important;background:rgba(255,255,255,.96)!important;box-shadow:none!important;}
.user-shell-brand strong{font-size:1.25rem!important;line-height:1!important;color:#fff!important;}
.user-shell-brand span,.user-shell-greeting .text small,.user-shell-greeting #userShellGreeting{color:rgba(255,255,255,.86)!important;opacity:1!important;}
.user-shell-greeting #userShellGreeting{font-size:.9rem!important;font-weight:900!important;color:#fff!important;}
.user-shell-greeting .text small{font-size:.72rem!important;}
.user-shell-sidebar{
  top:calc(var(--us-header) + env(safe-area-inset-top))!important;
  height:calc(100vh - var(--us-header) - env(safe-area-inset-top))!important;
  width:var(--us-sidebar)!important;
  padding:1rem calc(.95rem + env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) .95rem!important;
}
.user-shell-sidebar .profile{padding:.85rem!important;border-radius:18px!important;margin-bottom:.8rem!important;}
.user-shell-sidebar .profile .avatar{width:50px!important;height:50px!important;border-radius:16px!important;}
.user-shell-section{border-radius:16px!important;margin-bottom:.45rem!important;}
.user-shell-section-toggle{min-height:43px!important;padding:.68rem .82rem!important;border-radius:14px!important;font-size:.92rem!important;}
.user-shell-link{padding:.68rem .85rem!important;border-radius:13px!important;font-size:.88rem!important;}
.user-shell-section-links{padding:.25rem .28rem .55rem!important;}
.user-shell-badge{min-width:24px!important;height:24px!important;font-size:.7rem!important;}
body.user-shell-active > header:not(.user-shell-header),
body.user-shell-active .topbar,
body.user-shell-active .sidebar:not(.user-shell-sidebar),
body.user-shell-active #sidebarOverlay:not(.user-shell-overlay),
body.user-shell-active .sidebar-overlay:not(.user-shell-overlay),
body.user-shell-active #userNavHost,
body.user-shell-active #userFooterHost{display:none!important;}
body.user-shell-active .layout,
body.user-shell-active .dashboard,
body.user-shell-active .dashboard-container,
body.user-shell-active .content-wrapper,
body.user-shell-active .page-wrapper{
  margin-right:0!important;max-width:100%!important;width:auto!important;padding-top:0!important;box-sizing:border-box!important;
}
body.user-shell-active .layout{display:block!important;min-height:auto!important;}
body.user-shell-active .main,
body.user-shell-active main.main,
body.user-shell-active .main-content{
  margin-right:0!important;max-width:100%!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;
}
body.user-shell-active .table-container,
body.user-shell-active .table-responsive,
body.user-shell-active .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
@media (min-width:981px){
  body.user-shell-active{padding-right:var(--us-sidebar)!important;overflow-x:hidden!important;}
  body.user-shell-active > main,
  body.user-shell-active .main,
  body.user-shell-active main.main,
  body.user-shell-active .main-content,
  body.user-shell-active .layout,
  body.user-shell-active .dashboard,
  body.user-shell-active .dashboard-container,
  body.user-shell-active .content-wrapper,
  body.user-shell-active .page-wrapper,
  body.user-shell-active .container{
    max-width:calc(100vw - var(--us-sidebar))!important;width:auto!important;margin-right:0!important;box-sizing:border-box!important;
  }
}
@media (max-width:980px){
  body.user-shell-active{padding-right:0!important;padding-top:calc(var(--us-header) + 10px + env(safe-area-inset-top))!important;}
  .user-shell-toggle{display:flex!important;align-items:center!important;justify-content:center!important;}
  .user-shell-sidebar{width:min(84vw,270px)!important;transform:translateX(100%)!important;}
  .user-shell-sidebar.open{transform:translateX(0)!important;}
  body.user-shell-active > main,
  body.user-shell-active .main,
  body.user-shell-active main.main,
  body.user-shell-active .main-content,
  body.user-shell-active .layout,
  body.user-shell-active .dashboard,
  body.user-shell-active .dashboard-container,
  body.user-shell-active .content-wrapper,
  body.user-shell-active .page-wrapper,
  body.user-shell-active .container{max-width:100%!important;width:auto!important;margin-right:0!important;}
}
@media (max-width:720px){
  :root{--us-header:54px!important;}
  .user-shell-header{padding-right:calc(.7rem + env(safe-area-inset-right))!important;padding-left:calc(.7rem + env(safe-area-inset-left))!important;border-radius:0 0 16px 16px!important;}
  .user-shell-brand strong{font-size:1.02rem!important;}
  .user-shell-brand span{font-size:.68rem!important;}
  .user-shell-brand img,.user-shell-toggle,.user-shell-notify,.user-shell-avatar{width:35px!important;height:35px!important;}
}
body.user-shell-active.user-shell-page-charge-cards .main{padding:0 20px 28px!important;}
body.user-shell-active.user-shell-page-charge-cards .hero{
  min-height:120px!important;padding:16px 22px!important;margin:10px auto 16px!important;border-radius:22px!important;gap:14px!important;align-items:center!important;
}
body.user-shell-active.user-shell-page-charge-cards .hero h1{font-size:clamp(1.55rem,2.7vw,2.25rem)!important;line-height:1.12!important;margin:0 0 6px!important;letter-spacing:0!important;}
body.user-shell-active.user-shell-page-charge-cards .hero p{font-size:.9rem!important;line-height:1.55!important;margin:0!important;max-width:680px!important;}
body.user-shell-active.user-shell-page-charge-cards .hero-kicker{padding:5px 10px!important;font-size:.78rem!important;margin-bottom:6px!important;}
body.user-shell-active.user-shell-page-charge-cards .mini-stat{padding:9px 8px!important;min-height:64px!important;border-radius:14px!important;}
body.user-shell-active.user-shell-page-charge-cards .mini-stat strong{font-size:1.15rem!important;line-height:1.05!important;}
body.user-shell-active.user-shell-page-charge-cards .mini-stat span{font-size:.72rem!important;line-height:1.25!important;}
body.user-shell-active.user-shell-page-my-templates .main{padding:0 18px 28px!important;}
body.user-shell-active.user-shell-page-my-templates .hero{
  width:min(960px,100%)!important;min-height:112px!important;margin:12px auto 12px!important;padding:16px 20px!important;border-radius:22px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;gap:14px!important;align-items:center!important;
}
body.user-shell-active.user-shell-page-my-templates .hero h1{font-size:clamp(1.45rem,2.4vw,2.05rem)!important;line-height:1.08!important;margin:0 0 5px!important;letter-spacing:0!important;}
body.user-shell-active.user-shell-page-my-templates .hero p{font-size:.8rem!important;line-height:1.45!important;margin:0!important;max-width:560px!important;}
body.user-shell-active.user-shell-page-my-templates .hero-kicker{font-size:.73rem!important;padding:5px 9px!important;margin-bottom:5px!important;}
body.user-shell-active.user-shell-page-my-templates .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
body.user-shell-active.user-shell-page-my-templates .mini-stat{min-height:54px!important;padding:7px 6px!important;border-radius:12px!important;}
body.user-shell-active.user-shell-page-my-templates .mini-stat strong{font-size:.98rem!important;line-height:1!important;}
body.user-shell-active.user-shell-page-my-templates .mini-stat span{font-size:.62rem!important;line-height:1.22!important;}
body.user-shell-active.user-shell-page-my-templates .toolbar-panel,
body.user-shell-active.user-shell-page-my-templates .templates-grid{width:min(960px,100%)!important;margin-inline:auto!important;}
body.user-shell-active.user-shell-page-my-templates .templates-grid{justify-content:center!important;}
body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{
  max-width:none!important;width:auto!important;margin:12px 16px 28px!important;padding:0!important;overflow:visible!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .controls-section{
  background:linear-gradient(135deg,#0F2435,#173247 68%,#21435C)!important;color:#fff!important;border:1px solid rgba(216,190,135,.30)!important;border-radius:18px!important;
  padding:.85rem 1rem!important;margin:0 0 1rem!important;box-shadow:0 10px 26px rgba(15,36,53,.12)!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .search-filter{gap:.75rem!important;flex-wrap:wrap!important;width:100%!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box{width:min(100%,360px)!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box input{min-height:42px!important;padding-top:.55rem!important;padding-bottom:.55rem!important;border-color:rgba(216,190,135,.40)!important;}
body.user-shell-active.user-shell-page-subscriptionspage .add-btn{padding:.62rem 1rem!important;border-radius:999px!important;box-shadow:none!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:1rem!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card{padding:1rem!important;border-radius:18px!important;}
@media (max-width:760px){
  body.user-shell-active.user-shell-page-charge-cards .main,
  body.user-shell-active.user-shell-page-my-templates .main{padding:0 10px 22px!important;}
  body.user-shell-active.user-shell-page-charge-cards .hero,
  body.user-shell-active.user-shell-page-my-templates .hero{grid-template-columns:1fr!important;min-height:auto!important;margin-top:8px!important;padding:13px 12px!important;text-align:center!important;border-radius:18px!important;}
  body.user-shell-active.user-shell-page-charge-cards .hero-stats,
  body.user-shell-active.user-shell-page-my-templates .hero-stats{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{margin:8px 10px 22px!important;}
  body.user-shell-active.user-shell-page-subscriptionspage .controls-section{padding:.75rem!important;}
}


/* ===== V3 user private shell fit override: loaded with force identity too ===== */
:root{--us-header:58px!important;--us-sidebar:270px!important;--us-page-gap:14px!important;}
html,body{max-width:100%!important;overflow-x:hidden!important;}
body.user-shell-active{box-sizing:border-box!important;}
body.user-shell-active *,body.user-shell-active *::before,body.user-shell-active *::after{box-sizing:border-box!important;}
.user-shell-header{height:calc(var(--us-header) + env(safe-area-inset-top))!important;min-height:calc(var(--us-header) + env(safe-area-inset-top))!important;background:linear-gradient(135deg,#0F2435 0%,#173247 62%,#21435C 100%)!important;border-radius:0 0 18px 18px!important;}
.user-shell-sidebar{width:var(--us-sidebar)!important;min-width:var(--us-sidebar)!important;max-width:var(--us-sidebar)!important;top:calc(var(--us-header) + env(safe-area-inset-top))!important;height:calc(100vh - var(--us-header) - env(safe-area-inset-top))!important;padding:.9rem calc(.82rem + env(safe-area-inset-right)) 1rem .82rem!important;}
.user-shell-section-toggle{min-height:41px!important;font-size:.88rem!important;padding:.58rem .72rem!important;}
.user-shell-link{min-height:37px!important;font-size:.84rem!important;padding:.58rem .72rem!important;}
.user-shell-sidebar .profile{padding:.72rem!important;margin-bottom:.65rem!important;}
.user-shell-sidebar .profile .avatar{width:46px!important;height:46px!important;border-radius:15px!important;}
.user-shell-sidebar .profile h3{font-size:.9rem!important;}.user-shell-sidebar .profile p{font-size:.72rem!important;}
@media (min-width:981px){
  body.user-shell-active{padding-right:var(--us-sidebar)!important;padding-top:calc(var(--us-header) + var(--us-page-gap) + env(safe-area-inset-top))!important;overflow-x:hidden!important;}
  body.user-shell-active > main,body.user-shell-active .main,body.user-shell-active main.main,body.user-shell-active .main-content,body.user-shell-active .layout,body.user-shell-active .dashboard,body.user-shell-active .dashboard-container,body.user-shell-active .content-wrapper,body.user-shell-active .page-wrapper,body.user-shell-active .page-wrap,body.user-shell-active .container{max-width:calc(100vw - var(--us-sidebar))!important;margin-right:0!important;margin-left:0!important;overflow-x:clip!important;}
}
@media (max-width:980px){.user-shell-sidebar{width:min(84vw,var(--us-sidebar))!important;min-width:0!important;max-width:min(84vw,var(--us-sidebar))!important;}}
body.user-shell-active.user-shell-page-generate-qr .page-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0 14px 32px!important;overflow-x:clip!important;}
body.user-shell-active.user-shell-page-generate-qr .qr-page{width:100%!important;max-width:1040px!important;margin:0 auto!important;gap:14px!important;}
body.user-shell-active.user-shell-page-generate-qr .hero{width:100%!important;min-height:126px!important;padding:15px 18px!important;margin:0 auto 12px!important;}
body.user-shell-active.user-shell-page-generate-qr .hero-grid{grid-template-columns:minmax(0,1fr) minmax(190px,auto)!important;align-items:center!important;}
body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(2,minmax(84px,100px))!important;justify-content:end!important;}
body.user-shell-active.user-shell-page-generate-qr .work-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;gap:14px!important;}
body.user-shell-active.user-shell-page-generate-qr .guest-add{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 96px auto!important;}
body.user-shell-active.user-shell-page-generate-qr .saved-panel{grid-template-columns:260px minmax(0,1fr)!important;}
body.user-shell-active.user-shell-page-generate-qr .panel,body.user-shell-active.user-shell-page-generate-qr .saved-guests-card,body.user-shell-active.user-shell-page-generate-qr .invitation-list-card{min-width:0!important;}
body.user-shell-active.user-shell-page-generate-qr .saved-table-wrap,body.user-shell-active.user-shell-page-generate-qr .guest-list{max-width:100%!important;overflow-x:auto!important;}
@media (max-width:1180px){body.user-shell-active.user-shell-page-generate-qr .qr-page{max-width:100%!important;}body.user-shell-active.user-shell-page-generate-qr .hero-grid,body.user-shell-active.user-shell-page-generate-qr .work-grid,body.user-shell-active.user-shell-page-generate-qr .saved-panel{grid-template-columns:1fr!important;}body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;}body.user-shell-active.user-shell-page-generate-qr .guest-add{grid-template-columns:1fr 1fr!important;}}
@media (max-width:720px){body.user-shell-active.user-shell-page-generate-qr .page-wrap{padding:0 10px 26px!important;}body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.user-shell-active.user-shell-page-generate-qr .guest-add{grid-template-columns:1fr!important;}}
body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{width:min(100%,calc(100vw - var(--us-sidebar) - 28px))!important;max-width:min(100%,calc(100vw - var(--us-sidebar) - 28px))!important;margin:0 auto 28px!important;padding:0!important;overflow:clip!important;}
body.user-shell-active.user-shell-page-subscriptionspage .controls-section{width:100%!important;min-height:64px!important;padding:.65rem .85rem!important;margin:0 0 .85rem!important;border-radius:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-filter{width:100%!important;max-width:560px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;margin-inline:auto!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box{width:100%!important;min-width:0!important;max-width:420px!important;margin:0!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box input{width:100%!important;height:40px!important;min-height:40px!important;padding:.45rem 2.35rem .45rem .85rem!important;border-radius:999px!important;font-size:.84rem!important;line-height:1.2!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box i{right:1rem!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;}
body.user-shell-active.user-shell-page-subscriptionspage .add-btn{min-height:38px!important;height:38px!important;padding:.45rem .8rem!important;font-size:.8rem!important;white-space:nowrap!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-grid{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,220px))!important;justify-content:center!important;gap:.7rem!important;padding:0 2px 4px!important;margin:0 auto!important;overflow:visible!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card{width:100%!important;max-width:220px!important;min-width:0!important;padding:.65rem!important;border-radius:15px!important;overflow:hidden!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-id{flex:1 1 auto!important;min-width:0!important;max-width:118px!important;font-size:.78rem!important;direction:ltr!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-status{font-size:.62rem!important;padding:.16rem .38rem!important;}
body.user-shell-active.user-shell-page-subscriptionspage .detail-label{font-size:.68rem!important;line-height:1.25!important;}body.user-shell-active.user-shell-page-subscriptionspage .detail-value{font-size:.76rem!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card img{width:52px!important;height:52px!important;border-radius:8px!important;}
body.user-shell-active.user-shell-page-subscriptionspage .action-btn{padding:.38rem .42rem!important;border-radius:9px!important;font-size:.68rem!important;gap:.25rem!important;}
@media (max-width:980px){body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{width:100%!important;max-width:100%!important;padding:0 10px!important;margin:0 auto 24px!important;overflow:visible!important;}}
@media (max-width:640px){body.user-shell-active.user-shell-page-subscriptionspage .search-filter{grid-template-columns:1fr!important;max-width:100%!important;}body.user-shell-active.user-shell-page-subscriptionspage .search-box{max-width:100%!important;}body.user-shell-active.user-shell-page-subscriptionspage .add-btn{width:100%!important;justify-content:center!important;}body.user-shell-active.user-shell-page-subscriptionspage .barcode-grid{grid-template-columns:1fr!important;}body.user-shell-active.user-shell-page-subscriptionspage .barcode-card{max-width:100%!important;}}

/* ===== User shell exact alignment patch 2026-05-15 =====
   Fixes sidebar actual width (padding included), prevents private pages from slipping under the sidebar,
   and makes generate-qr / subscriptionspage match the unified dashboard shell. */
:root{--us-header:58px!important;--us-sidebar:270px!important;}
body.user-shell-active{
  padding-top:calc(var(--us-header) + 12px + env(safe-area-inset-top))!important;
  padding-right:var(--us-sidebar)!important;
  background:#F7F2EA!important;
  overflow-x:hidden!important;
  max-width:100vw!important;
  box-sizing:border-box!important;
}
.user-shell-header{
  height:calc(var(--us-header) + env(safe-area-inset-top))!important;
  min-height:calc(var(--us-header) + env(safe-area-inset-top))!important;
  background:linear-gradient(135deg,#0F2435 0%,#173247 62%,#21435C 100%)!important;
  color:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(216,190,135,.34)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 10px 26px rgba(15,36,53,.18)!important;
}
.user-shell-toggle,.user-shell-notify,.user-shell-avatar{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;}
.user-shell-brand strong,.user-shell-greeting #userShellGreeting{color:#fff!important;}
.user-shell-brand span,.user-shell-greeting .text small{color:rgba(255,255,255,.86)!important;}
.user-shell-sidebar{
  width:var(--us-sidebar)!important;
  max-width:var(--us-sidebar)!important;
  min-width:var(--us-sidebar)!important;
  box-sizing:border-box!important;
  right:0!important;
  top:calc(var(--us-header) + env(safe-area-inset-top))!important;
  height:calc(100vh - var(--us-header) - env(safe-area-inset-top))!important;
  padding:.85rem .78rem calc(1rem + env(safe-area-inset-bottom)) .78rem!important;
  overflow-x:hidden!important;
}
.user-shell-sidebar *{box-sizing:border-box!important;}
.user-shell-sidebar .profile{padding:.78rem!important;border-radius:17px!important;margin-bottom:.7rem!important;}
.user-shell-sidebar .profile .avatar{width:46px!important;height:46px!important;border-radius:15px!important;flex:0 0 46px!important;}
.user-shell-sidebar .profile h3{font-size:.92rem!important;}
.user-shell-sidebar .profile p{font-size:.73rem!important;}
.user-shell-section{border-radius:15px!important;margin-bottom:.4rem!important;}
.user-shell-section-toggle{min-height:40px!important;padding:.62rem .72rem!important;border-radius:13px!important;font-size:.88rem!important;}
.user-shell-link{min-height:37px!important;padding:.62rem .75rem!important;border-radius:12px!important;font-size:.84rem!important;}
.user-shell-section-links{padding:.22rem .24rem .5rem!important;}
.user-shell-badge{min-width:23px!important;height:23px!important;font-size:.68rem!important;}
@media (min-width:981px){
  body.user-shell-active{padding-right:var(--us-sidebar)!important;}
  body.user-shell-active > main,
  body.user-shell-active .main,
  body.user-shell-active main.main,
  body.user-shell-active .main-content,
  body.user-shell-active .layout,
  body.user-shell-active .dashboard,
  body.user-shell-active .dashboard-container,
  body.user-shell-active .content-wrapper,
  body.user-shell-active .page-wrapper,
  body.user-shell-active .page-wrap,
  body.user-shell-active .container{
    max-width:calc(100vw - var(--us-sidebar))!important;
    width:auto!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
}
@media (max-width:980px){
  body.user-shell-active{padding-right:0!important;}
  .user-shell-sidebar{width:min(84vw,270px)!important;min-width:0!important;max-width:min(84vw,270px)!important;transform:translateX(100%)!important;}
  .user-shell-sidebar.open{transform:translateX(0)!important;}
}

/* generate-qr.html */
body.user-shell-active.user-shell-page-generate-qr .page-wrap{
  width:min(100%,calc(100vw - var(--us-sidebar) - 32px))!important;
  max-width:calc(100vw - var(--us-sidebar) - 32px)!important;
  margin:0 auto 30px!important;
  padding:0 0 30px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.user-shell-active.user-shell-page-generate-qr .qr-page{max-width:1020px!important;width:100%!important;margin:0 auto!important;gap:14px!important;}
body.user-shell-active.user-shell-page-generate-qr .hero{
  min-height:118px!important;
  padding:15px 18px!important;
  margin:0 auto 12px!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 12% 10%,rgba(216,190,135,.24),transparent 13rem),linear-gradient(135deg,#0F2435 0%,#173247 62%,#21435C 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(15,36,53,.14)!important;
  border:1px solid rgba(216,190,135,.30)!important;
}
body.user-shell-active.user-shell-page-generate-qr .hero::before,
body.user-shell-active.user-shell-page-generate-qr .hero:after{display:none!important;content:none!important;}
body.user-shell-active.user-shell-page-generate-qr .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;}
body.user-shell-active.user-shell-page-generate-qr .hero h1{font-size:clamp(1.45rem,2.4vw,2.05rem)!important;line-height:1.12!important;margin:7px 0 5px!important;letter-spacing:0!important;text-shadow:none!important;color:#fff!important;}
body.user-shell-active.user-shell-page-generate-qr .hero p{font-size:.86rem!important;line-height:1.55!important;margin:0!important;max-width:610px!important;text-shadow:none!important;color:rgba(255,255,255,.88)!important;}
body.user-shell-active.user-shell-page-generate-qr .eyebrow{padding:5px 10px!important;font-size:.73rem!important;border-radius:999px!important;background:#e0f2fe!important;color:#173247!important;}
body.user-shell-active.user-shell-page-generate-qr .hero-actions{margin-top:10px!important;gap:8px!important;}
body.user-shell-active.user-shell-page-generate-qr .hero-actions .btn{padding:8px 12px!important;font-size:.82rem!important;}
body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(2,minmax(82px,100px))!important;gap:8px!important;}
body.user-shell-active.user-shell-page-generate-qr .mini-stat{min-height:55px!important;padding:7px 6px!important;border-radius:12px!important;background:#fff!important;}
body.user-shell-active.user-shell-page-generate-qr .mini-stat b{font-size:1rem!important;line-height:1.05!important;color:#173247!important;}
body.user-shell-active.user-shell-page-generate-qr .mini-stat span{font-size:.66rem!important;line-height:1.2!important;color:#64748b!important;}
body.user-shell-active.user-shell-page-generate-qr .toolbar{position:relative!important;top:auto!important;margin:0 auto 12px!important;width:100%!important;border-radius:17px!important;padding:9px 11px!important;z-index:1!important;}
body.user-shell-active.user-shell-page-generate-qr .work-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)!important;gap:13px!important;}
body.user-shell-active.user-shell-page-generate-qr .panel{padding:15px!important;border-radius:19px!important;}
body.user-shell-active.user-shell-page-generate-qr .saved-panel{grid-template-columns:270px minmax(0,1fr)!important;gap:12px!important;}
@media (max-width:1100px){
  body.user-shell-active.user-shell-page-generate-qr .page-wrap{width:100%!important;max-width:100%!important;padding:0 12px 28px!important;}
  body.user-shell-active.user-shell-page-generate-qr .hero-grid,
  body.user-shell-active.user-shell-page-generate-qr .work-grid,
  body.user-shell-active.user-shell-page-generate-qr .saved-panel{grid-template-columns:1fr!important;}
  body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;}
}
@media (max-width:720px){
  body.user-shell-active.user-shell-page-generate-qr .hero{text-align:center!important;padding:13px 12px!important;border-radius:18px!important;}
  body.user-shell-active.user-shell-page-generate-qr .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* subscriptionspage.html */
body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{
  width:min(1040px,calc(100vw - var(--us-sidebar) - 36px))!important;
  max-width:calc(100vw - var(--us-sidebar) - 36px)!important;
  margin:0 auto 28px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .controls-section{
  width:100%!important;
  max-width:100%!important;
  min-height:64px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  background:linear-gradient(135deg,#0F2435,#173247 68%,#21435C)!important;
  color:#fff!important;
  border:1px solid rgba(216,190,135,.30)!important;
  border-radius:18px!important;
  padding:.72rem .85rem!important;
  margin:0 0 .85rem!important;
  box-shadow:0 10px 24px rgba(15,36,53,.12)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .search-filter{display:flex!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;flex-wrap:wrap!important;width:100%!important;max-width:720px!important;margin:0 auto!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box{position:relative!important;flex:1 1 330px!important;width:auto!important;min-width:220px!important;max-width:430px!important;}
body.user-shell-active.user-shell-page-subscriptionspage .search-box input{width:100%!important;min-height:38px!important;padding:.48rem 2.25rem .48rem .8rem!important;border-radius:999px!important;border-color:rgba(216,190,135,.38)!important;font-size:.84rem!important;box-sizing:border-box!important;}
body.user-shell-active.user-shell-page-subscriptionspage .add-btn{flex:0 0 auto!important;min-height:38px!important;padding:.5rem .85rem!important;border-radius:999px!important;font-size:.8rem!important;box-shadow:none!important;white-space:nowrap!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;
  gap:.65rem!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  align-items:start!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card{
  min-width:0!important;
  max-width:100%!important;
  padding:.68rem!important;
  border-radius:15px!important;
  overflow:hidden!important;
  box-shadow:0 8px 20px rgba(15,36,53,.07)!important;
}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card:hover{transform:none!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-header{gap:.35rem!important;margin-bottom:.45rem!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-id{font-size:.78rem!important;max-width:104px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;direction:ltr!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-status{font-size:.62rem!important;padding:.16rem .38rem!important;white-space:nowrap!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-details{margin:.45rem 0!important;}
body.user-shell-active.user-shell-page-subscriptionspage .detail-item{gap:.28rem!important;margin-bottom:.24rem!important;min-width:0!important;}
body.user-shell-active.user-shell-page-subscriptionspage .detail-label{font-size:.68rem!important;line-height:1.3!important;}
body.user-shell-active.user-shell-page-subscriptionspage .detail-value{font-size:.76rem!important;line-height:1.3!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-card img{width:50px!important;height:50px!important;border-radius:8px!important;}
body.user-shell-active.user-shell-page-subscriptionspage .barcode-actions{display:flex!important;gap:.35rem!important;margin-top:.62rem!important;flex-wrap:wrap!important;}
body.user-shell-active.user-shell-page-subscriptionspage .action-btn{flex:1 1 76px!important;min-width:0!important;padding:.4rem .42rem!important;border-radius:9px!important;font-size:.68rem!important;line-height:1.2!important;white-space:normal!important;}
@media (max-width:980px){
  body.user-shell-active.user-shell-page-subscriptionspage .dashboard-container{width:100%!important;max-width:100%!important;padding:0 10px!important;}
}

/* ===== recover-invitations.html mobile fit patch 2026-05-23 =====
   Scope is intentionally limited to this user-shell page to avoid changing other live pages. */
body.user-shell-active.user-shell-page-recover-invitations .page-wrap{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 16px 32px!important;
  overflow:visible!important;
}
body.user-shell-active.user-shell-page-recover-invitations .refund-page{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  gap:14px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .hero{
  width:100%!important;
  min-height:112px!important;
  height:auto!important;
  margin:0 auto 14px!important;
  padding:16px 20px!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 12% 10%,rgba(216,190,135,.24),transparent 13rem),linear-gradient(135deg,#0F2435 0%,#173247 62%,#21435C 100%)!important;
  border:1px solid rgba(216,190,135,.30)!important;
  box-shadow:0 12px 28px rgba(15,36,53,.14)!important;
}
body.user-shell-active.user-shell-page-recover-invitations .hero::before,
body.user-shell-active.user-shell-page-recover-invitations .hero::after{
  display:none!important;
  content:none!important;
}
body.user-shell-active.user-shell-page-recover-invitations .hero-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  position:relative!important;
}
body.user-shell-active.user-shell-page-recover-invitations .hero h1{
  font-size:clamp(1.45rem,2.4vw,2.05rem)!important;
  line-height:1.12!important;
  margin:0 0 5px!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  color:#fff!important;
}
body.user-shell-active.user-shell-page-recover-invitations .hero p{
  font-size:.88rem!important;
  line-height:1.55!important;
  margin:0!important;
  max-width:680px!important;
  text-shadow:none!important;
  color:rgba(255,255,255,.86)!important;
}
body.user-shell-active.user-shell-page-recover-invitations .balance-chip{
  padding:8px 13px!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  min-height:38px!important;
  box-shadow:none!important;
}
body.user-shell-active.user-shell-page-recover-invitations .layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) 330px!important;
  gap:14px!important;
  align-items:start!important;
  min-height:0!important;
  padding-top:0!important;
}
body.user-shell-active.user-shell-page-recover-invitations .panel{
  min-width:0!important;
  padding:16px!important;
  border-radius:20px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .stats-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .stat{
  min-height:78px!important;
  padding:9px 7px!important;
  border-radius:14px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .stat b{
  font-size:1.18rem!important;
  line-height:1.05!important;
}
body.user-shell-active.user-shell-page-recover-invitations .stat span{
  font-size:.75rem!important;
  line-height:1.25!important;
}
body.user-shell-active.user-shell-page-recover-invitations .toolbar{
  grid-template-columns:minmax(0,1fr) 142px!important;
  gap:8px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .toolbar input,
body.user-shell-active.user-shell-page-recover-invitations .toolbar select{
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:13px!important;
  font-size:.88rem!important;
}
body.user-shell-active.user-shell-page-recover-invitations .invite-list{
  max-height:calc(100vh - 218px)!important;
  gap:8px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .invite-item{
  padding:11px!important;
  border-radius:15px!important;
}
body.user-shell-active.user-shell-page-recover-invitations .guest-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

@media (max-width:1100px){
  body.user-shell-active.user-shell-page-recover-invitations .page-wrap{padding:0 12px 28px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .refund-page{max-width:100%!important;}
  body.user-shell-active.user-shell-page-recover-invitations .layout{grid-template-columns:1fr!important;}
  body.user-shell-active.user-shell-page-recover-invitations .invite-list{max-height:none!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:720px){
  body.user-shell-active.user-shell-page-recover-invitations .page-wrap{padding:0 10px 24px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .refund-page{gap:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .hero{
    min-height:0!important;
    margin:0 auto 10px!important;
    padding:12px!important;
    border-radius:17px!important;
    text-align:right!important;
  }
  body.user-shell-active.user-shell-page-recover-invitations .hero-inner{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .hero h1{font-size:1.28rem!important;line-height:1.18!important;margin-bottom:4px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .hero p{font-size:.8rem!important;line-height:1.45!important;}
  body.user-shell-active.user-shell-page-recover-invitations .balance-chip{width:100%!important;justify-content:center!important;padding:7px 10px!important;font-size:.8rem!important;min-height:34px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .panel{padding:12px!important;border-radius:17px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .panel h2{font-size:1.02rem!important;margin-bottom:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .selected-title{font-size:1.08rem!important;line-height:1.25!important;}
  body.user-shell-active.user-shell-page-recover-invitations .selected-meta{font-size:.78rem!important;gap:6px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stat{min-height:68px!important;padding:7px 5px!important;border-radius:12px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stat i{font-size:.98rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stat b{font-size:1.05rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stat span{font-size:.68rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .toolbar{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .actions{gap:7px!important;margin-top:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .actions .btn,
  body.user-shell-active.user-shell-page-recover-invitations .btn{width:100%!important;min-height:39px!important;padding:9px 12px!important;font-size:.84rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .note{padding:9px 10px!important;border-radius:13px!important;font-size:.78rem!important;line-height:1.55!important;margin-top:10px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .invite-list{grid-template-columns:1fr!important;gap:7px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .invite-item{padding:10px!important;border-radius:14px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .item-meta{font-size:.74rem!important;gap:6px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .guest-table{min-width:620px!important;}
}
@media (max-width:380px){
  body.user-shell-active.user-shell-page-recover-invitations .page-wrap{padding-inline:8px!important;}
  body.user-shell-active.user-shell-page-recover-invitations .hero h1{font-size:1.18rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .hero p{font-size:.76rem!important;}
  body.user-shell-active.user-shell-page-recover-invitations .stat{min-height:64px!important;}
}

/* ===== recover-invitations mobile invitation picker 2026-05-23 ===== */
body.user-shell-active.user-shell-page-recover-invitations .mobile-invite-picker{
  display:none!important;
}
@media (max-width:720px){
  body.user-shell-active.user-shell-page-recover-invitations .mobile-invite-picker{
    display:block!important;
    width:100%!important;
    margin-top:0!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:14px!important;
    padding:9px!important;
  }
  body.user-shell-active.user-shell-page-recover-invitations .mobile-invite-picker label{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0 0 6px!important;
    color:rgba(255,255,255,.9)!important;
    font-size:.78rem!important;
    font-weight:900!important;
    line-height:1.25!important;
  }
  body.user-shell-active.user-shell-page-recover-invitations .mobile-invite-picker select{
    width:100%!important;
    min-height:40px!important;
    border:1px solid rgba(216,190,135,.52)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#173247!important;
    font-family:'Tajawal',system-ui,sans-serif!important;
    font-size:.82rem!important;
    font-weight:900!important;
    padding:8px 10px!important;
    outline:none!important;
  }
  body.user-shell-active.user-shell-page-recover-invitations .mobile-invite-hint{
    margin-top:6px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.user-shell-active.user-shell-page-recover-invitations .layout > aside.panel{
    display:none!important;
  }
}