/* ── Global ── */
body {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    background-color: #f4f6fb;
}

/* ── Navbar ── */
.navbar-brand { letter-spacing: 1px; }

/* ── Cards ── */
.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border-radius: 10px;
}
.card-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    border-radius: 10px 10px 0 0 !important;
    padding: .6rem 1rem;
}

/* ── Tables ── */
.table th { font-weight: 600; font-size: .85rem; white-space: nowrap; }
.table td { font-size: .88rem; vertical-align: middle; }

/* ── Tiny buttons ── */
.btn-xs { font-size: .75rem; padding: .15rem .4rem; }

/* ── Progress bars ── */
.progress { background-color: #e9ecef; }

/* ── Login page ── */
.login-card { background: #fff; }

/* ── Alerts ── */
.alert { border-radius: 8px; }

/* ── Scroll tables ── */
.table-responsive { border-radius: 10px; overflow: hidden; }

/* ── Questionnaire form ── */
.form-label.fw-semibold { color: #343a40; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { opacity: 1; }