/* MF INTERNATIONAL — shared responsive layer */
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}

/* PRICE column exact center alignment */
.selectionTable th.slPrice,
.selectionTable td.slPrice{
  text-align:center!important;
}
.selectionTable td.slPrice>.mfiPriceList,
.selectionTable td.slPrice>.mfiPriceList .mfiPriceRow{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-content:center!important;
  text-align:center!important;
}
.selectionTable td.slPrice>.mfiPriceList .mfiPriceRow strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}

@media (max-width:900px){
  /* shared header */
  .headerin{height:auto!important;min-height:68px!important;padding:10px 14px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 14px!important}
  .brand{gap:10px!important;min-width:0!important}.brand img{width:40px!important;height:44px!important}.brand span{font-size:9px!important;letter-spacing:.18em!important;overflow:hidden;text-overflow:ellipsis}
  .nav{grid-column:1/-1!important;justify-self:stretch!important;display:flex!important;gap:20px!important;overflow-x:auto!important;white-space:nowrap!important;padding:2px 0 4px!important;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-size:9px!important;flex:0 0 auto!important}
  .tools{display:flex!important;justify-self:end!important}.loginLink{min-width:64px!important;height:36px!important;padding:0 12px!important;font-size:9px!important}.backLink{font-size:8px!important;white-space:nowrap!important}
  /* home */
  .contextin{padding:9px 14px!important;gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important}.contextin::-webkit-scrollbar{display:none!important}.context .right{display:none!important}
  .hero{grid-template-columns:1fr!important;border-left:0!important;border-right:0!important;min-height:0!important}.heroart{min-height:440px!important}.copy{left:18px!important;right:18px!important;top:38px!important;max-width:none!important}.copy h1{font-size:clamp(47px,14vw,62px)!important;line-height:.88!important;margin:16px 0 22px!important}.copy p{font-size:13px!important}.cta{padding:14px 18px!important;gap:20px!important}
  .factoryPanel{border-left:0!important;border-top:1px solid var(--line)!important;min-height:0!important;padding:16px 16px 54px!important}.factoryList{grid-template-columns:1fr!important;height:auto!important}.factory{padding:12px 0!important}.factory:hover{padding-left:0!important}.factory:after{display:none!important}
  .workspace{border-left:0!important;border-right:0!important;padding:22px 14px 150px!important}.workspaceHead{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}.workspaceHead h2{font-size:15px!important}.filterText{gap:18px!important;padding-bottom:3px!important}.searchWrap{width:100%!important;max-width:none!important;justify-self:stretch!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important}.searchWrap input{width:100%!important;font-size:12px!important}.searchWrap button{padding:0 14px!important}.qrScanBtn{width:46px!important;min-width:46px!important;height:46px!important}
  .selectionTableWrap,.tableWrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.selectionTable,table.cmp{min-width:860px!important}.selectionTable th,.selectionTable td,table.cmp th,table.cmp td{padding:12px 10px!important}.slThumb,.thumbCol{width:54px!important}.slThumbBox,.rowThumb{width:36px!important;height:36px!important}.slMf,.mfCol{width:130px!important}.slArticle,.articleCol{width:210px!important}.slComp,.compCol{width:190px!important}.slWidth,.widthCol,.slWeight,.weightCol{width:100px!important}.slPrice,.priceCol{width:110px!important}.slAction,.removeCol{width:110px!important}
  .dockin{padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;grid-template-columns:auto 1fr!important;gap:9px!important}.count{min-width:62px!important}.chips{display:none!important}.dockactions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:7px!important}.dockactions button{padding:11px 9px!important;white-space:nowrap!important;font-size:8px!important}
  .drawer{width:100%!important;max-width:none!important}.drawerHead{padding:18px 16px!important}.drawerBody{padding:8px 14px 100px!important}.selTop{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important}.selectionRemove{min-width:72px!important;padding:0 10px!important}.drawerFoot{padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important}
  .modal{padding:10px!important}.modalBox{max-height:92dvh!important;padding:18px!important}.millModalBox{padding:0!important}.millHero{grid-template-columns:1fr!important}.millLogo{min-height:150px!important;max-height:190px!important}.millIntro{padding:24px 18px!important}.millIntro h3{font-size:29px!important}.millBody{padding:20px 18px 25px!important}.timelineRow{grid-template-columns:64px 1fr!important;gap:12px!important}.millFooter{align-items:flex-start!important;flex-direction:column!important}.visitMill{width:100%!important;justify-content:space-between!important}
  .footerin{padding-left:18px!important;padding-right:18px!important}.footerMeta{grid-template-columns:58px 1fr!important;gap:7px 10px!important}
  /* basket */
  .page{border-left:0!important;border-right:0!important;padding:22px 14px 55px!important}.pageHead{align-items:flex-start!important;gap:16px!important}.pageHead h1{font-size:26px!important}.pageActions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.pageActions button,.pageActions a{justify-content:center!important;padding:11px 7px!important;white-space:nowrap!important;font-size:8px!important}
  /* partner access */
  .shell{grid-template-columns:1fr!important;border-left:0!important;border-right:0!important;min-height:0!important}.intro{min-height:auto!important;padding:44px 20px 40px!important}.intro h1,h1{overflow-wrap:anywhere}.intro p{font-size:13px!important;line-height:1.75!important}.loginWrap{padding:42px 20px 56px!important;align-items:flex-start!important}.card{width:100%!important}.card h2{font-size:31px!important}.field input{font-size:16px!important}.actions{gap:7px!important}.switcher{align-items:flex-start!important}
  /* generic admin/tool pages */
  .adminHero,.heroBlock{padding-left:20px!important;padding-right:20px!important}.adminGrid,.toolGrid,.cardsGrid{grid-template-columns:1fr!important}.toolbar,.controls,.formRow{flex-wrap:wrap!important}.toolbar input,.controls input,.formRow input{min-width:0!important;width:100%!important}.adminPage,.container,.wrap{max-width:100%!important}

  /* main-domain price parity */
  td.slPrice small,td.slPrice .priceLabelGeneric,td.slPrice [data-generic-price-label="true"]{display:none!important}
  td.slPrice,th.slPrice,td.slNetPrice,th.slNetPrice{text-align:center!important;vertical-align:middle!important}
  .mfiUnifiedList,.slPrice .mfiPriceList{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important}
  .mfiUnifiedRow,.slPrice .mfiPriceRow{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;position:static!important;min-height:31px!important}
  .mfiUnifiedRow span,.slPrice .mfiPriceRow span,.slPrice .mfiPriceLabel{order:1!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;display:block!important;margin:0 0 3px!important;max-width:100%!important;font-size:7.6px!important;line-height:1.15!important;color:var(--muted)!important;text-align:center!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
  .mfiUnifiedRow strong,.slPrice .mfiPriceRow strong{order:2!important;display:block!important;margin:0!important;width:100%!important;font-size:9.8px!important;line-height:1.08!important;font-weight:600!important;text-align:center!important;white-space:nowrap!important}
}
@media (max-width:520px){
  .headerin{padding:8px 11px!important}.brand span{max-width:190px!important}.nav{gap:16px!important}.nav a{font-size:8px!important}
  .heroart{min-height:410px!important}.copy{top:32px!important;left:15px!important;right:15px!important}.copy h1{font-size:50px!important}.copy p{font-size:12px!important}.factory p{font-size:9px!important}.factoryTag{font-size:6.5px!important;min-height:21px!important}
  .workspace{padding-left:10px!important;padding-right:10px!important}.searchWrap{grid-template-columns:minmax(0,1fr) 76px 46px!important}.searchWrap button{padding:0 8px!important;font-size:8px!important}.filterText{font-size:9px!important}
  .drawerHead h3{font-size:16px!important}.selName{font-size:11px!important}.selSub{font-size:9px!important}.selectionRemove{min-width:68px!important;font-size:7px!important}
  .page{padding-left:10px!important;padding-right:10px!important}.pageActions{grid-template-columns:1fr!important}.pageActions button,.pageActions a{min-height:40px!important}.tableWrap{border-left:0!important;border-right:0!important}
  .intro{padding:36px 18px 32px!important}.intro h1{font-size:58px!important;line-height:.88!important}.loginWrap{padding:36px 18px 50px!important}.actions{grid-template-columns:1fr 1fr!important}.card p{font-size:11px!important}
  .footerIdentity{gap:12px!important}.footerLogo{width:44px!important;height:44px!important}.footerBrand{font-size:11px!important}.footerMeta{font-size:9px!important}
  .mfiUnifiedRow span,.slPrice .mfiPriceRow span,.slPrice .mfiPriceLabel{font-size:7.3px!important}
  .mfiUnifiedRow strong,.slPrice .mfiPriceRow strong{font-size:9.5px!important}
}

