/*
 * Shared typography refinements.
 * Kept outside the Vite bundle so Hostinger deployments do not need npm or Composer.
 */
:root {
    --kt-ui-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
    font-family: var(--kt-ui-font);
}

body {
    font-size: 0.925rem;
    line-height: 1.45;
}

h1,
.h1,
.content-header h1,
.app-content-header h3 {
    font-size: clamp(1.65rem, 2.1vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
}

h2,
.h2 {
    font-size: 1.35rem;
    line-height: 1.25;
}

h3,
.h3 {
    font-size: 1.15rem;
    line-height: 1.3;
}

h4,
.h4 {
    font-size: 1rem;
}

small,
.small {
    font-size: 0.8rem;
}

.card-header {
    padding: 0.7rem 1rem;
}

.card-body {
    padding: 1rem;
}

.card-title,
.modal-title {
    font-size: 1.1rem;
    font-weight: 700;
}

.form-label,
label {
    font-size: 0.86rem;
    font-weight: 600;
}

.form-control,
.form-select,
.input-group-text {
    font-size: 0.9rem;
    line-height: 1.4;
}

textarea.form-control {
    line-height: 1.45;
}

.btn {
    font-size: 0.875rem;
}

.btn-sm {
    font-size: 0.79rem;
}

.badge {
    font-size: 0.72rem;
    font-weight: 700;
}

.table {
    font-size: 0.875rem;
}

.table > :not(caption) > * > * {
    padding: 0.55rem 0.65rem;
}

.table > thead > tr > th {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.alert,
.modal-body,
.dropdown-menu {
    font-size: 0.9rem;
}

.app-sidebar .nav-link,
.main-sidebar .nav-link,
.sidebar-menu .nav-link,
.app-header .nav-link,
.main-header .nav-link {
    font-size: 0.9rem;
}

/* Keep the workflow tracker compact while retaining readable request details. */
.workflow-section-title h2,
.workflow-title {
    font-size: 1rem;
}

.workflow-table,
.workflow-board {
    font-size: 0.84rem;
}

.workflow-table th,
.workflow-board th {
    font-size: 0.76rem;
}

.workflow-request,
.workflow-card {
    font-size: 0.78rem;
}

.workflow-request strong,
.workflow-card strong {
    font-size: 0.82rem;
}

.workflow-status,
.workflow-meta {
    font-size: 0.74rem;
}

@media (max-width: 767.98px) {
    body {
        font-size: 0.9rem;
    }

    .card-body {
        padding: 0.85rem;
    }

    .table {
        font-size: 0.82rem;
    }
}