html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cargando {
    display: flex;
    justify-content: center;
    width: 80%
}

.loading {
    width: 100px;
    height: 100px;
    margin: 10px;
}

.btnVisible {
    display: block;
}

.btnHidden {
    display: none;
}

.svgicon {
    /*para generar el color: https://codepen.io/sosuke/pen/Pjoqqp*/
    filter: invert(100%) sepia(0%) saturate(2368%) hue-rotate(75deg) brightness(115%) contrast(74%);
    width: 2.5rem;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: #88919b;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.graf {
    display: flex;
    align-items: center;
    justify-content: center;
}

.graf div {
	width: 90%;
	max-width: 700px;
}
/* Colores Compradoras */
.below-30 {
    background-color: #aaeaff;
}
.below-80 {
    background-color: #abfeb0;
}
.above-80 {
    background-color: #fcffa6;
}
.above-30 {
    background-color: #f8a8ff;
}
/* Colores Status */
.status-programada {
    background-color: #76c2f2;
    color: white;
}

.status-pausada {
    background-color: #b8c4d1;
    color: white;
}

.status-activa {
    background-color: #e0a44f;
    color: white;
}

.status-trasladada {
    background-color: #65cf8b;
    color: white;
}


/* === Solo para los grids PisaMRP === */
.pisamrp-grid {
    margin-top: -0.9em;
    background: rgba(0,0,0,.001) !important;
	border-width: 0;
}



/* Filas alternas */
.pisamrp-grid .e-row.e-altrow {
    background: var(--mud-palette-grey-light);
    color: black;
}


/* Colores + scroll limpio */
.pisamrp-grid th.e-headercell,
.pisamrp-grid .e-summaryrow .e-summarycell,
.pisamrp-grid .e-summarycontent,
.pisamrp-grid .e-gridheader,
.pisamrp-grid .e-gridfooter {
    background: var(--mud-palette-info-lighten);
    border: 0 !important;
}

/* Solo ajuste de scroll al contenido del grid */
.pisamrp-grid .e-gridfooter {
    overflow-x: unset !important; /* sin scroll doble */
    overflow-y: hidden;
    white-space: nowrap;
}

.pisamrp-grid .e-gridfooter .e-summarycontent {
    min-width: 100%;
    display: inline-block;
}
/* Área de agrupación, toolbar, etc. */
.pisamrp-grid .e-toolbar,
.pisamrp-grid .e-groupdroparea,
.pisamrp-grid .e-toolbar-items,
.pisamrp-grid .e-toolbar-item {
    background: rgba(0,0,0,.001) !important;
    border: 0 !important;
    border-radius: 4px;
}


/* anchura/altura fijas para que el MudProgress encaje                         */
.cell-progress-wrapper {
    position: relative;
    height: 24px;
}

/* capa flotante que muestra el texto centrado encima de la barra             */
.cell-progress-label {
    position: absolute;
    inset: 0;                    /* top:0; right:0; bottom:0; left:0;          */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;           /* 12 px aprox                                */
    color: black;
    pointer-events: none;        /* que la barra reciba los clics              */
}

/* 🔧 Evitar scroll doble en footer del grid */
.pisamrp-grid .e-gridfooter {
    overflow-x: hidden !important;  /* ✱ Oculta el scroll horizontal del footer */
    overflow-y: hidden !important;
}

.pisamrp-grid .e-summarycontent {
    min-width: 100% !important;
    width: 100% !important;
    display: block !important;      /* ❗️No inline-block */
    box-sizing: border-box;
}

.responsive-toolbar .e-toolbar-items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
    gap: 0.5rem;
}