/*
  LA ENTRADA DE MANAGEMENT: lo que no es el marco (22-10-2026).

  El marco —barra, panel de herramientas, encabezado, tarjetas y zona vacía—
  es la librería de /css/supernova-marca.css. Aquí queda lo propio de esta
  pantalla: las puertas de sesión, el asistente del proveedor B2B y la ventana
  que confirma devolver una herramienta al panel.
*/
html.management-silent-boot #management-launcher,
html.management-silent-boot #management-available-tools,
html.management-silent-boot #management-auth-state,
html.management-silent-boot #management-google-auth,
html.management-silent-boot .sidebar-title,
html.management-silent-boot .management-mobile-context {
      visibility: hidden;
    }
.nav-status { border: 1px solid var(--sn-borde); border-radius: var(--sn-radio-icono); padding: var(--sn-espacio-12); margin-bottom: var(--sn-espacio-12); color: var(--sn-texto); font-size: var(--sn-tamano-nombre-fila); line-height: 1.4; }
.supplier-onboarding-workspace { margin-bottom: var(--sn-espacio-24); overflow: hidden; max-width: 100%; min-width: 0; }
.supplier-onboarding-shell { display: grid; grid-template-columns: 260px 1fr; gap: var(--sn-espacio-18); border: 1px solid var(--sn-superficie-hover); border-radius: var(--sn-radio-tarjeta); background: var(--sn-barra); overflow: hidden; max-width: 100%; min-width: 0; box-sizing: border-box; }
.supplier-onboarding-progress { padding: var(--sn-espacio-18); border-right: 1px solid var(--sn-borde); background: color-mix(in srgb, var(--sn-fondo) 55%, transparent); min-width: 0; }
.supplier-onboarding-content { padding: var(--sn-espacio-24); overflow: hidden; min-width: 0; max-width: 100%; box-sizing: border-box; }
.supplier-onboarding-panel { max-width: 100%; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.supplier-onboarding-panel h2 { margin: 0 0 var(--sn-espacio-12); font-size: var(--sn-tamano-titulo-vacio); overflow-wrap: anywhere; word-break: break-word; }
.supplier-onboarding-panel p { color: var(--sn-texto); line-height: 1.55; overflow-wrap: anywhere; word-break: break-word; }
.supplier-onboarding-eyebrow { margin: 0 0 var(--sn-espacio-8); color: var(--sn-acento); text-transform: uppercase; letter-spacing: 0.08em; font-size: var(--sn-tamano-menor); }
.supplier-onboarding-step { display: flex; gap: var(--sn-espacio-8); align-items: flex-start; margin: 0 0 var(--sn-espacio-10); color: var(--sn-texto); font-size: var(--sn-tamano-nombre-fila); }
.supplier-onboarding-step.is-complete { color: var(--sn-correcto-texto); }
.supplier-onboarding-step.is-active { color: var(--sn-texto); font-weight: 700; }
.supplier-onboarding-step-marker { width: 18px; text-align: center; }
.supplier-onboarding-form { display: grid; gap: var(--sn-espacio-12); margin: var(--sn-espacio-16) 0; }
.supplier-onboarding-form.is-rut [data-supplier-section="camara-only"] { display: none !important; }
.supplier-onboarding-form.is-camara [data-supplier-section="rut-only"] { display: none !important; }
.supplier-onboarding-form label { display: grid; gap: var(--sn-espacio-4); }
.supplier-onboarding-form label.supplier-onboarding-check,
.supplier-onboarding-tax-options .supplier-onboarding-check,
.supplier-onboarding-branch-options .supplier-onboarding-check {
      display: flex !important;
      flex-direction: row !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
      gap: var(--sn-espacio-10) !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: var(--sn-espacio-8) 0 !important;
      line-height: 1.35;
    }
.supplier-onboarding-form label.supplier-onboarding-check input[type="checkbox"],
.supplier-onboarding-tax-options .supplier-onboarding-check input[type="checkbox"],
.supplier-onboarding-branch-options .supplier-onboarding-check input[type="checkbox"] {
      width: auto !important;
      margin: 0 !important;
      flex: 0 0 auto !important;
    }
.supplier-onboarding-form span { color: var(--sn-texto); font-size: var(--sn-tamano-secundario); }
.supplier-onboarding-form .create-input, .supplier-onboarding-form textarea { width: 100%; border: 1px solid var(--sn-borde); border-radius: var(--sn-radio-icono); background: color-mix(in srgb, var(--sn-fondo) 72%, transparent); color: var(--sn-texto); padding: var(--sn-espacio-10) var(--sn-espacio-12); font: inherit; }
.supplier-nit-container {
      display: flex !important;
      flex-direction: column !important;
      gap: var(--sn-espacio-8) !important;
      align-items: flex-start !important;
    }
.supplier-onboarding-tax-id-field {
      width: 100% !important;
      max-width: 320px !important;
      display: flex !important;
      flex-direction: column !important;
      gap: var(--sn-espacio-4) !important;
    }
[data-supplier-nit-preview] {
      color: var(--sn-acento) !important;
      margin: 0 !important;
    }
.supplier-onboarding-fieldset { margin: 0; padding: var(--sn-espacio-12); border: 1px solid var(--sn-borde); border-radius: var(--sn-radio-icono); display: grid; gap: var(--sn-espacio-12); }
.supplier-onboarding-fieldset legend { padding: 0 var(--sn-espacio-4); color: var(--sn-texto); font-size: var(--sn-tamano-secundario); }
.supplier-ciiu-picker { display: grid; gap: var(--sn-espacio-8); position: relative; overflow: visible; }
.supplier-ciiu-picker > label { position: relative; overflow: visible; }
.supplier-ciiu-results { list-style: none; margin: 0; padding: var(--sn-espacio-4); border: 1px solid var(--sn-borde-fuerte); border-radius: var(--sn-radio-icono); background: color-mix(in srgb, var(--sn-fondo) 98%, transparent); max-height: 320px; overflow-y: auto; box-shadow: none; }
.supplier-onboarding-tax-options { display: grid; gap: var(--sn-espacio-4); }
.supplier-onboarding-branch-options { display: flex; flex-direction: column; gap: var(--sn-espacio-10); margin: var(--sn-espacio-4) 0 var(--sn-espacio-8); align-items: stretch; width: 100%; }
.supplier-onboarding-location { margin: var(--sn-espacio-12) 0 var(--sn-espacio-16); }
.supplier-onboarding-actions,
.supplier-onboarding-footer-actions {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--sn-espacio-12);
      width: fit-content;
      max-width: 100%;
    }
