#ventasRenovacionesView{
  padding:0;
}

.renovaciones-exportacion-panel{
  margin-top:14px;
  color:var(--ink,#153047);
  font-family:"Roboto",system-ui,sans-serif;
  font-size:11px;
  line-height:1.5;
  overflow-wrap:anywhere;
  min-width:0;
}
.renovaciones-exportacion-panel [hidden],
.renovaciones-exportacion-panel[hidden],
.renovaciones-exportacion-boton[hidden]{display:none!important;}
.renovaciones-exportacion-panel p{margin:0;}
.renovaciones-exportacion-cabecera{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  min-height:68px;box-sizing:border-box;padding:14px 16px;border-bottom:1px solid var(--line);
}
.renovaciones-exportacion-label{display:block;margin-bottom:3px;color:#16885B;font-size:8px;font-weight:950;letter-spacing:.05em;}
.renovaciones-exportacion-cabecera h3{font-size:16px;line-height:1.4;margin:0;color:var(--ink);}
.renovaciones-exportacion-controles{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;flex-wrap:wrap;}
.renovaciones-exportacion-metadatos{text-align:right;}
.renovaciones-exportacion-metadatos .renovaciones-exportacion-contexto{font-size:10px;}
.renovaciones-exportacion-contexto{color:var(--muted);font-size:12px;}
.renovaciones-exportacion-anuncio{padding:10px 16px;border-bottom:1px solid var(--line);}
.renovaciones-exportacion-anuncio strong{font-size:11px;font-weight:750;}
.renovaciones-exportacion-anuncio p{color:var(--muted);font-size:10px;margin:3px 0 0;}
.renovaciones-exportacion-panel[data-estado="PENDIENTE"] .renovaciones-exportacion-anuncio strong::before,
.renovaciones-exportacion-panel[data-estado="EJECUTANDO"] .renovaciones-exportacion-anuncio strong::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;
  background:var(--core-orange,#FF5C33);animation:renovaciones-exportacion-pulso 1.5s ease-in-out infinite;
}
.renovaciones-exportacion-aviso{border-left:3px solid var(--core-orange,#FF5C33);padding:10px 16px;background:var(--core-orange-soft);}
.renovaciones-exportacion-destinos{overflow:auto;max-height:420px;overscroll-behavior:contain;}
.renovaciones-exportacion-destinos:focus-visible{outline:2px solid var(--core-orange,#FF5C33);outline-offset:-2px;}
.renovaciones-exportacion-tabla{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:850px;font-size:10px;}
.renovaciones-exportacion-tabla th{
  position:sticky;top:0;z-index:1;padding:10px 12px;background:#FF5C33;color:#fff;
  text-align:center;font-size:8px;font-weight:950;border-right:1px solid rgba(255,255,255,.75);
}
/* El tema compartido usa !important para los encabezados de tabla. */
#ventasRenovacionesView .renovaciones-exportacion-tabla thead th{background:#FF5C33!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.75)!important;}
.renovaciones-exportacion-tabla th:nth-child(1){width:24%;}
.renovaciones-exportacion-tabla th:nth-child(2){width:21%;}
.renovaciones-exportacion-tabla th:nth-child(3){width:18%;}
.renovaciones-exportacion-tabla th:nth-child(4){width:24%;}
.renovaciones-exportacion-tabla th:nth-child(5){width:13%;border-right:0;}
.renovaciones-exportacion-tabla td{padding:11px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:middle;}
.renovaciones-exportacion-tabla tr:last-child td{border-bottom:0;}
.renovaciones-exportacion-tabla td:first-child{font-weight:750;}
.renovaciones-exportacion-tabla td:nth-child(n+3){text-align:center;}
.renovaciones-exportacion-tabla td:last-child{border-right:0;}
.renovaciones-exportacion-tabla .numero{font-weight:750;font-variant-numeric:tabular-nums;}
.renovaciones-exportacion-badge{display:inline-block;white-space:nowrap;padding:3px 7px;border:1px solid var(--line);border-radius:7px;}
.renovaciones-exportacion-badge[data-estado="EXPORTADA"],.renovaciones-exportacion-badge[data-estado="SIN_NOVEDADES"]{color:#247552;background:#EAF8F1;border-color:#A6DEC4;}
.renovaciones-exportacion-badge[data-estado="ERROR"],.renovaciones-exportacion-badge[data-estado="INCIERTA"]{
  color:var(--ink);border-color:var(--core-orange-border);background:var(--core-orange-soft);
}
.renovaciones-exportacion-tabla small{display:block;margin-top:5px;color:var(--muted);font-size:10px;}
.renovaciones-exportacion-sin-accion{color:var(--muted);}
.renovaciones-exportacion-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:140px;padding:20px 16px;box-sizing:border-box;text-align:center;color:var(--muted);font-size:11px;}
.renovaciones-exportacion-documento{position:relative;display:block;width:17px;height:23px;border:2px solid currentColor;border-radius:3px;opacity:.65;}
.renovaciones-exportacion-documento::before{content:"";position:absolute;top:5px;right:3px;width:7px;height:2px;background:currentColor;box-shadow:0 5px currentColor,0 10px currentColor;}
.renovaciones-exportacion-acciones{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);}
.renovaciones-exportacion-confirmacion .renovaciones-exportacion-acciones{margin-top:14px;padding:0;border:0;}
.renovaciones-exportacion-boton{
  min-height:34px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);
  color:var(--ink);font:inherit;font-size:10px;font-weight:750;cursor:pointer;
}
.renovaciones-exportacion-boton:hover:enabled{border-color:var(--core-orange,#FF5C33);}
.renovaciones-exportacion-boton:focus-visible{outline:2px solid var(--core-orange,#FF5C33);outline-offset:3px;}
.renovaciones-exportacion-boton:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;}
.renovaciones-exportacion-boton.principal{background:var(--core-orange,#FF5C33);border-color:var(--core-orange,#FF5C33);color:var(--ui-bg-deep);}
html[data-theme="light"] .renovaciones-exportacion-boton.principal{color:var(--ink);}
.renovaciones-exportacion-confirmacion{
  box-sizing:border-box;width:min(490px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;
  overflow:auto;border:1px solid var(--border);border-radius:var(--ui-radius-lg,16px);background:var(--card);
  color:var(--ink);font:inherit;box-shadow:var(--ui-shadow);
}
.renovaciones-exportacion-confirmacion::backdrop{background:rgba(8,24,35,.48);backdrop-filter:blur(3px);}
.renovaciones-exportacion-confirmacion h2{font-size:19px;line-height:1.4;margin:0 0 12px;}
.renovaciones-exportacion-confirmacion p{font-size:13px;line-height:1.6;}
html[data-theme="dark"] .renovaciones-exportacion-label{color:#A6E5C7;}
html[data-theme="dark"] .renovaciones-exportacion-badge[data-estado="EXPORTADA"],
html[data-theme="dark"] .renovaciones-exportacion-badge[data-estado="SIN_NOVEDADES"]{color:#A6E5C7;background:#17352B;border-color:#2D604C;}
@keyframes renovaciones-exportacion-pulso{50%{opacity:.35;}}
@media(prefers-reduced-motion:reduce){.renovaciones-exportacion-anuncio strong::before{animation:none!important;}}
@media(max-width:600px){
  .renovaciones-exportacion-cabecera{padding:12px;gap:12px;}
  .renovaciones-exportacion-controles{width:100%;justify-content:space-between;gap:10px;}
  .renovaciones-exportacion-metadatos{text-align:left;}
  .renovaciones-exportacion-controles .renovaciones-exportacion-boton{margin-left:auto;min-height:42px;}
  .renovaciones-exportacion-acciones .renovaciones-exportacion-boton{flex:1;min-height:42px;}
  .renovaciones-exportacion-confirmacion{padding:20px;}
}

.renovaciones-generacion-modal{
  box-sizing:border-box;
  width:min(460px,calc(100vw - 36px));
  max-height:calc(100dvh - 36px);
  margin:auto;
  padding:30px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:20px;
  background:var(--card,#fff);
  color:var(--ink,#153047);
  font:inherit;
  text-align:center;
  box-shadow:0 24px 80px rgba(8,24,35,.25);
}

.renovaciones-generacion-modal::backdrop{
  background:rgba(8,24,35,.48);
  backdrop-filter:blur(3px);
}

.renovaciones-generacion-modal:focus-visible{
  outline:2px solid #FF5C33;
  outline-offset:3px;
}

.renovaciones-generacion-kicker{
  color:#FF5C33;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}

.renovaciones-generacion-modal h2{
  margin:8px 0 0;
  font-size:21px;
  line-height:1.3;
}

.renovaciones-generacion-spinner{
  display:block;
  width:42px;
  height:42px;
  margin:26px auto;
  border:3px solid rgba(255,92,51,.15);
  border-top-color:#FF5C33;
  border-radius:50%;
  animation:renovaciones-girar 1s linear infinite;
}

.renovaciones-generacion-modal strong{
  display:block;
  font-size:15px;
}

#renovacionesGeneracionEtapa{
  min-height:20px;
  margin:10px 0 22px;
  color:#E9532E;
  font-size:13px;
  font-weight:750;
}

#renovacionesGeneracionDescripcion,
.renovaciones-generacion-modal small{
  color:var(--muted,#637786);
  font-size:12px;
  line-height:1.6;
}

.renovaciones-generacion-modal small{display:block;font-size:11px;}

.renovaciones-generacion-toast{
  position:fixed;
  top:24px;
  right:24px;
  z-index:10050;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  max-width:calc(100vw - 32px);
  padding:16px 20px;
  border:1px solid #A6DEC4;
  border-radius:14px;
  background:#EAF8F1;
  color:#247552;
  box-shadow:0 12px 36px rgba(8,24,35,.15);
  animation:renovaciones-toast-entrada .18s ease-out;
  transition:opacity .18s ease,transform .18s ease;
}

.renovaciones-generacion-toast[hidden]{display:none!important;}
.renovaciones-toast-saliendo{opacity:0;transform:translateY(-8px);}
.renovaciones-toast-check{font-size:22px;font-weight:850;}
.renovaciones-generacion-toast strong{display:block;font-size:13px;}
.renovaciones-generacion-toast div span{display:block;margin-top:4px;font-size:12px;}

html[data-theme="dark"] .renovaciones-generacion-modal{background:#171F23;border-color:#2A3439;}
html[data-theme="dark"] #renovacionesGeneracionEtapa{color:#FF8065;}
html[data-theme="dark"] .renovaciones-generacion-toast{background:#17352B;border-color:#2D604C;color:#A6E5C7;}

@keyframes renovaciones-girar{to{transform:rotate(360deg);}}
@keyframes renovaciones-toast-entrada{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}

@media(prefers-reduced-motion:reduce){
  .renovaciones-generacion-spinner,
  .renovaciones-generacion-toast{animation:none;transition:none;}
}

.renovaciones-shell{
  padding:14px;
  min-width:0;
}

.renovaciones-filtros-operativos{
  display:grid;
  grid-template-columns:minmax(220px,1.25fr) minmax(150px,.8fr) minmax(150px,.75fr) auto auto auto;
  gap:8px;
  align-items:end;
  padding:11px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}

.renovaciones-filtro{
  display:block;
  min-width:0;
}

.renovaciones-filtro > span{
  display:block;
  margin:0 0 5px;
  color:var(--muted);
  font-size:7.5px;
  font-weight:900;
}

.renovaciones-filtro select{
  width:100%;
  min-height:34px;
  border:1px solid var(--border);
  border-radius:8px;
  padding:0 9px;
  background:var(--card);
  color:var(--ink);
  font:inherit;
  font-size:8.5px;
  font-weight:750;
  outline:none;
}

.renovaciones-filtro select:focus{
  border-color:#FF8061;
  box-shadow:0 0 0 2px rgba(255,92,51,.08);
}

.renovaciones-accion{
  min-height:34px;
  border-radius:8px;
  padding:0 12px;
  font:inherit;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}

.renovaciones-accion-secundaria{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--ink);
}

.renovaciones-accion-exportar{
  border:1px solid #BFCBD0;
  background:#F7F9F9;
  color:#314047;
}

.renovaciones-accion-generar{
  border:1px solid #FF5C33;
  background:#FF5C33;
  color:#fff;
}

.renovaciones-accion:disabled{
  opacity:.62;
  cursor:not-allowed;
}

.renovaciones-feedback{
  min-height:19px;
  margin:7px 2px 5px;
  color:var(--muted);
  font-size:8px;
  font-weight:700;
}

.renovaciones-feedback:empty{
  display:none;
}

.renovaciones-feedback:empty + .renovaciones-card{
  margin-top:12px;
}

.renovaciones-feedback-error{
  color:#C84D45;
}

.renovaciones-feedback-info{
  color:var(--muted);
}

.renovaciones-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}

.renovaciones-card-head-operativa{
  min-height:52px;
  display:flex;
  align-items:center;
  padding:10px 14px;
  border-bottom:1px solid var(--line);
}

.renovaciones-listado-titulo{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  font-size:9px;
}

.renovaciones-listado-titulo > span{
  color:#16885B;
  font-size:8px;
  font-weight:950;
  letter-spacing:.05em;
}

.renovaciones-listado-titulo > i{
  width:18px;
  height:1px;
  background:var(--border);
}

.renovaciones-listado-titulo > strong{
  overflow:hidden;
  color:var(--ink);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.renovaciones-listado-titulo > b{
  color:#16885B;
  font-size:11px;
  white-space:nowrap;
}

.renovaciones-tabla-wrap{
  width:100%;
  overflow:auto;
}

.renovaciones-tabla{
  width:100%;
  min-width:1500px;
  border-collapse:collapse;
}

.renovaciones-tabla th{
  position:sticky;
  top:0;
  z-index:1;
  padding:8px 8px;
  background:#FF5C33;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.75);
  font-size:6.8px;
  font-weight:950;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}

/* El tema global usa !important en thead; mantener el encabezado operativo. */
#ventasRenovacionesView .renovaciones-tabla thead th{
  background:#FF5C33!important;
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.75)!important;
}

.renovaciones-tabla td{
  padding:8px 8px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:8px;
  white-space:nowrap;
}

.renovaciones-tabla td:last-child,
.renovaciones-tabla th:last-child{
  border-right:0;
}

.renovaciones-tabla tbody tr:hover td{
  background:rgba(255,92,51,.025);
}

.renovaciones-sede{
  color:#18536A!important;
  font-weight:850;
}

.renovaciones-cliente{
  font-weight:900;
}

.renovaciones-categoria{
  max-width:300px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.renovaciones-turno{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  padding:4px 7px;
  border-radius:7px;
  background:#E7F2FF;
  color:#246A9C;
  font-size:7px;
  font-weight:950;
}

.renovaciones-turno-sin{
  background:#F2F4F4;
  color:#68757B;
}

.renovaciones-tabla-estado{
  padding:30px 16px!important;
  color:var(--muted)!important;
  text-align:center;
  font-size:9px!important;
  font-weight:700;
}

.renovaciones-paginacion{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:8px 12px;
  border-top:1px solid var(--line);
}

.renovaciones-paginacion-resumen{
  color:var(--muted);
  font-size:8px;
  font-weight:700;
}

.renovaciones-paginacion-controles{
  display:flex;
  align-items:center;
  gap:6px;
}

.renovaciones-boton{
  min-height:29px;
  border:1px solid var(--border);
  border-radius:7px;
  padding:0 10px;
  background:var(--card);
  color:var(--ink);
  font:inherit;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}

.renovaciones-boton:disabled{
  opacity:.4;
  cursor:default;
}

.renovaciones-paginacion-controles > span{
  min-width:52px;
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  text-align:center;
}

html[data-theme="dark"] .renovaciones-filtros-operativos,
html[data-theme="dark"] .renovaciones-card,
html[data-theme="dark"] .renovaciones-filtro select,
html[data-theme="dark"] .renovaciones-accion-secundaria,
html[data-theme="dark"] .renovaciones-boton{
  background:#171F23;
  border-color:#2A3439;
}

html[data-theme="dark"] .renovaciones-accion-exportar{
  background:#11181C;
  border-color:#344148;
  color:#C7D0D4;
}

html[data-theme="dark"] .renovaciones-tabla td{
  border-color:#242E33;
}

html[data-theme="dark"] .renovaciones-turno{
  background:#18344A;
  color:#7EC4F2;
}

html[data-theme="dark"] .renovaciones-turno-sin{
  background:#222B30;
  color:#A9B4BA;
}

@media(max-width:1420px){
  .renovaciones-filtros-operativos{
    grid-template-columns:minmax(200px,1.1fr) .8fr .8fr auto auto auto;
  }

  .renovaciones-accion-generar{
    grid-column:6;
  }
}

@media(max-width:980px){
  .renovaciones-filtros-operativos{
    grid-template-columns:1fr 1fr;
  }

  .renovaciones-accion-generar{
    grid-column:auto;
  }
}

@media(max-width:650px){
  .renovaciones-shell{
    padding:10px;
  }

  .renovaciones-filtros-operativos{
    grid-template-columns:1fr;
  }

  .renovaciones-listado-titulo{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .renovaciones-listado-titulo > i{
    display:none;
  }

  .renovaciones-paginacion{
    align-items:flex-start;
    flex-direction:column;
  }
}