/* Starlly Azure Tasks — compact typography & spacing */

:root {
    --boards-font-size: 0.875rem;
    --boards-line-height: 1.4;
}

body {
    font-size: var(--boards-font-size);
    line-height: var(--boards-line-height);
}

.app-content,
.guest-layout main.container {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.app-content .h3,
.app-content h1.h3,
.guest-layout main.container .h3,
.guest-layout main.container h1.h3 {
    font-size: 1.15rem;
    line-height: 1.3;
}

.app-content .h5,
.app-content h2.h5,
.app-content h2.h6,
.guest-layout main.container .h5,
.guest-layout main.container h2.h5,
.guest-layout main.container h2.h6 {
    font-size: 0.9rem;
    line-height: 1.3;
}

.app-content .mb-4,
.guest-layout main.container .mb-4 {
    margin-bottom: 1rem !important;
}

.app-content .g-4,
.guest-layout main.container .g-4 {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

.app-content .g-3,
.guest-layout main.container .g-3 {
    --bs-gutter-y: 0.65rem;
    --bs-gutter-x: 0.65rem;
}

.card-body {
    padding: 0.65rem 0.85rem;
}

.card-header {
    padding: 0.45rem 0.75rem;
}

.card-header.py-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.btn {
    --bs-btn-padding-y: 0.28rem;
    --bs-btn-padding-x: 0.6rem;
    font-size: 0.8rem;
    line-height: 1.3;
}

.btn-sm {
    --bs-btn-padding-y: 0.18rem;
    --bs-btn-padding-x: 0.42rem;
    font-size: 0.72rem;
}

.badge {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.2em 0.45em;
    line-height: 1.2;
}

.nav-tabs {
    margin-bottom: 0.65rem !important;
}

.nav-tabs .nav-link {
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
}

.form-control,
.form-select {
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    line-height: 1.35;
}

.form-control-sm,
.form-select-sm {
    font-size: 0.75rem;
    padding: 0.2rem 0.4rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-text {
    font-size: 0.75rem;
    padding: 0.2rem 0.4rem;
}

.alert {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    margin-bottom: 0.65rem;
}

.display-6 {
    font-size: 1.65rem;
    line-height: 1.2;
}

footer {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    font-size: 0.75rem;
}

.list-group-item {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

.breadcrumb {
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
}

small,
.small,
.text-muted.small {
    font-size: 0.75rem !important;
}