/* V2-style navigation shell: buyer functions on top, seller tools inside management. */
.v2-main-nav{
  position:sticky;top:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);
  width:100%;background:rgba(255,255,255,.97);border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);box-shadow:0 5px 18px rgba(38,74,65,.05);
  backdrop-filter:blur(12px)
}
.v2-main-nav button{
  min-height:72px;border:0;border-right:1px solid var(--border);background:transparent;
  color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  transition:background .18s,color .18s,box-shadow .18s
}
.v2-main-nav button:last-child{border-right:0}
.v2-main-nav button:hover{background:#f3faf7;color:var(--green-d)}
.v2-main-nav button.on{color:var(--green-d);background:#edf8f4;box-shadow:inset 0 -3px 0 var(--green)}
.v2-nav-icon{font-size:22px;line-height:1}
.sidebar{display:none!important}
.app-body{display:block!important;min-height:calc(100vh - 130px)!important}
.main-content{width:100%;max-width:1440px;margin:0 auto;padding:22px 24px 34px}
#storePage{max-width:none}
#storePage #systemShopFrame{border-radius:14px;background:#fff;box-shadow:0 5px 24px rgba(38,74,65,.07)}
.portal-head{border-left:4px solid var(--green);padding-left:18px}
.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.portal-tile{min-height:126px!important}

@media (max-width:980px){
  .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-content{padding:18px 16px 30px}
}

@media (max-width:720px){
  body{padding-bottom:76px!important}
  .hero{position:sticky!important;top:0;z-index:82;min-height:58px}
  .hero-inner{padding:8px 12px!important}
  .hero-logo-img-wrap>img{width:40px!important;height:40px!important;object-fit:cover!important}
  .hero-logo-text .subtitle{display:none}
  .storefront-launch span,.user-name{display:none!important}
  .v2-main-nav{
    position:fixed;left:0;right:0;bottom:0;top:auto;z-index:100;
    padding-bottom:max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--border);
    border-bottom:0;box-shadow:0 -6px 22px rgba(35,69,60,.11)
  }
  .v2-main-nav button{min-height:66px;padding:6px 2px;font-size:11px;border-right:0;gap:4px}
  .v2-main-nav button.on{box-shadow:inset 0 3px 0 var(--green)}
  .v2-nav-icon{font-size:21px}
  .main-content{padding:12px 10px 22px}
  .portal-head{padding:12px 12px 12px 15px;margin-bottom:12px}
  .portal-head h2{font-size:20px!important}
  .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .portal-tile{min-height:112px!important;padding:14px 10px!important}
  .portal-icon{font-size:25px!important}
  .portal-tile strong{font-size:14px!important}
  .portal-tile small{font-size:11px!important;line-height:1.45}
  #storePage{margin:-12px -10px 0}
  #storePage #systemShopFrame{height:calc(100vh - 124px)!important;min-height:560px!important;border-radius:0;box-shadow:none}
  .storefront-banner{margin:10px!important}
  .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tw table{min-width:720px}
  input,select,textarea,.btn{font-size:16px!important}
}

@media (max-width:390px){
  .portal-grid{grid-template-columns:1fr!important}
  .portal-tile{min-height:94px!important}
}