/* TWK FINAL ALIGNMENT — 02 OCT 2026
   One canonical member/admin shell. UI/alignment only. */
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:#f7fbf8!important}
/* Never render the retired duplicate shell. */
.twk-static-header,.twk-static-sidebar,#twkStaticHeader,#twkStaticSidebar{display:none!important}
/* Canonical header */
body.twk-member>header.twk-header,body.twk-admin>header.twk-header{
  height:72px!important;min-height:72px!important;margin:0!important;padding:7px 18px!important;
  box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:10000!important;
  background:#fff!important;border-bottom:2px solid #d7aa32!important;box-shadow:0 4px 16px rgba(0,60,40,.08)!important;
}
body.twk-member .twk-menu-btn,body.twk-admin .twk-menu-btn{display:none;border:1px solid #d7aa32!important;background:#fff!important;color:#087247!important}
body.twk-member .twk-brand .brand,body.twk-admin .twk-brand .brand{width:50px!important;height:50px!important}
/* Desktop: fixed sidebar + content aligned directly below header. */
body.twk-member .twk-page-shell,body.twk-admin .twk-page-shell{
  display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:0!important;
  width:100%!important;min-height:calc(100vh - 72px)!important;margin:0!important;padding:0!important;
}
body.twk-member .twk-page-shell>.twk-sidebar,body.twk-admin .twk-page-shell>.twk-sidebar{
  display:block!important;grid-column:1!important;grid-row:1!important;position:sticky!important;top:72px!important;
  width:250px!important;height:calc(100vh - 72px)!important;max-height:calc(100vh - 72px)!important;
  margin:0!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
  border-radius:0 14px 14px 0!important;z-index:9000!important;background:#fff!important;
}
body.twk-member .twk-page-shell>.twk-main,body.twk-admin .twk-page-shell>.twk-main{
  grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;margin:0!important;
  padding:14px 28px 44px!important;box-sizing:border-box!important;
}
body.twk-member .twk-main-inner,body.twk-admin .twk-main-inner{width:min(1180px,100%)!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}
body.twk-member .twk-main-inner>.section,body.twk-admin .twk-main-inner>.section{
  width:100%!important;max-width:none!important;margin:0!important;padding:8px 0 36px!important;box-sizing:border-box!important;
}
/* Active sidebar item */
body.twk-member .twk-sidebar .twk-side-links a.active,body.twk-admin .twk-sidebar .twk-side-links a.active{
  background:linear-gradient(135deg,#087a46,#0ca45e)!important;color:#fff!important;
  border-left:3px solid #e1b53d!important;padding-left:9px!important;font-weight:900!important;
  box-shadow:0 7px 18px rgba(8,122,70,.16)!important;
}
body.twk-member .twk-sidebar .twk-side-links a.active .twk-side-icon,body.twk-admin .twk-sidebar .twk-side-links a.active .twk-side-icon{color:#fff!important}
/* Dashboard hero: no ghost gap; keep the real TWK hero visible. */
body.twk-dashboard-page .twk-page-shell>.twk-main{padding-top:10px!important}
body.twk-dashboard-page .o1-top-grid{margin-top:0!important}
body.twk-dashboard-page .o1-hero{margin-top:0!important}
/* Internal pages */
body.twk-member:not(.twk-dashboard-page) .twk-page-shell>.twk-main,
body.twk-admin:not(.twk-dashboard-page) .twk-page-shell>.twk-main{padding-top:8px!important}
/* Remove retired layout utility if any page still emits it. */
body.twk-member .twk-layout-bar,body.twk-admin .twk-layout-bar{display:none!important}
/* Mobile: same canonical header + same sidebar as drawer. */
@media(max-width:820px){
  body.twk-member>header.twk-header,body.twk-admin>header.twk-header{
    height:62px!important;min-height:62px!important;padding:5px 10px!important;
  }
  body.twk-member .twk-menu-btn,body.twk-admin .twk-menu-btn{display:grid!important;width:42px!important;height:42px!important;place-content:center!important;gap:4px!important}
  body.twk-member .twk-menu-btn span,body.twk-admin .twk-menu-btn span{display:block!important;width:22px;height:2px;background:#087247;border-radius:2px}
  body.twk-member .twk-brand .brand,body.twk-admin .twk-brand .brand{width:44px!important;height:44px!important}
  body.twk-member .twk-brand-copy,body.twk-admin .twk-brand-copy{display:none!important}
  body.twk-member .twk-top-nav,body.twk-admin .twk-top-nav{display:none!important}
  body.twk-member .twk-header-right,body.twk-admin .twk-header-right{margin-left:auto!important}
  body.twk-member .twk-header-user-text,body.twk-admin .twk-header-user-text{display:none!important}
  body.twk-member .twk-header-logout,body.twk-admin .twk-header-logout{display:none!important}
  body.twk-member .twk-page-shell,body.twk-admin .twk-page-shell{display:block!important;width:100%!important;min-height:0!important}
  body.twk-member .twk-page-shell>.twk-sidebar,body.twk-admin .twk-page-shell>.twk-sidebar{
    position:fixed!important;left:0!important;top:62px!important;bottom:0!important;width:min(285px,84vw)!important;height:auto!important;max-height:none!important;
    transform:translateX(-110%)!important;transition:transform .2s ease!important;z-index:10002!important;
    border-radius:0 16px 16px 0!important;overflow:auto!important;box-shadow:16px 0 40px rgba(0,0,0,.16)!important;
  }
  body.twk-member .twk-page-shell>.twk-sidebar.open,body.twk-admin .twk-page-shell>.twk-sidebar.open{transform:translateX(0)!important}
  .twk-sidebar-backdrop{position:fixed!important;left:0!important;right:0!important;top:62px!important;bottom:0!important;z-index:10001!important;background:rgba(0,35,20,.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:none!important}
  .twk-sidebar-backdrop.show{display:block!important}
  body.twk-member .twk-page-shell>.twk-main,body.twk-admin .twk-page-shell>.twk-main{
    display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:8px 10px 40px!important;box-sizing:border-box!important;
  }
  body.twk-member .twk-main-inner,body.twk-admin .twk-main-inner{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
  body.twk-member .twk-main-inner>.section,body.twk-admin .twk-main-inner>.section{padding:0 2px 30px!important;margin:0!important}
  body.twk-member:not(.twk-dashboard-page) .twk-main-inner>.section h2,body.twk-admin:not(.twk-dashboard-page) .twk-main-inner>.section h2{margin:0 0 12px!important}
  body.twk-dashboard-page .twk-page-shell>.twk-main{padding:8px 10px 40px!important}
  body.twk-dashboard-page .o1-top-grid{margin:0!important;gap:10px!important}
  body.twk-dashboard-page .o1-hero{height:250px!important;min-height:250px!important;margin:0!important;overflow:hidden!important}
  body.twk-dashboard-page .o1-hero>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
}

/* 02 OCT 2026 — FINAL 2-ITEM PATCH: canonical header + full hero image */
body.twk-member>header.twk-header,body.twk-admin>header.twk-header{display:flex!important;align-items:center!important;}
/* Keep the supplied TWK hero banner at its native ratio so bull + bear + crown + footer text are fully visible. */
body.twk-dashboard-page .o1-hero{height:auto!important;min-height:0!important;aspect-ratio:937/279!important;overflow:hidden!important;}
body.twk-dashboard-page .o1-hero>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
body.twk-dashboard-page .o1-hero-copy{z-index:3!important;}
@media(max-width:820px){
  body.twk-dashboard-page .o1-hero{aspect-ratio:937/279!important;height:auto!important;min-height:0!important;}
  body.twk-dashboard-page .o1-hero>img{object-fit:contain!important;}
  body.twk-dashboard-page .o1-hero-copy{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:80%!important;width:max-content!important;}
  body.twk-dashboard-page .o1-hero-copy .hero-member-name{font-size:15px!important;padding:5px 10px!important;}
}