/* /Components/Almacenes.razor.rz.scp.css */
.almacenes[b-mzxb7cfttl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    color: #054731;
    font-family: 'Inter', sans-serif;
}

.almacenes label[b-mzxb7cfttl] {
    font-size: 12px;
    font-weight: 800;
}

.almacenes-select[b-mzxb7cfttl] {
    min-height: 30px;
    min-width: 180px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.almacenes-select:focus[b-mzxb7cfttl] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.almacenes-select:disabled[b-mzxb7cfttl] {
    opacity: 0.65;
    cursor: progress;
}

.almacenes-error[b-mzxb7cfttl] {
    max-width: 260px;
    padding: 5px 8px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .almacenes[b-mzxb7cfttl] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .almacenes-select[b-mzxb7cfttl] {
        width: 100%;
    }
}
/* /Components/Anotacion.razor.rz.scp.css */
.anotacion[b-gm3w5bux45] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.anotacion[b-gm3w5bux45],
.anotacion *[b-gm3w5bux45] {
    font-family: 'Inter', Arial, sans-serif;
}

.anotacion-rotulo[b-gm3w5bux45] {
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.anotacion-cuerpo[b-gm3w5bux45] {
    padding: 12px;
    background: #ffffff;
}

.anotacion-datos[b-gm3w5bux45] {
    display: grid;
    gap: 5px;
    margin: 0 0 12px;
}

.anotacion-datos div[b-gm3w5bux45],
.campo-unidades[b-gm3w5bux45] {
    display: grid;
    grid-template-columns: 150px minmax(180px, 1fr);
    align-items: center;
    gap: 8px;
}

.anotacion-datos dt[b-gm3w5bux45],
.campo-unidades span[b-gm3w5bux45] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.anotacion-datos dd[b-gm3w5bux45] {
    margin: 0;
    color: #052e22;
    font-size: 12px;
    font-weight: 700;
}

.campo-unidades input[b-gm3w5bux45] {
    height: 30px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 7px;
    color: #052e22;
    font-size: 12px;
    font-weight: 700;
}

.anotacion-acciones[b-gm3w5bux45] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.boton-principal[b-gm3w5bux45],
.boton-secundario[b-gm3w5bux45] {
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.boton-principal[b-gm3w5bux45] {
    border: 1px solid #044631;
    background: #044631;
    color: #ffffff;
}

.boton-principal:hover[b-gm3w5bux45] {
    background: #039071;
}

.boton-secundario[b-gm3w5bux45] {
    border: 1px solid rgba(4, 70, 49, 0.28);
    background: #ffffff;
    color: #044631;
}

.boton-principal:disabled[b-gm3w5bux45],
.boton-secundario:disabled[b-gm3w5bux45] {
    opacity: .6;
    cursor: default;
}

.anotacion-cuerpo > p:not(.mensaje-error)[b-gm3w5bux45] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-gm3w5bux45] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 560px) {
    .anotacion[b-gm3w5bux45] {
        width: 100%;
    }

    .anotacion-datos div[b-gm3w5bux45],
    .campo-unidades[b-gm3w5bux45] {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}
/* /Components/Buscados.razor.rz.scp.css */
.container[b-txjr6nkpdx] {
    display: grid;
    grid-template-columns: 0px minmax(0,1fr) 0px;
    grid-template-rows: 0px auto 10px auto 10px auto 10px auto 10px auto 10px minmax(0, 1fr) 10px;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
}

.boton-añadir[b-txjr6nkpdx] {
    width: 20px;
    height: 20px;
    min-width: 20px; /* Evita que el motor de la tabla lo encoja */
    min-height: 20px; /* Evita que el motor de la tabla lo encoja */
    border-radius: 5px;
    background-color: #FFFFFF; /* Fondo blanco */
    border: 1px solid #054731; /* Borde verde (usando el color de tu texto) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* Elimina el padding por defecto del navegador */
    cursor: pointer;
    box-sizing: border-box; /* Incluye el borde dentro de los 20px */
    color: red;
    font-weight: 700;
    font-family: 'inter';
    font-size: 12px;
}

.rotulo[b-txjr6nkpdx] {
    background-color: #044631;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    align-content: center;
    grid-column:1/3;
    grid-row:2;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:'inter';
}

.botones[b-txjr6nkpdx] {
    grid-column: 2/5;
    grid-row: 4;
    display:grid;
    grid-template-columns:10px 1fr 50px auto 10px;
    grid-template-rows: auto;
}

.btn-cerrar[b-txjr6nkpdx] {
    grid-column: 4;
    grid-row:1;
}

.btn-add-cliente[b-txjr6nkpdx] {
    grid-column:2;
    grid-row:1;
}

.buscar[b-txjr6nkpdx] {
    grid-column: 2/5;
    grid-row: 6;
    margin: 0 10px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
}

.btn-buscar[b-txjr6nkpdx] {
    min-height: 28px;
    padding: 0 10px;
    white-space: nowrap;
}

.potenciales[b-txjr6nkpdx] {
    grid-column: 2/5;
    grid-row: 8;
    margin: 0 10px;
}

.buscarpor[b-txjr6nkpdx] {
    grid-column: 2/5;
    grid-row: 10;
    margin: 0 10px;
}

.codigo[b-txjr6nkpdx] {
    color: green;
    font-size: 11px;
}

.cliente[b-txjr6nkpdx] {
    color: green;
    font-size: 11px;
    text-wrap: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.contenido[b-txjr6nkpdx] {
    grid-column: 1/5;
    grid-row: 12;
    max-height: 100%;
    width: 100%;
    position: relative; /* CRÍTICO: Permite que el hijo se posicione de forma absoluta */
    min-height: 0;
    min-width: 0; /* ADICIÓN: Evita que la tabla lo ensanche horizontalmente */
    overflow-y: auto; /* Activa el scroll vertical */
    overflow-x: hidden;
    position: relative;
}

table[b-txjr6nkpdx] {
    width: 100%;
    border-collapse: separate; /* CAMBIO CRÍTICO: 'separate' es obligatorio para que sticky funcione en celdas */
    border-spacing: 10px 5px;
    font-family: 'inter';
}

    table caption[b-txjr6nkpdx] {
        position: sticky;
        top: 0;
        z-index: 3; /* Capa superior máxima */
        background-color: #044631;
        color: white;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        font-size: 18px;
        font-weight: 500;
        height: 30px;
        align-content: center;
        box-shadow: 0 5px 0 #F7FEF9;
    }

    table th[b-txjr6nkpdx] {
        position: sticky;
        top: 35px;
        z-index: 2; /* Capa intermedia */
        background-color: #F7FEF9;
        font-size: 12px;
        height: 25px;
    }
/* /Components/CalendarioEmpresa.razor.rz.scp.css */
.calendario-empresa[b-e8uwpt48e5] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.calendario-empresa-rotulo[b-e8uwpt48e5] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.calendario-empresa-controles[b-e8uwpt48e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.calendario-empresa-controles label[b-e8uwpt48e5] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.calendario-empresa-controles select[b-e8uwpt48e5] {
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.calendario-empresa-controles select:focus[b-e8uwpt48e5] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.calendario-tabla[b-e8uwpt48e5] {
    max-width: 100%;
    overflow: auto;
}

.calendario-empresa table[b-e8uwpt48e5] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.calendario-empresa th[b-e8uwpt48e5],
.calendario-empresa td[b-e8uwpt48e5] {
    min-width: 28px;
    height: 25px;
    box-sizing: border-box;
    padding: 2px 4px;
    border-right: 1px solid rgba(4, 70, 49, 0.12);
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

.calendario-empresa thead th[b-e8uwpt48e5],
.calendario-empresa tfoot th[b-e8uwpt48e5] {
    position: sticky;
    z-index: 1;
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
}

.calendario-empresa thead th[b-e8uwpt48e5] {
    top: 0;
}

.calendario-empresa tbody tr:nth-child(even) td[b-e8uwpt48e5] {
    background: #fbfdfb;
}

.calendario-empresa tbody tr:hover td[b-e8uwpt48e5] {
    background: rgba(3, 144, 113, 0.08);
}

.calendario-empresa .mes[b-e8uwpt48e5] {
    min-width: 40px;
    font-weight: 800;
    text-align: left;
}

.texto-derecha[b-e8uwpt48e5] {
    text-align: right;
}

.calendario-empresa input[type="checkbox"][b-e8uwpt48e5] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #039071;
}

.calendario-empresa input[type="checkbox"]:disabled[b-e8uwpt48e5] {
    opacity: 0.55;
}

.fin-semana[b-e8uwpt48e5] {
    background: #eef8f2 !important;
}

.sin-dia[b-e8uwpt48e5] {
    background: #f4f6f5 !important;
}

.calendario-empresa-acciones[b-e8uwpt48e5] {
    display: flex;
    gap: 8px;
    padding: 8px 10px;
    border-top: 1px solid rgba(4, 70, 49, 0.12);
}

.calendario-empresa-acciones button[b-e8uwpt48e5] {
    min-height: 28px;
    padding: 4px 12px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.calendario-empresa-acciones button:hover:not(:disabled)[b-e8uwpt48e5] {
    background: #039071;
}

.calendario-empresa-acciones button:disabled[b-e8uwpt48e5] {
    opacity: 0.65;
    cursor: progress;
}

.calendario-empresa-acciones .secundario[b-e8uwpt48e5] {
    background: #ffffff;
    color: #054731;
    border-color: rgba(4, 70, 49, 0.28);
}

.mensaje-error[b-e8uwpt48e5] {
    margin: 8px 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.calendario-empresa > p:not(.mensaje-error)[b-e8uwpt48e5] {
    margin: 8px 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .calendario-empresa[b-e8uwpt48e5] {
        width: 100%;
    }
}
/* /Components/CarteraClientesComercial.razor.rz.scp.css */
.cartera-comercial[b-l29e0fmx5r] {
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    align-self: start;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.cartera-comercial-rotulo[b-l29e0fmx5r] {
    padding: 7px 12px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    border-radius: 15px 15px 0 0;
}

.cartera-comercial-contenido[b-l29e0fmx5r] {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.cartera-comercial table[b-l29e0fmx5r] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.cartera-comercial th[b-l29e0fmx5r],
.cartera-comercial td[b-l29e0fmx5r] {
    padding: 3px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.cartera-comercial thead th[b-l29e0fmx5r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f2f7f5;
    color: #044631;
    font-weight: 800;
}

.cartera-comercial tbody th[b-l29e0fmx5r] {
    text-align: left;
    font-weight: 700;
}

.cartera-comercial tbody tr:nth-child(even) td[b-l29e0fmx5r],
.cartera-comercial tbody tr:nth-child(even) th[b-l29e0fmx5r] {
    background: #fbfdfb;
}

.cartera-comercial .fila-total th[b-l29e0fmx5r],
.cartera-comercial .fila-total td[b-l29e0fmx5r] {
    background: #edf7f3 !important;
    color: #044631;
    font-weight: 800;
}

.texto-derecha[b-l29e0fmx5r] {
    text-align: right;
}

.cartera-comercial p[b-l29e0fmx5r] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.cartera-comercial .mensaje-error[b-l29e0fmx5r] {
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
}
/* /Components/ComponentePrueba.razor.rz.scp.css */
.container[b-5s4xkddcqp] {
    display: grid;
    grid-template-columns: 0px auto 0px;
    grid-template-rows: 0px minmax(0, 1fr) 10px;
    min-height: 0;
    max-height: 100%;
}

.contenido[b-5s4xkddcqp] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    width: 100%;
    position: relative; /* CRÍTICO: Permite que el hijo se posicione de forma absoluta */
    min-height: 0;
    min-width: 0; /* ADICIÓN: Evita que la tabla lo ensanche horizontalmente */
    overflow-y: auto; /* Activa el scroll vertical */
    overflow-x:hidden;
    position: relative;
}

.contenido p[b-5s4xkddcqp]{
    margin:10px 0 10px 10px;
    font-family: 'inter';
    font-size: 16px;
}

.boton-eliminar button[b-5s4xkddcqp] {
    width: 20px;
    height: 20px;
    min-width: 20px; /* Evita que el motor de la tabla lo encoja */
    min-height: 20px; /* Evita que el motor de la tabla lo encoja */
    border-radius: 5px;
    background-color: #FFFFFF; /* Fondo blanco */
    border: 1px solid #054731; /* Borde verde (usando el color de tu texto) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* Elimina el padding por defecto del navegador */
    cursor: pointer;
    box-sizing: border-box; /* Incluye el borde dentro de los 20px */
    color: red;
    font-weight: 700;
    font-family: 'inter';
    font-size: 12px;
}

    .boton-eliminar button:hover[b-5s4xkddcqp] {
        background-color:green;
        color: white;
    }

    .codigo[b-5s4xkddcqp] {
        color: green;
        font-size: 11px;
    }

    .boton-tipo button[b-5s4xkddcqp] {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }

.cliente[b-5s4xkddcqp] {
    color: green;
    font-size: 11px;
    text-wrap:nowrap;
}

    .cliente a[b-5s4xkddcqp] {
        text-decoration: none;
        color: green;
    }

table[b-5s4xkddcqp] {
    width: 100%;
    border-collapse: separate; /* CAMBIO CRÍTICO: 'separate' es obligatorio para que sticky funcione en celdas */
    border-spacing: 10px 5px;
    font-family: 'inter';
}

        table caption[b-5s4xkddcqp] {
            position: sticky;
            top: 0;
            z-index: 3; /* Capa superior máxima */
            background-color: #044631;
            color: white;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            font-size: 18px;
            font-weight: 500;
            height: 30px;
            align-content: center;
            box-shadow: 0 5px 0 #F7FEF9;
        }

        table th[b-5s4xkddcqp] {
            position: sticky;
            top: 35px;
            z-index: 2; /* Capa intermedia */
            background-color: #F7FEF9;
            font-size: 12px;
            height: 25px;
        }

   
/* /Components/Contaje.razor.rz.scp.css */
.contaje[b-lkq3lde9gk] {
    width: fit-content;
    max-width: 100%;
    max-height: calc(100dvh - 120px - var(--app-safe-bottom));
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.contaje[b-lkq3lde9gk],
.contaje *[b-lkq3lde9gk] {
    font-family: 'Inter', Arial, sans-serif;
}

.contaje-rotulo[b-lkq3lde9gk] {
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.contaje-cuerpo[b-lkq3lde9gk] {
    min-height: 0;
    padding: 10px 10px var(--app-safe-bottom);
    overflow-y: auto;
    background: #ffffff;
}

.contaje-filtros[b-lkq3lde9gk] {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    align-items: end;
    gap: 10px;
    margin-bottom: 10px;
}

.contaje-filtros label[b-lkq3lde9gk] {
    display: grid;
    gap: 4px;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.contaje-filtros select[b-lkq3lde9gk] {
    height: 30px;
    min-width: 90px;
    box-sizing: border-box;
    padding: 3px 8px;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 7px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.contaje-filtros label:first-child select[b-lkq3lde9gk] {
    min-width: 220px;
}

.contaje-tabla[b-lkq3lde9gk] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    background: #ffffff;
}

.contaje table[b-lkq3lde9gk] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.contaje th[b-lkq3lde9gk],
.contaje td[b-lkq3lde9gk] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.contaje thead th[b-lkq3lde9gk] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: left;
}

.contaje tbody tr:nth-child(even) td[b-lkq3lde9gk] {
    background: #fbfdfb;
}

.contaje tbody tr:hover td[b-lkq3lde9gk] {
    background: rgba(3, 144, 113, 0.08);
}

.contaje .numero[b-lkq3lde9gk] {
    text-align: right;
}

.contaje .acciones[b-lkq3lde9gk] {
    text-align: center;
}

.contaje button[b-lkq3lde9gk] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.contaje button:hover[b-lkq3lde9gk] {
    background: #039071;
}

.contaje-cuerpo > p:not(.mensaje-error)[b-lkq3lde9gk] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-lkq3lde9gk] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .contaje[b-lkq3lde9gk] {
        width: 100%;
    }

    .contaje-filtros[b-lkq3lde9gk] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/DatosVentas.razor.rz.scp.css */
.datos-ventas[b-zd0l3qaqpu] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.datos-ventas-rotulo[b-zd0l3qaqpu] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.datos-ventas-editor[b-zd0l3qaqpu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.datos-ventas-campos[b-zd0l3qaqpu] {
    display: grid;
    grid-template-columns: max-content 120px;
    align-items: center;
    gap: 6px 9px;
}

.datos-ventas label[b-zd0l3qaqpu] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.datos-ventas input[type="number"][b-zd0l3qaqpu] {
    min-height: 30px;
    width: 120px;
    box-sizing: border-box;
    padding: 4px 7px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    outline: none;
}

.datos-ventas input[type="number"]:focus[b-zd0l3qaqpu] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.datos-ventas-acciones[b-zd0l3qaqpu] {
    display: flex;
    gap: 8px;
}

.datos-ventas button[b-zd0l3qaqpu] {
    min-height: 28px;
    padding: 4px 12px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.datos-ventas button:hover:not(:disabled)[b-zd0l3qaqpu] {
    background: #039071;
}

.datos-ventas button:disabled[b-zd0l3qaqpu] {
    opacity: 0.65;
    cursor: progress;
}

.datos-ventas button.secundario[b-zd0l3qaqpu] {
    background: #ffffff;
    color: #054731;
    border-color: rgba(4, 70, 49, 0.28);
}

.datos-ventas-tabla[b-zd0l3qaqpu] {
    max-width: 100%;
    overflow: auto;
}

.datos-ventas table[b-zd0l3qaqpu] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.datos-ventas th[b-zd0l3qaqpu],
.datos-ventas td[b-zd0l3qaqpu] {
    min-width: 88px;
    height: 27px;
    box-sizing: border-box;
    padding: 3px 7px;
    border-right: 1px solid rgba(4, 70, 49, 0.12);
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.datos-ventas thead th[b-zd0l3qaqpu] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.datos-ventas tbody tr:nth-child(even) td[b-zd0l3qaqpu],
.datos-ventas tbody tr:nth-child(even) th[b-zd0l3qaqpu] {
    background: #fbfdfb;
}

.datos-ventas tbody tr:hover td[b-zd0l3qaqpu],
.datos-ventas tbody tr:hover th[b-zd0l3qaqpu] {
    background: rgba(3, 144, 113, 0.08);
}

.datos-ventas tfoot th[b-zd0l3qaqpu] {
    background: #f7fef9;
    color: #054731;
    font-weight: 900;
}

.datos-ventas .numero[b-zd0l3qaqpu] {
    text-align: right;
}

.mensaje-error[b-zd0l3qaqpu] {
    margin: 8px 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.datos-ventas > p:not(.mensaje-error)[b-zd0l3qaqpu] {
    margin: 8px 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .datos-ventas[b-zd0l3qaqpu] {
        width: 100%;
    }

    .datos-ventas-editor[b-zd0l3qaqpu] {
        flex-direction: column;
    }

    .datos-ventas-campos[b-zd0l3qaqpu] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .datos-ventas input[type="number"][b-zd0l3qaqpu] {
        width: 100%;
    }
}
/* /Components/DiaAgenda.razor.rz.scp.css */
.contenedorDiaAgenda[b-a8wo0ulldn] {
    height: 100%;
    width: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: auto 5px auto 5px auto;
}

.cabecera[b-a8wo0ulldn] {
    grid-row: 1;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    font-family: 'inter';
    font-size: 14px;
    height: 100%;
    min-height: 0;
    grid-template-rows: 0 auto 5px auto 5px auto 5px auto 5px auto 0;
    grid-template-columns: 10px minmax(0,1fr) 10px;
}

.planificar[b-a8wo0ulldn] {
    grid-row: 3;
    min-height: 0;
    overflow: hidden;
}

.visitas[b-a8wo0ulldn] {
    grid-row: 5;
    min-height: 0;
    overflow: hidden;
}

.titulo[b-a8wo0ulldn] {
    grid-row: 2;
    grid-column: 1/4;
    text-align: center;
    background-color: #044631;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    align-content: center;
}

.titulo a label[b-a8wo0ulldn]{
    cursor:pointer;
}

.ruta[b-a8wo0ulldn] {
    grid-row: 4;
    grid-column: 2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
}

    .ruta label[b-a8wo0ulldn] {
        margin: 0;
        font-size: 12px;
        white-space: nowrap;
    }

    .ruta select[b-a8wo0ulldn] {
        min-width: 0;
        max-width: 100%;
        height: 24px;
        padding: 2px 6px;
        border: 1px solid rgba(5, 71, 49, 0.35);
        border-radius: 6px;
        color: #054731;
        background-color: #fff;
        font-family: 'inter';
        font-size: 12px;
}

.nota[b-a8wo0ulldn] {
    grid-row: 6;
    grid-column: 2;
    text-align: center;
    width:100%;
    min-width:0;
}

    .nota textarea[b-a8wo0ulldn] {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
/* /Components/InventariosAbiertos.razor.rz.scp.css */
.inventarios-abiertos[b-squ3l1eqyy] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    font-family: 'Inter', Arial, sans-serif;
    color: #054731;
}

.inventarios-abiertos[b-squ3l1eqyy],
.inventarios-abiertos *[b-squ3l1eqyy] {
    font-family: 'Inter', Arial, sans-serif;
}

.inventarios-abiertos-rotulo[b-squ3l1eqyy] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
}

.inventarios-abiertos-cuerpo[b-squ3l1eqyy] {
    padding: 10px;
    background: #ffffff;
}

.inventarios-abiertos-tabla[b-squ3l1eqyy] {
    max-width: 100%;
    overflow: auto;
    background: #ffffff;
}

.inventarios-abiertos table[b-squ3l1eqyy] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.inventarios-abiertos th[b-squ3l1eqyy],
.inventarios-abiertos td[b-squ3l1eqyy] {
    min-width: 84px;
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.inventarios-abiertos thead th[b-squ3l1eqyy] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.inventarios-abiertos tbody tr:nth-child(even) td[b-squ3l1eqyy] {
    background: #fbfdfb;
}

.inventarios-abiertos tbody tr:hover td[b-squ3l1eqyy] {
    background: rgba(3, 144, 113, 0.08);
}

.inventarios-abiertos .numero[b-squ3l1eqyy],
.inventarios-abiertos .acciones[b-squ3l1eqyy] {
    text-align: center;
}

.inventarios-abiertos .sin-datos[b-squ3l1eqyy] {
    text-align: center;
    color: rgba(5, 71, 49, 0.75);
    font-weight: 700;
}

.inventarios-abiertos button[b-squ3l1eqyy] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.inventarios-abiertos button:hover[b-squ3l1eqyy] {
    background: #039071;
}

.inventarios-abiertos button.peligro[b-squ3l1eqyy] {
    background: #ffffff;
    color: #b91c1c;
    border-color: #fecdd3;
}

.inventarios-abiertos button.peligro:hover[b-squ3l1eqyy] {
    background: #fff1f2;
}

.mensaje-error[b-squ3l1eqyy] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.inventarios-abiertos-cuerpo > p:not(.mensaje-error)[b-squ3l1eqyy] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .inventarios-abiertos[b-squ3l1eqyy] {
        width: 100%;
    }
}
/* /Components/ListaComisiones.razor.rz.scp.css */
.lista-comisiones[b-4f3tboxyap] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}


.lista-comisiones-rotulo[b-4f3tboxyap] {
    height: 26px;
    line-height: 26px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.comisiones-grid[b-4f3tboxyap] {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 12px;
    align-items: start;
    padding: 8px 10px;
}

.lista-comisiones table[b-4f3tboxyap] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.lista-comisiones th[b-4f3tboxyap],
.lista-comisiones td[b-4f3tboxyap] {
    padding: 3px 8px;
    border-right: 1px solid rgba(4, 70, 49, 0.12);
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.lista-comisiones th:first-child[b-4f3tboxyap],
.lista-comisiones td:first-child[b-4f3tboxyap] {
    border-left: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-comisiones thead th[b-4f3tboxyap] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
    border-top: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-comisiones tbody tr:nth-child(even) td[b-4f3tboxyap] {
    background: #fbfdfb;
}

.lista-comisiones tbody tr:hover td[b-4f3tboxyap] {
    background: rgba(3, 144, 113, 0.08);
}

.texto-derecha[b-4f3tboxyap] {
    text-align: right;
}

.tramo-activo td[b-4f3tboxyap] {
    background: #fff59d !important;
}

.resumen-comisiones[b-4f3tboxyap] {
    display: grid;
    gap: 5px;
    align-content: start;
    min-width: 0;
}

.resumen-comisiones > label[b-4f3tboxyap] {
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.tabla-edicion[b-4f3tboxyap],
.tabla-edicion td[b-4f3tboxyap] {
    border: 0;
}

.tabla-edicion[b-4f3tboxyap] {
    width: fit-content;
    margin-top: 2px;
}

.tabla-edicion td[b-4f3tboxyap] {
    padding: 4px 8px 4px 0;
}

.tabla-edicion label[b-4f3tboxyap] {
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.tabla-edicion input[b-4f3tboxyap] {
    width: 96px;
    min-height: 26px;
    box-sizing: border-box;
    padding: 3px 7px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    text-align: right;
    outline: none;
}

.tabla-edicion input:focus[b-4f3tboxyap] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.tabla-total[b-4f3tboxyap] {
    margin-top: 2px;
}

.tabla-total td[b-4f3tboxyap],
.tabla-total th[b-4f3tboxyap] {
    text-align: right;
}

.tabla-total tbody th[b-4f3tboxyap] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
}

.mensaje-error[b-4f3tboxyap] {
    margin: 6px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.lista-comisiones > p:not(.mensaje-error)[b-4f3tboxyap] {
    margin: 6px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .lista-comisiones[b-4f3tboxyap] {
        overflow-x: auto;
    }

    .comisiones-grid[b-4f3tboxyap] {
        grid-template-columns: 1fr;
        min-width: 620px;
    }
}
/* /Components/ListaContado.razor.rz.scp.css */
.lista-contado[b-rbdys76dx9] {
    width: fit-content;
    max-width: none;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: visible;
    color: #054731;
}

.lista-contado[b-rbdys76dx9],
.lista-contado *[b-rbdys76dx9] {
    font-family: 'Inter', Arial, sans-serif;
}

.lista-contado-rotulo[b-rbdys76dx9] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.lista-contado-cuerpo[b-rbdys76dx9] {
    padding: 10px;
    background: #ffffff;
}

.orden-fecha[b-rbdys76dx9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.lista-contado-tabla[b-rbdys76dx9] {
    max-width: none;
    overflow: visible;
    background: #ffffff;
}

.lista-contado table[b-rbdys76dx9] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-contado th[b-rbdys76dx9],
.lista-contado td[b-rbdys76dx9] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.lista-contado thead th[b-rbdys76dx9] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.lista-contado tbody tr:nth-child(even) td[b-rbdys76dx9] {
    background: #fbfdfb;
}

.lista-contado tbody tr:hover td[b-rbdys76dx9] {
    background: rgba(3, 144, 113, 0.08);
}

.lista-contado .numero[b-rbdys76dx9] {
    text-align: right;
}

.lista-contado .acciones[b-rbdys76dx9] {
    text-align: center;
}

.lista-contado .azul[b-rbdys76dx9] {
    color: #1d4ed8;
}

.lista-contado .rojo[b-rbdys76dx9] {
    color: #b91c1c;
    font-weight: 800;
}

.lista-contado .verde[b-rbdys76dx9] {
    color: #15803d;
    font-weight: 800;
}

.lista-contado button[b-rbdys76dx9] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.lista-contado button:hover[b-rbdys76dx9] {
    background: #039071;
}

.lista-contado button:disabled[b-rbdys76dx9] {
    opacity: .6;
    cursor: default;
}

.lista-contado button.peligro[b-rbdys76dx9] {
    min-width: 40px;
    background: #ffffff;
    color: #b91c1c;
    border-color: #fecdd3;
}

.lista-contado button.peligro:hover[b-rbdys76dx9] {
    background: #fff1f2;
}

.lista-contado-cuerpo > p:not(.mensaje-error)[b-rbdys76dx9] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-rbdys76dx9] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .lista-contado[b-rbdys76dx9] {
        width: 100%;
    }
}
/* /Components/ListaDeRutas.razor.rz.scp.css */
.container[b-8i9guwustk] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 6px minmax(0, 1fr) 6px auto 6px auto;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 10px 24px rgba(4, 70, 49, .14);
    overflow: hidden;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    color: #054731;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.container[b-8i9guwustk],
.container *[b-8i9guwustk] {
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.botones[b-8i9guwustk] {
    grid-row: 1;
    display: flex;
    gap: 8px;
    padding: 10px;
    background: #ffffff;
    border-bottom: 1px solid rgba(4, 70, 49, .10);
}

.botones button[b-8i9guwustk],
.botones-edicion button[b-8i9guwustk] {
    min-height: 31px;
    padding: 6px 12px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #ffffff;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.botones button:hover[b-8i9guwustk],
.botones-edicion button:hover[b-8i9guwustk] {
    background: #ffffff;
    color: #044631;
}

.tabla[b-8i9guwustk] {
    grid-row: 3;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    padding: 10px;
    background: #ffffff;
}

.tabla table[b-8i9guwustk] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .12);
}

.tabla th[b-8i9guwustk],
.tabla td[b-8i9guwustk] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 8px;
    border: 1px solid rgba(4, 70, 49, .12);
    color: #054731;
    font-size: 11px;
    white-space: nowrap;
}

.tabla thead th[b-8i9guwustk] {
    background: #044631;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
}

.tabla tbody tr:nth-child(even) td[b-8i9guwustk] {
    background: #fbfdfb;
}

.tabla tbody tr:hover td[b-8i9guwustk] {
    background: rgba(3, 144, 113, .08);
}

.tabla td[b-8i9guwustk] {
    cursor: pointer;
}

.tabla a[b-8i9guwustk] {
    color: #044631;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.tabla a:hover[b-8i9guwustk] {
    color: #039071;
    text-decoration: underline;
}

.tabla p[b-8i9guwustk] {
    margin: 0;
    color: rgba(5, 71, 49, .75);
    font-size: 12px;
    font-weight: 700;
}

.tabla td button[b-8i9guwustk] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    padding: 0;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    background: #ffffff;
    color: #b91c1c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.tabla td button:hover[b-8i9guwustk] {
    background: #fff1f2;
}

.sin-ruta-valida[b-8i9guwustk] {
    grid-row: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 10px;
    border-top: 1px solid rgba(4, 70, 49, .10);
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.sin-ruta-valida a[b-8i9guwustk] {
    color: #044631;
    font-weight: 900;
    text-decoration: underline;
    cursor: pointer;
}

.sin-ruta-valida a:hover[b-8i9guwustk] {
    color: #039071;
}

.ruta-edicion[b-8i9guwustk] {
    grid-row: 7;
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr);
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-top: 1px solid rgba(4, 70, 49, .10);
    background: #ffffff;
}

.ruta-edicion label[b-8i9guwustk] {
    color: #054731;
    font-size: .82rem;
    font-weight: 700;
}

.ruta-edicion input[b-8i9guwustk] {
    width: 100%;
    min-height: 31px;
    box-sizing: border-box;
    padding: 5px 8px;
    border: 1px solid rgba(4, 70, 49, .22);
    border-radius: 7px;
    color: #054731;
    font-size: .86rem;
    outline: none;
}

.ruta-edicion input:focus[b-8i9guwustk] {
    border-color: #044631;
    box-shadow: 0 0 0 3px rgba(4, 70, 49, .12);
}

.botones-edicion[b-8i9guwustk] {
    grid-column: 1 / 3;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .container[b-8i9guwustk] {
        width: 100%;
    }

    .botones[b-8i9guwustk],
    .botones-edicion[b-8i9guwustk] {
        flex-wrap: wrap;
    }

    .ruta-edicion[b-8i9guwustk] {
        grid-template-columns: 1fr;
    }

    .botones-edicion[b-8i9guwustk] {
        grid-column: 1;
        justify-content: stretch;
    }
}


/* /Components/ListaErrores.razor.rz.scp.css */
.lista-errores[b-jriwolua8v] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.lista-errores[b-jriwolua8v],
.lista-errores *[b-jriwolua8v] {
    font-family: 'Inter', Arial, sans-serif;
}

.lista-errores-rotulo[b-jriwolua8v] {
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.lista-errores-cuerpo[b-jriwolua8v] {
    padding: 10px;
    background: #ffffff;
}

.lista-errores-tabla[b-jriwolua8v] {
    max-width: 100%;
    overflow: auto;
    background: #ffffff;
}

.lista-errores table[b-jriwolua8v] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-errores th[b-jriwolua8v],
.lista-errores td[b-jriwolua8v] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.lista-errores thead th[b-jriwolua8v] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.lista-errores tbody tr:nth-child(even) td[b-jriwolua8v] {
    background: #fbfdfb;
}

.lista-errores tbody tr:hover td[b-jriwolua8v] {
    background: rgba(3, 144, 113, 0.08);
}

.lista-errores .numero[b-jriwolua8v] {
    text-align: right;
}

.lista-errores-cuerpo > p:not(.mensaje-error)[b-jriwolua8v] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-jriwolua8v] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .lista-errores[b-jriwolua8v] {
        width: 100%;
    }
}
/* /Components/ListaPendiente.razor.rz.scp.css */
.lista-pendiente[b-pllfizglyh] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: visible;
    color: #054731;
}

.lista-pendiente[b-pllfizglyh],
.lista-pendiente *[b-pllfizglyh] {
    font-family: 'Inter', Arial, sans-serif;
}

.lista-pendiente-rotulo[b-pllfizglyh] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.lista-pendiente-cuerpo[b-pllfizglyh] {
    min-width: 0;
    padding: 10px;
    background: #ffffff;
}

.lista-pendiente-tabla[b-pllfizglyh] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    background: #ffffff;
}

.lista-pendiente table[b-pllfizglyh] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-pendiente th[b-pllfizglyh],
.lista-pendiente td[b-pllfizglyh] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.lista-pendiente thead th[b-pllfizglyh] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.lista-pendiente tbody tr:nth-child(even) td[b-pllfizglyh] {
    background: #fbfdfb;
}

.lista-pendiente tbody tr:hover td[b-pllfizglyh] {
    background: rgba(3, 144, 113, 0.08);
}

.lista-pendiente .numero[b-pllfizglyh] {
    text-align: right;
}

.lista-pendiente .destacado[b-pllfizglyh] {
    color: #b91c1c;
    font-weight: 800;
}

.lista-pendiente-cuerpo > p:not(.mensaje-error)[b-pllfizglyh] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-pllfizglyh] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .lista-pendiente[b-pllfizglyh] {
        width: 100%;
    }
}
/* /Components/ListaRegularizado.razor.rz.scp.css */
.lista-regularizado[b-t107r7qikx] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: visible;
    color: #054731;
}

.lista-regularizado[b-t107r7qikx],
.lista-regularizado *[b-t107r7qikx] {
    font-family: 'Inter', Arial, sans-serif;
}

.lista-regularizado-rotulo[b-t107r7qikx] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
}

.lista-regularizado-cuerpo[b-t107r7qikx] {
    min-width: 0;
    padding: 10px;
    background: #ffffff;
}

.lista-regularizado-tabla[b-t107r7qikx] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    background: #ffffff;
}

.lista-regularizado table[b-t107r7qikx] {
    width: fit-content;
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
}

.lista-regularizado th[b-t107r7qikx],
.lista-regularizado td[b-t107r7qikx] {
    height: 28px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.lista-regularizado thead th[b-t107r7qikx] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: center;
}

.lista-regularizado tbody tr:nth-child(even) td[b-t107r7qikx] {
    background: #fbfdfb;
}

.lista-regularizado tbody tr:hover td[b-t107r7qikx] {
    background: rgba(3, 144, 113, 0.08);
}

.lista-regularizado .numero[b-t107r7qikx] {
    text-align: right;
}

.lista-regularizado .destacado[b-t107r7qikx] {
    color: #b91c1c;
    font-weight: 800;
}

.lista-regularizado-cuerpo > p:not(.mensaje-error)[b-t107r7qikx] {
    margin: 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.mensaje-error[b-t107r7qikx] {
    margin: 0 0 8px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .lista-regularizado[b-t107r7qikx] {
        width: 100%;
    }
}
/* /Components/MantenimientoPermisos.razor.rz.scp.css */
.mantenimiento-permisos[b-pk6k1807rw] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.mantenimiento-permisos[b-pk6k1807rw],
.mantenimiento-permisos *[b-pk6k1807rw] {
    font-family: 'Inter', Arial, sans-serif;
}

.mantenimiento-permisos-rotulo[b-pk6k1807rw] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.mantenimiento-permisos-cuerpo[b-pk6k1807rw] {
    height: calc(100% - 34px);
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    background: #ffffff;
}

.mantenimiento-permisos-grid[b-pk6k1807rw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    grid-auto-rows: minmax(0, auto);
    gap: 12px;
    align-items: start;
}

.panel[b-pk6k1807rw] {
    min-width: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 14px rgba(4, 70, 49, 0.1);
    overflow: hidden;
}

.panel h3[b-pk6k1807rw] {
    margin: 0;
    padding: 7px 10px;
    background: #f7fef9;
    color: #054731;
    font-size: 13px;
    font-weight: 800;
}

.formulario[b-pk6k1807rw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px 8px;
    padding: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
}

.formulario input[b-pk6k1807rw],
.formulario select[b-pk6k1807rw] {
    min-width: 0;
    height: 26px;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.22);
    border-radius: 6px;
    padding: 2px 6px;
    color: #054731;
    background: #ffffff;
    font-size: 12px;
}

.formulario .check[b-pk6k1807rw],
.acciones[b-pk6k1807rw] {
    grid-column: 1/3;
}

.check[b-pk6k1807rw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.acciones[b-pk6k1807rw] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.tabla-wrap[b-pk6k1807rw] {
    max-height: 260px;
    overflow: auto;
    border-top: 1px solid rgba(4, 70, 49, 0.1);
}

table[b-pk6k1807rw] {
    width: 100%;
    min-width: max-content;
    border-collapse: collapse;
}

th[b-pk6k1807rw],
td[b-pk6k1807rw] {
    height: 26px;
    padding: 3px 7px;
    border: 1px solid rgba(4, 70, 49, 0.1);
    font-size: 11px;
    white-space: nowrap;
}

thead th[b-pk6k1807rw] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
    text-align: left;
}

tbody tr:nth-child(even) td[b-pk6k1807rw] {
    background: #fbfdfb;
}

tbody tr:hover td[b-pk6k1807rw],
tbody tr.seleccionado td[b-pk6k1807rw] {
    background: rgba(3, 144, 113, 0.08);
}

.centro[b-pk6k1807rw],
.acciones-tabla[b-pk6k1807rw] {
    text-align: center;
}

button[b-pk6k1807rw] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-pk6k1807rw] {
    background: #039071;
}

button:disabled[b-pk6k1807rw] {
    opacity: 0.55;
    cursor: default;
}

button.secundario[b-pk6k1807rw] {
    background: #ffffff;
    color: #054731;
}

button.secundario:hover[b-pk6k1807rw] {
    background: #f2fbf6;
}

.asignaciones[b-pk6k1807rw] {
    grid-column: 1/4;
}

.asignaciones-cabecera[b-pk6k1807rw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
}

.asignaciones-grid[b-pk6k1807rw] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 0.8fr);
    gap: 12px;
    padding: 10px;
}

.asignaciones h4[b-pk6k1807rw] {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 800;
}

.check-list[b-pk6k1807rw] {
    max-height: 280px;
    overflow: auto;
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    background: #fbfdfb;
}

.check-list label[b-pk6k1807rw] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
}

.check-list span[b-pk6k1807rw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mensaje-error[b-pk6k1807rw],
.mensaje-ok[b-pk6k1807rw] {
    margin: 0 0 8px;
    padding: 6px 9px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-pk6k1807rw] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.mensaje-ok[b-pk6k1807rw] {
    background: #f2fbf6;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.16);
}

@media (max-width: 1100px) {
    .mantenimiento-permisos-grid[b-pk6k1807rw],
    .asignaciones-grid[b-pk6k1807rw] {
        grid-template-columns: 1fr;
    }

    .asignaciones[b-pk6k1807rw] {
        grid-column: auto;
    }
}
/* /Components/Menu.razor.rz.scp.css */
.menu-container[b-y96w8c0kbz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0 0 1rem;
    /*background-color: white;*/
    font-family: 'Inter', sans-serif;
}

    .menu-container img[b-y96w8c0kbz] {
        display: block;
        flex-shrink: 0;
    }

/* Contenedor principal del menú */
.menu-root[b-y96w8c0kbz] {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    z-index: 10000;
    padding-left: 30px;
}

/* Cada item del menú */
.menu-item[b-y96w8c0kbz] {
    position: relative;
}

/* Botón principal */
.menu-btn[b-y96w8c0kbz] {
    background: #2E4A46;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
}
.menu-btn-activo[b-y96w8c0kbz] {
    background: #039071;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
}
.menu-btn:hover[b-y96w8c0kbz] {
    background: #111827;
}

/* Submenú: aparece debajo del botón */
.submenu[b-y96w8c0kbz] {
    position: absolute;
    top: 100%; /* justo debajo del botón */
    left: 0;
    display: none;
    flex-direction: column;
    min-width: 210px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-top: 0; /* ⬅ quitamos espacio extra */
}

/* Mostrar submenú al hover */
.menu-item:hover > .submenu[b-y96w8c0kbz] {
    display: flex;
}

/* Links dentro del submenú */
.submenu a[b-y96w8c0kbz],
.submenu button[b-y96w8c0kbz],
.submenu-link[b-y96w8c0kbz] {
    color: #e5e7eb;
    text-decoration: none;
    padding: 10px 12px;
    white-space: nowrap;
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

    .submenu a:hover[b-y96w8c0kbz],
    .submenu button:hover[b-y96w8c0kbz],
    .submenu-link:hover[b-y96w8c0kbz] {
        background: #1B8F2A;
    }

/* Sub-submenús (nivel 2 o más) */
.submenu .menu-item[b-y96w8c0kbz],
.submenu-item[b-y96w8c0kbz] {
    position: relative !important;
    display: block;
    width: 100%;
}

.submenu .submenu[b-y96w8c0kbz],
.submenu-level-2[b-y96w8c0kbz] {
    top: 0; /* alinea con el borde superior del item padre */
    left: 100%; /* se despliega hacia la derecha */
    margin-top: 0;
}

.submenu-item:hover > .submenu-level-2[b-y96w8c0kbz] {
    display: flex;
}

.submenu-parent[b-y96w8c0kbz] {
    position: relative;
}

.submenu-level-2[b-y96w8c0kbz] {
    z-index: 10001;
    border-color: #245f4b;
    box-shadow: 8px 8px 20px rgba(0,0,0,.28);
}

.submenu-flyout[b-y96w8c0kbz] {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    flex-direction: column;
    min-width: 230px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-left: -1px;
    z-index: 10002;
}

.submenu-flyout .submenu-link[b-y96w8c0kbz] {
    color: #e5e7eb;
    text-decoration: none;
    padding: 10px 12px;
    white-space: nowrap;
    background: transparent;
    border: none;
    border-radius: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.submenu-flyout .submenu-link:hover[b-y96w8c0kbz] {
    background: #1B8F2A;
}

/* Opcional: añadir pequeño indicador para items que tienen submenú */
.menu-item.has-submenu > .menu-btn[b-y96w8c0kbz]::after {
    content: ' ▼';
    font-size: 0.7em;
    margin-left: 4px;
}

.login-user-container[b-y96w8c0kbz] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-user-info[b-y96w8c0kbz] {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 03px 12px;
    border-radius: 999px;
    transition: background .2s ease;
    user-select: none;
}

    .login-user-info:hover[b-y96w8c0kbz] {
        background: #111827;
    }

.login-user-avatar[b-y96w8c0kbz] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #16a34a;
    color: white;
    display: flex;
    font-family: 'Inter', sans-serif ;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.55rem;
    border: 3px solid rgba(255,255,255,0.25);
}

.login-user-name[b-y96w8c0kbz] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.login-user-arrow[b-y96w8c0kbz] {
    color: white;
    font-size: 0.7rem;
    margin: 0 20px 0 0;
}

.login-user-menu[b-y96w8c0kbz] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #111827;
    border-radius: 10px;
    min-width: 180px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    overflow: hidden;
    z-index: 1000;
}

    .login-user-menu button[b-y96w8c0kbz] {
        width: 100%;
        border: none;
        background: transparent;
        padding: 12px 16px;
        text-align: left;
        cursor: pointer;
        font-size: 0.95rem;
        transition: background .2s ease;
        color: white;
    }

        .login-user-menu button:hover[b-y96w8c0kbz] {
            background: #1B8F2A;
        }
.menu-left[b-y96w8c0kbz] {
    display: flex;
    align-items: center;
   
}

.menu-right[b-y96w8c0kbz] {
    display: flex;
    align-items: center;
}

.barra-menu[b-y96w8c0kbz] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #044732;
    /*padding: 0.25rem 0.75rem;*/
    border-radius: 18px;
    margin: 2px 0 5px 25px;
    /*box-shadow: 0 3px 8px rgba(0,0,0,.15);*/
}
/* /Components/MenuPermisos.razor.rz.scp.css */
.menu-container[b-rvhyq22wb8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0 0 1rem;
    font-family: 'Inter', sans-serif;
}

.menu-container img[b-rvhyq22wb8] {
    display: block;
    flex-shrink: 0;
}

.menu-root[b-rvhyq22wb8] {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    z-index: 9000;
    padding-left: 30px;
}

.menu-item[b-rvhyq22wb8] {
    position: relative;
}

.menu-btn[b-rvhyq22wb8] {
    background: #2E4A46;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 5.9rem;
    margin: 5px 0;
}

.menu-btn-activo[b-rvhyq22wb8] {
    background: #039071;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
}

.menu-btn:hover[b-rvhyq22wb8] {
    background: #111827;
}

.submenu[b-rvhyq22wb8] {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    flex-direction: column;
    min-width: 210px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-top: 0;
}

.menu-item:hover > .submenu[b-rvhyq22wb8] {
    display: flex;
}

.submenu a[b-rvhyq22wb8],
.submenu button[b-rvhyq22wb8],
.submenu-link[b-rvhyq22wb8] {
    color: #e5e7eb;
    text-decoration: none;
    padding: 10px 12px;
    white-space: nowrap;
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.submenu a:hover[b-rvhyq22wb8],
.submenu button:hover[b-rvhyq22wb8],
.submenu-link:hover[b-rvhyq22wb8] {
    background: #1B8F2A;
}

.submenu .menu-item[b-rvhyq22wb8],
.submenu-item[b-rvhyq22wb8] {
    position: relative !important;
    display: block;
    width: 100%;
}

.submenu-parent[b-rvhyq22wb8] {
    position: relative;
}

.submenu-flyout[b-rvhyq22wb8] {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    flex-direction: column;
    min-width: 230px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-left: -1px;
    z-index: 10002;
}

.submenu-item:hover > .submenu-flyout[b-rvhyq22wb8] {
    display: flex;
}

.submenu-flyout .submenu-link[b-rvhyq22wb8] {
    color: #e5e7eb;
    text-decoration: none;
    padding: 10px 12px;
    white-space: nowrap;
    background: transparent;
    border: none;
    border-radius: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.submenu-flyout .submenu-link:hover[b-rvhyq22wb8] {
    background: #1B8F2A;
}

.login-user-container[b-rvhyq22wb8] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-user-info[b-rvhyq22wb8] {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 3px 12px;
    border-radius: 999px;
    transition: background .2s ease;
    user-select: none;
}

.login-user-info:hover[b-rvhyq22wb8] {
    background: #111827;
}

.login-user-avatar[b-rvhyq22wb8] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #16a34a;
    color: white;
    display: flex;
    font-family: 'Inter', sans-serif;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.55rem;
    border: 3px solid rgba(255,255,255,0.25);
}

.login-user-name[b-rvhyq22wb8] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.login-user-arrow[b-rvhyq22wb8] {
    color: white;
    font-size: 0.7rem;
    margin: 0 20px 0 0;
}

.login-user-menu[b-rvhyq22wb8] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #111827;
    border-radius: 10px;
    min-width: 180px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    overflow: hidden;
    z-index: 1000;
}

.login-user-menu button[b-rvhyq22wb8] {
    width: 100%;
    border: none;
    background: transparent;
    padding: 12px 16px;
    text-align: left;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background .2s ease;
    color: white;
}

.login-user-menu button:hover[b-rvhyq22wb8] {
    background: #1B8F2A;
}

.menu-left[b-rvhyq22wb8] {
    display: flex;
    align-items: center;
}

.menu-right[b-rvhyq22wb8] {
    display: flex;
    align-items: center;
}

.barra-menu[b-rvhyq22wb8] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #044732;
    border-radius: 18px;
    margin: 2px 0 5px 25px;
}

[b-rvhyq22wb8] .menu-item {
    position: relative;
}

[b-rvhyq22wb8] .menu-btn {
    background: #2E4A46;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
}

[b-rvhyq22wb8] .menu-btn-activo {
    background: #039071;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0;
}

[b-rvhyq22wb8] .menu-btn:hover {
    background: #111827;
}

[b-rvhyq22wb8] .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    flex-direction: column;
    min-width: 210px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-top: 0;
}

