/* Seller portal workspace: keep marketplace navigation and add a dedicated seller menu. */
html[data-v7-seller-route="true"]{
  --max:1440px;
}

.v7-seller-portal-nav{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:0;
  padding:0 20px;
  overflow-x:auto;
  white-space:nowrap;
  background:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid #ddd3c7;
  box-shadow:0 2px 7px rgba(16,24,40,.06);
  color:#2b1810;
}

.v7-seller-portal-nav .v7-seller-portal-label{
  flex:0 0 auto;
  margin-right:10px;
  padding-right:14px;
  border-right:1px solid #e6ded5;
  color:#7b4728;
  font-size:12px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.v7-seller-portal-nav a{
  flex:0 0 auto;
  padding:13px 13px 11px;
  border-bottom:3px solid transparent;
  color:#5f5148;
  text-decoration:none;
  font-size:13px;
  font-weight:750;
}

.v7-seller-portal-nav a:hover,
.v7-seller-portal-nav a:focus-visible,
.v7-seller-portal-nav a.active{
  color:#2b1810;
  background:#fbf6ef;
  border-bottom-color:#8a4a24;
  outline:none;
}

html[data-v7-seller-route="true"] .seller-subnav{
  display:none;
}

html[data-v7-seller-route="true"] .seller-page-head{
  padding-bottom:28px;
}

html[data-v7-seller-route="true"] .seller-page-head .container{
  max-width:var(--max);
}

html[data-v7-seller-route="true"] #seller-dashboard,
html[data-v7-seller-route="true"] #seller-products,
html[data-v7-seller-route="true"] #seller-samples,
html[data-v7-seller-route="true"] #seller-orders,
html[data-v7-seller-route="true"] #seller-payouts,
html[data-v7-seller-route="true"] #seller-profile{
  scroll-margin-top:170px;
}

@media (max-width:1500px){
  html[data-v7-seller-route="true"]{
    --max:calc(100vw - 32px);
  }
}

@media (max-width:1050px){
  .v7-seller-portal-nav{
    padding:0 10px;
  }
}

@media (max-width:680px){
  .v7-seller-portal-nav{
    min-height:42px;
    padding:0 6px;
  }

  .v7-seller-portal-nav .v7-seller-portal-label{
    display:none;
  }

  .v7-seller-portal-nav a{
    padding:12px 10px 10px;
    font-size:12px;
  }

  html[data-v7-seller-route="true"]{
    --max:calc(100vw - 20px);
  }

  html[data-v7-seller-route="true"] .seller-page-head{
    padding-bottom:22px;
  }
}