.supplier-onboarding-footer-actions {
      margin-top: var(--sn-espacio-18);
      padding-top: var(--sn-espacio-16);
      border-top: 1px solid var(--sn-borde);
    }
.supplier-onboarding-panel .launcher-button.compact-btn,
.supplier-onboarding-panel .launcher-button.primary-action-btn,
.supplier-onboarding-panel .launcher-button.reset-action-btn {
      width: auto;
      min-width: 0;
      flex: 0 0 auto;
      white-space: nowrap;
    }
.supplier-onboarding-panel .launcher-button.compact-btn {
      padding: var(--sn-espacio-8) var(--sn-espacio-12);
      font-size: var(--sn-tamano-nombre-fila);
      font-weight: 600;
    }
.supplier-onboarding-panel .launcher-button.primary-action-btn {
      padding: var(--sn-espacio-10) var(--sn-espacio-18);
    }
.supplier-onboarding-panel .launcher-button.reset-action-btn {
      padding: var(--sn-espacio-10) var(--sn-espacio-16);
      font-size: var(--sn-tamano-nombre-fila);
      font-weight: 600;
    }
.supplier-onboarding-branch-options .supplier-onboarding-check { margin: 0; }
.supplier-ciiu-results li + li { border-top: 1px solid var(--sn-borde); }
.supplier-ciiu-results button { width: 100%; text-align: left; border: 0; background: transparent; color: var(--sn-texto); padding: var(--sn-espacio-12) var(--sn-espacio-12); cursor: pointer; display: flex; flex-direction: column; gap: var(--sn-espacio-4); font: inherit; border-radius: var(--sn-radio-icono); transition: background 0.15s ease; }
.supplier-ciiu-results button:hover { background: var(--sn-superficie-hover); }
.supplier-ciiu-results strong { color: var(--sn-acento); font-size: var(--sn-tamano-cuerpo); font-weight: 700; }
.supplier-ciiu-results span { color: var(--sn-texto); font-size: var(--sn-tamano-nombre-fila); line-height: 1.4; }
.supplier-ciiu-chips { display: flex; flex-wrap: wrap; gap: var(--sn-espacio-8); }
.supplier-ciiu-chip { display: inline-flex; align-items: center; gap: var(--sn-espacio-8); padding: var(--sn-espacio-4) var(--sn-espacio-10); border-radius: var(--sn-radio-pildora); background: var(--sn-superficie-hover); color: var(--sn-texto); font-size: var(--sn-tamano-menor); }
.supplier-ciiu-chip button { border: 0; background: transparent; color: var(--sn-revisar-texto); cursor: pointer; font-size: var(--sn-tamano-nombre-tarjeta); line-height: 1; padding: 0; }
.supplier-onboarding-check { display: flex; gap: var(--sn-espacio-10); align-items: flex-start; margin: var(--sn-espacio-12) 0; color: var(--sn-texto); max-width: 100%; }
.supplier-onboarding-check span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.supplier-onboarding-list { margin: var(--sn-espacio-12) 0 var(--sn-espacio-16) var(--sn-espacio-18); color: var(--sn-texto); }
.supplier-onboarding-legal-links { margin: var(--sn-espacio-10) 0 var(--sn-espacio-16) var(--sn-espacio-18); padding: 0; list-style: none; display: grid; gap: var(--sn-espacio-8); }
.supplier-onboarding-legal-links a { color: var(--sn-acento); text-decoration: underline; text-underline-offset: 2px; }
.supplier-onboarding-legal-links a:hover { color: var(--sn-acento); }
.supplier-onboarding-check a { color: var(--sn-acento); text-decoration: underline; text-underline-offset: 2px; }
.supplier-onboarding-note { font-size: var(--sn-tamano-nombre-fila); color: var(--sn-texto-secundario); overflow-wrap: anywhere; word-break: break-word; }
.supplier-onboarding-subsection { margin: var(--sn-espacio-18) 0; padding-top: var(--sn-espacio-12); border-top: 1px solid var(--sn-borde); }
.supplier-onboarding-subsection h3 { margin: 0 0 var(--sn-espacio-10); font-size: var(--sn-tamano-cuerpo); color: var(--sn-texto); font-weight: 600; }
.readiness-dashboard-chips {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sn-espacio-10);
      margin: 0 0 var(--sn-espacio-18);
      align-items: stretch;
    }
