/*
 * Layout do relógio (MudTimePicker): barra roxa no topo com o horário centralizado.
 * Alinha com o design: roxo ocupa todo o superior e a hora (HH:mm) fica no meio.
 */
.mud-popover .mud-picker-toolbar {
    width: 100% !important;
    min-width: 100% !important;
    background-color: #8849F9 !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 16px !important;
    box-sizing: border-box !important;
}

.mud-popover .mud-picker-toolbar .mud-picker-toolbar-content,
.mud-popover .mud-picker-toolbar .mud-picker-toolbar-transition {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.mud-popover .mud-picker-toolbar .mud-typography {
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.mud-popover .mud-picker-content {
    width: 100% !important;
}