/* MercanciaRD 3.195.0 — Móvil compacto.
   Se carga al final de los estilos públicos. Solo afecta pantallas de 720px o menos.
   1) Ventajas en 2 filas  2) Flujo simple en 2 columnas  3) Pedidos activos en carrusel horizontal
   4) Botones de cierre en una fila  5) Formularios con 2 campos por fila. */

@media (max-width:720px){

  /* 1) Solicita / Compara / Recibe: dos tarjetas arriba, la tercera a todo el ancho. */
  .mrd.mrd-public .mrd-value-strip-v22 .mrd-container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .mrd.mrd-public .mrd-value-strip-v22 .mrd-value-card{
    min-height:0!important;
    padding:13px 12px!important;
    border-radius:16px!important;
  }
  .mrd.mrd-public .mrd-value-strip-v22 .mrd-value-card:nth-child(3){grid-column:1/-1!important}
  .mrd.mrd-public .mrd-value-strip-v22 .mrd-value-card strong{font-size:15px!important;line-height:1.2!important}
  .mrd.mrd-public .mrd-value-strip-v22 .mrd-value-card span{font-size:12px!important;line-height:1.35!important}

  /* 2) Flujo simple: 2 pasos por fila. Número arriba, texto debajo. */
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    padding:12px 11px!important;
    border-radius:15px!important;
  }
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div>b{width:28px!important;height:28px!important;font-size:15px!important}
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div>*{text-align:left!important;align-self:flex-start!important;width:auto!important}
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div>strong{font-size:13.5px!important;line-height:1.2!important;margin:0!important}
  .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div>span{font-size:11.5px!important;line-height:1.35!important}

  /* 3) Pedidos activos: carrusel horizontal deslizable con el dedo. */
  .mrd.mrd-public .mrd-opportunity-board .mrd-mobile-scroll-hint{
    display:block!important;
    margin:0 0 8px!important;
    font-size:12px!important;
    font-weight:800!important;
    color:#667085!important;
  }
  .mrd.mrd-public .mrd-opportunity-board .mrd-opportunity-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:82%!important;
    grid-auto-rows:auto!important;
    width:auto!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:2px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x pan-y!important;
    gap:12px!important;
    margin:0!important;
    padding:2px 2px 14px!important;
    scrollbar-width:thin;
  }
  .mrd.mrd-public .mrd-opportunity-board .mrd-opportunity-grid::-webkit-scrollbar{height:6px}
  .mrd.mrd-public .mrd-opportunity-board .mrd-opportunity-grid::-webkit-scrollbar-thumb{background:#ccd5df;border-radius:999px}
  .mrd.mrd-public .mrd-opportunity-board .mrd-opportunity-card{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    scroll-snap-align:start!important;
  }

  /* 4) Empieza hoy: los dos botones en la misma fila. */
  .mrd.mrd-public .mrd-home-cta-conversion .mrd-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .mrd.mrd-public .mrd-home-cta-conversion .mrd-actions .mrd-btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 8px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

/* 5) Formularios: 2 campos por fila en teléfonos (desde 340px).
   Textos largos, casillas, categorías, seguridad y botones siguen a todo el ancho. */
@media (min-width:340px) and (max-width:720px){
  .mrd .mrd-form-grid,
  .mrd .mrd-form-grid-compact,
  .mrd .mrd-compact-form-grid,
  .mrd .mrd-supplier-register-form .mrd-form-grid-compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  /* Campos HR: 12 columnas, porque HR (hr-mobile-forms) asigna 'span 6' a los campos de media anchura. */
  .mrd .mrd-hr-form-fields :has(> .hr-form__row){
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .mrd .mrd-hr-form-fields :has(> .hr-form__row) > :not(.hr-form__row){grid-column:1/-1!important}
  .mrd .mrd-form-grid > *,
  .mrd .mrd-form-grid-compact > *,
  .mrd .mrd-compact-form-grid > *{min-width:0!important;grid-column:auto!important;margin:0!important}
  .mrd .mrd-hr-form-fields .hr-form__row{min-width:0!important;grid-column:span 6!important;margin:0!important}
  .mrd .mrd-form-grid > :is(.full,.mrd-full,:has(textarea),:has(input[type=checkbox]),:has(input[type=radio]),:has(.mrd-selection-grid)),
  .mrd .mrd-form-grid-compact > :is(.full,.mrd-full,:has(textarea),:has(input[type=checkbox]),:has(input[type=radio]),:has(.mrd-selection-grid)),
  .mrd .mrd-compact-form-grid > :is(.full,.mrd-full,:has(textarea),:has(input[type=checkbox]),:has(input[type=radio]),:has(.mrd-selection-grid)),
  .mrd .mrd-hr-form-fields :is(.hr-form__row--full,.hr-form__row--checkbox,.mrd-hr-full,.mrd-domain-field,.hr-form-security),
  .mrd .mrd-hr-form-fields .hr-form__row:has(textarea),
  .mrd .mrd-hr-form-fields .hr-form__row:has(.mrd-selection-grid){grid-column:1/-1!important}
  .mrd :is(.mrd-form-grid,.mrd-form-grid-compact,.mrd-compact-form-grid,.mrd-hr-form-fields) label{
    font-size:11.5px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere;
  }
  .mrd :is(.mrd-form-grid,.mrd-form-grid-compact,.mrd-compact-form-grid,.mrd-hr-form-fields) :is(input:not([type=checkbox]):not([type=radio]),select){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:16px!important; /* evita el zoom automático del iPhone */
  }
}

/* 3.196.0 */
/* Encabezado móvil común (GeneratePress): logo y botón «☰ Menú» fijos arriba, como InvertiaRD.
   Un solo botón: si el tema usa el botón dentro del encabezado, se oculta el de la barra de navegación. */
@media (max-width:768px){
  html body{overflow-x:clip!important}
  html body #masthead.site-header,html body .site-header{
    position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;
    box-shadow:0 2px 10px rgba(11,37,69,.08)!important;
  }
  html body #masthead .inside-header{padding-top:6px!important;padding-bottom:6px!important;align-items:center!important}
  html body #masthead .main-navigation.toggled .main-nav{max-height:72vh!important;overflow-y:auto!important}

  /* Un solo botón de menú. */
  html body.has-inline-mobile-toggle #site-navigation .menu-toggle.menu-toggle{display:none!important}
  /* El tema puede marcar el botón interno en #masthead (no en body): si existe, se oculta el de la barra. */
  html body:has(#masthead .mobile-menu-control-wrapper .menu-toggle) #site-navigation.main-navigation .menu-toggle.menu-toggle.menu-toggle{display:none!important}

  html body #masthead .mobile-menu-control-wrapper.mobile-menu-control-wrapper.mobile-menu-control-wrapper{width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;margin-left:auto!important}
  html body #masthead .mobile-menu-control-wrapper .menu-toggle.menu-toggle,
  html body:not(.has-inline-mobile-toggle):not(:has(.mobile-menu-control-wrapper .menu-toggle)) #site-navigation .menu-toggle.menu-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:8px 13px!important;
    border:2px solid #0b2545!important;border-radius:12px!important;background:#fff!important;color:#0b2545!important;
    font-size:16px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;
    box-shadow:0 2px 8px rgba(11,37,69,.12)!important;
  }
  html body #masthead .menu-toggle.menu-toggle .gp-icon,
  html body #masthead .menu-toggle.menu-toggle .gp-icon svg,
  html body #site-navigation .menu-toggle.menu-toggle .gp-icon,
  html body #site-navigation .menu-toggle.menu-toggle .gp-icon svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:22px!important}
  html body #masthead .menu-toggle.menu-toggle .mobile-menu,html body #site-navigation .menu-toggle.menu-toggle .mobile-menu{display:none!important}
  html body #masthead .menu-toggle.menu-toggle::after,html body #site-navigation .menu-toggle.menu-toggle::after{content:"Menú";font-size:16px;font-weight:800;line-height:1}
  html body #masthead .menu-toggle.menu-toggle[aria-expanded="true"]::after,
  html body #site-navigation.toggled .menu-toggle.menu-toggle::after{content:"Cerrar"}
}
@media (min-width:601px) and (max-width:768px){
  html body.admin-bar #masthead.site-header,html body.admin-bar .site-header{top:46px!important}
}

/* 3.197.1: portada compacta y contenido comercial primero. */
.mrd-page-home .mrd-hero-grid{grid-template-columns:minmax(0,1fr)!important}
.mrd-page-home .mrd-hero-v23{padding:40px 0 28px!important}
.mrd-page-home .mrd-hero-copy{max-width:800px}
.mrd-page-home .mrd-hero-copy h1{font-weight:750!important;line-height:1.12!important;letter-spacing:-.035em!important}
.mrd-page-home .mrd-hero-how-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;text-decoration:underline;text-underline-offset:4px;color:#122033;font-weight:650}
.mrd-page-home .mrd-hero-steps{margin:14px 0 0!important;font-size:14px!important;font-weight:650;color:#17633e;line-height:1.5!important}
.mrd-page-home .mrd-hero-steps span{padding:0 8px}
.mrd-purchase-example .mrd-hero-card{max-width:760px;margin-inline:auto}
.mrd-page-home a:focus-visible{outline:3px solid #0b2545;outline-offset:4px}
@media(max-width:720px){
 .mrd-page-home .mrd-hero-v23{padding:22px 0 20px!important}
 .mrd-page-home .mrd-hero-copy h1{font-size:30px!important;margin:12px 0!important}
 .mrd-page-home .mrd-hero-copy>p{font-size:16px!important;line-height:1.5!important;margin-bottom:16px!important}
 .mrd-page-home .mrd-hero-copy>.mrd-badge{font-size:12px!important;white-space:normal!important}
 .mrd-page-home .mrd-hero-actions{gap:10px!important}
 .mrd-page-home .mrd-hero-how-link{grid-column:1/-1;justify-self:start;min-height:44px;padding:4px 0}
 .mrd.mrd-public .mrd-flow-band .mrd-flow-grid>div>span,
 .mrd.mrd-public .mrd-value-strip-v22 .mrd-value-card span{font-size:14px!important;line-height:1.5!important}
 .mrd :is(.mrd-form-grid,.mrd-form-grid-compact,.mrd-compact-form-grid,.mrd-hr-form-fields) label{font-size:14px!important;line-height:1.4!important}
 .mrd :is(.mrd-form-grid,.mrd-form-grid-compact,.mrd-compact-form-grid)>:has(input:is([type=email],[type=url],[autocomplete=street-address],[autocomplete=organization],[autocomplete=name])){grid-column:1/-1!important}
 .mrd .mrd-hr-form-fields .hr-form__row:has(input:is([type=email],[type=url],[autocomplete=street-address],[autocomplete=organization],[autocomplete=name])){grid-column:1/-1!important}
}
/* Scope header corrections to pages that actually contain MercanciaRD. */
@media(max-width:768px){
 body:has(.mrd) #masthead .inside-header{gap:10px!important;padding-inline:14px!important}
 body:has(.mrd) #masthead .site-branding{min-width:0!important;flex:1 1 auto!important}
 body:has(.mrd) #masthead .site-branding .main-title{font-size:clamp(18px,5.3vw,23px)!important;line-height:1.2!important}
 body:has(.mrd) #masthead .mobile-menu-control-wrapper{flex:0 0 auto!important;margin-left:0!important}
 body:has(.mrd) #masthead .mobile-menu-control-wrapper .menu-toggle.menu-toggle{gap:5px!important;padding:8px 9px!important;font-size:14px!important}
 body:has(.mrd) #masthead .menu-toggle.menu-toggle::after{font-size:14px!important}
}

/* 3.197.2: reserve the complete icon + label width; override GP compact toggle sizing. */
@media(max-width:768px){
 body:has(.mrd) #masthead .mobile-menu-control-wrapper.mobile-menu-control-wrapper.mobile-menu-control-wrapper{width:96px!important;min-width:96px!important;max-width:96px!important;flex:0 0 96px!important;margin-left:auto!important}
 body:has(.mrd) #masthead .mobile-menu-control-wrapper .menu-toggle.menu-toggle.menu-toggle,
 body:has(.mrd):not(:has(#masthead .mobile-menu-control-wrapper .menu-toggle)) #site-navigation .menu-toggle.menu-toggle.menu-toggle{
  display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  box-sizing:border-box!important;width:96px!important;min-width:96px!important;max-width:96px!important;min-height:44px!important;height:44px!important;
  padding:8px 10px!important;margin:0!important;border:1px solid #0b2545!important;border-radius:10px!important;
  background:#fff!important;color:#0b2545!important;font-size:14px!important;line-height:20px!important;letter-spacing:normal!important;text-indent:0!important;white-space:nowrap!important;transform:none!important;
 }
 body:has(.mrd) #masthead .menu-toggle.menu-toggle.menu-toggle .gp-icon,
 body:has(.mrd) #site-navigation .menu-toggle.menu-toggle.menu-toggle .gp-icon{display:inline-flex!important;position:static!important;flex:0 0 16px!important;width:16px!important;min-width:16px!important;height:16px!important;margin:0!important;transform:none!important}
 body:has(.mrd) #masthead .menu-toggle.menu-toggle.menu-toggle .gp-icon svg,
 body:has(.mrd) #site-navigation .menu-toggle.menu-toggle.menu-toggle .gp-icon svg{position:static!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;transform:none!important}
 body:has(.mrd) #masthead .menu-toggle.menu-toggle.menu-toggle::after,
 body:has(.mrd) #site-navigation .menu-toggle.menu-toggle.menu-toggle::after{position:static!important;display:block!important;flex:0 0 auto!important;width:auto!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;margin:0!important;transform:none!important}
 body:has(.mrd) #masthead .inside-header{flex-wrap:nowrap!important}
 body:has(.mrd) #masthead .site-logo{flex:0 0 auto!important;margin-right:8px!important}
}

/* 3.197.3: readable forms and one editable card per quote product. */
.mrd-demo-caption{font-size:14px;line-height:1.5;color:#526174}
@media(max-width:720px){
 .mrd .mrd-form-grid,.mrd .mrd-form-grid-compact,.mrd .mrd-compact-form-grid,
 .mrd .mrd-supplier-register-form .mrd-form-grid-compact{grid-template-columns:minmax(0,1fr)!important}
 .mrd .mrd-hr-form-fields .hr-form__row{grid-column:1/-1!important}
 .mrd :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;min-height:44px}
 .mrd .mrd-quote-table-scroll{overflow:visible!important}
 .mrd table.mrd-quote-entry{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
 .mrd table.mrd-quote-entry colgroup{display:none!important}
 .mrd table.mrd-quote-entry thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 .mrd table.mrd-quote-entry tbody{display:grid!important;gap:18px}
 .mrd table.mrd-quote-entry tr[data-mrd-quote-line]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;background:#fff;border:1px solid #dfe6ec;border-radius:16px;padding:14px!important;gap:12px}
 .mrd table.mrd-quote-entry tr[data-mrd-quote-line]>td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;border:0!important;padding:0!important;white-space:normal!important}
 .mrd table.mrd-quote-entry td[data-label]::before{content:attr(data-label);display:block!important;font-size:14px;font-weight:700;color:#122033;margin-bottom:6px}
 .mrd table.mrd-quote-entry :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 .mrd table.mrd-quote-entry .mrd-quote-total-cell{padding-top:12px!important;border-top:1px solid #dfe6ec!important}
}

/* 3.197.5: readable private directories, preserving table data and actions. */
@media(max-width:720px){
 body.mrd-private-panel .mrd-directory-filters label{font-size:14px!important;line-height:1.4!important;margin-bottom:6px!important}
 body.mrd-private-panel .mrd-directory-filters :is(input,select){font-size:16px!important;min-height:44px!important}
 body.mrd-private-panel .mrd-directory-filters>p.search{grid-column:1/-1!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td:before{font-size:13px!important;line-height:1.4!important;color:#526174!important;font-weight:650!important;margin-bottom:5px!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td{overflow-wrap:anywhere;font-size:15px!important;line-height:1.5!important;padding:10px 0!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) :is(strong,span,small){line-height:1.5!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) small{font-size:13px!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td:is([data-label="Estado"],[data-label="Estado del expediente"],[data-label="Avance logístico"],[data-label="Próxima acción"],[data-label="Documento"],[data-label="Archivo"],[data-label="Pago y saldo"]){grid-column:1/-1!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) :is(.mrd-table-action,.mrd-btn,.button){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;text-align:center!important;padding:10px 12px!important;max-width:100%!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td[data-label="Próxima acción"] :is(.mrd-table-action,.mrd-btn){width:100%!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) a:focus-visible{outline:3px solid #0b2545;outline-offset:3px}
}
@media(max-width:359px){
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) tr{grid-template-columns:minmax(0,1fr)!important}
 body.mrd-private-panel .mrd-directory-filters{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:720px){
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td[data-label="Estado"] span{font-size:13px!important}
 body.mrd-private-panel .mrd-mobile-card-table:not(.mrd-quote-entry) td[data-label="Próxima acción"] .mrd-table-action{background:#087c50!important;color:#fff!important;border:1px solid #087c50!important;border-radius:9px!important;text-decoration:none!important}
}

/* 3.197.9: keep the primary-location checkbox beside its complete label. */
.mrd-location-manager .mrd-check-row .mrd-check{
 display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
 gap:10px!important;min-height:44px!important;line-height:1.5!important;text-align:left!important;
}
.mrd-location-manager .mrd-check-row .mrd-check input[type="checkbox"]{
 flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;
 min-height:18px!important;max-width:18px!important;margin:2px 0 0!important;
}

/* 3.197.10: alternative-product fields retain a visible name after typing. */
.mrd-quote-entry .mrd-quote-alternative-fields .mrd-alt-field-label{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;
 min-width:0!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important;
}

/* 3.197.11: readable product details and note actions on mobile quote cards. */
@media(max-width:720px){
 .mrd .mrd-quote-entry .mrd-quote-requested{overflow-wrap:anywhere!important;word-break:normal!important}
 .mrd .mrd-quote-entry .mrd-quote-requested strong{font-size:16px!important;line-height:1.45!important}
 .mrd .mrd-quote-entry .mrd-quote-requested span{font-size:14px!important;line-height:1.5!important;margin-top:6px!important}
 .mrd .mrd-quote-entry .mrd-quote-requested small{font-size:13px!important;line-height:1.5!important;margin-top:6px!important}
 .mrd .mrd-quote-entry .mrd-quote-requested .mrd-substitution-policy{font-size:13px!important;line-height:1.45!important;padding:5px 8px!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important}
 .mrd .mrd-quote-entry .mrd-quote-line-note>summary{display:flex!important;align-items:center!important;min-height:44px!important;font-size:14px!important;line-height:1.5!important;white-space:normal!important}
 .mrd .mrd-quote-entry .mrd-quote-line-note>summary:focus-visible{outline:3px solid #0b2545;outline-offset:2px;border-radius:4px}
 .mrd .mrd-quote-entry .mrd-quote-total-cell>small{font-size:13px!important;line-height:1.5!important}
 .mrd .mrd-quote-entry .mrd-quote-total-cell .mrd-line-total{font-size:16px!important;line-height:1.5!important}
}

/* 3.197.12: password controls have separate labels and comfortable keyboard targets. */
.mrd .mrd-password-control{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:stretch!important;gap:8px!important;min-width:0!important;width:100%!important}
.mrd .mrd-password-control>input{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.mrd .mrd-password-control>.mrd-password-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;margin:0!important;border:1px solid #087c50!important;border-radius:9px!important;background:#fff!important;color:#075c3d!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;cursor:pointer}
.mrd .mrd-password-toggle:focus-visible{outline:3px solid #0b2545;outline-offset:2px}
.mrd .mrd-password-toggle:disabled{opacity:.6;cursor:default}

/* 3.197.13: homepage composition; scoped to the public home/how pages. */
.mrd.mrd-page-home .mrd-home-hero-v313{padding:40px 0!important}
.mrd.mrd-page-home .mrd-home-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;align-items:center!important;gap:36px!important}
.mrd.mrd-page-home .mrd-home-hero-copy{min-width:0!important}
.mrd.mrd-page-home .mrd-home-hero-copy h1{font-size:clamp(36px,4.2vw,56px)!important;line-height:1.08!important;letter-spacing:-1.7px!important;margin:18px 0!important}
.mrd.mrd-page-home .mrd-home-hero-copy h1 span{display:block}
.mrd.mrd-page-home .mrd-home-hero-copy>p{font-size:16px!important;line-height:1.6!important;max-width:540px!important}
.mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:22px 0 12px!important}
.mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-actions>a{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px!important;box-sizing:border-box!important}
.mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-how-link{font-size:14px!important;padding:8px 2px!important}
.mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-steps{font-size:13px!important;margin:10px 0 0!important}
.mrd.mrd-page-home .mrd-home-preview{min-width:0!important;padding:26px!important;border-radius:24px!important;border:1px solid #263b57!important;background:linear-gradient(145deg,#10172d,#172945)!important;color:#fff!important;box-shadow:0 20px 45px rgba(16,23,45,.17);position:relative}
.mrd.mrd-page-home .mrd-preview-badge{display:inline-block;padding:5px 10px;border:1px solid #ffe17b;border-radius:999px;background:#fff3bc;color:#5c4600;font-size:12px;font-weight:750}
.mrd.mrd-page-home .mrd-home-preview h2{font-size:clamp(24px,2.5vw,30px)!important;line-height:1.2!important;letter-spacing:-.6px!important;color:#fff!important;margin:15px 0 10px!important}
.mrd.mrd-page-home .mrd-home-preview .mrd-preview-description{color:#d8e2ee!important;font-size:14px!important;line-height:1.5!important;margin:0 0 18px!important}
.mrd.mrd-page-home .mrd-preview-columns{display:flex;justify-content:space-between;gap:12px;color:#b4c4d7;font-size:11px;margin-bottom:8px}
.mrd.mrd-page-home .mrd-preview-quotes{display:grid;gap:9px;list-style:none!important;padding:0!important;margin:0!important}
.mrd.mrd-page-home .mrd-preview-quotes li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #d8e4ef;border-radius:12px;color:#13243a}
.mrd.mrd-page-home .mrd-preview-quotes li:first-child{border-left:4px solid #049351}
.mrd.mrd-page-home .mrd-preview-quotes li strong{display:block;font-size:14px;line-height:1.4}
.mrd.mrd-page-home .mrd-preview-quotes li span{display:block;font-size:12px;line-height:1.5;color:#526174}
.mrd.mrd-page-home .mrd-preview-quotes li>b{font-size:16px;color:#086b45;white-space:nowrap}
.mrd.mrd-page-home .mrd-home-preview .mrd-preview-note{font-size:12px!important;line-height:1.5!important;color:#d8e2ee!important;margin:14px 0 0!important}
.mrd.mrd-page-home .mrd-preview-details{border:0!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important}
.mrd.mrd-page-home .mrd-preview-details>summary{display:none}
.mrd.mrd-page-home .mrd-preview-details>summary:focus-visible{outline:3px solid #ffd11a!important;outline-offset:3px!important}
.mrd.mrd-page-home .mrd-preview-body{padding:0!important;margin:0!important}
.mrd.mrd-page-home>.mrd-section{padding:36px 0!important}
.mrd.mrd-page-home .mrd-section-title{margin-bottom:22px!important}
.mrd.mrd-page-home .mrd-section-title h2{font-size:clamp(26px,3vw,36px)!important;line-height:1.18!important;margin:12px 0!important}
.mrd.mrd-page-home .mrd-flow-band{padding:28px 0!important}
.mrd.mrd-page-home .mrd-flow-band>.mrd-container{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.mrd.mrd-page-home .mrd-flow-grid strong{font-size:15px!important;line-height:1.4!important}
.mrd.mrd-page-home .mrd-flow-grid span{font-size:13px!important;line-height:1.5!important}
.mrd.mrd-page-how .mrd-how-hero{padding:44px 0!important}
.mrd.mrd-page-how .mrd-how-hero h1{font-size:clamp(34px,3.8vw,52px)!important;line-height:1.12!important;letter-spacing:-1.4px!important}
.mrd.mrd-page-how .mrd-how-hero p{font-size:16px!important;line-height:1.6!important}
.mrd.mrd-page-how .mrd-how-mini-screen .mrd-how-example-note{font-size:13px!important;color:#526174!important;margin:0 0 12px!important}
.mrd.mrd-page-home a:focus-visible,.mrd.mrd-page-home summary:focus-visible{outline:3px solid #0b2545;outline-offset:3px}
@media(max-width:959px){
 .mrd.mrd-page-home .mrd-home-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
 .mrd.mrd-page-home .mrd-home-hero-copy h1{max-width:680px!important}
 .mrd.mrd-page-home .mrd-home-preview{width:100%;max-width:640px;box-sizing:border-box;justify-self:center}
}
@media(max-width:599px){
 .mrd.mrd-page-home .mrd-home-hero-v313{padding:28px 0!important}
 .mrd.mrd-page-home .mrd-home-hero-copy h1{font-size:34px!important;letter-spacing:-1px!important}
 .mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .mrd.mrd-page-home .mrd-home-hero-copy .mrd-hero-actions>a{width:100%!important}
 .mrd.mrd-page-home .mrd-home-preview{padding:18px!important;border-radius:20px!important}
 .mrd.mrd-page-home .mrd-home-preview h2{font-size:24px!important}
 .mrd.mrd-page-home .mrd-preview-details>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid #637995!important;border-radius:9px!important;padding:9px 11px!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;list-style:none!important;cursor:pointer!important}
 .mrd.mrd-page-home .mrd-preview-details>summary::-webkit-details-marker{display:none}
 .mrd.mrd-page-home .mrd-preview-details>summary::after{content:'+';font-size:20px;font-weight:700}
 .mrd.mrd-page-home .mrd-preview-details[open]>summary::after{content:'−'}
 .mrd.mrd-page-home .mrd-preview-details[open]>.mrd-preview-body{padding-top:14px!important}
 .mrd.mrd-page-home .mrd-preview-columns{font-size:10px}
 .mrd.mrd-page-home .mrd-preview-quotes li{padding:10px;gap:7px}
 .mrd.mrd-page-home .mrd-preview-quotes li span{font-size:11px}
 .mrd.mrd-page-home .mrd-preview-quotes li>b{font-size:14px}
 .mrd.mrd-page-home>.mrd-section{padding:28px 0!important}
 .mrd.mrd-page-home .mrd-flow-head h2{font-size:28px!important}
 .mrd.mrd-page-home .mrd-flow-grid strong{font-size:14px!important}
 .mrd.mrd-page-home .mrd-flow-grid span{font-size:13px!important}
 .mrd.mrd-page-how .mrd-how-hero{padding:30px 0!important}
 .mrd.mrd-page-how .mrd-how-hero h1{font-size:34px!important}
}

/* 3.197.14: actionable categories and two clear paths from empty opportunities. */
.mrd .mrd-category-entry{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:220px!important;height:auto!important;aspect-ratio:auto!important;text-decoration:none!important;color:inherit!important}
.mrd .mrd-category-entry>figure{flex-shrink:0!important}
.mrd .mrd-category-entry p{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;font-size:12px!important;line-height:1.45!important;flex:0 0 auto!important}
.mrd .mrd-category-entry>div{display:flex;flex-direction:column;flex:1}
.mrd .mrd-category-entry .mrd-category-action{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:10px;font-size:13px;line-height:1.5;font-weight:800;color:#087c50}
.mrd .mrd-category-entry:focus-visible{outline:3px solid #087c50!important;outline-offset:3px!important}
.mrd .mrd-category-request-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:20px;border:1px solid #b6dfcb;border-radius:16px;background:#effaf4;color:#13243a;scroll-margin-top:100px}
.mrd .mrd-category-request-context>div{min-width:0}
.mrd .mrd-category-request-context span{font-size:13px;font-weight:750;color:#087c50}
.mrd .mrd-category-request-context h2{font-size:24px!important;line-height:1.25!important;margin:6px 0!important;overflow-wrap:anywhere}
.mrd .mrd-category-request-context p{font-size:14px;line-height:1.5;margin:0}
.mrd .mrd-category-request-context>a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #087c50;border-radius:9px;color:#075c3d;background:#fff;font-size:14px;font-weight:750;text-decoration:none}
.mrd .mrd-category-request-context>a:focus-visible{outline:3px solid #0b2545;outline-offset:3px}
.mrd .mrd-empty-paths{display:flex;flex-wrap:wrap;gap:10px}
.mrd .mrd-empty-paths>.mrd-btn{min-height:44px!important}
@media(max-width:720px){.mrd .mrd-category-request-context{align-items:stretch;flex-direction:column;padding:16px}.mrd .mrd-category-request-context>a{width:100%}.mrd .mrd-empty-paths{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.mrd .mrd-empty-paths>.mrd-btn{width:100%}}

/* 3.197.15: comparable public plan facts and complete benefit descriptions. */
.mrd-plan-public-section .mrd-plan-commercial-hero h2{font-size:clamp(30px,3.5vw,44px)!important;line-height:1.15!important}
.mrd-plan-public-section .mrd-plan-commercial-hero>p{font-size:16px!important;line-height:1.6!important}
.mrd-plan-public-section .mrd-plan-public{display:flex!important;flex-direction:column!important;min-width:0!important}
.mrd-plan-public-section .mrd-plan-price-box strong{font-size:clamp(28px,3vw,38px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
.mrd-plan-public-section .mrd-plan-summary{min-height:0!important;font-size:14px!important;line-height:1.5!important}
.mrd-plan-public-section .mrd-plan-facts{display:grid;gap:0;margin:16px 0;padding:0;border-top:1px solid #dce5e1;border-bottom:1px solid #dce5e1}
.mrd-plan-public-section .mrd-plan-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:10px 0}
.mrd-plan-public-section .mrd-plan-facts dt{font-size:13px;line-height:1.5;color:#526174;font-weight:600}
.mrd-plan-public-section .mrd-plan-facts dd{margin:0;font-size:14px;line-height:1.5;color:#13243a;font-weight:750;overflow-wrap:anywhere}
.mrd-plan-public-section .mrd-plan-features li{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere}
.mrd-plan-public-section .mrd-plan-more{margin:0 0 18px;border:1px solid #d5dfda;border-radius:10px;padding:0 10px;background:#fff}
.mrd-plan-public-section .mrd-plan-more>summary{display:list-item;min-height:44px;box-sizing:border-box;padding:12px 2px;font-size:14px;line-height:1.5;font-weight:750;color:#075c3d;cursor:pointer}
.mrd-plan-public-section .mrd-plan-more>summary:focus-visible,.mrd-plan-public-section .mrd-btn:focus-visible{outline:3px solid #0b2545;outline-offset:3px}
.mrd-plan-public-section .mrd-plan-cta{margin-top:auto!important;padding-top:16px!important}
.mrd-plan-public-section .mrd-plan-cta .mrd-btn,.mrd-plan-public-section .mrd-empty-state .mrd-btn{min-height:44px!important}
.mrd-plan-public-section .mrd-plans-grid-public.mrd-plans-count-1{grid-template-columns:minmax(0,560px)!important;justify-content:center}
.mrd-plan-public-section .mrd-plans-grid-public.mrd-plans-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:720px){.mrd-plan-public-section .mrd-plans-grid-public{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;padding:0!important;gap:18px!important}.mrd-plan-public-section .mrd-plan-public{min-width:0!important;width:auto!important;scroll-snap-align:none!important}.mrd-plan-public-section .mrd-plans-grid-public.mrd-plans-count-2,.mrd-plan-public-section .mrd-plans-grid-public.mrd-plans-count-4{grid-template-columns:minmax(0,1fr)!important}}

/* 3.197.16: readable, grouped user permissions and associated account labels. */
.mrd-users-management .mrd-role-permissions-summary>strong{font-size:14px!important;line-height:1.5!important}
.mrd-users-management [data-mrd-role-permission-count]{display:block;font-size:13px;line-height:1.5;color:#526174;margin-bottom:8px}
.mrd-users-management .mrd-role-permissions-summary [data-mrd-role-permission-list] span{font-size:13px!important;line-height:1.4!important;white-space:normal!important}
.mrd-users-management .mrd-user-access-form fieldset.mrd-permission-grid{min-width:0!important;min-inline-size:0!important;margin:12px 0 0!important;padding:12px!important}
.mrd-users-management .mrd-permission-grid>legend{font-size:14px;font-weight:750;color:#13243a;padding:0 6px}
.mrd-users-management .mrd-permission-grid label{display:flex!important;align-items:flex-start!important;gap:9px!important;min-width:0!important;min-height:44px!important;box-sizing:border-box!important;padding:8px 4px!important;font-size:14px!important;line-height:1.5!important}
.mrd-users-management .mrd-permission-grid input[type=checkbox]{flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:18px!important;margin:2px 0 0!important}
.mrd-users-management .mrd-custom-permissions-toggle{font-size:14px!important;line-height:1.5!important;min-height:44px!important}
.mrd-users-management .mrd-user-access-form .mrd-field-help,.mrd-users-management .mrd-form-help{font-size:13px!important;line-height:1.5!important}
.mrd-users-management .mrd-user-access-form :is(input,select,summary):focus-visible{outline:3px solid #0b2545;outline-offset:2px}
@media(max-width:720px){.mrd-users-management fieldset.mrd-permission-grid{grid-template-columns:minmax(0,1fr)!important}.mrd-users-management .mrd-user-access-form .mrd-form-section{padding:12px!important}}

/* 3.197.17 Applied list criteria */
.mrd-applied-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 20px;padding:16px;border:1px solid #cfe2d8;border-radius:14px;background:#f3faf6;color:#172538;min-width:0}
.mrd-applied-filters p{margin:0;flex:1 1 220px;font-size:14px;line-height:1.5}.mrd-applied-filters p span{display:block;font-size:13px;color:#526478}
.mrd-applied-filters ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;flex:2 1 280px;min-width:0}.mrd-applied-filters li{background:#fff;border:1px solid #d5e4dc;border-radius:8px;padding:7px 10px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.mrd-applied-filters .mrd-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}.mrd-applied-filters a:focus-visible{outline:3px solid #116bce;outline-offset:3px}
@media(max-width:720px){.mrd-applied-filters{align-items:stretch}.mrd-applied-filters p,.mrd-applied-filters ul{flex-basis:100%}.mrd-applied-filters .mrd-btn{width:100%;box-sizing:border-box}}

/* 3.197.18 Filtered empty lists */
.mrd-filtered-empty{margin:20px 0;padding:24px;border:1px dashed #b8cdc2;border-radius:16px;background:#f8fcfa;color:#172538;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.mrd-filtered-empty h3{font-size:22px;line-height:1.3;margin:0 0 12px}.mrd-filtered-empty p{font-size:15px;line-height:1.6;margin:0 0 12px;max-width:65ch}.mrd-filtered-empty .mrd-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;box-sizing:border-box}.mrd-filtered-empty a:focus-visible{outline:3px solid #116bce;outline-offset:3px}
@media(max-width:720px){.mrd-filtered-empty{padding:18px}.mrd-filtered-empty h3{font-size:20px}.mrd-filtered-empty .mrd-btn{width:100%}}

/* 3.197.20 One HR-managed public ad slot; do not clip creatives. */
.mrd-hr-ad-content{width:100%;max-width:970px;min-width:0;margin:24px 0}.mrd-hr-ad-content .hr-platform-ad{width:100%;margin:0}.mrd-hr-ad-content .hr-platform-ad>span{display:block;font-size:12px;line-height:1.5;color:#657185;margin-bottom:8px}.mrd-hr-ad-content .adsbygoogle{width:100%}