:root{
    --brand-1:#0f4fa8;
    --brand-2:#153872;
    --soft:#f4f7fb;
    --card-radius:18px;
}

body{
    background:var(--soft);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#1b2430;
}

.topo-app{
    background:linear-gradient(135deg,var(--brand-1),var(--brand-2));
}

.card{
    border:0;
    border-radius:var(--card-radius);
    box-shadow:0 12px 28px rgba(0,0,0,.06);
}

.form-control,
.form-select,
.btn{
    border-radius:12px;
}

.page-title{
    font-size:1.45rem;
    font-weight:700;
    margin-bottom:0;
}

.kpi-card{
    color:#fff;
    background:linear-gradient(135deg,#0d6efd,#4a90ff);
    padding:18px;
    min-height:110px;
}

.kpi-card .valor{
    font-size:1.7rem;
    font-weight:700;
    line-height:1.1;
}

.kpi-card .rotulo{
    opacity:.9;
    font-size:.95rem;
}

.slot{
    border-radius:14px;
    padding:12px;
    min-height:92px;
}

.slot-livre{
    background:#ecf9f0;
    border:1px solid #bfe2c8;
}

.slot-ocupado{
    background:#fff1f1;
    border:1px solid #efc1c1;
}

.slot-pendente{
    background:#fff8e8;
    border:1px solid #efd89b;
}

.badge-soft{
    font-size:.8rem;
    padding:.4rem .65rem;
    border-radius:999px;
}

.table thead th{
    white-space:nowrap;
}

.info-small{
    font-size:.88rem;
    color:#667085;
}

.login-wrap{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at top right, rgba(13,110,253,.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(13,110,253,.10), transparent 25%),
        var(--soft);
}

.login-card{
    width:100%;
    max-width:430px;
}

@media (max-width: 767px){
    .page-title{
        font-size:1.2rem;
    }

    .kpi-card .valor{
        font-size:1.35rem;
    }
}