.readiness-dashboard-chips .chip {
      display: inline-flex;
      align-items: center;
      gap: var(--sn-espacio-4);
      padding: var(--sn-espacio-8) var(--sn-espacio-12);
      border-radius: var(--sn-radio-pildora);
      font-size: var(--sn-tamano-secundario);
      line-height: 1.35;
      white-space: normal;
      text-overflow: clip;
      overflow: visible;
      max-width: none;
      border: 1px solid var(--sn-borde);
      color: var(--sn-texto);
      background: color-mix(in srgb, var(--sn-fondo) 55%, transparent);
    }
.readiness-dashboard-chips .chip.is-complete {
      border-color: var(--sn-correcto-fondo);
      color: var(--sn-correcto-texto);
      background: var(--sn-correcto-fondo);
    }
.readiness-dashboard-chips .chip.is-pending {
      border-color: var(--sn-advertencia-fondo);
      color: var(--sn-advertencia-texto);
      background: var(--sn-advertencia-fondo);
    }
.readiness-dashboard-chips .chip .tech-id { font-size: var(--sn-tamano-menor); }
.supplier-onboarding-inherited-card {
      display: grid;
      gap: var(--sn-espacio-10);
      padding: var(--sn-espacio-12) var(--sn-espacio-16);
      border: 1px solid var(--sn-superficie-hover);
      border-radius: var(--sn-radio-control);
      background: color-mix(in srgb, var(--sn-fondo) 62%, transparent);
      box-shadow: none;
    }
.supplier-onboarding-inherited-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: var(--sn-espacio-4);
      margin: 0;
      align-items: start;
      color: var(--sn-texto);
      font-size: var(--sn-tamano-nombre-fila);
      line-height: 1.45;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
.supplier-onboarding-inherited-label {
      color: var(--sn-texto-secundario);
      font-size: var(--sn-tamano-menor);
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
.supplier-onboarding-operational-form { margin: 0; }
.supplier-onboarding-operational-address-field {
      display: grid;
      gap: var(--sn-espacio-4);
      max-width: 640px;
    }
.supplier-onboarding-operational-address-field span {
      color: var(--sn-texto);
      font-size: var(--sn-tamano-secundario);
    }
.supplier-onboarding-operational-address {
      width: 100%;
      max-width: 640px;
      min-height: 42px;
      height: 42px;
      padding: var(--sn-espacio-10) var(--sn-espacio-12);
      box-sizing: border-box;
    }
.supplier-onboarding-waba-pin-block {
      display: grid;
      gap: var(--sn-espacio-10);
      max-width: 100%;
      min-width: 0;
      justify-items: start;
    }
.supplier-onboarding-waba-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--sn-espacio-10);
      width: fit-content;
      max-width: 100%;
    }
