/**
 * hour-picker.css — Selector de hora AM/PM reutilizable (componente global).
 *
 * Estilos del botón disparador (.biz-hour-trigger) y del popup (.biz-hour-picker)
 * que maneja schedule-editor.js. Antes vivían en negocios.css; se exponen aquí
 * para que el mismo picker funcione fuera del módulo de negocios (p. ej. el
 * widget público de renta). Cargado globalmente desde el layout app.php.
 */
.biz-hour-trigger {
    width: 100%;
    min-height: 42px;
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    padding: 10px;
    color: #102033;
    background: #ffffff;
    font: inherit;
    text-align: left;
    font-weight: 800;
    cursor: pointer;
}
.biz-hour-trigger:disabled {
    color: #8a96a6;
    background: #e8edf3;
    cursor: not-allowed;
}

.biz-hour-picker[hidden] {
    display: none;
}
.biz-hour-picker {
    position: fixed;
    /* Por encima del modal de horarios (--z-modal: 1000); si no, el picker
       se abre detrás del modal y parece que "no pasa nada" al hacer clic. */
    z-index: calc(var(--z-modal, 1000) + 100);
    width: min(330px, calc(100vw - 24px));
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 20, 39, 0.24);
}
.biz-hour-picker__head,
.biz-hour-picker__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.biz-hour-picker__head strong {
    color: #071427;
}
.biz-hour-picker__head button {
    width: 32px;
    height: 32px;
    border: 1px solid #c9d7e8;
    border-radius: 999px;
    background: #ffffff;
    font-size: 1.2rem;
    line-height: 1;
}
.biz-hour-picker__head .biz-modal-close-text {
    width: auto;
    height: 36px;
    border-color: #f0c2c8;
    border-radius: 8px;
    background: #fff7f8;
    color: #a11425;
    font-size: 0.86rem;
    line-height: 1;
}
.biz-hour-picker__head .biz-modal-close-text:hover,
.biz-hour-picker__head .biz-modal-close-text:focus-visible {
    border-color: #de3f4f;
    background: #de3f4f;
    color: #ffffff;
}
.biz-hour-picker__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
}
.biz-hour-picker__grid label {
    display: grid;
    gap: 5px;
    color: #526276;
    font-size: 0.82rem;
    font-weight: 800;
}
.biz-hour-picker select {
    width: 100%;
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
    color: #102033;
    font: inherit;
    font-weight: 800;
}
.biz-hour-picker__period {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.biz-hour-picker__period button,
.biz-hour-picker__actions button {
    min-height: 38px;
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #102033;
    font-weight: 900;
}
.biz-hour-picker__period button.is-active,
.biz-hour-picker__actions [data-hour-apply] {
    border-color: #0b6ff0;
    background: #0b6ff0;
    color: #ffffff;
}