@import '_content/NetOffice.Web.Forms/NetOffice.Web.Forms.l8r976grr9.bundle.scp.css';

/* /Components/Pages/Clientes/Comun/DecaListado.razor.rz.scp.css */
.cab-btn[b-nc6i9xsh75] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
    border-radius: 6px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35);
    color: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.cab-btn:hover[b-nc6i9xsh75] { background: rgba(255, 255, 255, .24); }
.cab-btn:disabled[b-nc6i9xsh75] { opacity: .5; cursor: default; }
.dc-explica[b-nc6i9xsh75] { font-size: 13px; color: #334155; background: #f1f6fc; border: 1px solid #d3e1f3; border-radius: var(--ext-radio, 8px); padding: 8px 12px; }
.dc-explica i[b-nc6i9xsh75] { color: var(--ext-primario, #1f4a87); margin-right: 4px; }
.dc-hint[b-nc6i9xsh75] { align-self: center; font-size: 12px; color: #64748b; }
.dc-error[b-nc6i9xsh75] { color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 8px 12px; font-size: 13px; }
.dc-grid[b-nc6i9xsh75] {
    /* Sin encoger: en una ventana baja (o en el iframe del Diseñador web) el tapiz hace scroll en vez de aplastar el grid a una fila. */
    flex: 0 0 auto;
    position: relative; display: flex; flex-direction: column;
    height: max(360px, calc(100vh - 500px));
    border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #fff;
}
.dc-grid[b-nc6i9xsh75]  .grid-panel { flex: 1 1 auto; height: 100%; }
.dc-cargando[b-nc6i9xsh75] { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #4a5566; }
.dc-grid[b-nc6i9xsh75]  .ext-pill { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; border: 1px solid transparent; }
.dc-grid[b-nc6i9xsh75]  .est-encurso { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.dc-grid[b-nc6i9xsh75]  .est-entregado { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.dc-grid[b-nc6i9xsh75]  a.bbtn { text-decoration: none; color: inherit; }

/* Columnas y marcas del portal DeCA (DOC 186 §16) */
.dc-buscar[b-nc6i9xsh75] { flex: 1 1 260px; min-width: 220px; }
.dc-buscar .inp[b-nc6i9xsh75] { width: 100%; }
.dc-aviso[b-nc6i9xsh75] { position: absolute; bottom: 44px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #334155; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.dc-grid[b-nc6i9xsh75]  .est-anulado { background: #fdecec; color: #8a1c1c; border-color: #f5c2c2; }
.dc-grid[b-nc6i9xsh75]  .dc-marca { color: var(--ext-primario, #1f4a87); font-size: 15px; }
.dc-grid[b-nc6i9xsh75]  .dc-sin-marca { color: #cbd5e1; font-size: 14px; }
.dc-grid[b-nc6i9xsh75]  .dc-marca-frac,
.dc-grid[b-nc6i9xsh75]  .dc-marca-grup { display: inline-block; font-size: 10px; font-weight: 700; border-radius: 9px; padding: 0 6px; margin-left: 2px; }
.dc-grid[b-nc6i9xsh75]  .dc-marca-frac { color: #7a4b00; background: #fff3dc; border: 1px solid #f0d09a; }
.dc-grid[b-nc6i9xsh75]  .dc-marca-grup { color: #5b3aa0; background: #f1ecfb; border: 1px solid #d4c6f0; }
.dc-grid[b-nc6i9xsh75]  .dc-rol { font-size: 10.5px; font-weight: 700; border-radius: 9px; padding: 1px 8px; white-space: nowrap; }
.dc-grid[b-nc6i9xsh75]  .dc-rol-carg { color: #0f6e56; background: #e1f5ee; border: 1px solid #9ad5c0; }
.dc-grid[b-nc6i9xsh75]  .dc-rol-trans { color: #1f4a87; background: #e6eef8; border: 1px solid #aec6e6; }
.dc-grid[b-nc6i9xsh75]  .dc-cp small { color: #64748b; font-size: 11px; }
.dc-grid[b-nc6i9xsh75]  .dc-cp-lbl { font-size: 10px; color: #64748b; background: #f1f5f9; border: 1px solid #dbe3ec; border-radius: 8px; padding: 0 6px; }
.dc-grid[b-nc6i9xsh75]  .dc-zip:not(:disabled) { font-weight: 700; }
/* /Components/Pages/Clientes/Comun/DocumentosLista.razor.rz.scp.css */
.doc-vacio[b-9orgb97ler] { color: #6b7785; font-size: 13px; padding: 10px 2px; }
.doc-error[b-9orgb97ler] { margin-top: 8px; color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 6px 10px; font-size: 13px; }
.doc-grupo[b-9orgb97ler] { margin-bottom: 10px; }
.doc-grupo-titulo[b-9orgb97ler] {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
    color: var(--ext-primario, #1f4a87); border-bottom: 1px solid #e2e8f0; padding: 2px 0 4px; margin-bottom: 6px;
}
.doc-fila[b-9orgb97ler] { display: flex; align-items: center; gap: 9px; padding: 6px 8px; margin-bottom: 5px; background: #fff; border: 1px solid #e8edf3; border-radius: 9px; }
.doc-textos[b-9orgb97ler] { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; line-height: 1.2; }
.doc-nombre[b-9orgb97ler] { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doc-meta[b-9orgb97ler] { font-size: 11.5px; color: #6b7785; }
/* /Components/Pages/Clientes/Comun/ExtranetModal.razor.rz.scp.css */
.em-fondo[b-e27h8myw65] { position: fixed; inset: 0; background: rgba(15, 23, 42, .45); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 18px; }
.em-panel[b-e27h8myw65] {
    background: #fff; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px);
    width: min(860px, 100%); max-height: 100%; display: flex; flex-direction: column; overflow: hidden;
    box-shadow: 0 14px 44px rgba(15, 30, 55, .32);
}
.em-panel.em-ancha[b-e27h8myw65] { width: min(1180px, 100%); }
.em-cab[b-e27h8myw65] {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px;
    background: linear-gradient(180deg, var(--ext-acento, #2f6ec1) 0%, var(--ext-primario, #1f4a87) 100%);
    color: var(--ext-texto-cabecera, #fff);
}
.em-cab > i[b-e27h8myw65] { font-size: 18px; }
.em-titulo[b-e27h8myw65] { font-size: 15.5px; font-weight: 700; }
.em-sub[b-e27h8myw65] { font-size: 12.5px; opacity: .85; }
.em-spacer[b-e27h8myw65] { flex: 1 1 auto; }
.em-cerrar[b-e27h8myw65] { background: transparent; border: 0; color: inherit; font-size: 24px; line-height: 1; cursor: pointer; padding: 0 4px; }
.em-cuerpo[b-e27h8myw65] { padding: 14px 16px; overflow: auto; flex: 1 1 auto; background: #f7f9fc; }
.em-pie[b-e27h8myw65] { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-top: 1px solid #e2e8f0; background: #fff; }
.em-panel.em-completa[b-e27h8myw65] { width: 100%; height: 100%; }
.em-completa .em-cuerpo[b-e27h8myw65] { display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 12px 14px; }
/* /Components/Pages/Clientes/Comun/FiltroFechas.razor.rz.scp.css */
.ff-banda[b-6we0b1hl15] {
    display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap;
    background: #fff; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px);
    padding: 10px 14px; box-shadow: 0 1px 3px rgba(31, 74, 135, .10);
}
.ff-campo[b-6we0b1hl15] { display: flex; flex-direction: column; gap: 3px; margin: 0; font-size: 11.5px; font-weight: 600; color: #4a5566; }
.ff-campo[b-6we0b1hl15]  .ff-fecha { width: 130px; }
.ff-atajos[b-6we0b1hl15] { display: flex; gap: 4px; flex-wrap: wrap; padding-bottom: 2px; }
.ff-atajo[b-6we0b1hl15] {
    border: 1px solid #c8d3e2; background: #f3f6fb; color: var(--ext-primario, #1f4a87);
    border-radius: 999px; font-size: 12px; font-weight: 600; padding: 3px 10px; cursor: pointer;
}
.ff-atajo:hover[b-6we0b1hl15] { background: #e4ecf7; }
.ff-spacer[b-6we0b1hl15] { flex: 1 1 auto; }
.xbtn[b-6we0b1hl15] { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px; border-radius: 6px; border: 1px solid #c8d3e2; background: #fff; color: var(--ext-primario, #1f4a87); font-size: 13px; font-weight: 600; cursor: pointer; }
.xbtn-primario[b-6we0b1hl15] { background: var(--ext-primario, #1f4a87); color: var(--ext-texto-primario, #fff); border-color: var(--ext-primario, #1f4a87); }
.xbtn-primario:hover[b-6we0b1hl15] { filter: brightness(1.08); }
/* /Components/Pages/Clientes/Comun/GraficaConteo.razor.rz.scp.css */
.gc-caja[b-7l3367dv51] {
    background: #fff; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px);
    padding: 8px 14px 4px; box-shadow: 0 1px 3px rgba(31, 74, 135, .10);
}
.gc-cab[b-7l3367dv51] { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.gc-titulo[b-7l3367dv51] { font-size: 13.5px; font-weight: 700; color: var(--ext-primario, #1f4a87); }
.gc-total[b-7l3367dv51] { font-size: 12.5px; color: #4a5566; margin-left: auto; }
.gc-svg[b-7l3367dv51] { width: 100%; height: auto; max-height: 110px; display: block; }
.gc-eje[b-7l3367dv51] { stroke: #cbd5e1; stroke-width: 1; }
.gc-barra[b-7l3367dv51] { fill: var(--ext-primario, #1f4a87); opacity: .88; }
.gc-barra:hover[b-7l3367dv51] { opacity: 1; }
.gc-actual[b-7l3367dv51] { fill: var(--ext-acento, #2f6ec1); }
.gc-valor[b-7l3367dv51] { font-size: 11px; fill: #334155; text-anchor: middle; }
.gc-mes[b-7l3367dv51] { font-size: 11.5px; fill: #64748b; text-anchor: middle; text-transform: capitalize; }
/* /Components/Pages/Clientes/Comun/GraficaMeses.razor.rz.scp.css */
.gm-caja[b-mpomu71mkw] {
    background: #fff; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px);
    padding: 10px 14px 6px; box-shadow: 0 1px 3px rgba(31, 74, 135, .10);
}
.gm-cab[b-mpomu71mkw] { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.gm-titulo[b-mpomu71mkw] { font-size: 13.5px; font-weight: 700; color: var(--ext-primario, #1f4a87); }
.gm-total[b-mpomu71mkw] { font-size: 12.5px; color: #4a5566; margin-left: auto; }
.gm-svg[b-mpomu71mkw] { width: 100%; height: auto; max-height: 150px; display: block; }
.gm-eje[b-mpomu71mkw] { stroke: #cbd5e1; stroke-width: 1; }
.gm-barra[b-mpomu71mkw] { fill: var(--ext-primario, #1f4a87); opacity: .88; }
.gm-barra:hover[b-mpomu71mkw] { opacity: 1; }
.gm-actual[b-mpomu71mkw] { fill: var(--ext-acento, #2f6ec1); }
.gm-valor[b-mpomu71mkw] { font-size: 11px; fill: #334155; text-anchor: middle; }
.gm-mes[b-mpomu71mkw] { font-size: 11.5px; fill: #64748b; text-anchor: middle; text-transform: capitalize; }
/* /Components/Pages/Clientes/Comun/OrdenFichaDialog.razor.rz.scp.css */
.of-cargando[b-7qqhne2wp3] { padding: 30px; color: #64748b; text-align: center; }
.of-estado-cab[b-7qqhne2wp3] { font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; padding: 2px 10px; }
.of-columnas[b-7qqhne2wp3] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
@media (max-width: 900px) { .of-columnas[b-7qqhne2wp3] { grid-template-columns: 1fr; } }
.of-col[b-7qqhne2wp3] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.of-bloque[b-7qqhne2wp3] { background: #fff; border: 1px solid #d4dbe6; border-radius: var(--ext-radio, 8px); padding: 10px 12px; }
.of-bloque-titulo[b-7qqhne2wp3] { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--ext-primario, #1f4a87); margin-bottom: 8px; }
.of-datos[b-7qqhne2wp3] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 14px; margin: 0; }
.of-datos > div[b-7qqhne2wp3] { border-left: 3px solid #e2e8f0; padding-left: 8px; min-width: 0; }
.of-datos > div.of-ancho[b-7qqhne2wp3] { grid-column: 1 / -1; }
.of-datos dt[b-7qqhne2wp3] { font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.of-datos dd[b-7qqhne2wp3] { margin: 1px 0 0; font-size: 14px; font-weight: 600; color: #1e293b; }
.of-vacio[b-7qqhne2wp3] { font-size: 13px; color: #6b7785; margin-top: 6px; }

/* Línea de tiempo del pedido */
.of-linea[b-7qqhne2wp3] { list-style: none; margin: 0; padding: 0; position: relative; }
.of-punto[b-7qqhne2wp3] { position: relative; display: flex; gap: 10px; padding: 0 0 14px 0; }
.of-punto[b-7qqhne2wp3]::before { content: ""; position: absolute; left: 15px; top: 30px; bottom: 0; width: 2px; background: #d4dbe6; }
.of-punto:last-child[b-7qqhne2wp3]::before { display: none; }
.of-punto.hecho[b-7qqhne2wp3]::before { background: #7cc28f; }
.of-hito[b-7qqhne2wp3] {
    flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #f1f5f9; color: #64748b; border: 2px solid #cbd5e1; font-size: 15px; z-index: 1;
}
.of-punto.hecho .of-hito[b-7qqhne2wp3] { background: #e8f6ec; color: #1f7a34; border-color: #7cc28f; }
.of-punto.actual .of-hito[b-7qqhne2wp3] { background: #fff7e6; color: #9a5b00; border-color: #f0b34a; box-shadow: 0 0 0 4px rgba(240, 179, 74, .25); }
.of-punto-cuerpo[b-7qqhne2wp3] { min-width: 0; flex: 1 1 auto; }
.of-punto-cab[b-7qqhne2wp3] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #1e293b; }
.of-punto-estado[b-7qqhne2wp3] { font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 8px; background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.of-punto-estado.hecho[b-7qqhne2wp3] { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.of-punto-estado.actual[b-7qqhne2wp3] { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.of-lugar[b-7qqhne2wp3] { font-size: 13px; font-weight: 600; color: #334155; }
.of-dir[b-7qqhne2wp3] { font-size: 12px; color: #64748b; }
.of-horas[b-7qqhne2wp3] { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; font-size: 12.5px; color: #1e293b; }
.of-horas span[b-7qqhne2wp3] { display: inline-flex; flex-direction: column; line-height: 1.15; }
.of-horas small[b-7qqhne2wp3] { font-size: 10.5px; color: #64748b; text-transform: uppercase; letter-spacing: .3px; font-weight: 600; }
.of-titulo-acciones[b-7qqhne2wp3] { display: flex; align-items: center; gap: 8px; }
.of-titulo-acciones > span[b-7qqhne2wp3] { flex: 1 1 auto; }
.of-btn-mapa[b-7qqhne2wp3] { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 6px; border: 1px solid var(--ext-primario, #1f4a87); background: var(--ext-primario, #1f4a87); color: var(--ext-texto-primario, #fff); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; }
.of-btn-mapa:hover[b-7qqhne2wp3] { filter: brightness(1.08); }
/* /Components/Pages/Clientes/Comun/SeguimientoDialog.razor.rz.scp.css */
/* Seguimiento con mapa (DOC 186 §16). Cabe en la ventana sin scroll de página
   (§2.18): la ruta gráfica tiene scroll propio si hay muchos puntos. */
.sg-cab-fase[b-jobepoox2x] { font-size: 12px; font-weight: 700; background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .45); border-radius: 999px; padding: 2px 12px; }
.sg-cab-veh[b-jobepoox2x] { font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; max-width: 340px; overflow: hidden; text-overflow: ellipsis; opacity: .95; }
.sg-cab-btn[b-jobepoox2x] { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35); color: inherit; border-radius: 6px; height: 28px; width: 32px; cursor: pointer; }
.sg-cab-btn:hover[b-jobepoox2x] { background: rgba(255, 255, 255, .24); }
.sg-cargando[b-jobepoox2x] { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 300px; color: #64748b; font-size: 14px; }

.sg-cuerpo[b-jobepoox2x] {
    display: grid; grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); gap: 12px;
    height: min(720px, calc(100vh - 120px)); min-height: 440px;
}
@media (max-width: 900px) {
    .sg-cuerpo[b-jobepoox2x] { grid-template-columns: 1fr; height: auto; }
    .sg-mapa-caja[b-jobepoox2x] { min-height: 360px; }
}

/* ── Izquierda: ruta gráfica ───────────────────────────────────────── */
.sg-ruta[b-jobepoox2x] {
    background: #fff; border: 1px solid #d4dbe6; border-radius: var(--ext-radio, 8px);
    padding: 12px; overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 10px;
}
.sg-fase[b-jobepoox2x] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; border: 1px solid; }
.sg-fase > i[b-jobepoox2x] { font-size: 24px; }
.sg-fase b[b-jobepoox2x] { display: block; font-size: 16px; }
.sg-fase span[b-jobepoox2x] { display: block; font-size: 12px; opacity: .85; }
.f-pendiente[b-jobepoox2x] { background: #f1f5f9; color: #475569; border-color: #cbd5e1; }
.f-camino[b-jobepoox2x] { background: #eaf2fd; color: #1f4a87; border-color: #bcd3f1; }
.f-operando[b-jobepoox2x] { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.f-ruta[b-jobepoox2x] { background: #e6f4f1; color: #0f766e; border-color: #9fd6cc; }
.f-entregado[b-jobepoox2x] { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
b.f-pendiente[b-jobepoox2x], b.f-camino[b-jobepoox2x], b.f-operando[b-jobepoox2x], b.f-ruta[b-jobepoox2x], b.f-entregado[b-jobepoox2x] { background: none; border: 0; }

/* Las cinco fases en una franja */
.sg-pasos[b-jobepoox2x] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; }
.sg-pasos li[b-jobepoox2x] { position: relative; text-align: center; font-size: 10.5px; line-height: 1.15; color: #94a3b8; padding-top: 16px; }
.sg-pasos li span[b-jobepoox2x] { position: absolute; top: 4px; left: 0; right: 0; height: 5px; border-radius: 3px; background: #e2e8f0; }
.sg-pasos li.hecho[b-jobepoox2x] { color: #1f7a34; }
.sg-pasos li.hecho span[b-jobepoox2x] { background: #7cc28f; }
.sg-pasos li.actual[b-jobepoox2x] { color: #0f172a; font-weight: 700; }
.sg-pasos li.actual span[b-jobepoox2x] { background: var(--ext-primario, #0f766e); box-shadow: 0 0 0 2px rgba(15, 118, 110, .2); }

/* Línea de metro: estaciones (puntos) y tramos (viajando) */
.sg-metro[b-jobepoox2x] { list-style: none; margin: 4px 0 0; padding: 0; }
.sg-vacio[b-jobepoox2x] { font-size: 13px; color: #64748b; }
.sg-tramo[b-jobepoox2x] { position: relative; display: flex; align-items: center; min-height: 34px; padding-left: 44px; }
.sg-via[b-jobepoox2x] { position: absolute; left: 17px; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: repeating-linear-gradient(180deg, #cbd5e1 0 6px, transparent 6px 10px); }
.sg-tramo.hecho .sg-via[b-jobepoox2x] { background: #7cc28f; }
.sg-tramo.actual .sg-via[b-jobepoox2x] { background: repeating-linear-gradient(180deg, var(--ext-primario, #0f766e) 0 6px, transparent 6px 10px); animation: sg-avanza-b-jobepoox2x 1s linear infinite; }
@keyframes sg-avanza-b-jobepoox2x { from { background-position: 0 0; } to { background-position: 0 10px; } }
.sg-tramo-txt[b-jobepoox2x] { font-size: 11.5px; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; display: inline-flex; gap: 6px; align-items: center; }
.sg-tramo.hecho .sg-tramo-txt[b-jobepoox2x] { color: #4b9a62; }
.sg-tramo.actual .sg-tramo-txt[b-jobepoox2x] { color: var(--ext-primario, #0f766e); }
.sg-tramo.actual .sg-tramo-txt i[b-jobepoox2x] { font-size: 16px; }

.sg-estacion[b-jobepoox2x] { position: relative; display: flex; gap: 10px; }
.sg-nodo[b-jobepoox2x] {
    flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: #fff; border: 3px solid #cbd5e1; color: #64748b; font-size: 16px; z-index: 1;
}
.sg-estacion.carga .sg-nodo[b-jobepoox2x] { border-color: #93b4e0; color: #1f4a87; }
.sg-estacion.descarga .sg-nodo[b-jobepoox2x] { border-color: #e7a3a3; color: #9b2c2c; }
.sg-estacion.hecho .sg-nodo[b-jobepoox2x] { background: #e8f6ec; border-color: #4b9a62; color: #1f7a34; }
.sg-estacion.actual .sg-nodo[b-jobepoox2x] { background: #fff7e6; border-color: #e09a2d; color: #9a5b00; box-shadow: 0 0 0 5px rgba(240, 179, 74, .3); }
.sg-estacion.siguiente .sg-nodo[b-jobepoox2x] { box-shadow: 0 0 0 4px rgba(15, 118, 110, .18); }
.sg-estacion.final .sg-nodo[b-jobepoox2x] { border-style: dashed; }
.sg-estacion.final.hecho .sg-nodo[b-jobepoox2x] { border-style: solid; }
.sg-est-cuerpo[b-jobepoox2x] { min-width: 0; flex: 1 1 auto; padding: 2px 0 4px; }
.sg-est-cab[b-jobepoox2x] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #0f172a; }
.sg-est-estado[b-jobepoox2x] { font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 1px 8px; background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.sg-est-estado.hecho[b-jobepoox2x] { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.sg-est-estado.actual[b-jobepoox2x] { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.sg-est-estado.siguiente[b-jobepoox2x] { background: #e6f4f1; color: #0f766e; border-color: #9fd6cc; }
.sg-est-lugar[b-jobepoox2x] { font-size: 13px; font-weight: 600; color: #334155; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sg-est-dir[b-jobepoox2x] { font-size: 12px; color: #64748b; }
.sg-est-horas[b-jobepoox2x] { display: flex; flex-wrap: wrap; gap: 3px 12px; margin-top: 3px; font-size: 12px; color: #1e293b; }
.sg-est-horas span[b-jobepoox2x] { display: inline-flex; flex-direction: column; line-height: 1.15; }
.sg-est-horas small[b-jobepoox2x] { font-size: 10px; color: #64748b; text-transform: uppercase; letter-spacing: .3px; font-weight: 600; }

/* ── Derecha: mapa + datos ─────────────────────────────────────────── */
.sg-derecha[b-jobepoox2x] { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }
.sg-mapa-caja[b-jobepoox2x] { position: relative; flex: 1 1 auto; min-height: 0; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #eef2f7; }
.sg-mapa[b-jobepoox2x] { position: absolute; inset: 0; }
.sg-mapa-vacio[b-jobepoox2x] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #64748b; font-size: 13.5px; text-align: center; padding: 20px; }
.sg-mapa-vacio i[b-jobepoox2x] { font-size: 38px; color: #94a3b8; }
.sg-mapa-nota[b-jobepoox2x] { position: absolute; left: 10px; bottom: 10px; background: rgba(255, 255, 255, .94); border: 1px solid #d4dbe6; border-radius: 6px; padding: 4px 10px; font-size: 12px; color: #475569; }
.sg-kpis[b-jobepoox2x] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.sg-kpi[b-jobepoox2x] { background: #fff; border: 1px solid #d4dbe6; border-left: 4px solid var(--ext-primario, #0f766e); border-radius: var(--ext-radio, 8px); padding: 7px 10px; min-width: 0; }
.sg-kpi > span[b-jobepoox2x] { display: block; font-size: 10.5px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.sg-kpi > b[b-jobepoox2x] { display: block; font-size: 17px; color: #0f172a; margin-top: 1px; }
.sg-kpi > small[b-jobepoox2x] { display: block; font-size: 11px; color: #64748b; }
.sg-barra[b-jobepoox2x] { height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; margin-top: 4px; }
.sg-barra > div[b-jobepoox2x] { height: 100%; background: var(--ext-primario, #0f766e); border-radius: 3px; }
/* /Components/Pages/Clientes/Facturas.razor.rz.scp.css */
.cab-btn[b-3ck2kdvm87] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
    border-radius: 6px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35);
    color: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.cab-btn:hover[b-3ck2kdvm87] { background: rgba(255, 255, 255, .24); }
.cab-btn:disabled[b-3ck2kdvm87] { opacity: .5; cursor: default; }

/* Tarjetones del periodo: estilos globales en extranet.css («KPIs de las pantallas de
   facturas»), los comparte la pantalla de facturas del proveedor. */

.fac-error[b-3ck2kdvm87] { color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 8px 12px; font-size: 13px; }

.fac-grid[b-3ck2kdvm87] {
    /* Sin encoger: en una ventana baja (o en el iframe del Diseñador web) el tapiz hace scroll en vez de aplastar el grid a una fila. */
    flex: 0 0 auto;
    position: relative; display: flex; flex-direction: column;
    height: max(440px, calc(100vh - 470px));
    border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #fff;
}
.fac-grid[b-3ck2kdvm87]  .grid-panel { flex: 1 1 auto; height: 100%; }
.fac-cargando[b-3ck2kdvm87] { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #4a5566; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
/* /Components/Pages/Clientes/Ordenes.razor.rz.scp.css */
.cab-btn[b-hx9qzxawhv] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
    border-radius: 6px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35);
    color: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.cab-btn:hover[b-hx9qzxawhv] { background: rgba(255, 255, 255, .24); }
.cab-btn:disabled[b-hx9qzxawhv] { opacity: .5; cursor: default; }
.or-hint[b-hx9qzxawhv] { align-self: center; font-size: 12px; color: #64748b; }

.or-estados[b-hx9qzxawhv] { display: flex; gap: 6px; flex-wrap: wrap; }
.or-estado[b-hx9qzxawhv] {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px;
    border: 1px solid #c8d3e2; background: #fff; color: #334155; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.or-estado b[b-hx9qzxawhv] { font-size: 12px; background: rgba(0, 0, 0, .06); border-radius: 999px; padding: 0 7px; }
.or-estado.on[b-hx9qzxawhv] { box-shadow: 0 0 0 2px var(--ext-primario, #1f4a87); }
.or-estado.est-planificado[b-hx9qzxawhv] { background: #eaf2fd; color: #1f4a87; border-color: #bcd3f1; }
.or-estado.est-encurso[b-hx9qzxawhv] { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.or-estado.est-entregado[b-hx9qzxawhv] { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.or-estado.est-facturado[b-hx9qzxawhv] { background: #f1ecfb; color: #5b3aa0; border-color: #d4c6f0; }
.or-estado.est-anulado[b-hx9qzxawhv] { background: #fdecec; color: #8a1c1c; border-color: #f5c2c2; }

.or-error[b-hx9qzxawhv] { color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 8px 12px; font-size: 13px; }

.or-grid[b-hx9qzxawhv] {
    /* Sin encoger: en una ventana baja (o en el iframe del Diseñador web) el tapiz hace scroll en vez de aplastar el grid a una fila. */
    flex: 0 0 auto;
    position: relative; display: flex; flex-direction: column;
    height: max(380px, calc(100vh - 470px));
    border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #fff;
}
.or-grid[b-hx9qzxawhv]  .grid-panel { flex: 1 1 auto; height: 100%; }
.or-cargando[b-hx9qzxawhv] { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #4a5566; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }

.or-grid[b-hx9qzxawhv]  .ext-pill { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; border: 1px solid transparent; }
.or-grid[b-hx9qzxawhv]  .est-pendiente { background: #f1f5f9; color: #475569; border-color: #cbd5e1; }
.or-grid[b-hx9qzxawhv]  .est-planificado { background: #eaf2fd; color: #1f4a87; border-color: #bcd3f1; }
.or-grid[b-hx9qzxawhv]  .est-encurso { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.or-grid[b-hx9qzxawhv]  .est-entregado { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.or-grid[b-hx9qzxawhv]  .est-facturado { background: #f1ecfb; color: #5b3aa0; border-color: #d4c6f0; }
.or-grid[b-hx9qzxawhv]  .est-anulado { background: #fdecec; color: #8a1c1c; border-color: #f5c2c2; }
/* /Components/Pages/Clientes/Pedir.razor.rz.scp.css */
/* Pedir transporte (DOC 186 §4). Colores del diseño del cliente (--ext-*) con el
   estándar NetOffice de respaldo. La raíz va SIN ::deep; lo que pinta PuntoPedido
   (otro componente) se alcanza con ::deep. */

.ped-cab-enlace[b-c6wog69725] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 6px;
    background: rgba(255, 255, 255, .16); color: inherit; text-decoration: none;
    font-size: 13px; font-weight: 600;
}
.ped-cab-enlace:hover[b-c6wog69725] { background: rgba(255, 255, 255, .26); color: inherit; }

.ped-pagina[b-c6wog69725] { display: flex; flex-direction: column; gap: 12px; }

.ped-columnas[b-c6wog69725] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
    align-items: start;
}
@media (max-width: 1100px) {
    .ped-columnas[b-c6wog69725] { grid-template-columns: minmax(0, 1fr); }
}

.ped-formulario[b-c6wog69725] { display: flex; flex-direction: column; gap: 4px; }
.ped-formulario[b-c6wog69725]  .form-block-title i,
.ped-pagina[b-c6wog69725]  .form-block-title i { margin-right: 4px; }
.ped-pagina[b-c6wog69725]  .form-block { border-top-color: var(--ext-primario, #1f4a87); }
.ped-pagina[b-c6wog69725]  .form-block-title { color: var(--ext-primario, #1f4a87); }

.ped-fila[b-c6wog69725] { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 6px; align-items: center; }
.ped-fila-alta[b-c6wog69725] { align-items: start; }
.ped-fila .lbl[b-c6wog69725], .ped-cantidades .lbl[b-c6wog69725], .ped-pagina[b-c6wog69725]  .lbl { font-size: 12px; color: #333; font-weight: 500; }
.ped-select[b-c6wog69725] { max-width: 560px; }
.ped-ref[b-c6wog69725] { max-width: 260px; }
.ped-obs[b-c6wog69725] { height: auto; min-height: 60px; resize: vertical; }

.ped-tarifa-info[b-c6wog69725] {
    display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center;
    margin-left: 136px; font-size: 12.5px; color: #4a5566;
}
.ped-chip[b-c6wog69725] {
    display: inline-block; padding: 2px 9px; border-radius: 10px;
    background: #e7f0fb; color: var(--ext-primario, #1f4a87); font-weight: 700; font-size: 12px;
}

.ped-puntos[b-c6wog69725] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 900px) { .ped-puntos[b-c6wog69725] { grid-template-columns: minmax(0, 1fr); } }

/* Cabecera de la lista de puntos (título + Añadir carga / Añadir descarga). */
.ped-puntos-cab[b-c6wog69725] { display: flex; align-items: center; gap: 8px; margin: 6px 0 2px; }
.ped-puntos-titulo[b-c6wog69725] { font-weight: 700; font-size: 13px; color: var(--ext-primario, #1f4a87); }
.ped-puntos-titulo i[b-c6wog69725] { margin-right: 4px; }
.ped-puntos-hint[b-c6wog69725] { font-size: 12px; color: #6b7785; }
.ped-spacer[b-c6wog69725] { flex: 1 1 auto; }
.ped-puntos-cab .ped-btn-texto[b-c6wog69725] {
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
    height: 28px; padding: 0 10px; border: 1px solid #c5cdda; border-radius: 6px; background: #fff;
    color: var(--ext-primario, #1f4a87); font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.ped-puntos-cab .ped-btn-texto:hover:not(:disabled)[b-c6wog69725] { background: #eef4fc; }
.ped-puntos-cab .ped-btn-texto:disabled[b-c6wog69725] { opacity: .5; cursor: default; }

.ped-pagina[b-c6wog69725]  .ped-punto { margin-bottom: 4px; }
.ped-pagina[b-c6wog69725]  .ped-punto-descarga { border-top-color: var(--ext-acento, #2f6ec1); }
.ped-pagina[b-c6wog69725]  .ped-punto-titulo { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ped-pagina[b-c6wog69725]  .ped-punto-acciones { display: inline-flex; gap: 3px; }
.ped-pagina[b-c6wog69725]  .ped-mini {
    width: 24px; height: 22px; padding: 0; border: 1px solid #d3dae5; border-radius: 5px; background: #fff;
    color: #4a5566; font-size: 11px; cursor: pointer; line-height: 1;
}
.ped-pagina[b-c6wog69725]  .ped-mini:hover:not(:disabled) { background: #eef4fc; color: var(--ext-primario, #1f4a87); }
.ped-pagina[b-c6wog69725]  .ped-mini:disabled { opacity: .35; cursor: default; }
.ped-pagina[b-c6wog69725]  .ped-mini-quitar:hover:not(:disabled) { background: #fdecec; color: #b42318; }
.ped-pagina[b-c6wog69725]  .ped-dir-nueva-aviso { color: #6b5200; }

.ped-merc[b-c6wog69725] { display: flex; gap: 6px; align-items: center; min-width: 0; }
.ped-merc-inp[b-c6wog69725] { flex: 1 1 auto; min-width: 0; max-width: 460px; }
.ped-chip-adr[b-c6wog69725] { background: #fff1d6; color: #9a5b00; }
.ped-pagina[b-c6wog69725]  .ped-dir-elegida { display: flex; gap: 6px; align-items: center; }
.ped-pagina[b-c6wog69725]  .ped-dir-buscar { flex: 1 1 auto; width: auto; min-width: 0; cursor: pointer; }
.ped-pagina[b-c6wog69725]  .ped-dir-linea { font-size: 12px; color: #4a5566; }
.ped-pagina[b-c6wog69725]  .ped-dir-linea i { color: var(--ext-acento, #2f6ec1); }
.ped-pagina[b-c6wog69725]  .ped-nueva {
    display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 4px 6px; align-items: center;
}
.ped-pagina[b-c6wog69725]  .ped-cp-pob { display: flex; gap: 6px; }
.ped-pagina[b-c6wog69725]  .ped-cp { width: 80px; flex: 0 0 80px; }
.ped-pagina[b-c6wog69725]  .ped-pais { width: 44px; flex: 0 0 44px; text-transform: uppercase; text-align: center; }
.ped-pagina[b-c6wog69725]  .ped-tel { width: 130px; flex: 0 0 130px; }
.ped-pagina[b-c6wog69725]  .ped-nueva-pie { display: flex; justify-content: flex-end; }
.ped-pagina[b-c6wog69725]  .ped-fecha-fila {
    display: grid; grid-template-columns: auto 130px auto 64px auto minmax(0, 1fr);
    gap: 6px; align-items: center;
}
.ped-pagina[b-c6wog69725]  .ped-hora { text-align: center; }

.ped-pagina[b-c6wog69725]  .ped-btn-icono {
    width: 32px; height: 28px; border: 1px solid #c5cdda; border-radius: 6px; background: #fff;
    color: var(--ext-primario, #1f4a87); cursor: pointer;
}
.ped-pagina[b-c6wog69725]  .ped-btn-icono:hover { background: #eef4fc; }
.ped-pagina[b-c6wog69725]  .ped-btn-texto {
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
    height: 28px; padding: 0 10px; border: 1px solid #c5cdda; border-radius: 6px; background: #fff;
    color: var(--ext-primario, #1f4a87); font-size: 12.5px; font-weight: 600; cursor: pointer; text-decoration: none;
}
.ped-pagina[b-c6wog69725]  .ped-btn-texto:hover { background: #eef4fc; }

.ped-cantidades[b-c6wog69725] {
    display: grid;
    grid-template-columns: repeat(5, auto minmax(70px, 110px));
    gap: 6px; align-items: center; justify-content: start;
}
@media (max-width: 900px) { .ped-cantidades[b-c6wog69725] { grid-template-columns: repeat(2, auto minmax(70px, 1fr)); } }
.ped-num[b-c6wog69725] { text-align: right; }

.ped-adjunto[b-c6wog69725] {
    position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    min-height: 96px; padding: 12px;
    border: 2px dashed #b9c6d8; border-radius: 8px; background: #f7f9fc;
    color: #4a5566; font-size: 13px; text-align: center;
}
.ped-adjunto:hover[b-c6wog69725] { border-color: var(--ext-acento, #2f6ec1); background: #eef4fc; }
.ped-adjunto > i[b-c6wog69725] { font-size: 26px; color: var(--ext-acento, #2f6ec1); }
.ped-adjunto small[b-c6wog69725] { color: #6b7785; }
.ped-adjunto.con-fichero[b-c6wog69725] { flex-direction: row; gap: 10px; border-style: solid; background: #f1f8f3; border-color: #9ccbaa; }
.ped-adjunto.con-fichero > i[b-c6wog69725] { color: #2e8b57; }
/* El input de fichero cubre toda la zona: así arrastrar y soltar funciona sin JS. */
.ped-adjunto[b-c6wog69725]  .ped-adjunto-input {
    position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
}

.ped-lateral[b-c6wog69725] { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 0; }
.ped-precio-titulo[b-c6wog69725] { font-weight: 700; color: var(--ext-primario, #1f4a87); font-size: 13px; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 8px; }
.ped-precio-titulo i[b-c6wog69725] { margin-right: 4px; }
.ped-importe[b-c6wog69725] { font-size: 30px; font-weight: 800; color: var(--ext-primario, #1f4a87); line-height: 1.1; }
.ped-importe-confirmar[b-c6wog69725] { font-size: 22px; color: #9a5b00; }
.ped-desglose[b-c6wog69725] { margin: 8px 0 0; padding-left: 18px; font-size: 12.5px; color: #3c4655; }
.ped-nota[b-c6wog69725] { margin: 8px 0 0; font-size: 11.5px; color: #6b7785; }
.ped-precio-vacio[b-c6wog69725] { margin: 0; font-size: 12.5px; color: #6b7785; }
.ped-precio-calculando[b-c6wog69725] { font-size: 13px; color: #4a5566; display: flex; gap: 8px; align-items: center; }
.ped-errores[b-c6wog69725] { margin: 6px 0 0; padding-left: 18px; font-size: 12.5px; color: #b42318; }
.ped-error-linea[b-c6wog69725] { margin: 4px 0 0; font-size: 12.5px; color: #b42318; }
.ped-resumen-linea[b-c6wog69725] { font-size: 12.5px; color: #3c4655; margin-bottom: 4px; }
.ped-resumen-linea i[b-c6wog69725] { color: var(--ext-acento, #2f6ec1); margin-right: 4px; }
.ped-enviar[b-c6wog69725] { width: 100%; margin-top: 12px; }

.ped-confirmacion[b-c6wog69725] { max-width: 640px; text-align: center; margin: 10px auto; padding: 26px; }
.ped-confirmacion > i[b-c6wog69725] { font-size: 44px; color: #2e8b57; }
.ped-confirmacion h2[b-c6wog69725] { margin: 8px 0 6px; font-size: 20px; font-weight: 800; color: var(--ext-primario, #1f4a87); }
.ped-confirmacion p[b-c6wog69725] { margin: 4px 0; font-size: 13.5px; color: #3c4655; }
.ped-conf-precio b[b-c6wog69725] { color: var(--ext-primario, #1f4a87); }
.ped-aviso[b-c6wog69725] { color: #9a5b00 !important; }
.ped-conf-botones[b-c6wog69725] { display: flex; gap: 12px; justify-content: center; align-items: center; margin-top: 8px; }
.ped-conf-botones .ext-btn[b-c6wog69725] { margin-top: 0; padding: 0 18px; }
.ped-conf-botones[b-c6wog69725]  .ped-btn-texto,
.ped-conf-botones .ped-btn-texto[b-c6wog69725] {
    display: inline-flex; align-items: center; gap: 5px; height: 42px; padding: 0 14px;
    border: 1px solid #c5cdda; border-radius: 8px; background: #fff;
    color: var(--ext-primario, #1f4a87); font-weight: 600; text-decoration: none;
}
/* /Components/Pages/Clientes/Pedir/BuscadorDireccion.razor.rz.scp.css */
/* Buscador de direcciones de «Pedir transporte» (DOC 186 §4). Mismo aspecto que el
   «Buscador de direcciones» del TMS (DireccionBuscadorDialog), con los colores del
   diseño del cliente (--ext-*) y el estándar NetOffice de respaldo. */

.bdx-fondo[b-twooho1vog] { position: fixed; inset: 0; background: rgba(15, 30, 55, .45); z-index: 1200; }

.bdx-caja[b-twooho1vog] {
    position: fixed; top: 10vh; left: 50%; transform: translateX(-50%);
    width: min(780px, 94vw); max-height: 76vh;
    background: #fff; border-radius: 10px; box-shadow: 0 18px 50px rgba(10, 25, 60, .35);
    display: flex; flex-direction: column; overflow: hidden; z-index: 1201; outline: none;
}

.bdx-cab[b-twooho1vog] {
    display: flex; align-items: center; gap: 8px; padding: 10px 14px;
    /* Mismo par fondo/texto que la cabecera del portal (§2.43: el texto contrasta con
       el color que eligió el cliente). */
    background: var(--ext-cabecera, linear-gradient(180deg, #2f6ec1 0%, #1f4a87 100%));
    color: var(--ext-texto-cabecera, #fff); font-weight: 600;
}
.bdx-titulo[b-twooho1vog] { flex: 1 1 auto; }
.bdx-x[b-twooho1vog] { background: transparent; border: none; color: inherit; cursor: pointer; padding: 2px 6px; border-radius: 5px; }
.bdx-x:hover[b-twooho1vog] { background: rgba(255, 255, 255, .18); }

.bdx-busca[b-twooho1vog] {
    display: flex; align-items: center; gap: 8px; padding: 12px 14px;
    border-bottom: 1px solid #e2e8f2; background: #f6f9fd;
}
.bdx-busca > i[b-twooho1vog] { color: #6b7785; }
.bdx-inp[b-twooho1vog] {
    flex: 1 1 auto; height: 34px; padding: 0 10px; font-size: 14px;
    border: 1px solid #c5cdda; border-radius: 6px; outline: none;
}
.bdx-inp:focus[b-twooho1vog] { border-color: var(--ext-acento, #2f6ec1); box-shadow: 0 0 0 3px rgba(47, 110, 193, .15); }
.bdx-lupa[b-twooho1vog] {
    width: 34px; height: 34px; border: 1px solid #c5cdda; border-radius: 6px; background: #fff;
    color: var(--ext-primario, #1f4a87); cursor: pointer;
}

.bdx-cuerpo[b-twooho1vog] { flex: 1 1 auto; overflow-y: auto; min-height: 120px; }
.bdx-msg[b-twooho1vog] { padding: 18px 16px; color: #6b7785; font-size: 13px; display: flex; gap: 8px; align-items: center; }
.bdx-error[b-twooho1vog] { padding: 8px 16px; color: #b42318; font-size: 12.5px; }

.bdx-lista[b-twooho1vog] { list-style: none; margin: 0; padding: 0; }
.bdx-grupo[b-twooho1vog] {
    padding: 6px 14px; background: #eef2f8; color: #3c4655;
    font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
}
.bdx-grupo small[b-twooho1vog] { text-transform: none; font-weight: 500; letter-spacing: 0; color: #6b7785; }
.bdx-grupo i[b-twooho1vog] { margin-right: 4px; }
.bdx-item[b-twooho1vog] {
    display: flex; align-items: center; gap: 10px; padding: 8px 14px;
    border-bottom: 1px solid #f0f2f6; cursor: pointer; font-size: 13px; color: #273140;
}
.bdx-item:hover[b-twooho1vog] { background: #f4f8fd; }
.bdx-item.sel[b-twooho1vog] { background: #e3eefb; box-shadow: inset 3px 0 0 var(--ext-acento, #2f6ec1); }
.bdx-item > i[b-twooho1vog] { color: #8a94a3; }
.bdx-local > i[b-twooho1vog] { color: var(--ext-acento, #2f6ec1); }
.bdx-txt[b-twooho1vog] { flex: 1 1 auto; min-width: 0; }
.bdx-txt span[b-twooho1vog] { color: #5b6676; font-size: 12.5px; }
.bdx-tag[b-twooho1vog] {
    flex: 0 0 auto; padding: 1px 8px; border-radius: 10px;
    background: #e7f0fb; color: var(--ext-primario, #1f4a87); font-size: 11px; font-weight: 700;
}

.bdx-pie[b-twooho1vog] {
    display: flex; align-items: center; gap: 8px; padding: 10px 14px;
    border-top: 1px solid #e2e8f2; background: #fafbfd;
}
.bdx-spacer[b-twooho1vog] { flex: 1 1 auto; }
.bdx-mano[b-twooho1vog] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px;
    border: 1px solid #c5cdda; border-radius: 6px; background: #fff;
    color: var(--ext-primario, #1f4a87); font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.bdx-mano:hover[b-twooho1vog] { background: #eef4fc; }
/* /Components/Pages/Clientes/Pedir/Solicitudes.razor.rz.scp.css */
/* Mis solicitudes (DOC 186 §4). */
.sol-cab-enlace[b-n7nw5647nc] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border: 0; border-radius: 6px;
    background: rgba(255, 255, 255, .16); color: inherit; text-decoration: none;
    font-size: 13px; font-weight: 600; cursor: pointer;
}
.sol-cab-enlace:hover[b-n7nw5647nc] { background: rgba(255, 255, 255, .26); color: inherit; }

.sol-panel[b-n7nw5647nc] { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.sol-filtros[b-n7nw5647nc] { display: flex; gap: 10px; align-items: center; }
.sol-filtro[b-n7nw5647nc] { max-width: 420px; }
.sol-total[b-n7nw5647nc] { font-size: 12px; color: #6b7785; }

.sol-scroll[b-n7nw5647nc] { overflow: auto; max-height: calc(100vh - 260px); border: 1px solid #d4dae3; border-radius: 6px; }
.sol-tabla[b-n7nw5647nc] { width: 100%; border-collapse: collapse; font-size: 13px; }
.sol-tabla thead th[b-n7nw5647nc] {
    position: sticky; top: 0; z-index: 1;
    background: var(--ext-cabecera, #1f4a87); color: var(--ext-texto-cabecera, #fff);
    text-align: left; font-weight: 600; padding: 7px 10px; white-space: nowrap;
}
.sol-tabla td[b-n7nw5647nc] { padding: 6px 10px; border-bottom: 1px solid #e6eaf0; white-space: nowrap; }
.sol-tabla tbody tr:nth-child(even)[b-n7nw5647nc] { background: #f7f9fc; }
.sol-tabla tbody tr:hover[b-n7nw5647nc] { background: #eaf2fd; }
.sol-tabla .num[b-n7nw5647nc] { text-align: right; }

.sol-estado[b-n7nw5647nc] { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 700; }
.sol-estado-1[b-n7nw5647nc] { background: #e7f0fb; color: #1f4a87; }
.sol-estado-2[b-n7nw5647nc] { background: #e3f4e8; color: #1e6b3a; }
.sol-estado-3[b-n7nw5647nc] { background: #fde7e7; color: #a12020; }
/* /Components/Pages/Proveedores/Compartido/ProvMarco.razor.rz.scp.css */
.prov[b-e5ji9w1ppx] { display: flex; flex-direction: column; gap: 12px; }
.prov.prov-llena[b-e5ji9w1ppx] { flex: 1 1 auto; min-height: 0; }

/* ── Barra de filtros ── */
.prov[b-e5ji9w1ppx]  .prov-filtros { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; }
.prov[b-e5ji9w1ppx]  .prov-filtros .ext-lbl { display: block; margin: 0 0 2px; }
.prov[b-e5ji9w1ppx]  .prov-filtros .ext-inp { width: 140px; }
.prov[b-e5ji9w1ppx]  .prov-filtros-spacer { flex: 1; }
.prov[b-e5ji9w1ppx]  .prov-total { font-size: 13px; color: #4a5566; }
.prov[b-e5ji9w1ppx]  .prov-total b { color: var(--ext-texto, #1e293b); }

/* ── Grid (aspecto de NetOffice Web: .grid-table del RCL + fila de filtros) ── */
.prov[b-e5ji9w1ppx]  .prov-grid-wrap { overflow: auto; max-height: calc(100vh - 330px); min-height: 160px; border: 1px solid #c9ced4; border-radius: 4px; background: #fff; }
.prov[b-e5ji9w1ppx]  .prov-grid { table-layout: auto; }
.prov[b-e5ji9w1ppx]  .prov-grid tbody tr { cursor: pointer; }
.prov[b-e5ji9w1ppx]  .prov-grid tbody tr:nth-child(even) { background: #f7f9fb; }
.prov[b-e5ji9w1ppx]  .prov-grid tbody tr:hover { background: #eaf1fb; }
.prov[b-e5ji9w1ppx]  .prov-grid tbody tr.sel { background: #d6e5fa; }
.prov[b-e5ji9w1ppx]  .prov-grid td { padding: 4px 6px; border-bottom: 1px solid #e3e7ec; white-space: nowrap; }
.prov[b-e5ji9w1ppx]  .prov-grid td.num, .prov[b-e5ji9w1ppx]  .prov-grid th.num { text-align: right; }
.prov[b-e5ji9w1ppx]  .prov-grid td.cen, .prov[b-e5ji9w1ppx]  .prov-grid th.cen { text-align: center; }
.prov[b-e5ji9w1ppx]  .prov-grid tfoot td { font-weight: 700; background: #eef2f7; border-top: 2px solid #c9ced4; padding: 4px 6px; position: sticky; bottom: 0; }
.prov[b-e5ji9w1ppx]  .prov-vacio { padding: 26px; text-align: center; color: #6b7785; }

/* ── Estados ── */
.prov[b-e5ji9w1ppx]  .prov-pill { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.prov[b-e5ji9w1ppx]  .prov-pill.ok { background: #e6f4ea; color: #1e6b34; }
.prov[b-e5ji9w1ppx]  .prov-pill.pend { background: #fff4d6; color: #8a5a00; }
.prov[b-e5ji9w1ppx]  .prov-pill.ko { background: #fde7e7; color: #a12121; }
.prov[b-e5ji9w1ppx]  .prov-pill.info { background: #e3edfa; color: #1f4a87; }

/* ── Ficha (panel lateral sobre el grid) ── */
.prov[b-e5ji9w1ppx]  .prov-ficha-fondo { position: fixed; inset: 0; background: rgba(15, 23, 42, .35); z-index: 900; display: flex; justify-content: flex-end; }
.prov[b-e5ji9w1ppx]  .prov-ficha { width: min(640px, 100%); height: 100%; overflow: auto; background: #fff; box-shadow: -4px 0 18px rgba(0, 0, 0, .18); display: flex; flex-direction: column; }
.prov[b-e5ji9w1ppx]  .prov-ficha-cab { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--ext-cabecera, #1f4a87); color: var(--ext-texto-cabecera, #fff); }
.prov[b-e5ji9w1ppx]  .prov-ficha-cab h2 { font-size: 16px; margin: 0; flex: 1; }
.prov[b-e5ji9w1ppx]  .prov-ficha-cab button { border: 0; background: transparent; color: inherit; font-size: 18px; }
.prov[b-e5ji9w1ppx]  .prov-ficha-cuerpo { padding: 14px 16px; display: flex; flex-direction: column; gap: 14px; }
.prov[b-e5ji9w1ppx]  .prov-sec h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #4a5566; margin: 0 0 6px; }
.prov[b-e5ji9w1ppx]  .prov-datos { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px 14px; }
.prov[b-e5ji9w1ppx]  .prov-dato span { display: block; font-size: 11px; color: #6b7785; }
.prov[b-e5ji9w1ppx]  .prov-dato b { font-size: 14px; }
.prov[b-e5ji9w1ppx]  .prov-dato.grande b { font-size: 18px; color: var(--ext-primario, #1f4a87); }

/* ── Documentos ── */
.prov[b-e5ji9w1ppx]  .prov-docs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.prov[b-e5ji9w1ppx]  .prov-docs li { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border: 1px solid #dde3ea; border-radius: 6px; font-size: 13px; }
.prov[b-e5ji9w1ppx]  .prov-docs li .prov-doc-nombre { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prov[b-e5ji9w1ppx]  .prov-docs li .prov-doc-sub { color: #6b7785; font-size: 12px; }
.prov[b-e5ji9w1ppx]  .prov-icon-btn { border: 1px solid #c3ccd8; background: #fff; border-radius: 6px; padding: 2px 8px; font-size: 13px; color: var(--ext-primario, #1f4a87); }
.prov[b-e5ji9w1ppx]  .prov-icon-btn:hover { background: #eef4fc; }
.prov[b-e5ji9w1ppx]  .prov-icon-btn:disabled { opacity: .45; }

/* ── Bloques de documentación ── */
.prov[b-e5ji9w1ppx]  .prov-bloque { background: #fff; border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; }
.prov[b-e5ji9w1ppx]  .prov-bloque-cab { display: flex; align-items: center; gap: 8px; padding: 9px 14px; background: #f1f4f8; border-bottom: 1px solid #dde3ea; }
.prov[b-e5ji9w1ppx]  .prov-bloque-cab h2 { font-size: 15px; margin: 0; flex: 1; }
.prov[b-e5ji9w1ppx]  .prov-bloque-cab > i { color: var(--ext-primario, #1f4a87); font-size: 18px; }
.prov[b-e5ji9w1ppx]  .prov-titular { padding: 6px 14px 4px; font-weight: 700; color: #334155; border-top: 1px solid #eef1f5; }
.prov[b-e5ji9w1ppx]  .prov-titular:first-of-type { border-top: 0; }
.prov[b-e5ji9w1ppx]  .prov-doc-tabla { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
.prov[b-e5ji9w1ppx]  .prov-doc-tabla td { padding: 6px 14px; border-top: 1px solid #f0f2f5; vertical-align: middle; }
.prov[b-e5ji9w1ppx]  .prov-doc-tabla td.acc { text-align: right; white-space: nowrap; width: 330px; }
.prov[b-e5ji9w1ppx]  .prov-doc-vacio { padding: 8px 14px 12px; color: #6b7785; font-size: 13px; }

/* ── Avisos del Inicio ── */
.prov[b-e5ji9w1ppx]  .prov-avisos { display: flex; flex-direction: column; gap: 8px; }
.prov[b-e5ji9w1ppx]  .prov-aviso { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: var(--ext-radio, 8px); border: 1px solid; background: #fff; }
.prov[b-e5ji9w1ppx]  .prov-aviso.ko { border-color: #e7b3b3; background: #fdf3f3; }
.prov[b-e5ji9w1ppx]  .prov-aviso.pend { border-color: #ecd28a; background: #fffaeb; }
.prov[b-e5ji9w1ppx]  .prov-aviso.info { border-color: #bfd3ef; background: #f3f7fd; }
.prov[b-e5ji9w1ppx]  .prov-aviso > i { font-size: 22px; }
.prov[b-e5ji9w1ppx]  .prov-aviso.ko > i { color: #c62828; }
.prov[b-e5ji9w1ppx]  .prov-aviso.pend > i { color: #b06900; }
.prov[b-e5ji9w1ppx]  .prov-aviso.info > i { color: var(--ext-primario, #1f4a87); }
.prov[b-e5ji9w1ppx]  .prov-aviso-texto { flex: 1; }
.prov[b-e5ji9w1ppx]  .prov-aviso-texto b { display: block; }
.prov[b-e5ji9w1ppx]  .prov-aviso-texto span { font-size: 13px; color: #4a5566; }

/* ── Diálogo ── */
.prov[b-e5ji9w1ppx]  .prov-dlg-fondo { position: fixed; inset: 0; background: rgba(15, 23, 42, .40); z-index: 950; display: flex; align-items: center; justify-content: center; padding: 16px; }
.prov[b-e5ji9w1ppx]  .prov-dlg { width: min(560px, 100%); max-height: 92vh; overflow: auto; background: #fff; border-radius: var(--ext-radio, 8px); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.prov[b-e5ji9w1ppx]  .prov-dlg-cab { display: flex; align-items: center; gap: 8px; padding: 11px 16px; background: var(--ext-cabecera, #1f4a87); color: var(--ext-texto-cabecera, #fff); }
.prov[b-e5ji9w1ppx]  .prov-dlg-cab h2 { font-size: 15px; margin: 0; flex: 1; }
.prov[b-e5ji9w1ppx]  .prov-dlg-cab button { border: 0; background: transparent; color: inherit; font-size: 18px; }
.prov[b-e5ji9w1ppx]  .prov-dlg-cuerpo { padding: 14px 16px; }
.prov[b-e5ji9w1ppx]  .prov-dlg-info { font-size: 13px; color: #4a5566; margin: 0 0 10px; }
/* /Components/Pages/Proveedores/Compartido/SemaforoChip.razor.rz.scp.css */
.sem[b-9n0dyhljn4] { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.ext-sem-ok[b-9n0dyhljn4] { background: #e6f4ea; color: #1e6b34; }
.ext-sem-pronto[b-9n0dyhljn4] { background: #fff4d6; color: #8a5a00; }
.ext-sem-ko[b-9n0dyhljn4] { background: #fde7e7; color: #a12121; }
.ext-sem-falta[b-9n0dyhljn4] { background: #eceff3; color: #4a5566; }
/* /Components/Pages/Proveedores/Compartido/SubidaFicheros.razor.rz.scp.css */
.sf[b-103e2xxhym] { display: flex; flex-direction: column; gap: 6px; }
.sf-zona[b-103e2xxhym] {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 18px 12px; border: 2px dashed #b8c4d4; border-radius: var(--ext-radio, 8px);
    background: #f7f9fc; color: #4a5566; text-align: center; cursor: pointer;
}
.sf-zona:hover[b-103e2xxhym], .sf-encima[b-103e2xxhym] { border-color: var(--ext-acento, #2f6ec1); background: #eef4fc; }
.sf-zona > i[b-103e2xxhym] { font-size: 28px; color: var(--ext-primario, #1f4a87); }
.sf-zona-texto[b-103e2xxhym] { font-weight: 600; }
.sf-zona-sub[b-103e2xxhym] { font-size: 12px; color: #6b7785; }
.sf-zona[b-103e2xxhym]  .sf-input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.sf-lista[b-103e2xxhym] { list-style: none; margin: 4px 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.sf-lista li[b-103e2xxhym] { display: flex; align-items: center; gap: 8px; padding: 4px 8px; background: #fff; border: 1px solid #dde3ea; border-radius: 6px; font-size: 13px; }
.sf-lista li.sf-mal[b-103e2xxhym] { border-color: #e7b3b3; background: #fdf3f3; }
.sf-lista li > i[b-103e2xxhym] { color: #2e7d32; }
.sf-lista li.sf-mal > i[b-103e2xxhym] { color: #c62828; }
.sf-nombre[b-103e2xxhym] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-tam[b-103e2xxhym] { color: #6b7785; font-size: 12px; }
.sf-err[b-103e2xxhym] { color: #c62828; font-size: 12px; }
.sf-quitar[b-103e2xxhym] { border: 0; background: transparent; color: #6b7785; padding: 0 4px; }
.sf-quitar:hover[b-103e2xxhym] { color: #c62828; }
.sf-opc[b-103e2xxhym] { font-weight: 400; color: #8a95a3; }
.sf[b-103e2xxhym]  .sf-fecha { width: 170px; max-width: 100%; }
.sf-msg[b-103e2xxhym] { margin-top: 4px; }
.sf-acciones[b-103e2xxhym] { display: flex; justify-content: flex-end; margin-top: 6px; }
/* /Components/Pages/Proveedores/Compartido/TitularesDocs.razor.rz.scp.css */
/* Lista plegable por titular (vehículo / conductor), patrón de las bandas de zona de
   la planificación de tráfico. El tono lo da el bloque: --blq (fuerte) y --blq-suave. */
.td[b-ecu0vmqnzk] { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }

.td-barra[b-ecu0vmqnzk] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
    padding: 7px 10px; border-bottom: 1px solid #e2e8f0; background: #fff;
}
.td-buscar[b-ecu0vmqnzk] { position: relative; display: inline-flex; align-items: center; }
.td-buscar > i[b-ecu0vmqnzk] { position: absolute; left: 8px; font-size: 12px; color: #94a3b8; pointer-events: none; }
.td-buscar input[b-ecu0vmqnzk] { width: 200px; padding-left: 26px; height: 30px; }
.td-estado[b-ecu0vmqnzk] { width: auto; height: 30px; }
.td-total[b-ecu0vmqnzk] { margin-left: auto; font-size: 12px; color: #64748b; white-space: nowrap; }

.td-lista[b-ecu0vmqnzk] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 6px 8px 8px; }

.td-grupo[b-ecu0vmqnzk] { margin-bottom: 4px; border: 1px solid #dbe3ec; border-radius: 6px; background: #fff; overflow: hidden; }
.td-grupo.abierto[b-ecu0vmqnzk] { border-color: color-mix(in srgb, var(--blq, #475569) 45%, #dbe3ec); box-shadow: 0 1px 3px rgba(15, 30, 55, .08); }

.td-cab[b-ecu0vmqnzk] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px;
    min-height: 32px; padding: 4px 10px 4px 8px; box-sizing: border-box;
    background: linear-gradient(180deg, var(--blq-suave, #f1f5f9), color-mix(in srgb, var(--blq-suave, #f1f5f9) 70%, var(--blq, #475569) 8%));
    color: var(--blq-oscuro, #1e293b);
    cursor: pointer; user-select: none;
}
.td-grupo.abierto .td-cab[b-ecu0vmqnzk] { border-bottom: 1px solid color-mix(in srgb, var(--blq, #475569) 25%, #e2e8f0); }
.td-cab:hover[b-ecu0vmqnzk] { filter: brightness(.98); }
.td-cab:focus-visible[b-ecu0vmqnzk] { outline: 2px solid var(--blq, #475569); outline-offset: -2px; }
.td-caret[b-ecu0vmqnzk] { font-size: 10px; width: 10px; color: var(--blq, #475569); }
.td-slab[b-ecu0vmqnzk] { width: 6px; height: 18px; border-radius: 2px; flex: 0 0 auto; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.td-slab.ko[b-ecu0vmqnzk] { background: #dc2626; }
.td-slab.falta[b-ecu0vmqnzk] { background: #94a3b8; }
.td-slab.pronto[b-ecu0vmqnzk] { background: #d97706; }
.td-slab.ok[b-ecu0vmqnzk] { background: #16a34a; }
.td-slab.vacio[b-ecu0vmqnzk] { background: #e2e8f0; }
.td-nom[b-ecu0vmqnzk] { font-weight: 700; font-size: 13.5px; margin-right: 2px; font-variant-numeric: tabular-nums; }
.td-espacio[b-ecu0vmqnzk] { flex: 1 1 auto; }

.td-cap[b-ecu0vmqnzk] {
    display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto;
    padding: 0 9px; height: 20px; border-radius: 10px; white-space: nowrap;
    background: color-mix(in srgb, var(--blq, #475569) 12%, transparent);
    color: var(--blq-oscuro, #1e293b); font-size: 11px; font-weight: 600;
}
.td-tipo[b-ecu0vmqnzk] { background: color-mix(in srgb, var(--blq, #475569) 22%, transparent); }
.td-num[b-ecu0vmqnzk] { background: #fff; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blq, #475569) 30%, #e2e8f0); }
.td-sin[b-ecu0vmqnzk] { font-size: 11.5px; color: #64748b; font-style: italic; }

.td-sem[b-ecu0vmqnzk] {
    display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto;
    padding: 0 8px; height: 20px; border-radius: 10px; font-size: 11px; font-weight: 700; white-space: nowrap;
}
.td-sem.ko[b-ecu0vmqnzk] { background: #fde7e7; color: #a12121; }
.td-sem.pronto[b-ecu0vmqnzk] { background: #fff4d6; color: #8a5a00; }
.td-sem.falta[b-ecu0vmqnzk] { background: #eef2f7; color: #475569; }
.td-sem.info[b-ecu0vmqnzk] { background: #e3edfa; color: #1f4a87; }
.td-sem.ok[b-ecu0vmqnzk] { background: #e6f4ea; color: #1e6b34; }

.td-hueco[b-ecu0vmqnzk] { padding: 8px 14px; }

@media (max-width: 700px) {
    .td-buscar input[b-ecu0vmqnzk] { width: 150px; }
    .td-total[b-ecu0vmqnzk] { margin-left: 0; }
}
/* /Components/Pages/Proveedores/Documentacion.razor.rz.scp.css */
/* Vehículos y documentación del proveedor (DOC 186 §4, JJ 07/11).
   Sin scroll de página (§2.18): .dp ocupa el alto del marco y las listas de vehículos
   y conductores tienen su scroll interno. Tres tonos dentro del verde del apartado:
   proveedor verde, vehículos azul petróleo, conductores oliva (--blq*). */
.dp[b-vifavcr0eh] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; }

/* ── Cifras + semáforo + gráfica ── */
.dp-resumen[b-vifavcr0eh] {
    flex: 0 0 auto; display: grid; grid-template-columns: auto auto minmax(220px, 1fr); gap: 12px 18px; align-items: center;
    padding: 10px 14px; background: linear-gradient(180deg, #f0fdf4, #fff 80%);
    border: 1px solid #c9d2de; border-top: 3px solid #15803d; border-radius: var(--ext-radio, 8px);
}
.dp-cifras[b-vifavcr0eh], .dp-semaforo[b-vifavcr0eh] { display: flex; flex-wrap: wrap; gap: 8px; }
.dp-cifra[b-vifavcr0eh] {
    display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 8px; align-items: center;
    min-width: 104px; padding: 6px 12px; border-radius: 8px; background: #fff; border: 1px solid #e2e8f0;
}
.dp-cifra > i[b-vifavcr0eh] { grid-row: 1 / span 2; font-size: 22px; }
.dp-cifra > span[b-vifavcr0eh] { font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px; font-weight: 700; color: #64748b; }
.dp-cifra > b[b-vifavcr0eh] { font-size: 24px; font-weight: 800; line-height: 1.05; }
.dp-cifra.veh[b-vifavcr0eh] { border-left: 4px solid #0e7490; }
.dp-cifra.veh > i[b-vifavcr0eh], .dp-cifra.veh > b[b-vifavcr0eh] { color: #155e75; }
.dp-cifra.cond[b-vifavcr0eh] { border-left: 4px solid #4d7c0f; }
.dp-cifra.cond > i[b-vifavcr0eh], .dp-cifra.cond > b[b-vifavcr0eh] { color: #3f6212; }

.dp-sem[b-vifavcr0eh] {
    display: flex; flex-direction: column; line-height: 1.15; min-width: 92px;
    padding: 6px 10px; border-radius: 8px; background: #fff; border: 1px solid #e2e8f0;
}
.dp-sem > span[b-vifavcr0eh] { font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px; font-weight: 700; color: #64748b; white-space: nowrap; }
.dp-sem > b[b-vifavcr0eh] { font-size: 22px; font-weight: 800; color: #94a3b8; }
.dp-sem.activo.ko[b-vifavcr0eh] { background: #fef2f2; border-color: #fecaca; }
.dp-sem.activo.ko > b[b-vifavcr0eh] { color: #b91c1c; }
.dp-sem.activo.pronto[b-vifavcr0eh] { background: #fffbeb; border-color: #fde68a; }
.dp-sem.activo.pronto > b[b-vifavcr0eh] { color: #b45309; }
.dp-sem.activo.falta[b-vifavcr0eh] { background: #f8fafc; border-color: #cbd5e1; }
.dp-sem.activo.falta > b[b-vifavcr0eh] { color: #334155; }
.dp-sem.activo.info[b-vifavcr0eh] { background: #eff6ff; border-color: #bfdbfe; }
.dp-sem.activo.info > b[b-vifavcr0eh] { color: #1f4a87; }
.dp-grafica[b-vifavcr0eh] { min-width: 0; display: flex; }
.dp-grafica[b-vifavcr0eh]  .ini-mini > svg { height: 92px; }

/* ── Bloques ── */
.dp-cuerpo[b-vifavcr0eh] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 10px; }
.dp-col[b-vifavcr0eh] { min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.dp-blq[b-vifavcr0eh] {
    min-height: 0; display: flex; flex-direction: column; overflow: hidden;
    background: #fff; border: 1px solid #c9d2de; border-top: 4px solid var(--blq); border-radius: var(--ext-radio, 8px);
    box-shadow: 0 1px 3px rgba(15, 30, 55, .08);
}
.dp-crece[b-vifavcr0eh] { flex: 1 1 auto; }
.dp-blq-cab[b-vifavcr0eh] {
    flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: linear-gradient(180deg, var(--blq-suave), #fff); border-bottom: 1px solid color-mix(in srgb, var(--blq) 25%, #e2e8f0);
}
.dp-blq-cab > i[b-vifavcr0eh] {
    width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--blq); color: #fff; font-size: 15px;
}
.dp-blq-cab h2[b-vifavcr0eh] { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--blq-oscuro); flex: 1; }
.dp-blq-n[b-vifavcr0eh] {
    min-width: 26px; height: 22px; padding: 0 8px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--blq); color: #fff; font-size: 12px; font-weight: 800;
}
.dp-proveedor[b-vifavcr0eh] { flex: 0 0 auto; --blq: #15803d; --blq-suave: #f0fdf4; --blq-oscuro: #14532d; }
.dp-proveedor[b-vifavcr0eh]  .prov-doc-tabla tr:hover td { background: #f0fdf4; }
.dp-vehiculos[b-vifavcr0eh] { --blq: #0e7490; --blq-suave: #ecfeff; --blq-oscuro: #164e63; }
.dp-conductores[b-vifavcr0eh] { --blq: #4d7c0f; --blq-suave: #f7fee7; --blq-oscuro: #365314; }
/* Columnas a su contenido: en la columna estrecha (portátil) el nombre del documento se
   queda con lo que sobra en vez de partirse letra a letra. */
.dp-blq[b-vifavcr0eh]  .prov-doc-tabla { table-layout: auto; }
.dp-blq[b-vifavcr0eh]  .prov-doc-tabla td { padding: 5px 10px; }
.dp-blq[b-vifavcr0eh]  .prov-doc-tabla td:not(:first-child) { white-space: nowrap; width: 1%; }
.dp-blq[b-vifavcr0eh]  .prov-doc-tabla td.acc { width: 1%; }
.dp-proveedor[b-vifavcr0eh] { max-height: 40%; overflow: auto; }

/* Portátil estrecho: una columna (la página puede crecer; las listas siguen con su scroll). */
@media (max-width: 1200px) {
    .dp-resumen[b-vifavcr0eh] { grid-template-columns: 1fr; }
    .dp-cuerpo[b-vifavcr0eh] { grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(320px, auto); }
}
/* /Components/Pages/Proveedores/Facturas.razor.rz.scp.css */
.cab-btn[b-h53yfvb0ia] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
    border-radius: 6px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35);
    color: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.cab-btn:hover[b-h53yfvb0ia] { background: rgba(255, 255, 255, .24); }
.cab-btn:disabled[b-h53yfvb0ia] { opacity: .5; cursor: default; }

/* Tarjetones del periodo: estilos globales en extranet.css («KPIs de las pantallas de
   facturas»), los comparte la pantalla de facturas del proveedor. */

.fac-error[b-h53yfvb0ia] { color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 8px 12px; font-size: 13px; }

.fac-grid[b-h53yfvb0ia] {
    /* Sin encoger: en una ventana baja (o en el iframe del Diseñador web) el tapiz hace scroll en vez de aplastar el grid a una fila. */
    flex: 0 0 auto;
    position: relative; display: flex; flex-direction: column;
    height: max(440px, calc(100vh - 470px));
    border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #fff;
}
.fac-grid[b-h53yfvb0ia]  .grid-panel { flex: 1 1 auto; height: 100%; }
.fac-cargando[b-h53yfvb0ia] { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #4a5566; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }

.fac-grid[b-h53yfvb0ia]  .ext-pill { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; border: 1px solid transparent; }
.fac-grid[b-h53yfvb0ia]  .est-pendiente { background: #f1f5f9; color: #475569; border-color: #cbd5e1; }
.fac-grid[b-h53yfvb0ia]  .est-planificado { background: #eaf2fd; color: #1f4a87; border-color: #bcd3f1; }
/* /Components/Pages/Proveedores/Viajes.razor.rz.scp.css */
/* Viajes realizados del proveedor: mismo diseño que las órdenes de carga del cliente (DOC 186 §12). */
.cab-btn[b-ygog59znz2] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
    border-radius: 6px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35);
    color: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.cab-btn:hover[b-ygog59znz2] { background: rgba(255, 255, 255, .24); }
.cab-btn:disabled[b-ygog59znz2] { opacity: .5; cursor: default; }
.vj-hint[b-ygog59znz2] { align-self: center; font-size: 12px; color: #64748b; }

.vj-estados[b-ygog59znz2] { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.vj-estado[b-ygog59znz2] {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px;
    border: 1px solid #c8d3e2; background: #fff; color: #334155; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.vj-estado b[b-ygog59znz2] { font-size: 12px; background: rgba(0, 0, 0, .06); border-radius: 999px; padding: 0 7px; }
.vj-estado.on[b-ygog59znz2] { box-shadow: 0 0 0 2px var(--ext-primario, #1f4a87); }
.vj-estado.est-pendiente[b-ygog59znz2] { background: #fff7e6; color: #9a5b00; border-color: #f3d19c; }
.vj-estado.est-encurso[b-ygog59znz2] { background: #eaf2fd; color: #1f4a87; border-color: #bcd3f1; }
.vj-estado.est-entregado[b-ygog59znz2] { background: #e8f6ec; color: #1f7a34; border-color: #b7e0c2; }
.vj-estado.est-facturado[b-ygog59znz2] { background: #f1ecfb; color: #5b3aa0; border-color: #d4c6f0; }
.vj-spacer[b-ygog59znz2] { flex: 1 1 auto; }
.vj-total[b-ygog59znz2] { font-size: 12.5px; color: #4a5566; }

.vj-error[b-ygog59znz2] { color: #8a1c1c; background: #fdecec; border: 1px solid #f5c2c2; border-radius: 6px; padding: 8px 12px; font-size: 13px; }

.vj-grid[b-ygog59znz2] {
    /* Sin encoger: en una ventana baja (o en el iframe del Diseñador web) el tapiz hace scroll en vez de aplastar el grid a una fila. */
    flex: 0 0 auto;
    position: relative; display: flex; flex-direction: column;
    height: max(380px, calc(100vh - 470px));
    border: 1px solid #c3ccd8; border-radius: var(--ext-radio, 8px); overflow: hidden; background: #fff;
}
.vj-grid[b-ygog59znz2]  .grid-panel { flex: 1 1 auto; height: 100%; }
.vj-cargando[b-ygog59znz2] { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #c3ccd8; border-radius: 6px; padding: 6px 12px; font-size: 13px; color: #4a5566; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }

.vj-ficha[b-ygog59znz2] { padding: 0; }
.vj-btn-mapa[b-ygog59znz2] {
    display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 6px;
    background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .45); color: inherit;
    font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.vj-btn-mapa:hover[b-ygog59znz2] { background: rgba(255, 255, 255, .26); }