.supplier-onboarding-waba-pin-block .supplier-onboarding-note {
      margin: 0;
    }
.supplier-onboarding-waba-territory-note {
      color: var(--sn-correcto-texto);
      font-size: var(--sn-tamano-secundario);
    }
.supplier-onboarding-waba-steps {
      margin: 0 0 var(--sn-espacio-4) var(--sn-espacio-18);
      padding: 0;
      color: var(--sn-texto);
      font-size: var(--sn-tamano-nombre-fila);
      line-height: 1.5;
    }
.supplier-onboarding-waba-steps li + li { margin-top: var(--sn-espacio-4); }
.supplier-onboarding-pin-ready { color: var(--sn-correcto-texto) !important; }
.supplier-onboarding-pin-warning { color: var(--sn-revisar-texto) !important; border-left: 3px solid var(--sn-revisar-texto); padding-left: var(--sn-espacio-10); }
.supplier-onboarding-waba-pin-block .supplier-onboarding-waba-link,
.supplier-onboarding-waba-pin-block .supplier-onboarding-waba-actions .launcher-button {
      width: auto;
      max-width: 100%;
      white-space: nowrap;
      text-align: center;
      line-height: 1.35;
      justify-content: center;
      flex: 0 0 auto;
      margin: 0;
      padding: var(--sn-espacio-8) var(--sn-espacio-12);
      font-size: var(--sn-tamano-nombre-fila);
      font-weight: 600;
    }
.supplier-onboarding-waba-pin-block .supplier-onboarding-waba-actions .secondary-button {
      border-color: var(--sn-revisar-fondo);
      background: var(--sn-revisar-fondo);
      color: var(--sn-revisar-texto);
    }
.supplier-onboarding-waba-pin-block .supplier-onboarding-waba-actions .secondary-button:hover {
      background: var(--sn-revisar-fondo);
    }
.supplier-onboarding-waba-link {
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
.tech-id,
.supplier-onboarding-panel .tech-id {
      display: inline-block;
      padding: var(--sn-espacio-4) var(--sn-espacio-8);
      border-radius: var(--sn-radio-icono);
      border: 1px solid var(--sn-superficie-hover);
      background: var(--sn-borde);
      color: var(--sn-acento);
      font-family: var(--sn-fuente-mono);
      font-size: var(--sn-tamano-menor);
      font-weight: 600;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }
.supplier-onboarding-error { margin: 0 0 var(--sn-espacio-12); color: var(--sn-revisar-texto); }
.supplier-onboarding-success { margin: 0 0 var(--sn-espacio-12); color: var(--sn-correcto-texto); }
@media (max-width: 960px) {
  .supplier-onboarding-shell { grid-template-columns: 1fr; }
  .supplier-onboarding-progress { border-right: 0; border-bottom: 1px solid var(--sn-borde); }
  .supplier-onboarding-inherited-row { grid-template-columns: 1fr; gap: var(--sn-espacio-4); }
}
/* Los botones de las puertas y del asistente: los de la librería, con su nombre de siempre. */
.launcher-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--sn-espacio-8); min-height: var(--sn-tactil); padding: 0 var(--sn-espacio-18); border: 1px solid var(--sn-acento); border-radius: var(--sn-radio-control); background: var(--sn-acento); color: var(--sn-texto-sobre-acento); font-weight: 600; cursor: pointer; width: 100%; transition: border-color var(--sn-transicion), background-color var(--sn-transicion); }
.launcher-button:hover:not(:disabled) { filter: brightness(1.08); }
.launcher-button:disabled { cursor: not-allowed; opacity: 0.56; }
.secondary-button { border-color: var(--sn-borde); background: transparent; color: var(--sn-texto); }
.secondary-button:hover:not(:disabled) { filter: none; border-color: var(--sn-borde-fuerte); background: var(--sn-superficie); }
.tool-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sn-espacio-8); }
.tool-actions .launcher-button { width: auto; min-width: 120px; }
.modal-backdrop { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; padding: var(--sn-espacio-16); background: color-mix(in srgb, var(--sn-fondo) 72%, transparent); z-index: 60; }
.modal-backdrop[data-open="true"] { display: flex; }
.modal-panel { width: min(460px, 100%); border: 1px solid var(--sn-borde-fuerte); border-radius: var(--sn-radio-panel); background: var(--sn-superficie); padding: var(--sn-espacio-24); }
.modal-panel h2 { margin: 0 0 var(--sn-espacio-8); font-size: var(--sn-tamano-titulo-vacio); font-weight: 600; }
.modal-panel p { margin: 0 0 var(--sn-espacio-18); color: var(--sn-texto-secundario); }