[b-rvhyq22wb8] .menu-item:hover > .submenu {
    display: flex;
}

[b-rvhyq22wb8] .submenu a,
[b-rvhyq22wb8] .submenu button,
[b-rvhyq22wb8] .submenu-link {
    color: #e5e7eb;
    text-decoration: none;
    padding: 10px 12px;
    white-space: nowrap;
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

[b-rvhyq22wb8] .submenu a:hover,
[b-rvhyq22wb8] .submenu button:hover,
[b-rvhyq22wb8] .submenu-link:hover {
    background: #1B8F2A;
}

[b-rvhyq22wb8] .submenu .menu-item,
[b-rvhyq22wb8] .submenu-item {
    position: relative !important;
    display: block;
    width: 100%;
}

[b-rvhyq22wb8] .submenu-parent {
    position: relative;
}

[b-rvhyq22wb8] .submenu-flyout {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    flex-direction: column;
    min-width: 230px;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
    overflow: visible;
    margin-left: -1px;
    z-index: 10002;
}

[b-rvhyq22wb8] .submenu-item:hover > .submenu-flyout {
    display: flex;
}
/* /Components/Nota.razor.rz.scp.css */
.contenedor[b-skmxvhiy0e] {
    display: grid;
    grid-template-columns: 0 10px auto 5px auto 1fr 10px 0;
    grid-template-rows: 0 30px 10px auto 10px minmax(48px, auto) 10px minmax(0, 1fr) 10px 0;
    background-color: white;
    color: #054731;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    font-family: 'inter';
    font-size: 14px;
    height: 100%;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.rotulo[b-skmxvhiy0e] {
    grid-column: 1/9;
    grid-row: 2;
    background-color: #044631;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'inter';
}

.año[b-skmxvhiy0e]{
    grid-column:1/9;
    grid-row:4;
}

.texto[b-skmxvhiy0e] {
    grid-column: 3/7;
    grid-row: 6;
    min-height: 0;
    overflow: hidden;
}
.texto textarea[b-skmxvhiy0e]{
    width:100%;
    max-height: 22vh;
    overflow-y: auto;
    resize: none;
}

.datos[b-skmxvhiy0e]{
    grid-column:3/7;
    grid-row:8;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
}
/* /Components/NotasCliente.razor.rz.scp.css */
.contenedor[b-lwycbu61jh] {
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 5px auto 10px 1fr 5px;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.nota1[b-lwycbu61jh] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.nota2[b-lwycbu61jh] {
    grid-column: 4;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.nota3[b-lwycbu61jh] {
    grid-column: 6;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.notas[b-lwycbu61jh] {
    grid-column: 2;
    grid-row: 4;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: 0 1fr 0;
    grid-template-columns: 0 1fr 10px 1fr 10px 1fr 0;
    overflow: hidden;
}

.rotulo[b-lwycbu61jh] {
    grid-column: 2;
    grid-row: 2;
    background-color: white;
    color: #054731;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-rows: 0 30px 10px auto 10px;
    grid-template-columns: 0 1fr auto 8px auto 10px;
    font-family: 'inter';
    font-size: 14px;
    height: 100%;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.rotulo label[b-lwycbu61jh] {
    grid-row: 2;
    grid-column: 1/5;
    background-color: #044631;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'inter';
}

.rotulo button[b-lwycbu61jh] {
    grid-row: 4;
    min-height: 31px;
    padding: 6px 12px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #fff;
    font-family: 'inter';
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
}

.rotulo button:hover[b-lwycbu61jh] {
    background: #fff;
    color: #044631;
}

.boton-volver[b-lwycbu61jh] {
    grid-column: 3;
}

.boton-ficha[b-lwycbu61jh] {
    grid-column: 5;
}
/* /Components/Planificados.razor.rz.scp.css */
.container[b-hwu4k9x6v9] {
    display: grid;
    grid-template-columns: 0px auto 0px;
    grid-template-rows: 0px minmax(0, 1fr) 10px;
    min-height: 0;
    max-height: 100%;
}

.contenido[b-hwu4k9x6v9] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    width: 100%;
    position: relative; /* CRÍTICO: Permite que el hijo se posicione de forma absoluta */
    min-height: 0;
    min-width: 0; /* ADICIÓN: Evita que la tabla lo ensanche horizontalmente */
    overflow-y: auto; /* Activa el scroll vertical */
    overflow-x: hidden;
    position: relative;
}

    .contenido p[b-hwu4k9x6v9] {
        margin: 10px 0 10px 10px;
        font-family: 'inter';
        font-size: 16px;
        font-weight:400;
    }

    .contenido .mensaje-vacio[b-hwu4k9x6v9] {
        font-size: 12px;
        font-weight: 400;
        color: #66756f;
    }

.boton-eliminar button[b-hwu4k9x6v9] {
    width: 20px;
    height: 20px;
    min-width: 20px; /* Evita que el motor de la tabla lo encoja */
    min-height: 20px; /* Evita que el motor de la tabla lo encoja */
    border-radius: 5px;
    background-color: #FFFFFF; /* Fondo blanco */
    border: 1px solid #054731; /* Borde verde (usando el color de tu texto) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* Elimina el padding por defecto del navegador */
    cursor: pointer;
    box-sizing: border-box; /* Incluye el borde dentro de los 20px */
    color: red;
    font-weight: 700;
    font-family: 'inter';
    font-size: 12px;
}

    .boton-eliminar button:hover[b-hwu4k9x6v9] {
        background-color: green;
        color: white;
    }

.codigo[b-hwu4k9x6v9] {
    color: green;
    font-size: 11px;
    font-weight: 500;
}

.boton-tipo button[b-hwu4k9x6v9] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.cliente[b-hwu4k9x6v9] {
    color: green;
    font-size: 11px;
    text-wrap: nowrap;
    font-size: 11px;
    font-weight: 500;
}

    .cliente a[b-hwu4k9x6v9] {
        text-decoration: none;
        color: green;
    }

table[b-hwu4k9x6v9] {
    width: 100%;
    border-collapse: separate; /* CAMBIO CRÍTICO: 'separate' es obligatorio para que sticky funcione en celdas */
    border-spacing: 10px 5px;
    font-family: 'inter';
}

    table caption[b-hwu4k9x6v9] {
        position: sticky;
        top: 0;
        z-index: 3; /* Capa superior máxima */
        background-color: #044631;
        color: white;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        font-size: 18px;
        font-weight: 500;
        height: 30px;
        align-content: center;
        box-shadow: 0 5px 0 #F7FEF9;
    }

    table th[b-hwu4k9x6v9] {
        position: sticky;
        top: 35px;
        z-index: 2; /* Capa intermedia */
        background-color: #F7FEF9;
        font-size: 12px;
        height: 25px;
    }
/* /Components/PorcentajesMensuales.razor.rz.scp.css */
.porcentajes-mensuales[b-w7648jcg7d] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.porcentajes-mensuales-rotulo[b-w7648jcg7d] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.porcentajes-mensuales-controles[b-w7648jcg7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.porcentajes-mensuales-controles label[b-w7648jcg7d] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.porcentajes-mensuales-controles select[b-w7648jcg7d],
.porcentajes-mensuales input[type="number"][b-w7648jcg7d] {
    min-height: 30px;
    box-sizing: border-box;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.porcentajes-mensuales-controles select[b-w7648jcg7d] {
    padding: 4px 28px 4px 9px;
}

.porcentajes-mensuales input[type="number"][b-w7648jcg7d] {
    width: 78px;
    padding: 4px 7px;
    text-align: right;
}

.porcentajes-mensuales-controles select:focus[b-w7648jcg7d],
.porcentajes-mensuales input[type="number"]:focus[b-w7648jcg7d] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.porcentajes-mensuales-tabla[b-w7648jcg7d] {
    max-width: 100%;
    overflow: auto;
}

.porcentajes-mensuales table[b-w7648jcg7d] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.porcentajes-mensuales th[b-w7648jcg7d],
.porcentajes-mensuales td[b-w7648jcg7d] {
    min-width: 86px;
    height: 32px;
    box-sizing: border-box;
    padding: 4px;
    border-right: 1px solid rgba(4, 70, 49, 0.12);
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

.porcentajes-mensuales thead th[b-w7648jcg7d] {
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
}

.porcentajes-mensuales-acciones[b-w7648jcg7d] {
    display: flex;
    gap: 8px;
    padding: 8px 10px;
    border-top: 1px solid rgba(4, 70, 49, 0.12);
}

.porcentajes-mensuales-acciones button[b-w7648jcg7d] {
    min-height: 28px;
    padding: 4px 12px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.porcentajes-mensuales-acciones button:hover:not(:disabled)[b-w7648jcg7d] {
    background: #039071;
}

.porcentajes-mensuales-acciones button:disabled[b-w7648jcg7d] {
    opacity: 0.65;
    cursor: progress;
}

.mensaje-error[b-w7648jcg7d] {
    margin: 8px 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.porcentajes-mensuales > p:not(.mensaje-error)[b-w7648jcg7d] {
    margin: 8px 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .porcentajes-mensuales[b-w7648jcg7d] {
        width: 100%;
    }
}
/* /Components/PorcentajesMensualesVentas.razor.rz.scp.css */
.porcentajes-mensuales-ventas[b-87u427j6y8] {
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.porcentajes-mensuales-ventas-rotulo[b-87u427j6y8] {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
}

.porcentajes-mensuales-ventas-contenido[b-87u427j6y8] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.porcentajes-mensuales-ventas-contenido table[b-87u427j6y8] {
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.porcentajes-mensuales-ventas-contenido th[b-87u427j6y8],
.porcentajes-mensuales-ventas-contenido td[b-87u427j6y8] {
    padding: 4px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.porcentajes-mensuales-ventas-contenido thead th[b-87u427j6y8] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #044631;
    color: #ffffff;
    font-weight: 800;
}

.porcentajes-mensuales-ventas-contenido tbody th[b-87u427j6y8] {
    text-align: left;
    font-weight: 700;
}

.porcentajes-mensuales-ventas-contenido tbody tr:nth-child(even) td[b-87u427j6y8],
.porcentajes-mensuales-ventas-contenido tbody tr:nth-child(even) th[b-87u427j6y8] {
    background: #fbfdfb;
}

.porcentajes-mensuales-ventas-contenido tbody tr:hover td[b-87u427j6y8],
.porcentajes-mensuales-ventas-contenido tbody tr:hover th[b-87u427j6y8] {
    background: rgba(3, 144, 113, 0.08);
}

.porcentajes-mensuales-ventas-contenido tfoot th[b-87u427j6y8] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #eef8f4;
    color: #044631;
    border-top: 1px solid rgba(4, 70, 49, 0.22);
    font-weight: 800;
}

.texto-derecha[b-87u427j6y8] {
    text-align: right;
}

.porcentajes-mensuales-ventas-contenido > p:not(.mensaje-error)[b-87u427j6y8] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.porcentajes-mensuales-ventas-contenido > .mensaje-error[b-87u427j6y8] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
/* /Components/PrevisionVentas.razor.rz.scp.css */
.prevision-ventas[b-e3kg7xd82u] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.prevision-ventas table[b-e3kg7xd82u] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.prevision-ventas caption[b-e3kg7xd82u] {
    position: relative;
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    caption-side: top;
}

.prevision-ventas caption span[b-e3kg7xd82u] {
    display: block;
    padding: 0 34px;
}

.boton-recargar[b-e3kg7xd82u] {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    cursor: pointer;
}

.boton-recargar:hover[b-e3kg7xd82u] {
    background: rgba(255, 255, 255, 0.22);
}

.prevision-ventas th[b-e3kg7xd82u],
.prevision-ventas td[b-e3kg7xd82u] {
    padding: 2px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.prevision-ventas thead th[b-e3kg7xd82u] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 700;
}

.prevision-ventas tbody tr:nth-child(even) td[b-e3kg7xd82u] {
    background: #fbfdfb;
}

.prevision-ventas tbody tr:hover td[b-e3kg7xd82u] {
    background: rgba(3, 144, 113, 0.08);
}

.prevision-ventas tfoot th[b-e3kg7xd82u] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
    border-bottom: none;
}

.prevision-ventas tfoot th:first-child[b-e3kg7xd82u] {
    text-align: left;
}

.texto-derecha[b-e3kg7xd82u] {
    text-align: right;
}

.importe-actual[b-e3kg7xd82u] {
    width: 82px;
    height: 17px;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 4px;
    padding: 0 5px;
    color: #054731;
    font: inherit;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #ffffff;
}

.importe-actual[b-e3kg7xd82u]::-webkit-outer-spin-button,
.importe-actual[b-e3kg7xd82u]::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
}

.importe-actual[type="number"][b-e3kg7xd82u] {
    appearance: textfield;
}

.importe-actual:focus[b-e3kg7xd82u] {
    outline: 2px solid rgba(3, 144, 113, 0.18);
    border-color: rgba(3, 144, 113, 0.65);
}

.mensaje-error[b-e3kg7xd82u] {
    margin: 6px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.prevision-ventas > p:not(.mensaje-error)[b-e3kg7xd82u] {
    margin: 6px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .prevision-ventas[b-e3kg7xd82u] {
        overflow-x: auto;
    }

    .prevision-ventas table[b-e3kg7xd82u] {
        min-width: 620px;
    }
}
/* /Components/PrevisionVentasMes.razor.rz.scp.css */
.prevision-mes[b-ozmk6w4806] {
    width: max-content;
    min-width: 280px;
    max-width: 360px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.prevision-mes__rotulo[b-ozmk6w4806] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.prevision-mes__contenido[b-ozmk6w4806] {
    padding: 8px 10px 10px;
}

.prevision-mes__campo[b-ozmk6w4806] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
}

.prevision-mes__campo select[b-ozmk6w4806] {
    height: 25px;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 6px;
    padding: 2px 8px;
    color: #054731;
    background: #ffffff;
    font: inherit;
    font-weight: 600;
}

.prevision-mes__datos[b-ozmk6w4806] {
    display: grid;
    gap: 4px;
    margin: 0;
}

.prevision-mes__datos div[b-ozmk6w4806] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 4px 0;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.prevision-mes__datos dt[b-ozmk6w4806] {
    font-size: 12px;
    font-weight: 600;
}

.prevision-mes__datos dd[b-ozmk6w4806] {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.prevision-mes__total[b-ozmk6w4806] {
    margin-top: 3px;
    padding-top: 7px !important;
    border-bottom: none !important;
    border-top: 2px solid rgba(4, 70, 49, 0.18);
    color: #044631;
}

.prevision-mes__estado[b-ozmk6w4806],
.prevision-mes__error[b-ozmk6w4806] {
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 700;
}

.prevision-mes__error[b-ozmk6w4806] {
    padding: 6px 8px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
}
/* /Components/RanquingCliNuevos.razor.rz.scp.css */
.ranquing-cli-nuevos[b-axf50yvqjf] {
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.ranquing-cli-nuevos-rotulo[b-axf50yvqjf] {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
}

.ranquing-cli-nuevos-filtros[b-axf50yvqjf] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    background: #f7fef9;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.ranquing-cli-nuevos-filtros label[b-axf50yvqjf] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.ranquing-cli-nuevos-filtros select[b-axf50yvqjf] {
    height: 30px;
    min-width: 170px;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    outline: none;
}

.ranquing-cli-nuevos-filtros select:focus[b-axf50yvqjf] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.ranquing-cli-nuevos-contenido[b-axf50yvqjf] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.ranquing-cli-nuevos-contenido table[b-axf50yvqjf] {
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.ranquing-cli-nuevos-contenido th[b-axf50yvqjf],
.ranquing-cli-nuevos-contenido td[b-axf50yvqjf] {
    padding: 4px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.ranquing-cli-nuevos-contenido thead th[b-axf50yvqjf] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #044631;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.ranquing-cli-nuevos-contenido tbody th[b-axf50yvqjf] {
    text-align: left;
    font-weight: 700;
}

.ranquing-cli-nuevos-contenido tbody tr:nth-child(even) td[b-axf50yvqjf],
.ranquing-cli-nuevos-contenido tbody tr:nth-child(even) th[b-axf50yvqjf] {
    background: #fbfdfb;
}

.ranquing-cli-nuevos-contenido tbody tr:hover td[b-axf50yvqjf],
.ranquing-cli-nuevos-contenido tbody tr:hover th[b-axf50yvqjf] {
    background: rgba(3, 144, 113, 0.08);
}

.ranquing-cli-nuevos-contenido tfoot th[b-axf50yvqjf] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #eef8f4;
    color: #044631;
    border-top: 1px solid rgba(4, 70, 49, 0.22);
    font-weight: 800;
}

.texto-derecha[b-axf50yvqjf] {
    text-align: right;
}

.ranquing-cli-nuevos-contenido > p:not(.mensaje-error)[b-axf50yvqjf] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.ranquing-cli-nuevos-contenido > .mensaje-error[b-axf50yvqjf] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
/* /Components/RanquingVentas.razor.rz.scp.css */
.ranquing-ventas[b-bb6opw5xv2] {
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.ranquing-ventas-rotulo[b-bb6opw5xv2] {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
}

.ranquing-ventas-contenido[b-bb6opw5xv2] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.ranquing-ventas-contenido table[b-bb6opw5xv2] {
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.ranquing-ventas-contenido th[b-bb6opw5xv2],
.ranquing-ventas-contenido td[b-bb6opw5xv2] {
    padding: 4px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.ranquing-ventas-contenido thead th[b-bb6opw5xv2] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #044631;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.ranquing-ventas-contenido tbody th[b-bb6opw5xv2] {
    text-align: left;
    font-weight: 700;
}

.ranquing-ventas-contenido tbody tr:nth-child(even) td[b-bb6opw5xv2],
.ranquing-ventas-contenido tbody tr:nth-child(even) th[b-bb6opw5xv2] {
    background: #fbfdfb;
}

.ranquing-ventas-contenido tbody tr:hover td[b-bb6opw5xv2],
.ranquing-ventas-contenido tbody tr:hover th[b-bb6opw5xv2] {
    background: rgba(3, 144, 113, 0.08);
}

.ranquing-ventas-contenido tfoot th[b-bb6opw5xv2] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #eef8f4;
    color: #044631;
    border-top: 1px solid rgba(4, 70, 49, 0.22);
    font-weight: 800;
}

.texto-derecha[b-bb6opw5xv2] {
    text-align: right;
}

.ranquing-ventas-contenido > p:not(.mensaje-error)[b-bb6opw5xv2] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.ranquing-ventas-contenido > .mensaje-error[b-bb6opw5xv2] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
/* /Components/TrabajoPorZona.razor.rz.scp.css */
.trabajo-zona[b-sg1mn51kvw] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    justify-content: start;
    color: #054731;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    overflow: auto;
}

.trabajo-zona[b-sg1mn51kvw],
.trabajo-zona *[b-sg1mn51kvw] {
    box-sizing: border-box;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.trabajo-nota[b-sg1mn51kvw] {
    grid-column: 1 / -1;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 8px 20px rgba(4, 70, 49, .12);
    overflow: hidden;
}

.trabajo-nota-rotulo[b-sg1mn51kvw] {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    background: #044631;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.trabajo-nota-texto[b-sg1mn51kvw] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #054731;
    font-size: 13px;
    font-weight: 700;
}

.trabajo-tabla[b-sg1mn51kvw] {
    width: max-content;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 10px 24px rgba(4, 70, 49, .14);
    overflow: hidden;
}

.trabajo-rotulo[b-sg1mn51kvw] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #044631;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.tabla-scroll[b-sg1mn51kvw] {
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

table[b-sg1mn51kvw] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-sg1mn51kvw],
td[b-sg1mn51kvw] {
    padding: 5px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, .12);
    color: #054731;
    font-size: 12px;
    white-space: nowrap;
}

thead th[b-sg1mn51kvw] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f7fef9;
    font-weight: 800;
    text-align: left;
}

thead th.numero[b-sg1mn51kvw] {
    text-align: right;
}

tbody tr:nth-child(even) td[b-sg1mn51kvw] {
    background: #fbfdfb;
}

tbody tr:hover td[b-sg1mn51kvw] {
    background: rgba(3, 144, 113, .08);
}

tfoot th[b-sg1mn51kvw] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #f7fef9;
    font-weight: 900;
    border-top: 1px solid rgba(4, 70, 49, .16);
}

.numero[b-sg1mn51kvw] {
    text-align: right;
}

.mensaje-error[b-sg1mn51kvw] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 10px 12px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.trabajo-zona > p:not(.mensaje-error)[b-sg1mn51kvw] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 8px;
    color: #054731;
    font-size: 13px;
    font-weight: 700;
}
/* /Components/VentasCliente.razor.rz.scp.css */
.ventas-cliente[b-jk7q8y49k9] {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.ventas-cliente-cabecera[b-jk7q8y49k9] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 8px 4px 12px;
    box-sizing: border-box;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
}

.ventas-cliente-cabecera span[b-jk7q8y49k9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
}

.ventas-cliente-cabecera-acciones[b-jk7q8y49k9] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.ventas-cliente-cabecera button[b-jk7q8y49k9] {
    height: 30px;
    min-height: 30px;
    padding: 4px 12px;
    background: #0D9048;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.ventas-cliente-cabecera button:hover[b-jk7q8y49k9] {
    background: #2F4D49;
}

.ventas-cliente-tabla[b-jk7q8y49k9] {
    max-width: 100%;
    overflow-x: auto;
}

.ventas-cliente table[b-jk7q8y49k9] {
    width: fit-content;
    min-width: 620px;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.ventas-cliente caption[b-jk7q8y49k9] {
    height: 28px;
    line-height: 28px;
    background: #F7FEF9;
    color: #054731;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    caption-side: top;
}

.ventas-cliente th[b-jk7q8y49k9],
.ventas-cliente td[b-jk7q8y49k9] {
    padding: 3px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.ventas-cliente thead th[b-jk7q8y49k9] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
}

.ventas-cliente tbody tr:nth-child(even) td[b-jk7q8y49k9] {
    background: #fbfdfb;
}

.ventas-cliente tbody tr:hover td[b-jk7q8y49k9] {
    background: rgba(3, 144, 113, 0.08);
}

.ventas-cliente tfoot th[b-jk7q8y49k9] {
    background: #F7FEF9;
    color: #054731;
    font-weight: 800;
    border-bottom: none;
    text-align: right;
}

.ventas-cliente tfoot th:first-child[b-jk7q8y49k9] {
    text-align: left;
}

.texto-derecha[b-jk7q8y49k9] {
    text-align: right;
}

.mensaje-error[b-jk7q8y49k9] {
    margin: 6px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.ventas-cliente > p:not(.mensaje-error)[b-jk7q8y49k9] {
    margin: 6px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .ventas-cliente[b-jk7q8y49k9] {
        width: 100%;
    }
}
/* /Components/Visitados.razor.rz.scp.css */
.container[b-4g7ocz9z8y] {
    display: grid;
    grid-template-columns: 0px auto 0px;
    grid-template-rows: 0px minmax(0, 1fr) 10px;
    min-height: 0;
    max-height: 100%;
}

.contenido[b-4g7ocz9z8y] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    width: 100%;
    position: relative; /* CRÍTICO: Permite que el hijo se posicione de forma absoluta */
    min-height: 0;
    min-width: 0; /* ADICIÓN: Evita que la tabla lo ensanche horizontalmente */
    overflow-y: auto; /* Activa el scroll vertical */
    overflow-x: hidden;
    position: relative;
}

    .contenido p[b-4g7ocz9z8y] {
        margin: 10px 0 10px 10px;
        font-family: 'inter';
        font-size: 16px;
    }

    .contenido .mensaje-vacio[b-4g7ocz9z8y] {
        font-size: 12px;
        font-weight: 400;
        color: #66756f;
    }

.boton-eliminar button[b-4g7ocz9z8y] {
    width: 20px;
    height: 20px;
    min-width: 20px; /* Evita que el motor de la tabla lo encoja */
    min-height: 20px; /* Evita que el motor de la tabla lo encoja */
    border-radius: 5px;
    background-color: #FFFFFF; /* Fondo blanco */
    border: 1px solid #054731; /* Borde verde (usando el color de tu texto) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* Elimina el padding por defecto del navegador */
    cursor: pointer;
    box-sizing: border-box; /* Incluye el borde dentro de los 20px */
    color: red;
    font-weight: 700;
    font-family: 'inter';
    font-size: 12px;
}

    .boton-eliminar button:hover[b-4g7ocz9z8y] {
        background-color: green;
        color: white;
    }

.codigo[b-4g7ocz9z8y] {
    color: green;
    font-size: 11px;
}

.boton-tipo button[b-4g7ocz9z8y] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.cliente[b-4g7ocz9z8y] {
    color: green;
    font-size: 11px;
    text-wrap: nowrap;
}

    .cliente a[b-4g7ocz9z8y] {
        text-decoration: none;
        color: green;
    }

table[b-4g7ocz9z8y] {
    width: 100%;
    border-collapse: separate; /* CAMBIO CRÍTICO: 'separate' es obligatorio para que sticky funcione en celdas */
    border-spacing: 10px 5px;
    font-family: 'inter';
}

    table caption[b-4g7ocz9z8y] {
        position: sticky;
        top: 0;
        z-index: 3; /* Capa superior máxima */
        background-color: #044631;
        color: white;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        font-size: 18px;
        font-weight: 500;
        height: 30px;
        align-content: center;
        box-shadow: 0 5px 0 #F7FEF9;
    }

    table th[b-4g7ocz9z8y] {
        position: sticky;
        top: 35px;
        z-index: 2; /* Capa intermedia */
        background-color: #F7FEF9;
        font-size: 12px;
        height: 25px;
    }
/* /Config/Components/MantenimientoGruposMenus.razor.rz.scp.css */
.mantenimiento-grupos[b-4tzu6rsnkv] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.mantenimiento-grupos[b-4tzu6rsnkv],
.mantenimiento-grupos *[b-4tzu6rsnkv] {
    font-family: 'Inter', Arial, sans-serif;
}

.mantenimiento-grupos-rotulo[b-4tzu6rsnkv] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.mantenimiento-grupos-cuerpo[b-4tzu6rsnkv] {
    height: calc(100% - 34px);
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    background: #ffffff;
}

.mantenimiento-grupos-grid[b-4tzu6rsnkv] {
    display: grid;
    grid-template-columns: minmax(270px, 330px) minmax(330px, 1fr) minmax(280px, 0.85fr) minmax(260px, 330px);
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.panel[b-4tzu6rsnkv] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, auto);
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 14px rgba(4, 70, 49, 0.1);
    overflow: hidden;
}

.menus-panel[b-4tzu6rsnkv],
.permisos-panel[b-4tzu6rsnkv],
.usuarios-panel[b-4tzu6rsnkv] {
    grid-template-rows: auto minmax(0, 1fr);
}

.panel-titulo[b-4tzu6rsnkv] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    background: #f7fef9;
    color: #054731;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    font-size: 13px;
    font-weight: 800;
    box-sizing: border-box;
}

.panel-acciones[b-4tzu6rsnkv] {
    display: flex;
    gap: 6px;
}

.grupo-form[b-4tzu6rsnkv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px 8px;
    padding: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
}

.grupo-form input[b-4tzu6rsnkv] {
    min-width: 0;
    height: 27px;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.22);
    border-radius: 6px;
    padding: 2px 6px;
    color: #054731;
    background: #ffffff;
    font-size: 12px;
}

.grupo-form .check[b-4tzu6rsnkv],
.acciones[b-4tzu6rsnkv] {
    grid-column: 1/3;
}

.check[b-4tzu6rsnkv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.acciones[b-4tzu6rsnkv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.lista-grupos[b-4tzu6rsnkv],
.arbol-wrap[b-4tzu6rsnkv],
.permisos-wrap[b-4tzu6rsnkv],
.usuarios-wrap[b-4tzu6rsnkv] {
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

.lista-grupos[b-4tzu6rsnkv] {
    display: grid;
    align-content: start;
    gap: 6px;
}

.grupo-item[b-4tzu6rsnkv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    background: #ffffff;
    color: #054731;
    text-align: left;
}

.grupo-item span[b-4tzu6rsnkv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

.grupo-item small[b-4tzu6rsnkv] {
    color: #64746c;
    font-size: 10px;
    font-weight: 800;
}

.grupo-item:hover[b-4tzu6rsnkv],
.grupo-item.seleccionado[b-4tzu6rsnkv] {
    background: rgba(3, 144, 113, 0.09);
    border-color: rgba(3, 144, 113, 0.3);
}

.usuarios-wrap[b-4tzu6rsnkv] {
    display: grid;
    align-content: start;
    gap: 5px;
}

.permisos-wrap[b-4tzu6rsnkv] {
    display: grid;
    align-content: start;
    gap: 6px;
}

.check-linea[b-4tzu6rsnkv] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 3px 6px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
}

.check-linea:hover[b-4tzu6rsnkv] {
    background: rgba(3, 144, 113, 0.07);
}

.check-linea span[b-4tzu6rsnkv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permiso-linea[b-4tzu6rsnkv] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    cursor: pointer;
}

.permiso-linea:hover[b-4tzu6rsnkv] {
    background: rgba(3, 144, 113, 0.07);
}

.permiso-textos[b-4tzu6rsnkv] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.permiso-nombre[b-4tzu6rsnkv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #054731;
    font-weight: 800;
}

.permiso-codigo[b-4tzu6rsnkv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

.arbol[b-4tzu6rsnkv],
.arbol ul[b-4tzu6rsnkv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.arbol ul[b-4tzu6rsnkv] {
    margin-left: 34px;
    padding-left: 20px;
    border-left: 2px solid rgba(4, 70, 49, 0.2);
}

.arbol li[b-4tzu6rsnkv] {
    position: relative;
    margin: 7px 0;
}

.arbol ul > li[b-4tzu6rsnkv]::before {
    content: "";
    position: absolute;
    top: 18px;
    left: -20px;
    width: 16px;
    height: 2px;
    background: rgba(4, 70, 49, 0.2);
}

.nodo-label[b-4tzu6rsnkv] {
    min-width: 0;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
}

.nodo-label:hover[b-4tzu6rsnkv] {
    background: rgba(3, 144, 113, 0.08);
}

.nodo-label.sin-permiso[b-4tzu6rsnkv] {
    opacity: 0.6;
    cursor: default;
}

.nodo-textos[b-4tzu6rsnkv] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.nodo-rotulo[b-4tzu6rsnkv] {
    display: block;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nodo-ruta[b-4tzu6rsnkv] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

.acciones-finales[b-4tzu6rsnkv] {
    grid-column: 1/5;
    display: flex;
    justify-content: flex-end;
}

button[b-4tzu6rsnkv] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-4tzu6rsnkv] {
    background: #039071;
}

button:disabled[b-4tzu6rsnkv] {
    opacity: 0.55;
    cursor: default;
}

button.secundario[b-4tzu6rsnkv] {
    background: #ffffff;
    color: #054731;
}

button.secundario:hover[b-4tzu6rsnkv] {
    background: #f2fbf6;
}

.estado[b-4tzu6rsnkv] {
    margin: 0;
    padding: 8px;
    color: #64746c;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-4tzu6rsnkv],
.mensaje-ok[b-4tzu6rsnkv] {
    margin: 0 0 8px;
    padding: 6px 9px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-4tzu6rsnkv] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.mensaje-ok[b-4tzu6rsnkv] {
    background: #f2fbf6;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.16);
}

[b-4tzu6rsnkv] .arbol,
[b-4tzu6rsnkv] .arbol ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

[b-4tzu6rsnkv] .arbol ul {
    margin-left: 34px;
    padding-left: 20px;
    border-left: 2px solid rgba(4, 70, 49, 0.2);
}

[b-4tzu6rsnkv] .arbol li {
    position: relative;
    margin: 7px 0;
}

[b-4tzu6rsnkv] .arbol ul > li::before {
    content: "";
    position: absolute;
    top: 18px;
    left: -20px;
    width: 16px;
    height: 2px;
    background: rgba(4, 70, 49, 0.2);
}

[b-4tzu6rsnkv] .nodo-label {
    min-width: 0;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
}

[b-4tzu6rsnkv] .nodo-label:hover {
    background: rgba(3, 144, 113, 0.08);
}

[b-4tzu6rsnkv] .nodo-label.sin-permiso {
    opacity: 0.6;
    cursor: default;
}

[b-4tzu6rsnkv] .nodo-textos {
    min-width: 0;
    display: grid;
    gap: 2px;
}

[b-4tzu6rsnkv] .nodo-rotulo {
    display: block;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-4tzu6rsnkv] .nodo-ruta {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .mantenimiento-grupos-grid[b-4tzu6rsnkv] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
    }

    .acciones-finales[b-4tzu6rsnkv] {
        grid-column: auto;
    }
}
/* /Config/Components/MantenimientoMenus.razor.rz.scp.css */
.mantenimiento-menus[b-g8ofsx9wed] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.mantenimiento-menus[b-g8ofsx9wed],
.mantenimiento-menus *[b-g8ofsx9wed] {
    font-family: 'Inter', Arial, sans-serif;
}

.mantenimiento-menus-rotulo[b-g8ofsx9wed] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.mantenimiento-menus-cuerpo[b-g8ofsx9wed] {
    height: calc(100% - 34px);
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    background: #ffffff;
}

.mantenimiento-menus-grid[b-g8ofsx9wed] {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(300px, 420px);
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.panel[b-g8ofsx9wed] {
    min-width: 0;
    min-height: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 14px rgba(4, 70, 49, 0.1);
    overflow: hidden;
}

.panel-titulo[b-g8ofsx9wed] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    background: #f7fef9;
    color: #054731;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    font-size: 13px;
    font-weight: 800;
    box-sizing: border-box;
}

.arbol-panel[b-g8ofsx9wed] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.arbol-wrap[b-g8ofsx9wed] {
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

.arbol[b-g8ofsx9wed],
.arbol ul[b-g8ofsx9wed] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.arbol ul[b-g8ofsx9wed] {
    margin-left: 30px;
    padding-left: 18px;
    border-left: 2px solid rgba(4, 70, 49, 0.18);
}

.arbol li[b-g8ofsx9wed] {
    position: relative;
    margin: 6px 0;
}

.arbol ul > li[b-g8ofsx9wed]::before {
    content: "";
    position: absolute;
    top: 17px;
    left: -18px;
    width: 14px;
    height: 2px;
    background: rgba(4, 70, 49, 0.18);
}

.nodo[b-g8ofsx9wed] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.nodo-boton[b-g8ofsx9wed] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 9px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 8px;
    background: #ffffff;
    color: #054731;
    text-align: left;
    cursor: pointer;
}

.nodo-textos[b-g8ofsx9wed] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.nodo-boton:hover[b-g8ofsx9wed],
.nodo.seleccionado .nodo-boton[b-g8ofsx9wed] {
    background: rgba(3, 144, 113, 0.09);
    border-color: rgba(3, 144, 113, 0.3);
}

.nodo-rotulo[b-g8ofsx9wed] {
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nodo-ruta[b-g8ofsx9wed] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

.nodo-estado[b-g8ofsx9wed] {
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.nodo-estado.activo[b-g8ofsx9wed] {
    background: #e8f7ef;
    color: #047857;
}

.nodo-estado.inactivo[b-g8ofsx9wed] {
    background: #f3f4f6;
    color: #6b7280;
}

.nodo-add[b-g8ofsx9wed] {
    min-width: 70px;
    height: 28px;
    padding: 0 9px;
    border-radius: 8px;
    border: 1px solid rgba(4, 70, 49, 0.16);
    background: #044631;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

[b-g8ofsx9wed] .arbol,
[b-g8ofsx9wed] .arbol ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

[b-g8ofsx9wed] .arbol ul {
    margin-left: 34px;
    padding-left: 20px;
    border-left: 2px solid rgba(4, 70, 49, 0.2);
}

[b-g8ofsx9wed] .arbol li {
    position: relative;
    margin: 7px 0;
}

[b-g8ofsx9wed] .arbol ul > li::before {
    content: "";
    position: absolute;
    top: 17px;
    left: -20px;
    width: 16px;
    height: 2px;
    background: rgba(4, 70, 49, 0.2);
}

[b-g8ofsx9wed] .nodo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

[b-g8ofsx9wed] .nodo-boton {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 9px;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 8px;
    background: #ffffff;
    color: #054731;
    text-align: left;
    cursor: pointer;
}

[b-g8ofsx9wed] .nodo-boton:hover,
[b-g8ofsx9wed] .nodo.seleccionado .nodo-boton {
    background: rgba(3, 144, 113, 0.09);
    border-color: rgba(3, 144, 113, 0.3);
}

[b-g8ofsx9wed] .nodo-textos {
    min-width: 0;
    display: grid;
    gap: 2px;
}

[b-g8ofsx9wed] .nodo-rotulo {
    display: block;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-g8ofsx9wed] .nodo-ruta {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

[b-g8ofsx9wed] .nodo-estado {
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

[b-g8ofsx9wed] .nodo-estado.activo {
    background: #e8f7ef;
    color: #047857;
}

[b-g8ofsx9wed] .nodo-estado.inactivo {
    background: #f3f4f6;
    color: #6b7280;
}

[b-g8ofsx9wed] .nodo-add {
    min-width: 70px;
    height: 28px;
    padding: 0 9px;
    border-radius: 8px;
    border: 1px solid rgba(4, 70, 49, 0.16);
    background: #044631;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

[b-g8ofsx9wed] .nodo-add:hover {
    background: #039071;
}

.detalle-panel[b-g8ofsx9wed] {
    align-self: start;
}

.formulario[b-g8ofsx9wed] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px 8px;
    padding: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
}

.formulario input[b-g8ofsx9wed],
.formulario select[b-g8ofsx9wed] {
    min-width: 0;
    height: 27px;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.22);
    border-radius: 6px;
    padding: 2px 6px;
    color: #054731;
    background: #ffffff;
    font-size: 12px;
}

.formulario .check[b-g8ofsx9wed],
.permiso-info[b-g8ofsx9wed],
.acciones[b-g8ofsx9wed] {
    grid-column: 1/3;
}

.check[b-g8ofsx9wed] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.permiso-info[b-g8ofsx9wed] {
    padding: 7px 8px;
    border-radius: 8px;
    background: #f2fbf6;
    border: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    font-weight: 700;
}

.acciones[b-g8ofsx9wed] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

button[b-g8ofsx9wed] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-g8ofsx9wed] {
    background: #039071;
}

button:disabled[b-g8ofsx9wed] {
    opacity: 0.55;
    cursor: default;
}

button.secundario[b-g8ofsx9wed] {
    background: #ffffff;
    color: #054731;
}

button.secundario:hover[b-g8ofsx9wed] {
    background: #f2fbf6;
}

button.peligro[b-g8ofsx9wed] {
    background: #b91c1c;
    border-color: rgba(185, 28, 28, 0.35);
}

button.peligro:hover[b-g8ofsx9wed] {
    background: #dc2626;
}

.estado[b-g8ofsx9wed] {
    margin: 0;
    padding: 8px;
    color: #64746c;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-g8ofsx9wed],
.mensaje-ok[b-g8ofsx9wed] {
    margin: 0 0 8px;
    padding: 6px 9px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-g8ofsx9wed] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.mensaje-ok[b-g8ofsx9wed] {
    background: #f2fbf6;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.16);
}

@media (max-width: 900px) {
    .mantenimiento-menus-grid[b-g8ofsx9wed] {
        grid-template-columns: 1fr;
        height: auto;
    }
}
/* /Config/Components/MantenimientoNovedades.razor.rz.scp.css */
.mantenimiento-novedades[b-i5oaka1yei] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.mantenimiento-novedades[b-i5oaka1yei],
.mantenimiento-novedades *[b-i5oaka1yei] {
    font-family: 'Inter', Arial, sans-serif;
}

.mantenimiento-novedades-rotulo[b-i5oaka1yei] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.mantenimiento-novedades-cuerpo[b-i5oaka1yei] {
    height: calc(100% - 34px);
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    background: #ffffff;
}

.mantenimiento-novedades-grid[b-i5oaka1yei] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(320px, 470px);
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.panel[b-i5oaka1yei] {
    min-width: 0;
    min-height: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 14px rgba(4, 70, 49, 0.1);
    overflow: hidden;
}

.panel-titulo[b-i5oaka1yei] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    background: #f7fef9;
    color: #054731;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    font-size: 13px;
    font-weight: 800;
    box-sizing: border-box;
}

.lista-panel[b-i5oaka1yei] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.lista-wrap[b-i5oaka1yei] {
    min-height: 0;
    overflow: auto;
}

.lista-wrap table[b-i5oaka1yei] {
    width: 100%;
    border-collapse: collapse;
    color: #054731;
    font-size: 12px;
}

.lista-wrap th[b-i5oaka1yei],
.lista-wrap td[b-i5oaka1yei] {
    padding: 6px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    text-align: left;
    white-space: nowrap;
}

.lista-wrap thead th[b-i5oaka1yei] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7f5;
    color: #044631;
    font-weight: 900;
}

.lista-wrap tbody tr[b-i5oaka1yei] {
    cursor: pointer;
}

.lista-wrap tbody tr:nth-child(even) td[b-i5oaka1yei] {
    background: #f8fbf9;
}

.lista-wrap tbody tr:hover td[b-i5oaka1yei],
.lista-wrap tbody tr.seleccionada td[b-i5oaka1yei] {
    background: #edf7f2;
}

.estado-chip[b-i5oaka1yei] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.estado-chip.activo[b-i5oaka1yei] {
    background: #e8f7ef;
    color: #047857;
}

.estado-chip.inactivo[b-i5oaka1yei] {
    background: #f3f4f6;
    color: #6b7280;
}

.detalle-panel[b-i5oaka1yei] {
    align-self: start;
}

.formulario[b-i5oaka1yei] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px 8px;
    padding: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
}

.formulario input[b-i5oaka1yei],
.formulario textarea[b-i5oaka1yei] {
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.22);
    border-radius: 6px;
    padding: 4px 6px;
    color: #054731;
    background: #ffffff;
    font-size: 12px;
}

.formulario input[b-i5oaka1yei] {
    height: 27px;
}

.formulario textarea[b-i5oaka1yei] {
    resize: vertical;
    min-height: 150px;
    line-height: 1.35;
}

.formulario textarea[b-i5oaka1yei],
.formulario .check[b-i5oaka1yei],
.acciones[b-i5oaka1yei] {
    grid-column: 1/3;
}

.check[b-i5oaka1yei] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.check input[b-i5oaka1yei] {
    width: auto;
    height: auto;
}

.acciones[b-i5oaka1yei] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

button[b-i5oaka1yei] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-i5oaka1yei] {
    background: #039071;
}

button:disabled[b-i5oaka1yei] {
    opacity: 0.55;
    cursor: default;
}

button.secundario[b-i5oaka1yei] {
    background: #ffffff;
    color: #054731;
}

button.secundario:hover[b-i5oaka1yei] {
    background: #f2fbf6;
}

button.peligro[b-i5oaka1yei] {
    background: #c75d5d;
    border-color: rgba(190, 85, 85, 0.35);
    font-weight: 700;
}

button.peligro:hover[b-i5oaka1yei] {
    background: #b94c4c;
}

.estado[b-i5oaka1yei] {
    margin: 0;
    padding: 8px;
    color: #64746c;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-i5oaka1yei],
.mensaje-ok[b-i5oaka1yei] {
    margin: 0 0 8px;
    padding: 6px 9px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.mensaje-error[b-i5oaka1yei] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.mensaje-ok[b-i5oaka1yei] {
    background: #f2fbf6;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.16);
}

@media (max-width: 900px) {
    .mantenimiento-novedades-grid[b-i5oaka1yei] {
        grid-template-columns: 1fr;
        height: auto;
    }
}
/* /Config/Components/MantenimientoUsuarios.razor.rz.scp.css */
.mantenimiento-usuarios[b-2lxsohs7i0] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.mantenimiento-usuarios[b-2lxsohs7i0],
.mantenimiento-usuarios *[b-2lxsohs7i0] {
    font-family: 'Inter', Arial, sans-serif;
}

.mantenimiento-usuarios-rotulo[b-2lxsohs7i0] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.mantenimiento-usuarios-cuerpo[b-2lxsohs7i0] {
    height: calc(100% - 34px);
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    background: #ffffff;
}

.mantenimiento-usuarios-grid[b-2lxsohs7i0] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(320px, 460px);
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.panel[b-2lxsohs7i0] {
    min-width: 0;
    min-height: 0;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 14px rgba(4, 70, 49, 0.1);
    overflow: hidden;
}

.panel-titulo[b-2lxsohs7i0] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    background: #f7fef9;
    color: #054731;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    font-size: 13px;
    font-weight: 800;
    box-sizing: border-box;
}

.lista-panel[b-2lxsohs7i0] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.lista-wrap[b-2lxsohs7i0] {
    min-height: 0;
    overflow: auto;
}

.lista-wrap table[b-2lxsohs7i0] {
    width: 100%;
    border-collapse: collapse;
    color: #054731;
    font-size: 12px;
}

.lista-wrap th[b-2lxsohs7i0],
.lista-wrap td[b-2lxsohs7i0] {
    padding: 6px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    text-align: left;
    white-space: nowrap;
}

.lista-wrap thead th[b-2lxsohs7i0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7f5;
    color: #044631;
    font-weight: 900;
}

.lista-wrap tbody tr[b-2lxsohs7i0] {
    cursor: pointer;
}

.lista-wrap tbody tr:nth-child(even) td[b-2lxsohs7i0] {
    background: #f8fbf9;
}

.lista-wrap tbody tr:hover td[b-2lxsohs7i0],
.lista-wrap tbody tr.seleccionada td[b-2lxsohs7i0] {
    background: #edf7f2;
}

.detalle-panel[b-2lxsohs7i0] {
    align-self: start;
}

.formulario[b-2lxsohs7i0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
}

.formulario input[b-2lxsohs7i0],
.formulario select[b-2lxsohs7i0] {
    min-width: 0;
    height: 27px;
    box-sizing: border-box;
    border: 1px solid rgba(4, 70, 49, 0.22);
    border-radius: 6px;
    padding: 4px 6px;
    color: #054731;
    background: #ffffff;
    font-size: 12px;
}

.acciones[b-2lxsohs7i0] {
    grid-column: 1/3;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

button[b-2lxsohs7i0] {
    min-height: 24px;
    padding: 3px 9px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-2lxsohs7i0] {
    background: #039071;
}

button:disabled[b-2lxsohs7i0] {
    opacity: 0.55;
    cursor: default;
}

button.secundario[b-2lxsohs7i0] {
    background: #ffffff;
    color: #044631;
}

button.secundario:hover[b-2lxsohs7i0] {
    background: #eef8f2;
}

button.peligro[b-2lxsohs7i0] {
    background: #fef2f2;
    color: #991b1b;
    border-color: #fecaca;
}

button.peligro:hover[b-2lxsohs7i0] {
    background: #fee2e2;
}

.estado[b-2lxsohs7i0],
.mensaje-ok[b-2lxsohs7i0],
.mensaje-error[b-2lxsohs7i0] {
    margin: 0 0 8px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.estado[b-2lxsohs7i0] {
    color: #054731;
}

.mensaje-ok[b-2lxsohs7i0] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.mensaje-error[b-2lxsohs7i0] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

@media (max-width: 900px) {
    .mantenimiento-usuarios-grid[b-2lxsohs7i0] {
        grid-template-columns: 1fr;
        height: auto;
    }
}
/* /Config/GruposPage.razor.rz.scp.css */
.config-page[b-d2wzg57w95] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.config-page.sin-tabs[b-d2wzg57w95] {
    grid-template-rows: minmax(0, 1fr);
}

.config-debug-tabs[b-d2wzg57w95] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 8px 20px rgba(4, 70, 49, 0.12);
}

.config-debug-tabs button[b-d2wzg57w95] {
    min-height: 28px;
    padding: 4px 14px;
    border: 1px solid rgba(4, 70, 49, 0.18);
    border-radius: 9px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.config-debug-tabs button:hover[b-d2wzg57w95],
.config-debug-tabs button.activo[b-d2wzg57w95] {
    background: #044631;
    color: #ffffff;
}

.config-debug-contenido[b-d2wzg57w95] {
    min-height: 0;
    overflow: hidden;
}
/* /Config/MenusPage.razor.rz.scp.css */
.config-page[b-xmkzfelg9d] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.config-page.sin-tabs[b-xmkzfelg9d] {
    grid-template-rows: minmax(0, 1fr);
}

.config-debug-tabs[b-xmkzfelg9d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 8px 20px rgba(4, 70, 49, 0.12);
}

.config-debug-tabs button[b-xmkzfelg9d] {
    min-height: 28px;
    padding: 4px 14px;
    border: 1px solid rgba(4, 70, 49, 0.18);
    border-radius: 9px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.config-debug-tabs button:hover[b-xmkzfelg9d],
.config-debug-tabs button.activo[b-xmkzfelg9d] {
    background: #044631;
    color: #ffffff;
}

.config-debug-contenido[b-xmkzfelg9d] {
    min-height: 0;
    overflow: hidden;
}
/* /Config/NovedadesPage.razor.rz.scp.css */
.config-page[b-vmpz4otyd9] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.config-page.sin-tabs[b-vmpz4otyd9] {
    grid-template-rows: minmax(0, 1fr);
}

.config-debug-tabs[b-vmpz4otyd9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 8px 20px rgba(4, 70, 49, 0.12);
}

.config-debug-tabs button[b-vmpz4otyd9] {
    min-height: 28px;
    padding: 4px 14px;
    border: 1px solid rgba(4, 70, 49, 0.18);
    border-radius: 9px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.config-debug-tabs button:hover[b-vmpz4otyd9],
.config-debug-tabs button.activo[b-vmpz4otyd9] {
    background: #044631;
    color: #ffffff;
}

.config-debug-contenido[b-vmpz4otyd9] {
    min-height: 0;
    overflow: hidden;
}
/* /Config/UsuariosPage.razor.rz.scp.css */
.usuarios-page[b-9imalqm614] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    background: #f3f7f5;
}
/* /CRM/Agenda.razor.rz.scp.css */
.container[b-natkbmvl9l] {
    display: grid;
    grid-template-columns: 5px auto 10px 0.2fr 10px 0.2fr 10px 0.2fr 10px 0.2fr 10px 0.2fr 5px;
    grid-template-rows: 0px minmax(10%, var(--agenda-map-row, 55%)) 10px minmax(20%, 1fr) 5px;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.lateral[b-natkbmvl9l] {
    grid-column: 2;
    grid-row: 2/5;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 10px minmax(0,1fr);
    min-height:0;
    height:100%;
}

.opciones[b-natkbmvl9l] {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: 10px auto 10px auto 10px;
    grid-template-rows: 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
}

.r1[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row:2;
}

.r2[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 4;
}

.r3[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 6;
}

.r4[b-natkbmvl9l] {
    grid-column: 1/6;
    grid-row: 8;
    display: grid;
    grid-template-columns: 10px 1fr 30px 1fr 10px;
}

.r6 button[b-natkbmvl9l],
.r5 button[b-natkbmvl9l],
.r4c2 button[b-natkbmvl9l],
.r4c1 button[b-natkbmvl9l] {
    width: 100%;
    box-sizing: border-box;
}

.r4c1[b-natkbmvl9l] {
    grid-column:2;
    width: 100%;
}

.r4c2[b-natkbmvl9l] {
    grid-column: 4;
    width: 100%;
}

.r5[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 10;
}

.r6[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 12;
}

.r7[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 14;
}

.r8[b-natkbmvl9l] {
    grid-column: 2/5;
    grid-row: 16;
    display: grid;
    gap: 4px;
}

.r8 label[b-natkbmvl9l] {
    font-size: 12px;
}

.r8 input[type="range"][b-natkbmvl9l] {
    width: 100%;
}

.buscador[b-natkbmvl9l] {
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    font-family: 'inter';
    font-size: 14px;
    overflow-y:auto;
    height:100%;
    min-height: 0;
}

.mapa[b-natkbmvl9l] {
    grid-column: 4/16;
    grid-row: 2;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c3[b-natkbmvl9l] {
    grid-column: 4;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c4[b-natkbmvl9l] {
    grid-column: 6;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c5[b-natkbmvl9l] {
    grid-column: 8;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c6[b-natkbmvl9l] {
    grid-column: 10;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c7[b-natkbmvl9l] {
    grid-column: 12;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.modal-mover[b-natkbmvl9l] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.22);
    font-family: 'Inter', sans-serif;
}

.modal-mover-caja[b-natkbmvl9l] {
    width: min(420px, calc(100vw - 30px));
    background: #ffffff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 8px rgba(0, 80, 40, 0.24);
    overflow: hidden;
    color: #054731;
}

.modal-mover-rotulo[b-natkbmvl9l] {
    padding: 8px 12px;
    background: #044631;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.modal-mover-contenido[b-natkbmvl9l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
    padding: 14px;
    font-size: 13px;
    font-weight: 700;
}

.modal-mover-contenido input[b-natkbmvl9l] {
    min-width: 0;
}

.modal-mover-mensaje[b-natkbmvl9l] {
    grid-column: 1/3;
    margin: 4px 0;
    padding: 8px;
    background: #f2fbf6;
    border: 1px solid rgba(4, 70, 49, 0.16);
    border-radius: 8px;
}

.modal-mover-botones[b-natkbmvl9l] {
    grid-column: 1/3;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 4px;
}
/* /CRM/AgendaAdmin.razor.rz.scp.css */
.container[b-gw5ruenueb] {
    display: grid;
    grid-template-columns: 5px auto 10px 0.2fr 10px 0.2fr 10px 0.2fr 10px 0.2fr 10px 0.2fr 5px;
    grid-template-rows: 0px minmax(10%, var(--agenda-map-row, 55%)) 10px minmax(20%, 1fr) 5px;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.lateral[b-gw5ruenueb] {
    grid-column: 2;
    grid-row: 2/5;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 10px minmax(0,1fr);
    min-height:0;
    height:100%;
}

.opciones[b-gw5ruenueb] {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: 10px auto 10px auto 10px;
    grid-template-rows: 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
}

.r0[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row:2;
}

.r1[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 4;
}

.r2[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 6;
}

.r3[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 8;
}

.r4[b-gw5ruenueb] {
    grid-column: 1/6;
    grid-row: 10;
    display: grid;
    grid-template-columns: 10px 1fr 30px 1fr 10px;
}

.r6 button[b-gw5ruenueb],
.r5 button[b-gw5ruenueb],
.r4c2 button[b-gw5ruenueb],
.r4c1 button[b-gw5ruenueb] {
    width: 100%;
    box-sizing: border-box;
}

.r4c1[b-gw5ruenueb] {
    grid-column:2;
    width: 100%;
}

.r4c2[b-gw5ruenueb] {
    grid-column: 4;
    width: 100%;
}

.r5[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 12;
}

.r6[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 14;
}

.r7[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 16;
}

.r8[b-gw5ruenueb] {
    grid-column: 2/5;
    grid-row: 18;
    display: grid;
    gap: 4px;
}

.r8 label[b-gw5ruenueb] {
    font-size: 12px;
}

.r8 input[type="range"][b-gw5ruenueb] {
    width: 100%;
}

.buscador[b-gw5ruenueb] {
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    font-family: 'inter';
    font-size: 14px;
    overflow-y:auto;
    height:100%;
    min-height: 0;
}

.mapa[b-gw5ruenueb] {
    grid-column: 4/16;
    grid-row: 2;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c3[b-gw5ruenueb] {
    grid-column: 4;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c4[b-gw5ruenueb] {
    grid-column: 6;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c5[b-gw5ruenueb] {
    grid-column: 8;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c6[b-gw5ruenueb] {
    grid-column: 10;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.c7[b-gw5ruenueb] {
    grid-column: 12;
    grid-row: 4;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.modal-mover[b-gw5ruenueb] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.22);
    font-family: 'Inter', sans-serif;
}

.modal-mover-caja[b-gw5ruenueb] {
    width: min(420px, calc(100vw - 30px));
    background: #ffffff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 8px rgba(0, 80, 40, 0.24);
    overflow: hidden;
    color: #054731;
}

.modal-mover-rotulo[b-gw5ruenueb] {
    padding: 8px 12px;
    background: #044631;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.modal-mover-contenido[b-gw5ruenueb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
    padding: 14px;
    font-size: 13px;
    font-weight: 700;
}

.modal-mover-contenido input[b-gw5ruenueb] {
    min-width: 0;
}

.modal-mover-mensaje[b-gw5ruenueb] {
    grid-column: 1/3;
    margin: 4px 0;
    padding: 8px;
    background: #f2fbf6;
    border: 1px solid rgba(4, 70, 49, 0.16);
    border-radius: 8px;
}

.modal-mover-botones[b-gw5ruenueb] {
    grid-column: 1/3;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 4px;
}
/* /CRM/CalendarioFestivos.razor.rz.scp.css */
.calendario-festivos-pagina[b-wxx47zfpie] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    overflow: auto;
    font-family: 'Inter', sans-serif;
}
/* /CRM/CarteraClientes.razor.rz.scp.css */
.cartera-clientes[b-hov4ndn38b] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
    padding: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.cartera-clientes-paneles[b-hov4ndn38b] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: auto auto;
    align-items: stretch;
    justify-content: start;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
}

.cartera-clientes-controles[b-hov4ndn38b] {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
}

.cartera-clientes-controles label[b-hov4ndn38b] {
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.cartera-clientes-controles select[b-hov4ndn38b] {
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.cartera-clientes-controles select:focus[b-hov4ndn38b] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.check-todos[b-hov4ndn38b] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.check-todos input[b-hov4ndn38b] {
    width: 15px;
    height: 15px;
    accent-color: #039071;
}

.cartera-clientes-contenido[b-hov4ndn38b] {
    width: max-content;
    height: 100%;
    min-height: 0;
    max-width: none;
    max-height: 100%;
    justify-self: start;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow-x: hidden;
    overflow-y: auto;
}

.cartera-clientes-contenido table[b-hov4ndn38b] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.cartera-clientes-contenido thead th[b-hov4ndn38b] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #044631;
    color: #ffffff;
    font-weight: 700;
}

.cartera-clientes-contenido th[b-hov4ndn38b],
.cartera-clientes-contenido td[b-hov4ndn38b] {
    padding: 2px 6px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.cartera-clientes-contenido tbody tr:nth-child(even) td[b-hov4ndn38b] {
    background: #fbfdfb;
}

.cartera-clientes-contenido tbody tr:hover td[b-hov4ndn38b] {
    background: rgba(3, 144, 113, 0.08);
}

.texto-derecha[b-hov4ndn38b] {
    text-align: right;
}

.nota-perdidos[b-hov4ndn38b] {
    margin: 8px 10px;
    padding: 7px 9px;
    background: #eef8f4;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.16);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    white-space: normal;
}

.cartera-clientes-contenido > p:not(.mensaje-error):not(.nota-perdidos)[b-hov4ndn38b] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.cartera-clientes-contenido > .mensaje-error[b-hov4ndn38b] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .cartera-clientes[b-hov4ndn38b] {
        padding: 6px;
    }

    .cartera-clientes-controles[b-hov4ndn38b] {
        width: 100%;
        align-items: stretch;
    }

    .cartera-clientes-paneles[b-hov4ndn38b] {
        grid-template-columns: 1fr;
    }
}

.cliente-link[b-hov4ndn38b] {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}

.cliente-link:hover[b-hov4ndn38b] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* /CRM/Cliente.razor.rz.scp.css */
.contenedor[b-nmgbeagakp] {
    display: grid;
    grid-template-columns: 5px minmax(0, 1fr) 5px;
    grid-template-rows: 0 minmax(0, 1fr) 5px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

.contenido[b-nmgbeagakp] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 10px;
}

.rotulo[b-nmgbeagakp] {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(360px, 1fr);
    grid-template-rows: 34px minmax(0, 1fr);
    overflow: hidden;
}

.rotulo > label[b-nmgbeagakp] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #044631;
    color: white;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}

.agentes[b-nmgbeagakp] {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 14px;
    border-right: 1px solid rgba(4, 70, 49, 0.16);
    overflow: auto;
}

.cliente[b-nmgbeagakp] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    padding: 14px 18px;
    overflow: auto;
}

.cliente > p[b-nmgbeagakp] {
    margin: 0;
    padding: 12px 14px;
    background: white;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 8px;
    color: #054731;
    font-size: 14px;
    font-weight: 600;
}

.cliente[b-nmgbeagakp]  .nuevo-cliente {
    margin-left: 0 !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    max-width: 620px;
}

.cliente[b-nmgbeagakp]  .form-row {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.cliente[b-nmgbeagakp]  .selector-row {
    display: block;
}

.cliente[b-nmgbeagakp]  .selector-row > div {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.cliente[b-nmgbeagakp]  label {
    color: #054731;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.cliente[b-nmgbeagakp]  input,
.cliente[b-nmgbeagakp]  select {
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    margin-top: 0;
    padding: 5px 8px;
    background: white;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.cliente[b-nmgbeagakp]  input:focus,
.cliente[b-nmgbeagakp]  select:focus {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.cliente[b-nmgbeagakp]  input[readonly],
.cliente[b-nmgbeagakp]  .readonly-control select,
.cliente[b-nmgbeagakp]  .readonly-control input {
    background: #f3f7f5;
    color: #43645b;
    border-color: rgba(4, 70, 49, 0.16);
    cursor: default;
}

.cliente[b-nmgbeagakp]  input[readonly]:focus,
.cliente[b-nmgbeagakp]  .readonly-control select:focus,
.cliente[b-nmgbeagakp]  .readonly-control input:focus {
    border-color: rgba(4, 70, 49, 0.16);
    box-shadow: none;
}

.cliente[b-nmgbeagakp]  .readonly-control {
    pointer-events: none;
}

.cliente[b-nmgbeagakp]  button {
    min-height: 32px;
    width: fit-content;
    border: none;
    border-radius: 18px;
    padding: 6px 16px;
    background: #2E4A46;
    color: white;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.cliente[b-nmgbeagakp]  .form-actions {
    display: flex;
    align-items: center;
}

.cliente[b-nmgbeagakp]  .top-actions {
    justify-content: flex-end;
}

.cliente[b-nmgbeagakp]  .bottom-actions {
    justify-content: flex-start;
    padding-top: 5px;
}

.cliente[b-nmgbeagakp]  button:hover:not(:disabled) {
    background: #039071;
}

.cliente[b-nmgbeagakp]  button:disabled {
    opacity: 0.7;
    cursor: default;
}

.cliente[b-nmgbeagakp]  br {
    display: none;
}

.cliente[b-nmgbeagakp]  .mensaje-error {
    display: block;
    padding: 9px 11px;
    background: #fff1f2;
    color: #b91c1c !important;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 13px;
}

@media (max-width: 900px) {
    .contenido[b-nmgbeagakp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rotulo[b-nmgbeagakp] {
        grid-column: 1;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 34px auto minmax(0, 1fr);
    }

    .rotulo > label[b-nmgbeagakp] {
        grid-column: 1;
    }

    .agentes[b-nmgbeagakp] {
        grid-column: 1;
        grid-row: 2;
        border-right: none;
        border-bottom: 1px solid rgba(4, 70, 49, 0.16);
    }

    .cliente[b-nmgbeagakp] {
        grid-column: 1;
        grid-row: 3;
    }
}

@media (max-width: 640px) {
    .cliente[b-nmgbeagakp]  .form-row,
    .cliente[b-nmgbeagakp]  .selector-row > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .cliente[b-nmgbeagakp]  button {
        width: 100%;
    }
}

.rotulo.edicion[b-nmgbeagakp] {
    grid-template-columns: minmax(0, 1fr);
}

.rotulo.edicion > label[b-nmgbeagakp],
.rotulo.edicion .cliente[b-nmgbeagakp] {
    grid-column: 1;
}

.rotulo.edicion .cliente[b-nmgbeagakp] {
    padding: 10px 12px 12px;
}

.cliente[b-nmgbeagakp]  .edicion-cliente {
    width: 100%;
    max-width: none;
}

.cliente[b-nmgbeagakp]  .edicion-cliente .agente-row {
    max-width: 620px;
}

.cliente[b-nmgbeagakp]  .edicion-cuerpo {
    display: grid;
    grid-template-columns: minmax(360px, 620px) minmax(360px, 1fr);
    gap: 14px;
    min-width: 0;
    align-items: stretch;
}

.cliente[b-nmgbeagakp]  .edicion-datos {
    display: grid;
    gap: 9px;
    align-content: start;
    min-width: 0;
}

.cliente[b-nmgbeagakp]  .edicion-mapa {
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid rgba(4, 70, 49, 0.16);
    border-radius: 8px;
}

.cliente[b-nmgbeagakp]  .edicion-mapa #map {
    border-radius: 8px;
}

@media (max-width: 1100px) {
    .cliente[b-nmgbeagakp]  .edicion-cuerpo {
        grid-template-columns: minmax(0, 1fr);
    }

    .cliente[b-nmgbeagakp]  .edicion-mapa {
        min-height: 420px;
    }
}
.rotulo.nuevo > label[b-nmgbeagakp] {
    grid-column: 1 / 3;
}

/* EdicionCliente two-column full-height layout */
.rotulo.edicion[b-nmgbeagakp] {
    grid-template-rows: 34px minmax(0, 1fr);
}

.rotulo.edicion .cliente[b-nmgbeagakp] {
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.cliente[b-nmgbeagakp]  .edicion-cliente {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: none;
    display: grid;
    grid-template-columns: minmax(380px, 620px) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.cliente[b-nmgbeagakp]  .edicion-datos {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
    padding-right: 2px;
}

.cliente[b-nmgbeagakp]  .edicion-cliente .form-row,
.cliente[b-nmgbeagakp]  .edicion-cliente .selector-row > div {
    gap: 7px;
}

.cliente[b-nmgbeagakp]  .edicion-cliente label {
    font-size: 12px;
}

.cliente[b-nmgbeagakp]  .edicion-cliente input,
.cliente[b-nmgbeagakp]  .edicion-cliente select {
    min-height: 26px;
    padding: 3px 7px;
    font-size: 13px;
    border-radius: 7px;
}

.cliente[b-nmgbeagakp]  .edicion-datos .agente-row {
    max-width: none;
}

.cliente[b-nmgbeagakp]  .codigo-cliente {
    display: grid;
    gap: 1px;
    min-width: 0;
    flex: 0 0 auto;
}

.cliente[b-nmgbeagakp]  .codigo-cliente span {
    color: #43645b;
    font-size: 11px;
    font-weight: 700;
}

.cliente[b-nmgbeagakp]  .codigo-cliente strong {
    color: #054731;
    font-size: 16px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.cliente[b-nmgbeagakp]  .productos-especiales {
    min-height: 0;
    flex: 1 1 auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: white;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 8px 8px 0 0;
    box-shadow: 0 2px 8px rgba(4, 70, 49, 0.09);
    overflow: hidden;
}

.cliente[b-nmgbeagakp]  .productos-especiales-rotulo {
    padding: 7px 10px;
    background: #044631;
    color: white;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.cliente[b-nmgbeagakp]  .productos-especiales-tabla {
    min-height: 0;
    overflow: auto;
}

.cliente[b-nmgbeagakp]  .productos-especiales table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.cliente[b-nmgbeagakp]  .productos-especiales th,
.cliente[b-nmgbeagakp]  .productos-especiales td {
    padding: 5px 7px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.11);
    color: #054731;
    white-space: nowrap;
}

.cliente[b-nmgbeagakp]  .productos-especiales th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eef7f2;
    font-weight: 800;
    text-align: left;
}

.cliente[b-nmgbeagakp]  .productos-especiales .numero {
    text-align: right;
}

.cliente[b-nmgbeagakp]  .productos-especiales-vacio {
    padding: 9px 10px;
    color: #43645b;
    font-size: 12px;
    font-weight: 700;
}

.cliente[b-nmgbeagakp]  .edicion-lateral {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
}

.cliente[b-nmgbeagakp]  .edicion-ventas-cliente {
    min-width: 0;
    max-width: 100%;
    max-height: min(250px, 34dvh);
    overflow: auto;
}

.cliente[b-nmgbeagakp]  .edicion-ventas-cliente .ventas-cliente {
    max-width: 100%;
}

.cliente[b-nmgbeagakp]  .edicion-mapa {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(4, 70, 49, 0.16);
    border-radius: 8px;
}

.cliente[b-nmgbeagakp]  .edicion-mapa #map {
    width: 100%;
    height: 100%;
    min-height: 0;
    border-radius: 8px;
}

.cliente[b-nmgbeagakp]  .bottom-actions {
    margin-top: auto;
    gap: 10px;
    flex: 0 0 auto;
}

@media (max-width: 1100px) {
    .rotulo.edicion .cliente[b-nmgbeagakp] {
        overflow: auto;
    }

    .cliente[b-nmgbeagakp]  .edicion-cliente {
        height: auto;
        min-height: 100%;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(420px, 45vh);
    }

    .cliente[b-nmgbeagakp]  .edicion-datos {
        overflow: visible;
    }

    .cliente[b-nmgbeagakp]  .edicion-lateral {
        min-height: 420px;
    }
}
/* /CRM/ClientesRutas.razor.rz.scp.css */
.clientes-rutas[b-41zskv1j6d] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 290px 1fr;
    gap: 10px;
    padding: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.clientes-rutas-lateral[b-41zskv1j6d] {
    min-height: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.clientes-rutas-rotulo[b-41zskv1j6d] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.clientes-rutas-controles[b-41zskv1j6d] {
    display: grid;
    gap: 6px;
    padding: 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.clientes-rutas-controles label[b-41zskv1j6d],
.clientes-rutas-listado > label[b-41zskv1j6d] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.clientes-rutas-controles button[b-41zskv1j6d] {
    width: fit-content;
    min-height: 28px;
    padding: 4px 12px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.clientes-rutas-controles button:hover[b-41zskv1j6d] {
    background: #039071;
}

.clientes-rutas-listado[b-41zskv1j6d] {
    min-height: 0;
    padding: 10px;
    overflow-y: auto;
}

.clientes-rutas-listado p[b-41zskv1j6d] {
    margin: 6px 0;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.ruta-check[b-41zskv1j6d] {
    display: flex;
    align-items: start;
    gap: 7px;
    margin-top: 7px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.ruta-check input[b-41zskv1j6d] {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    margin-top: 0;
    accent-color: #039071;
}

.mensaje-error[b-41zskv1j6d] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.clientes-rutas-mapa[b-41zskv1j6d] {
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.clientes-rutas-mapa #map[b-41zskv1j6d] {
    width: 100%;
    height: 100%;
    min-height: 360px;
    border-radius: inherit;
}

@media (max-width: 880px) {
    .clientes-rutas[b-41zskv1j6d] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(420px, 1fr);
        overflow-y: auto;
    }

    .clientes-rutas-lateral[b-41zskv1j6d] {
        min-height: 420px;
    }
}
/* /CRM/Components/CalendarioAnualVisitas.razor.rz.scp.css */
.calendario-visitas[b-r2m4p0y4s6] {
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.16);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.calendario-visitas-rotulo[b-r2m4p0y4s6] {
    height: 34px;
    line-height: 34px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.calendario-visitas-controles[b-r2m4p0y4s6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
}

.calendario-visitas-controles label[b-r2m4p0y4s6] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.calendario-visitas-controles select[b-r2m4p0y4s6] {
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.calendario-visitas-controles select:focus[b-r2m4p0y4s6] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.calendario-visitas-tabla[b-r2m4p0y4s6] {
    max-width: 100%;
    max-height: calc(100dvh - 170px);
    min-height: 0;
    overflow: auto;
}

.calendario-visitas table[b-r2m4p0y4s6] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.calendario-visitas th[b-r2m4p0y4s6],
.calendario-visitas td[b-r2m4p0y4s6] {
    min-width: 30px;
    height: 25px;
    box-sizing: border-box;
    padding: 2px 5px;
    border-right: 1px solid rgba(4, 70, 49, 0.12);
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    text-align: right;
    white-space: nowrap;
}

.calendario-visitas thead th[b-r2m4p0y4s6],
.calendario-visitas tfoot th[b-r2m4p0y4s6] {
    position: sticky;
    z-index: 2;
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
}

.calendario-visitas thead th[b-r2m4p0y4s6] {
    top: 0;
}

.calendario-visitas tfoot th[b-r2m4p0y4s6] {
    bottom: 0;
}

.calendario-visitas tbody tr:nth-child(even) td[b-r2m4p0y4s6] {
    background: #fbfdfb;
}

.calendario-visitas tbody tr:hover td[b-r2m4p0y4s6] {
    background: rgba(3, 144, 113, 0.08);
}

.calendario-visitas .mes[b-r2m4p0y4s6] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 44px;
    background: #ffffff;
    color: #054731;
    font-weight: 800;
    text-align: left;
}

.calendario-visitas thead th:first-child[b-r2m4p0y4s6],
.calendario-visitas tfoot th:first-child[b-r2m4p0y4s6] {
    left: 0;
    z-index: 3;
}

.calendario-visitas .total[b-r2m4p0y4s6] {
    min-width: 48px;
    background: #f7fef9;
    color: #054731;
    font-weight: 800;
}

.calendario-visitas .no-laborable[b-r2m4p0y4s6] {
    background: #d9f0df !important;
}

.calendario-visitas .sin-dia[b-r2m4p0y4s6] {
    background: #e6e9e7 !important;
    color: #9ca3af;
}

.calendario-visitas .total-anual-rotulo[b-r2m4p0y4s6] {
    text-align: right;
}

.mensaje-error[b-r2m4p0y4s6] {
    margin: 8px 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.calendario-visitas > p:not(.mensaje-error)[b-r2m4p0y4s6] {
    margin: 8px 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .calendario-visitas[b-r2m4p0y4s6] {
        width: 100%;
    }
}
/* /CRM/Components/Mapa.razor.rz.scp.css */
#map[b-xot4eyjmsj] {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
/* /CRM/Components/RanquinVisitas.razor.rz.scp.css */
.ranquin-visitas[b-wdm8m3uvh7] {
    width: fit-content;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.ranquin-visitas-rotulo[b-wdm8m3uvh7] {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
}

.ranquin-visitas-contenido[b-wdm8m3uvh7] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.ranquin-visitas-contenido table[b-wdm8m3uvh7] {
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.ranquin-visitas-contenido th[b-wdm8m3uvh7],
.ranquin-visitas-contenido td[b-wdm8m3uvh7] {
    padding: 4px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 12px;
    white-space: nowrap;
}

.ranquin-visitas-contenido thead th[b-wdm8m3uvh7] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #044631;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.ranquin-visitas-contenido thead th:last-child[b-wdm8m3uvh7] {
    cursor: default;
}

.ranquin-visitas-contenido tbody th[b-wdm8m3uvh7] {
    text-align: left;
    font-weight: 700;
}

.ranquin-visitas-contenido tbody tr:nth-child(even) td[b-wdm8m3uvh7],
.ranquin-visitas-contenido tbody tr:nth-child(even) th[b-wdm8m3uvh7] {
    background: #fbfdfb;
}

.ranquin-visitas-contenido tbody tr:hover td[b-wdm8m3uvh7],
.ranquin-visitas-contenido tbody tr:hover th[b-wdm8m3uvh7] {
    background: rgba(3, 144, 113, 0.08);
}

.ranquin-visitas-contenido tfoot th[b-wdm8m3uvh7] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #eef8f4;
    color: #044631;
    border-top: 1px solid rgba(4, 70, 49, 0.22);
    font-weight: 800;
}

.total-agente[b-wdm8m3uvh7] {
    background: #f7fef9;
    color: #044631;
    font-weight: 800;
}

.texto-derecha[b-wdm8m3uvh7] {
    text-align: right;
}

.ranquin-visitas-contenido > p:not(.mensaje-error)[b-wdm8m3uvh7] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.ranquin-visitas-contenido > .mensaje-error[b-wdm8m3uvh7] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
/* /CRM/MantenimientoPermisosPage APP.razor.rz.scp.css */
.mantenimiento-permisos-pagina[b-x8ff5a56w6] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    overflow: auto;
    font-family: 'Inter', sans-serif;
}
/* /CRM/MantenimientoPermisosPage.razor.rz.scp.css */
.mantenimiento-permisos-pagina[b-020kqz13o6] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

.config-debug-tabs[b-020kqz13o6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 8px 20px rgba(4, 70, 49, 0.12);
}

.config-debug-tabs button[b-020kqz13o6] {
    min-height: 28px;
    padding: 4px 14px;
    border: 1px solid rgba(4, 70, 49, 0.18);
    border-radius: 9px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.config-debug-tabs button:hover[b-020kqz13o6],
.config-debug-tabs button.activo[b-020kqz13o6] {
    background: #044631;
    color: #ffffff;
}

.config-debug-contenido[b-020kqz13o6] {
    min-height: 0;
    overflow: hidden;
}
/* /CRM/Notas.razor.rz.scp.css */
.contenedor[b-xtjfc8e235]{
    display:grid;
    grid-template-columns:10px 1fr  10px;
    grid-template-rows:5px auto 10px  1fr 5px;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
}

.nota1[b-xtjfc8e235] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.nota2[b-xtjfc8e235] {
    grid-column: 4;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.nota3[b-xtjfc8e235] {
    grid-column: 6;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
}

.notas[b-xtjfc8e235]{
    grid-column:2;
    grid-row:4;
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:0 1fr 0;
    grid-template-columns: 0 1fr 10px 1fr 10px 1fr 0;
    overflow:hidden;
}

.rotulo[b-xtjfc8e235] {
    grid-column: 2;
    grid-row: 2;
    background-color: white;
    color: #054731;
    border-top-left-radius: 15px;
    border-top-right-radius:15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-rows:0 30px 10px auto 10px;
    grid-template-columns: 0 1fr auto 8px auto 10px;
    font-family: 'inter';
    font-size: 14px;
    height: 100%;
    width:100%;
    min-height: 0;
    overflow:hidden;
}

    .rotulo label[b-xtjfc8e235] {
        grid-row: 2;
        grid-column:1/5;
        background-color: #044631;
        color: white;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        font-size: 18px;
        font-weight: 500;
        height: 30px;
        align-content: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'inter';
    }

.rotulo button[b-xtjfc8e235] {
    grid-row: 4;
    min-height: 31px;
    padding: 6px 12px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #fff;
    font-family: 'inter';
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
}

.rotulo button:hover[b-xtjfc8e235] {
    background: #fff;
    color: #044631;
}

.boton-volver[b-xtjfc8e235] {
    grid-column: 3;
}

.boton-ficha[b-xtjfc8e235] {
    grid-column: 5;
}

    
/* /CRM/Novedades.razor.rz.scp.css */
.novedades-page[b-bbidlcr9u8] {
    height: calc(100dvh - var(--app-safe-bottom, 0px));
    min-height: 0;
    box-sizing: border-box;
    padding: 18px;
    display: grid;
    place-items: center;
    background: #eef4f0;
    overflow: auto;
}

.novedades-card[b-bbidlcr9u8] {
    width: min(820px, 100%);
    max-height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.18);
    overflow: hidden;
    color: #054731;
}

.novedades-card[b-bbidlcr9u8],
.novedades-card *[b-bbidlcr9u8] {
    font-family: 'Inter', Arial, sans-serif;
}

.novedades-rotulo[b-bbidlcr9u8] {
    height: 38px;
    line-height: 38px;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

.novedades-cuerpo[b-bbidlcr9u8] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 10px;
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.aviso-cache[b-bbidlcr9u8] {
    display: grid;
    gap: 3px;
    padding: 8px 10px;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 9px;
    background: #f7fef9;
    color: #054731;
    font-size: 12px;
    line-height: 1.35;
}

.aviso-cache strong[b-bbidlcr9u8] {
    color: #044631;
    font-size: 12px;
    font-weight: 850;
}

.aviso-cache span[b-bbidlcr9u8] {
    color: #40564d;
    font-weight: 650;
}

.novedades-lista[b-bbidlcr9u8] {
    min-height: 0;
    overflow: auto;
    display: grid;
    align-content: start;
    gap: 10px;
    padding-right: 2px;
}

.novedad[b-bbidlcr9u8] {
    border: 1px solid rgba(4, 70, 49, 0.12);
    border-radius: 10px;
    background: #fbfdfc;
    padding: 10px;
}

.novedad-cabecera[b-bbidlcr9u8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.novedad h2[b-bbidlcr9u8] {
    margin: 0;
    color: #044631;
    font-size: 15px;
    font-weight: 850;
}

.novedad span[b-bbidlcr9u8] {
    display: block;
    margin-top: 2px;
    color: #64746c;
    font-size: 11px;
    font-weight: 700;
}

.novedad p[b-bbidlcr9u8] {
    margin: 0;
    color: #054731;
    font-size: 13px;
    line-height: 1.45;
    white-space: pre-line;
}

.chip[b-bbidlcr9u8] {
    flex: 0 0 auto;
    margin-top: 0 !important;
    padding: 3px 8px;
    border-radius: 999px;
    background: #e8f7ef;
    color: #047857 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.check[b-bbidlcr9u8] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.acciones[b-bbidlcr9u8] {
    display: flex;
    justify-content: flex-end;
}

button[b-bbidlcr9u8] {
    min-height: 29px;
    padding: 4px 13px;
    background: #044631;
    color: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

button:hover[b-bbidlcr9u8] {
    background: #039071;
}

button:disabled[b-bbidlcr9u8] {
    opacity: 0.55;
    cursor: default;
}

.estado[b-bbidlcr9u8],
.mensaje-error[b-bbidlcr9u8] {
    margin: 0;
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
}

.estado[b-bbidlcr9u8] {
    color: #64746c;
}

.mensaje-error[b-bbidlcr9u8] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
}
/* /CRM/PorcentajesMensualesPage.razor.rz.scp.css */
.porcentajes-mensuales-pagina[b-1p31nuelms] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    overflow: auto;
    font-family: 'Inter', sans-serif;
}
/* /CRM/PrevisionVentasPage.razor.rz.scp.css */
.prevision-ventas-pagina[b-pon6mg515d] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 8px;
    overflow: auto;
    font-family: 'Inter', sans-serif;
}

.prevision-ventas-filtros[b-pon6mg515d] {
    width: fit-content;
    max-width: 100%;
    display: grid;
    grid-template-columns: max-content 220px max-content 110px;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    color: #054731;
}

.prevision-ventas-filtros label[b-pon6mg515d] {
    font-size: 12px;
    font-weight: 800;
}

.prevision-ventas-filtros select[b-pon6mg515d],
.prevision-ventas-filtros[b-pon6mg515d]  select {
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.prevision-ventas-filtros select:focus[b-pon6mg515d],
.prevision-ventas-filtros[b-pon6mg515d]  select:focus {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

@media (max-width: 760px) {
    .prevision-ventas-filtros[b-pon6mg515d] {
        width: 100%;
        grid-template-columns: 1fr;
    }
}
/* /CRM/Ranquing.razor.rz.scp.css */
.ranquing-page[b-kzb7z54oux] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 10px 12px 12px;
    background: #f7fef9;
    overflow-x: auto;
    overflow-y: hidden;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.ranquing-page[b-kzb7z54oux],
.ranquing-page *[b-kzb7z54oux] {
    box-sizing: border-box;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.ranquing-page-paneles[b-kzb7z54oux] {
    width: max-content;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: grid;
    grid-template-columns: auto auto;
    align-items: stretch;
    gap: 15px;
}

.ranquing-page[b-kzb7z54oux]  .ranquing-ventas,
.ranquing-page[b-kzb7z54oux]  .ranquing-cli-nuevos {
    height: 100%;
    max-height: 100%;
}
/* /CRM/Report.razor.rz.scp.css */

.container[b-kblmi4jhos] {
    display: grid;
    grid-template-columns: 5px auto 10px auto 10px 1fr 5px;
    grid-template-rows: 0px auto 15px minmax(0, 1fr) 5px;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.columna1[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-columns: 10px auto 10px auto minmax(10px, 1fr);
    grid-template-rows: 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
}

.clientes[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.r1c1[b-kblmi4jhos] {
    grid-column: 2/6;
    grid-row: 2;
}

.r2c1[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 4;
}

.r2c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 4;
}

.r3c1[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 6;
}

.r3c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 6;
}

.r4c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 8;
}

.r5c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 10;
}

.r6c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 12;
}

.r7c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 14;
}

.r8c2[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 16;
}

.r9c1[b-kblmi4jhos] {
    grid-column: 2/7;
    grid-row: 18;
    display: flex;
    gap: 30px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    width: 100%;
}

    .r9c1 button[b-kblmi4jhos] {
        flex: 1;
        min-width: 0;
    }

.r10c1[b-kblmi4jhos] {
    grid-column: 2/7;
    grid-row: 20;
    margin: 0 15px 0 0;
}

    .r10c1 button[b-kblmi4jhos] {
        width: 100%;
    }

.columna2[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 4;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.columna5[b-kblmi4jhos] {
    grid-column: 4;
    grid-row: 1/5;
    display: grid;
    grid-template-columns: 5px auto 5px;
    grid-template-rows: 0px minmax(0, 1fr) 0px;
    width: 100%;
    font-family: 'inter';
}

.columna3[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
}

.columna4[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    z-index: 2;
}

.mapa[b-kblmi4jhos] {
    grid-column: 6;
    grid-row: 2/5;
}

.notas-modal[b-kblmi4jhos] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    grid-template-columns: minmax(10px, 1fr) minmax(720px, 92vw) minmax(10px, 1fr);
    grid-template-rows: minmax(10px, 4vh) minmax(420px, 92vh) minmax(10px, 4vh);
    background: rgba(0, 0, 0, .35);
}

.notas-modal-contenido[b-kblmi4jhos] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}
/* /CRM/ReportAdmin.razor.rz.scp.css */

.container[b-45238l1ve7] {
    display: grid;
    grid-template-columns: 5px auto 10px auto 10px 1fr 5px;
    grid-template-rows: 0px auto 15px minmax(0, 1fr) 5px;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.columna1[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-columns: 10px auto 10px auto minmax(10px, 1fr);
    grid-template-rows: 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
}

.clientes[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.r0c1[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 2;
}

.r0c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 2;
}

.r1c1[b-45238l1ve7] {
    grid-column: 2/6;
    grid-row: 4;
}

.r2c1[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 6;
}

.r2c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 6;
}

.r3c1[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 8;
}

.r3c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 8;
}

.r4c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 10;
}

.r5c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 12;
}

.r6c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 14;
}

.r7c2[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 16;
}

.r8c1[b-45238l1ve7] {
    grid-column: 2/7;
    grid-row: 18;
    display: flex;
    gap: 30px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    width: 100%;
}

    .r8c1 button[b-45238l1ve7] {
        flex: 1;
        min-width: 0;
    }

.r9c1[b-45238l1ve7] {
    grid-column: 2/7;
    grid-row: 20;
    margin: 0 15px 0 0;
}

    .r9c1 button[b-45238l1ve7] {
        width: 100%;
    }

.columna2[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 4;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.columna5[b-45238l1ve7] {
    grid-column: 4;
    grid-row: 1/5;
    display: grid;
    grid-template-columns: 5px auto 5px;
    grid-template-rows: 0px minmax(0, 1fr) 0px;
    width: 100%;
    font-family: 'inter';
}

.columna3[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
}

.columna4[b-45238l1ve7] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    z-index: 2;
}

.mapa[b-45238l1ve7] {
    grid-column: 6;
    grid-row: 2/5;
}
/* /CRM/RutasList.razor.rz.scp.css */
.contenedor[b-8ldbvplns8] {
    display: grid;
    grid-template-columns: 5px auto 10px auto 10px minmax(0,1fr) 5px;
    grid-template-rows: 0 auto  minmax(0,1fr) 5px ;
    height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mapa[b-8ldbvplns8]{
    grid-column:6;
    grid-row:2/4;
}

.clientes[b-8ldbvplns8] {
    grid-column: 4;
    grid-row: 2;
    background-color:white;
    min-height:0;
}

.lateral[b-8ldbvplns8] {
    grid-column: 2;
    grid-row: 2/4;
    display: grid;
    grid-template-rows: auto 10px auto 10px minmax(0, 1fr);
    min-height: 0;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    font-family: 'inter';
}

.rotulo[b-8ldbvplns8] {
    text-align: center;
    background-color: #044631;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    align-content: center;
}

.agentes[b-8ldbvplns8] {
    grid-row: 3;
    text-align: center;
}

.listado[b-8ldbvplns8] {
    grid-row: 5;
    min-height: 0;
    overflow: hidden;
}


/* /CRM/Trabajo.razor.rz.scp.css */
.trabajo-page[b-vulef2gnhl] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    gap: 14px;
    padding: 10px 12px 12px;
    background: #f7fef9;
    color: #054731;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

.trabajo-page[b-vulef2gnhl],
.trabajo-page *[b-vulef2gnhl] {
    box-sizing: border-box;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.trabajo-controles[b-vulef2gnhl] {
    width: max-content;
    min-width: 260px;
    max-width: 340px;
    min-height: 0;
    align-self: start;
    display: grid;
    grid-template-rows: auto auto;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 10px 24px rgba(4, 70, 49, .14);
    overflow: hidden;
}

.trabajo-page-rotulo[b-vulef2gnhl] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #044631;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.trabajo-controles[b-vulef2gnhl]  select,
.trabajo-controles[b-vulef2gnhl]  input {
    width: 100%;
}

.trabajo-controles[b-vulef2gnhl]  > div:not(.trabajo-page-rotulo) {
    padding: 10px;
}

.trabajo-contenido[b-vulef2gnhl] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

@media (max-width: 900px) {
    .trabajo-page[b-vulef2gnhl] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .trabajo-controles[b-vulef2gnhl] {
        width: 100%;
        max-width: none;
    }
}
/* /CRM/Ventas.razor.rz.scp.css */
.contenedor[b-7r7hhmycxv] {
    display: grid;
    grid-template-columns: 5px auto 10px auto 10px auto 1fr 5px;
    grid-template-rows: 5px auto 10px auto 10px 1fr 5px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding-bottom: 12px;
    font-family: 'inter';
}

.comercial[b-7r7hhmycxv]{
    grid-row:2;
    grid-column:2/8;
}

.todos-comerciales[b-7r7hhmycxv] {
    display: block;
    margin-top: 8px;
}

.facturacion[b-7r7hhmycxv] {
    grid-row: 4;
    grid-column: 2;
}

.albaranes[b-7r7hhmycxv] {
    grid-row: 4;
    grid-column: 4;
}

.prevision-mes[b-7r7hhmycxv] {
    grid-row: 4;
    grid-column: 6;
    align-self: start;
}

.comisiones[b-7r7hhmycxv] {
    grid-row: 6;
    grid-column: 2/8;
}
/* /CRM/VentasXCliente.razor.rz.scp.css */
.ventas-x-cliente[b-1xe17238f0] {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
    padding: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: #054731;
}

.ventas-x-cliente-controles[b-1xe17238f0] {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
}

.ventas-x-cliente-controles label[b-1xe17238f0] {
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.ventas-x-cliente-controles select[b-1xe17238f0] {
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 28px 4px 9px;
    background: #ffffff;
    color: #054731;
    border: 1px solid rgba(4, 70, 49, 0.28);
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    outline: none;
}

.ventas-x-cliente-controles select:focus[b-1xe17238f0] {
    border-color: #039071;
    box-shadow: 0 0 0 3px rgba(3, 144, 113, 0.16);
}

.ventas-x-cliente-contenido[b-1xe17238f0] {
    width: fit-content;
    min-height: 0;
    max-width: 100%;
    justify-self: start;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px rgba(0, 255, 0, 0.3);
    overflow: auto;
}

.ventas-x-cliente-contenido.ventas-x-cliente-detalle[b-1xe17238f0] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.ventas-x-cliente-contenido table[b-1xe17238f0] {
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.ventas-x-cliente-contenido thead th[b-1xe17238f0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #044631;
    color: #ffffff;
    font-weight: 700;
}

.ventas-x-cliente-contenido th[b-1xe17238f0],
.ventas-x-cliente-contenido td[b-1xe17238f0] {
    padding: 2px 6px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.12);
    font-size: 11px;
    white-space: nowrap;
}

.ventas-x-cliente-contenido tbody tr[b-1xe17238f0] {
    cursor: pointer;
}

.ventas-x-cliente-contenido tbody tr:nth-child(even) td[b-1xe17238f0] {
    background: #fbfdfb;
}

.ventas-x-cliente-contenido tbody tr:hover td[b-1xe17238f0] {
    background: rgba(3, 144, 113, 0.08);
}

.ventas-x-cliente-contenido > p:not(.mensaje-error)[b-1xe17238f0] {
    margin: 10px;
    color: #054731;
    font-size: 12px;
    font-weight: 600;
}

.ventas-x-cliente-contenido > .mensaje-error[b-1xe17238f0] {
    margin: 10px;
    padding: 6px 9px;
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .ventas-x-cliente[b-1xe17238f0] {
        padding: 6px;
    }

    .ventas-x-cliente-controles[b-1xe17238f0] {
        width: 100%;
        align-items: stretch;
    }
}
/* /Distribuidores.razor.rz.scp.css */

.container[b-ze9p7xsgfm] {
    display: grid;
    grid-template-columns: 5px auto 10px 1fr 5px;
    grid-template-rows: 0px auto 1fr 5px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mapa[b-ze9p7xsgfm] {
    grid-column: 4;
    grid-row: 2/4;
}

.lateral[b-ze9p7xsgfm] {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: 10px auto 10px;
    grid-template-rows: 10px auto 10px auto 10px auto 15px;
    height: 100%;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
}

.check-linea[b-ze9p7xsgfm] {
    grid-column: 2;
    grid-row: 2;
}

.input-linea[b-ze9p7xsgfm] {
    grid-column: 2;
    grid-row: 4;
}

.cluster-linea[b-ze9p7xsgfm] {
    grid-column: 2;
    grid-row: 6;
}

span[b-ze9p7xsgfm] {
    margin-left: 15px;
}


/* /ERP/AdminInventario.razor.rz.scp.css */
.admin-inventario[b-m0jb6nfzrj] {
    height: calc(100dvh - 48px - var(--app-safe-bottom));
    box-sizing: border-box;
    padding: 14px 14px var(--app-safe-bottom);
    overflow-x: auto;
    overflow-y: hidden;
    background: #eef4f0;
    color: #054731;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
}

.admin-inventario[b-m0jb6nfzrj],
.admin-inventario *[b-m0jb6nfzrj] {
    font-family: 'Inter', Arial, sans-serif;
}

.admin-inventario-superior[b-m0jb6nfzrj] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(320px, max-content) minmax(0, max-content);
    align-items: start;
    gap: 14px;
}

.admin-inventario-toolbar[b-m0jb6nfzrj] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
}

.toolbar-grupo[b-m0jb6nfzrj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.toolbar-grupo label[b-m0jb6nfzrj],
.toolbar-check[b-m0jb6nfzrj] {
    color: #054731;
    font-size: 12px;
    font-weight: 800;
}

.toolbar-check[b-m0jb6nfzrj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.toolbar-grupo select[b-m0jb6nfzrj] {
    min-width: 210px;
    height: 30px;
    padding: 3px 8px;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 7px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.boton-principal[b-m0jb6nfzrj] {
    min-height: 30px;
    padding: 5px 12px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.boton-principal:hover[b-m0jb6nfzrj] {
    background: #039071;
}

.toolbar-link[b-m0jb6nfzrj] {
    color: #044631;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.toolbar-link:hover[b-m0jb6nfzrj] {
    text-decoration: underline;
}

.admin-inventario-listas[b-m0jb6nfzrj] {
    width: 100%;
    min-height: 0;
    display: grid;
    align-items: stretch;
    gap: 14px;
}

.admin-inventario-listas.con-pendiente.con-validado[b-m0jb6nfzrj] {
    grid-template-columns: auto auto minmax(0, 1fr);
}

.admin-inventario-listas.con-pendiente.sin-validado[b-m0jb6nfzrj] {
    grid-template-columns: auto auto;
}

.admin-inventario-listas.sin-pendiente.con-validado[b-m0jb6nfzrj] {
    grid-template-columns: auto minmax(0, 1fr);
}

.admin-inventario-listas.sin-pendiente.sin-validado[b-m0jb6nfzrj] {
    grid-template-columns: max-content;
}

.admin-inventario-grid[b-m0jb6nfzrj] {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content);
    align-items: start;
    gap: 14px;
}

.errores[b-m0jb6nfzrj],
.pendiente[b-m0jb6nfzrj],
.contado[b-m0jb6nfzrj],
.regularizado[b-m0jb6nfzrj] {
    min-width: 0;
}

.errores[b-m0jb6nfzrj] {
    max-height: 240px;
    overflow: auto;
}

.pendiente[b-m0jb6nfzrj],
.contado[b-m0jb6nfzrj],
.regularizado[b-m0jb6nfzrj] {
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
}

.pendiente[b-m0jb6nfzrj],
.regularizado[b-m0jb6nfzrj] {
    overflow-x: hidden;
}

.contado[b-m0jb6nfzrj] {
    width: max-content;
    overflow-x: visible;
}

.admin-inventario-mensaje[b-m0jb6nfzrj],
.admin-inventario-error[b-m0jb6nfzrj] {
    width: fit-content;
    max-width: 100%;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
    font-size: 12px;
    font-weight: 800;
}

.admin-inventario-error[b-m0jb6nfzrj] {
    color: #b91c1c;
    border-color: #fecdd3;
}

@media (max-width: 980px) {
    .admin-inventario[b-m0jb6nfzrj] {
        height: auto;
        min-height: calc(100dvh - 48px - var(--app-safe-bottom));
        overflow: auto;
    }

    .admin-inventario-superior[b-m0jb6nfzrj],
    .admin-inventario-listas[b-m0jb6nfzrj],
    .admin-inventario-grid[b-m0jb6nfzrj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .errores[b-m0jb6nfzrj],
    .pendiente[b-m0jb6nfzrj],
    .contado[b-m0jb6nfzrj],
    .regularizado[b-m0jb6nfzrj] {
        max-height: 60vh;
    }
}
/* /ERP/Articulo.razor.rz.scp.css */
.articulo-page[b-vfdjmq0o0f] {
    min-height: calc(100dvh - 48px - var(--app-safe-bottom));
    box-sizing: border-box;
    padding: 14px 14px var(--app-safe-bottom);
    overflow: auto;
    background: #eef4f0;
    color: #054731;
}

.articulo-page[b-vfdjmq0o0f],
.articulo-page *[b-vfdjmq0o0f] {
    font-family: 'Inter', Arial, sans-serif;
}

.articulo-panel[b-vfdjmq0o0f] {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
}

.articulo-panel-titulo[b-vfdjmq0o0f] {
    padding: 8px 12px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
}

.articulo-panel-cuerpo[b-vfdjmq0o0f] {
    padding: 12px;
}

.articulo-filtros[b-vfdjmq0o0f] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.campo[b-vfdjmq0o0f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.campo label[b-vfdjmq0o0f] {
    color: #054731;
    font-size: 12px;
    font-weight: 900;
}

.campo select[b-vfdjmq0o0f],
.campo input[b-vfdjmq0o0f] {
    height: 30px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid rgba(4, 70, 49, 0.24);
    border-radius: 7px;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
    font-weight: 700;
}

.campo select[b-vfdjmq0o0f] {
    min-width: 220px;
}

.campo.busqueda input[b-vfdjmq0o0f] {
    width: 330px;
    max-width: calc(100vw - 70px);
}

.articulo-tabla[b-vfdjmq0o0f] {
    max-width: 100%;
    overflow: auto;
}

.articulo-tabla table[b-vfdjmq0o0f] {
    width: max-content;
    max-width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
}

.articulo-tabla th[b-vfdjmq0o0f],
.articulo-tabla td[b-vfdjmq0o0f] {
    padding: 5px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    white-space: nowrap;
    text-align: left;
}

.articulo-tabla thead th[b-vfdjmq0o0f] {
    background: #f3f7f5;
    color: #044631;
    font-weight: 900;
}

.articulo-tabla tbody tr:nth-child(even) td[b-vfdjmq0o0f] {
    background: #f8fbf9;
}

.articulo-tabla tbody tr:hover td[b-vfdjmq0o0f] {
    background: #edf7f2;
}

.articulo-tabla .numero[b-vfdjmq0o0f] {
    text-align: right;
}

.articulo-tabla button[b-vfdjmq0o0f],
.boton-secundario[b-vfdjmq0o0f] {
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.articulo-tabla button:hover[b-vfdjmq0o0f],
.boton-secundario:hover[b-vfdjmq0o0f] {
    background: #039071;
}

.boton-secundario[b-vfdjmq0o0f] {
    margin-top: 10px;
}

.articulo-producto[b-vfdjmq0o0f] {
    margin-bottom: 8px;
    color: #044631;
    font-size: 13px;
    font-weight: 900;
}

.articulo-mensaje[b-vfdjmq0o0f],
.articulo-error[b-vfdjmq0o0f] {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
}

.articulo-error[b-vfdjmq0o0f] {
    color: #b91c1c;
}

@media (max-width: 760px) {
    .articulo-page[b-vfdjmq0o0f] {
        padding: 10px;
    }

    .articulo-panel[b-vfdjmq0o0f] {
        width: 100%;
    }
}
/* /ERP/Components/Subscriptores.razor.rz.scp.css */
.subscriptores[b-uheo0edkyg] {
    width: fit-content;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
    overflow: hidden;
    color: #054731;
}

.subscriptores[b-uheo0edkyg],
.subscriptores *[b-uheo0edkyg] {
    font-family: 'Inter', Arial, sans-serif;
}

.subscriptores-rotulo[b-uheo0edkyg] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    box-sizing: border-box;
    background: #044631;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
    font-size: 13px;
    font-weight: 900;
}

.subscriptores-cuerpo[b-uheo0edkyg] {
    height: calc(100% - 34px);
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
}

.subscriptores-resumen[b-uheo0edkyg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #054731;
    font-size: 12px;
    font-weight: 900;
}

.subscriptores-acciones[b-uheo0edkyg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.subscriptores-resumen button[b-uheo0edkyg],
.subscriptores-error-wrap button[b-uheo0edkyg] {
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.subscriptores-resumen button:hover[b-uheo0edkyg],
.subscriptores-error-wrap button:hover[b-uheo0edkyg] {
    background: #039071;
}

.subscriptores-resumen button:disabled[b-uheo0edkyg],
.subscriptores-error-wrap button:disabled[b-uheo0edkyg] {
    opacity: 0.55;
    cursor: default;
}

.subscriptores-tabla[b-uheo0edkyg] {
    max-width: 100%;
    min-height: 0;
    overflow: auto;
}

.subscriptores-tabla table[b-uheo0edkyg] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    color: #054731;
    font-size: 12px;
}

.subscriptores-tabla th[b-uheo0edkyg],
.subscriptores-tabla td[b-uheo0edkyg] {
    padding: 5px 8px;
    border-bottom: 1px solid rgba(4, 70, 49, 0.1);
    white-space: nowrap;
    text-align: left;
}

.subscriptores-tabla thead th[b-uheo0edkyg] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7f5;
    color: #044631;
    font-weight: 900;
    vertical-align: top;
}

.subscriptores-tabla th input[b-uheo0edkyg] {
    width: 100%;
    min-width: 120px;
    height: 25px;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 3px 6px;
    border: 1px solid rgba(4, 70, 49, 0.2);
    border-radius: 6px;
    background: #ffffff;
    color: #054731;
    font-size: 11px;
    font-weight: 700;
}

.subscriptores-tabla .cabecera[b-uheo0edkyg] {
    width: 100%;
    min-height: 22px;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    color: #044631;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.subscriptores-tabla .cabecera:hover[b-uheo0edkyg] {
    color: #039071;
}

.subscriptores-tabla tbody tr:nth-child(even) td[b-uheo0edkyg] {
    background: #f8fbf9;
}

.subscriptores-tabla tbody tr:hover td[b-uheo0edkyg] {
    background: #edf7f2;
}

.subscriptores-tabla .numero[b-uheo0edkyg] {
    text-align: right;
}

.acciones-col[b-uheo0edkyg],
.acciones-celda[b-uheo0edkyg] {
    text-align: center;
}

.boton-baja[b-uheo0edkyg] {
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid rgba(190, 85, 85, 0.35);
    border-radius: 7px;
    background: #c75d5d;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.boton-baja:hover[b-uheo0edkyg] {
    background: #b94c4c;
}

.boton-baja:disabled[b-uheo0edkyg] {
    opacity: 0.55;
    cursor: default;
}

.sin-datos[b-uheo0edkyg],
.subscriptores-estado[b-uheo0edkyg],
.subscriptores-error[b-uheo0edkyg] {
    margin: 0;
    padding: 8px;
    font-size: 12px;
    font-weight: 800;
}

.subscriptores-estado[b-uheo0edkyg],
.sin-datos[b-uheo0edkyg] {
    color: #64746c;
}

.subscriptores-error[b-uheo0edkyg] {
    color: #b91c1c;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    white-space: pre-line;
}

.subscriptores-error-wrap[b-uheo0edkyg] {
    display: grid;
    justify-items: start;
    gap: 8px;
}
/* /ERP/Inventario.razor.rz.scp.css */
.inventario-page[b-kw5gfhccws] {
    height: calc(100dvh - 48px - var(--app-safe-bottom));
    min-height: calc(100dvh - 48px - var(--app-safe-bottom));
    box-sizing: border-box;
    padding: 14px 14px var(--app-safe-bottom);
    overflow: hidden;
    background: #eef4f0;
    color: #054731;
}

.inventario-page[b-kw5gfhccws],
.inventario-page *[b-kw5gfhccws] {
    font-family: 'Inter', Arial, sans-serif;
}

.inventario-contenido[b-kw5gfhccws] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    min-height: 0;
}

.inventario-panel[b-kw5gfhccws] {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
}

.inventario-panel-titulo[b-kw5gfhccws] {
    padding: 8px 12px;
    background: #044631;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
}

.inventario-panel-cuerpo[b-kw5gfhccws] {
    padding: 12px;
    font-size: 12px;
    font-weight: 800;
}

.inventario-panel-cuerpo p[b-kw5gfhccws] {
    margin: 0;
}

.inventario-acciones[b-kw5gfhccws] {
    width: fit-content;
    max-width: 100%;
    padding: 9px 12px;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, 0.14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 12px 28px rgba(4, 70, 49, 0.14);
}

.inventario-acciones a[b-kw5gfhccws] {
    color: #044631;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.inventario-acciones a:hover[b-kw5gfhccws] {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .inventario-page[b-kw5gfhccws] {
        padding: 10px;
    }
}
/* /ERP/Inventarios.razor.rz.scp.css */
.inventarios-page[b-kl2nhxp0pt] {
    height: 100%;
    min-height: calc(100dvh - 48px - var(--app-safe-bottom));
    padding: 14px 14px var(--app-safe-bottom);
    overflow: auto;
    background: #eef4f0;
}

.inventarios-main[b-kl2nhxp0pt] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.inventarios-panel[b-kl2nhxp0pt] {
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 10px 24px rgba(4, 70, 49, .14);
}

.inventarios-panel-titulo[b-kl2nhxp0pt] {
    padding: 8px 12px;
    background: #044631;
    color: #fff;
    font-weight: 700;
    font-size: .82rem;
}

.inventarios-panel-cuerpo[b-kl2nhxp0pt] {
    padding: 12px;
}

.inventarios-acciones[b-kl2nhxp0pt] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.boton-principal[b-kl2nhxp0pt],
.boton-secundario[b-kl2nhxp0pt] {
    min-height: 31px;
    padding: 6px 12px;
    border-radius: 7px;
    font-weight: 700;
    font-size: .84rem;
    cursor: pointer;
}

.boton-principal[b-kl2nhxp0pt] {
    border: 1px solid #044631;
    background: #044631;
    color: #fff;
}

.boton-secundario[b-kl2nhxp0pt] {
    border: 1px solid rgba(4, 70, 49, .28);
    background: #fff;
    color: #044631;
}

.boton-principal:disabled[b-kl2nhxp0pt],
.boton-secundario:disabled[b-kl2nhxp0pt] {
    opacity: .6;
    cursor: default;
}

.boton-anadir[b-kl2nhxp0pt] {
    width: fit-content;
    justify-content: center;
}

.inventarios-error[b-kl2nhxp0pt] {
    margin: 10px 0 0;
    color: #b3261e;
    font-size: .82rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .inventarios-panel[b-kl2nhxp0pt] {
        width: 100%;
    }
}
/* /ERP/ListaSubscriptores.razor.rz.scp.css */
.lista-subscriptores-page[b-mjg6h7ocqg] {
    height: calc(100dvh - 48px - var(--app-safe-bottom));
    min-height: 0;
    box-sizing: border-box;
    padding: 14px 14px var(--app-safe-bottom);
    overflow: hidden;
    background: #eef4f0;
}

@media (max-width: 760px) {
    .lista-subscriptores-page[b-mjg6h7ocqg] {
        padding: 10px 10px var(--app-safe-bottom);
    }
}
/* /Index.razor.rz.scp.css */
.dialog-container[b-ai5mza8yl4] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding: 14px;
    background: #eef4f0;
    z-index: 2000;
    display: flex;
    animation: dialog-container-entry-b-ai5mza8yl4 .2s;
    color: #054731;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}
.app-version[b-ai5mza8yl4] {
    position: fixed;
    left: 10px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    color: rgba(5, 71, 49, .48);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1;
    user-select: none;
    z-index: 2001;
}

@keyframes dialog-container-entry-b-ai5mza8yl4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dialog[b-ai5mza8yl4] {
    width: 320px;
    max-width: 100%;
    max-height: calc(100% - 3rem);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(4, 70, 49, .14);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 10px 24px rgba(4, 70, 49, .14);
    display: flex;
    flex-direction: column;
    z-index: 2000;
    align-self: center;
    margin: auto;
    animation: dialog-entry-b-ai5mza8yl4 .4s;
    animation-timing-function: cubic-bezier(.075, .82, .165, 1);
}

@keyframes dialog-entry-b-ai5mza8yl4 {
    0% {
        transform: translateY(30px) scale(.95);
    }

    100% {
        transform: translateX(0) scale(1);
    }
}

.dialog-title[b-ai5mza8yl4] {
    min-height: 45px;
    box-sizing: border-box;
    background: #044631;
    color: #ffffff;
    padding: 5px 12px;
    display: flex;
    align-items: center;
}

.dialog-body[b-ai5mza8yl4] {
    flex-grow: 1;
    padding: 14px 14px 10px;
    background: #ffffff;
}

.forlabels[b-ai5mza8yl4] {
    color: #054731;
    font-size: .82rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.dialog-body input[b-ai5mza8yl4] {
    width: 100%;
    min-height: 34px;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 6px 9px;
    border: 1px solid rgba(4, 70, 49, .22);
    border-radius: 7px;
    background: #ffffff;
    color: #054731;
    font: inherit;
    font-size: .92rem;
    line-height: 1.25;
    outline: none;
}

.dialog-body input:focus[b-ai5mza8yl4] {
    border-color: #044631;
    box-shadow: 0 0 0 3px rgba(4, 70, 49, .12);
}

.dialog-buttons[b-ai5mza8yl4] {
    min-height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #ffffff;
    border-top: 1px solid rgba(4, 70, 49, .10);
    padding: 10px 14px 14px;
}

.dialog-buttons button[b-ai5mza8yl4] {
    min-height: 31px;
    padding: 6px 14px;
    border: 1px solid #044631;
    border-radius: 7px;
    background: #044631;
    color: #ffffff;
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.dialog-buttons button:hover:not(:disabled)[b-ai5mza8yl4] {
    background: #ffffff;
    color: #044631;
}

.dialog-buttons button:disabled[b-ai5mza8yl4] {
    opacity: .6;
    cursor: default;
}

.error[b-ai5mza8yl4] {
    display: block;
    min-height: 1.1rem;
    color: #b3261e;
    font-size: .78rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

/* /MainLayout.razor.rz.scp.css */

.container[b-wnir4bsrqi] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    background-color: #EFF9F3;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
}

.barra[b-wnir4bsrqi] {
    grid-column: 1;
    grid-row: 1;
}

.contenido[b-wnir4bsrqi] {
    grid-column: 1;
    grid-row: 2;
    height: 100%;
    min-height: 0;
    padding-bottom: var(--app-safe-bottom);
    box-sizing: border-box;
    overflow: hidden;
}
/* /Pruebas.razor.rz.scp.css */

.container[b-06iytyl9ma] {
    display: grid;
    grid-template-columns: 5px auto 10px auto 10px 1fr 5px;
    grid-template-rows: 0px auto 15px minmax(0, 1fr) 5px;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height:100%;
}

.columna1[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    display: grid;
    grid-template-columns: 10px auto 10px auto minmax(10px, 1fr);
    grid-template-rows: 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px;
    font-family: 'inter';
    font-size:14px;
    font-weight:700;
}

.clientes[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.r1c1[b-06iytyl9ma] {
    grid-column: 2/6;
    grid-row: 2;
}

.r2c1[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 4;
}

.r2c2[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 4;
}

.r3c1[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 6;
}

.r3c2[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 6;
}

.r4c2[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 8;
}

.r5c2[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 10;
}

.r6c2[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 12;
}

.r7c1[b-06iytyl9ma] {
    grid-column: 2/7;
    grid-row: 14;
    display: flex;
    gap: 30px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    width: 100%;
}

    .r7c1 button[b-06iytyl9ma] {
        flex: 1;
        min-width: 0;
    }

.r8c1[b-06iytyl9ma] {
    grid-column: 2/7;
    grid-row: 16;
    margin: 0 15px 0 0;
}

.r8c1 button[b-06iytyl9ma] {
    width:100%;

}

.columna2[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 4;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
}

.columna5[b-06iytyl9ma] {
    grid-column: 4;
    grid-row: 1/5;
    display: grid;
    grid-template-columns: 5px auto 5px;
    grid-template-rows: 0px minmax(0, 1fr) 0px;
    width: 100%;
    font-family: 'inter';
}

.columna3[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    font-family: 'inter';
    font-size: 14px;
    font-weight: 700;
    z-index:1;
}

.columna4[b-06iytyl9ma] {
    grid-column: 2;
    grid-row: 2;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    background-color: #F7FEF9;
    color: #054731;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 255, 0, 0.3);
    overflow: hidden;
    z-index: 2;
}

.mapa[b-06iytyl9ma] {
    grid-column: 6;
    grid-row: 2/5;
}