.bw-wrapper {
    max-width: 420px;
    font-family: system-ui, -apple-system, sans-serif;
}
.bw-wrapper .bw-label {
    color: var(--bw-label-color, #333333);
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
.bw-wrapper input,
.bw-wrapper textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}
.bw-wrapper input[type="date"] {
    cursor: pointer;
    position: relative;
    padding-right: 32px;
}
.bw-date-wrapper {
    position: relative;
}
.bw-date-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* decorativo: no bloquea el clic sobre el input */
    font-size: 15px;
    opacity: 0.6;
}
/* Estira el icono nativo del calendario (invisible) para cubrir todo el
   campo, así el navegador abre el desplegable al hacer clic en cualquier
   parte, no solo en el icono pequeño. Solo aplica en navegadores basados
   en Chromium/WebKit; en Firefox se usa el fallback de JS (showPicker). */
.bw-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.bw-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}
.bw-slot-btn {
    padding: 6px 12px;
    border: 1px solid #999;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
}
.bw-slot-btn:hover {
    background: #f0f0f0;
}
.bw-slot-selected {
    background: #2b6cb0;
    color: #fff;
    border-color: #2b6cb0;
}
#bw-submit {
    padding: 10px 16px;
    background: #2b6cb0;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}
#bw-submit:hover {
    background: #245a94;
}
.bw-message {
    margin-top: 10px;
    font-size: 14px;
    color: #2f855a;
}
.bw-message.bw-error {
    color: #c53030;
}
