/*
    WMS typography refinement.
    Keeps WMS screens visually closer to the lighter TMS UI without changing
    operational page structure or theme colors.
*/

body,
.app {
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

body,
.page,
.app-content,
.app-content .card,
.app-content .modal-content,
.app-content .table,
.app-content .form-control,
.app-content .form-select,
.app-content .select2-container--default .select2-selection__rendered,
.app-content .dataTables_wrapper {
    font-weight: 400;
}

body .page-title,
.app-content .page-title {
    font-weight: 500 !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.app-content h1,
.app-content h2,
.app-content h3,
.app-content h4,
.app-content h5,
.app-content h6,
.app-content .card-title,
.app-content .modal-title,
.app-content .panel-title {
    font-weight: 600 !important;
}

body label,
body .form-label,
.app-content label,
.app-content .form-label,
.app-content .dt-search label,
.app-content .dt-length label,
.app-content .user-detail-grid label,
.app-content .user-detail-box label {
    font-weight: 500 !important;
}

body .table thead th,
body .dataTable thead th,
.app-content .table thead th,
.app-content .dataTable thead th,
.app-content .user-data-table thead th {
    font-weight: 600 !important;
}

body .table tbody td,
body .dataTable tbody td,
.app-content .table tbody td,
.app-content .dataTable tbody td,
.app-content .dt-info,
.app-content .breadcrumb,
.app-content .breadcrumb-item,
.app-content .breadcrumb-item a,
.app-content .user-detail-grid > div > div:not(.user-detail-box),
.app-content .user-detail-box {
    font-weight: 400 !important;
}

body strong,
body b,
body .fw-bold,
body .font-weight-bold,
.app-content strong,
.app-content b,
.app-content .fw-bold,
.app-content .font-weight-bold {
    font-weight: 600 !important;
}

body .btn,
body .badge,
body .dropdown-item,
body .nav-link,
body .pagination .page-link,
body .select2-container--default .select2-selection__choice,
.app-content .btn,
.app-content .badge,
.app-content .dropdown-item,
.app-content .nav-link,
.app-content .pagination .page-link,
.app-content .select2-container--default .select2-selection__choice {
    font-weight: 500 !important;
}

.app-sidebar .side-menu h3,
.app-sidebar .side-menu__label,
.app-sidebar .slide-item {
    font-weight: 500 !important;
}

body .wms-date-input,
.app-content .wms-date-input {
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

body .wms-date-input::placeholder,
.app-content .wms-date-input::placeholder {
    color: #8a94a6;
    opacity: 1;
}