/* centraliza o label do MudTextField e define cor vermelha
   Aplica somente dentro do container com a classe .custom-labels */


body, html, .mud-typography, .mud-button, .mud-input {
    font-family: 'Manrope', sans-serif !important;
}

.custom-labels .mud-input-label {
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%) !important;
  width: 100%;
  text-align: center;
  color: #c62828 !important; /* vermelho (ajuste se quiser outra tonalidade) */
  pointer-events: none;
}

/* quando o label “flutuar” (input com valor ou foco) ajusta a posição */
.custom-labels .mud-input-root.mud-input-focused .mud-input-label,
.custom-labels .mud-input-root .mud-input-slot .mud-input-label.mud-input-label {
  transform: translateX(-50%) translateY(-140%) !important;
  left: 50% !important;
}
.card-dashboard {
    padding: 16px;
    border-left: 4px solid transparent;
    background-color: #ffffff;
    transition: all .2s ease;
}

    .card-dashboard:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,.08);
    }

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #64748B;
}

.card-value {
    font-weight: 600;
    margin-top: 8px;
}

/* Grid */
.telas-grid .mud-table-head th,
.telas-grid .mud-table-head,
.telas-grid .mud-table-head > div {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tema claro */
.telas-grid {
    --mud-palette-table-striped: var(--mud-palette-gray-lighter);
}

.uma-linha-grid {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-grid-escuro .mud-table-head tr th {
    background-color: var(--mud-palette-background-gray) !important;
    border-bottom: 1px solid var(--mud-palette-divider) !important;
}




/* cores */
.card-dashboard.success {
    border-left-color: #16A34A;
}

.card-dashboard.warning {
    border-left-color: #D97706;
}

.card-dashboard.danger {
    border-left-color: #DC2626;
}

.card-dashboard.info {
    border-left-color: #2563EB;
}

.card-dashboard.neutral {
    border-left-color: #334155;
}

/* Mud Snack */
.mud-snackbar {
    position: relative !important;
    overflow: hidden !important;
}

.mud-snackbar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,0.9);
    transform-origin: left;
    animation: snackbar-timer 3s linear forwards;
    z-index: 10;
}

/* Tabs Dinamicas */

html, body {
    height: 100%;
    overflow: hidden; /* página inteira não rola */
    margin: 0;
}

.mud-main-content {
    height: 100vh;
    box-sizing: border-box; /* o pt-16 entra dentro dos 100vh, não soma */
    overflow: hidden;
}

.custom-tabs {
    height: 100%; /* agora 100% = 100vh - 64px (descontado o pt-16) */
    display: flex;
    flex-direction: column;
}

    .custom-tabs .mud-tabs-panels {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

.content-area {
    height: 100%;
    overflow-y: auto; /* único que rola */
}

.custom-tabs button[aria-label="Adicionar aba"] {
    display: none !important;
}


@keyframes snackbar-timer {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}