/* v1.2.0-fix422 Company menu visual hierarchy refresh (presentation only) */

/* Use the available PC width without affecting other headquarters pages. */
@media (min-width:1100px){
  .store-admin-body .company-menu-page.fix422-company-menu-shell{
    width:calc(100% - 40px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

.company-menu-page.fix422-company-menu-shell{
  min-width:0;
}

/* The company/store role card stays first, while publication remains compact. */
.company-menu-page.fix422-company-menu-shell .fix421-publication-accordion{
  margin:12px 0 18px;
  border-color:#e1ddd5;
  box-shadow:none;
}

.company-menu-page.fix422-company-menu-shell .fix421-publication-summary{
  min-height:58px;
  padding:12px 16px;
}

.company-menu-page.fix422-company-menu-shell .fix421-publication-summary-copy b{
  font-size:14px;
}

.company-menu-page.fix422-company-menu-shell .fix421-publication-summary-copy small{
  font-size:11px;
}

/* Product flow guide: keep the guidance, remove the nested-card feeling. */
.company-menu-page.fix422-company-menu-shell [data-fix400-product-nav-label]{
  margin:16px 0 7px!important;
  color:#5f5a53;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.06em;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide{
  margin:0 0 12px;
  padding:14px 16px;
  border-color:#efd3bb;
  border-radius:13px;
  box-shadow:none;
  background:#fffaf5;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-head{
  gap:14px;
  margin-bottom:10px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-head h3{
  font-size:16px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-head p{
  margin-top:3px;
  font-size:11px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-shortcut{
  padding:5px 9px;
  font-size:10px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-steps{
  gap:4px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-steps li{
  min-height:54px;
  gap:8px;
  padding:8px 9px;
  border-color:transparent;
  border-radius:9px;
  background:rgba(255,255,255,.72);
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-steps li.is-primary{
  border-color:#f3a15b;
  background:#fff3e8;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-no{
  flex-basis:21px;
  width:21px;
  height:21px;
  font-size:10px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-copy b{
  font-size:11px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-copy small{
  font-size:9px;
}

.company-menu-page.fix422-company-menu-shell .fix420-product-guide-footnote{
  margin-top:7px;
  font-size:9px;
}

/* Primary menu is a navigation control, not five unrelated cards. */
.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:5px!important;
  border:1px solid #dfdcd5!important;
  border-radius:13px!important;
  background:#f5f4f1!important;
  box-sizing:border-box!important;
}

.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#3a3631!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-align:left!important;
}

.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button:hover{
  border-color:#d9d4cc!important;
  background:#fff!important;
}

.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button.active{
  border-color:#ff7a1a!important;
  background:#fff4e9!important;
  color:#a84300!important;
}

.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button b{
  display:grid!important;
  flex:0 0 auto!important;
  min-width:23px!important;
  height:23px!important;
  padding:0 6px!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#e9e6e0!important;
  color:#5b554e!important;
  font-size:10px!important;
  line-height:1!important;
}

.company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button.active b{
  background:#ffd9bc!important;
  color:#9d3f00!important;
}

/* Auto-reflection is important but does not need to occupy a full card. */
.company-menu-page.fix422-company-menu-shell .company-menu-fix290-auto-note{
  min-height:0!important;
  margin:0 0 14px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

.company-menu-page.fix422-company-menu-shell .company-menu-fix290-auto-note b{
  font-size:12px!important;
}

.company-menu-page.fix422-company-menu-shell .company-menu-fix290-auto-note small,
.company-menu-page.fix422-company-menu-shell .company-menu-fix290-auto-note p{
  font-size:10px!important;
  line-height:1.45!important;
}

/* CSV is a secondary utility: keep it discoverable, but out of the main flow. */
.company-menu-page.fix422-company-menu-shell .fix422-data-tools{
  margin:22px 0 0;
  border:1px solid #e2dfd8;
  border-radius:12px;
  background:#faf9f7;
  overflow:hidden;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:50px;
  padding:10px 14px;
  cursor:pointer;
  list-style:none;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-summary::-webkit-details-marker{
  display:none;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-copy b{
  font-size:12px;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-copy small{
  color:#756f68;
  font-size:10px;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-cue{
  flex:0 0 auto;
  color:#6d665e;
  font-size:11px;
  font-weight:800;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools[open] .fix422-data-tools-summary{
  border-bottom:1px solid #e7e3dc;
  background:#fff;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-body{
  padding:12px;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-body [data-fix400-csv-nav-label]{
  margin:0 0 7px!important;
  color:#756f68;
  font-size:10px!important;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-body .fix400-csv-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}

.company-menu-page.fix422-company-menu-shell .fix422-data-tools-body .fix400-csv-tabs button{
  min-height:42px!important;
  padding:8px 11px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:11px!important;
}

/* Give the actual management section the strongest typographic hierarchy. */
.company-menu-page.fix422-company-menu-shell > .company-menu-fix290-section-head{
  margin-top:18px!important;
  margin-bottom:12px!important;
}

.company-menu-page.fix422-company-menu-shell > .company-menu-fix290-section-head h2{
  font-size:26px!important;
  line-height:1.2!important;
}

@media (max-width:1099px){
  .store-admin-body .company-menu-page.fix422-company-menu-shell{
    width:calc(100% - 28px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  .store-admin-body .company-menu-page.fix422-company-menu-shell{
    width:calc(100% - 20px)!important;
  }

  .company-menu-page.fix422-company-menu-shell .fix421-publication-accordion{
    margin:10px 0 14px;
  }

  .company-menu-page.fix422-company-menu-shell .fix420-product-guide{
    padding:12px;
  }

  .company-menu-page.fix422-company-menu-shell .fix420-product-guide-head{
    margin-bottom:9px;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button{
    min-height:48px!important;
    padding:8px 9px!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button:last-child{
    grid-column:1/-1;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-data-tools{
    margin-top:18px;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-data-tools-summary{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-data-tools-cue{
    align-self:flex-end;
  }
}

@media (max-width:430px){
  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav]{
    grid-template-columns:1fr!important;
  }

  .company-menu-page.fix422-company-menu-shell [data-fix422-primary-nav] button:last-child{
    grid-column:auto;
  }

  .company-menu-page.fix422-company-menu-shell .fix422-data-tools-body .fix400-csv-tabs{
    grid-template-columns:1fr!important;
  }
}