/* homepage-mobile-header-two-row-20260818 */
@media (max-width:900px){
  .header .headerin{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:8px!important;
    padding:10px 14px 9px!important;
  }
  .header .brand{grid-column:1/-1!important;grid-row:1!important;width:max-content!important;max-width:100%!important;gap:10px!important}
  .header .brand img{width:42px!important;height:46px!important;flex:0 0 auto!important}
  .header .brand span{font-size:9px!important;letter-spacing:.20em!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
  .header .nav{grid-column:1!important;grid-row:2!important;display:flex!important;gap:18px!important;overflow:visible!important;padding:0!important;min-width:0!important;white-space:nowrap!important}
  .header .nav a{font-size:8px!important;letter-spacing:.14em!important}
  .header .tools{grid-column:2!important;grid-row:2!important;justify-self:end!important;display:flex!important;gap:16px!important;white-space:nowrap!important}
  .header .tools .loginLink{min-width:0!important;width:auto!important;height:auto!important;padding:0!important;font-size:8px!important;letter-spacing:.14em!important}
}
@media (max-width:420px){
  .header .headerin{padding-left:12px!important;padding-right:12px!important;column-gap:9px!important}
  .header .brand img{width:40px!important;height:44px!important}
  .header .brand span{font-size:8.5px!important;letter-spacing:.17em!important}
  .header .nav{gap:13px!important}
  .header .nav a,.header .tools .loginLink{font-size:7.5px!important;letter-spacing:.11em!important}
  .header .tools{gap:12px!important}
}

/* admin date-range: desktop keeps the native calendar; compact date face is mobile-only */
@media (min-width:701px){
  .mfiLiteRange .mfiLiteField{overflow:visible!important;}
  .mfiLiteRange input[type=date]{
    position:static!important;
    display:block!important;
    opacity:1!important;
    width:100%!important;
    height:46px!important;
    border:1px solid var(--line,rgba(0,0,0,.18))!important;
    background:#fff!important;
    padding:0 12px!important;
    color:#171411!important;
    cursor:pointer!important;
  }
  .mfiLiteRange .mfiLiteDateFace{display:none!important;}
}

/* Partner Access Control · mobile consultation history — exact Weekly Reference field-card layout */
@media (max-width:700px){
  #adminConsultationHistory .ahHead{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}
  #adminConsultationHistory .ahCount{font-size:8px!important;letter-spacing:.11em!important}
  #adminConsultationHistory .ahWrap{border:0!important;overflow:visible!important;background:transparent!important}
  #adminConsultationHistory .ahWrap table{display:block!important;width:100%!important;min-width:0!important}
  #adminConsultationHistory .ahWrap thead{display:none!important}
  #adminConsultationHistory #adminHistoryRows{display:grid!important;gap:10px!important;width:100%!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;width:100%!important;padding:0!important;background:#fff!important;border:1px solid var(--line,rgba(0,0,0,.15))!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-width:0!important;padding:12px!important;border:0!important;border-bottom:1px solid var(--line,rgba(0,0,0,.12))!important;white-space:normal!important;text-align:left!important;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td::before{display:block!important;margin:0 0 4px!important;color:var(--muted,rgba(0,0,0,.62))!important;font-size:7px!important;line-height:1.2!important;letter-spacing:.13em!important;font-weight:500!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(1){grid-column:1/-1!important;order:6!important;border-bottom:0!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(1)::before{content:'UPDATED'}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(2){order:1!important;border-right:1px solid var(--line,rgba(0,0,0,.12))!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(2)::before{content:'COMPANY'}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(3){order:2!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(3)::before{content:'BRAND'}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(4){order:3!important;border-right:1px solid var(--line,rgba(0,0,0,.12))!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(4)::before{content:'CONTACT'}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(5){order:4!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(5)::before{content:'SELECTS'}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(6){grid-column:1/-1!important;order:5!important}
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]>td:nth-child(6)::before{content:'SALES ACCOUNT'}
  #adminConsultationHistory #adminHistoryRows .ahActions{grid-column:1/-1!important;order:7!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:10px 12px 12px!important;border-top:1px solid var(--line,rgba(0,0,0,.12))!important;white-space:normal!important}
  #adminConsultationHistory #adminHistoryRows .ahActions::before{content:none!important;display:none!important}
  #adminConsultationHistory #adminHistoryRows .ahActions button{width:100%!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #000!important;background:#fff!important;color:#000!important;font-size:8px!important;letter-spacing:.07em!important}
  #adminConsultationHistory #adminHistoryRows .ahActions .ahEdit{background:#000!important;color:#fff!important;border-color:#000!important}
  #adminConsultationHistory #adminHistoryRows .ahActions .ahDelete{color:#8c302a!important;border-color:#9f4b43!important;background:#fff!important}
  #adminConsultationHistory #adminHistoryRows tr:not([data-consultation-id]){display:block!important;width:100%!important;padding:14px!important;background:#fff!important;border:1px solid var(--line,rgba(0,0,0,.15))!important}
  #adminConsultationHistory #adminHistoryRows tr:not([data-consultation-id]) td{display:block!important;width:100%!important;padding:0!important;border:0!important}
}
@media (max-width:420px){
  #adminConsultationHistory #adminHistoryRows tr[data-consultation-id]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #adminConsultationHistory #adminHistoryRows .ahActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}