:root {
    --ui-font-sans:
        "Lato", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ui-bg: #f4f7fb;
    --ui-surface: #ffffff;
    --ui-surface-muted: #f8fafc;
    --ui-border: #e3eaf4;
    --ui-border-strong: #c8d5e5;
    --ui-text: #162033;
    --ui-text-muted: #5f6f85;
    --ui-primary: #053851;
    --ui-primary-strong: #042b3f;
    --ui-success: #13795b;
    --ui-warning: #9a6700;
    --ui-danger: #b42318;
    --ui-info: #0b6ea8;
    --ui-radius: 6px;
    --ui-radius-sm: 6px;
    --ui-shadow: 0 1px 3px rgba(19, 35, 63, 0.08);
    --ui-focus: 0 0 0 0.16rem rgba(5, 56, 81, 0.14);
    --ui-transition: 160ms ease;
    --ui-control-height: 38px;
    --ui-table-row-height: 42px;
    --ui-spacing: 12px;
    --dt-control-height: 38px;
    --dt-row-min-height: 38px;
}

html,
body {
    background: #f7f9fc;
    color: var(--ui-text);
    font-family: var(--ui-font-sans);
}

.content-wrapper {
    color: var(--ui-text);
}

.card,
.panel,
.modal-content,
.table-responsive,
.list-card-heading-red-body {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
    background: var(--ui-surface);
}

.card-header,
.panel-heading,
.modal-header {
    border-bottom: 1px solid var(--ui-border);
    min-height: 46px;
    display: flex;
    align-items: center;
}

.btn {
    border-radius: var(--ui-radius-sm);
    min-height: var(--ui-control-height);
    font-weight: 600;
    transition:
        background-color var(--ui-transition),
        border-color var(--ui-transition),
        color var(--ui-transition),
        box-shadow var(--ui-transition);
}

.btn:focus,
.btn.focus,
.form-control:focus,
.custom-select:focus,
select:focus,
input:focus,
textarea:focus {
    box-shadow: var(--ui-focus) !important;
    border-color: var(--ui-primary);
}

.btn-primary,
.brand-primary-bg,
.bg-blue {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--ui-primary-strong) !important;
    border-color: var(--ui-primary-strong) !important;
}

.form-control,
.custom-select,
.chosen-container-single .chosen-single {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
    min-height: var(--ui-control-height);
    color: var(--ui-text);
    background-color: #fbfdff;
    transition:
        border-color var(--ui-transition),
        box-shadow var(--ui-transition),
        background-color var(--ui-transition);
}

.form-control:hover,
.custom-select:hover,
textarea.form-control:hover,
select.form-control:hover,
.chosen-container-single .chosen-single:hover {
    border-color: #b9c8db;
    background-color: #ffffff;
}

.form-control:focus,
.custom-select:focus,
textarea.form-control:focus,
select.form-control:focus,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-single {
    border-color: #9fb8d2;
    background-color: #ffffff;
}

.table,
.table.dataTable {
    margin-bottom: 0;
}

.table thead th,
.table.dataTable thead th {
    background: var(--ui-surface-muted);
    border-bottom: 1px solid var(--ui-border-strong) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.15;
    color: var(--ui-text);
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

.table tbody tr,
.table.dataTable tbody tr {
    height: var(--ui-table-row-height);
}

.table tbody td,
.table tbody th,
.table.dataTable tbody td,
.table.dataTable tbody th {
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
    color: var(--ui-text);
}

table.yajra-datatable,
table.dataTable {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    table-layout: auto;
}

table.yajra-datatable > thead > tr > th,
table.dataTable > thead > tr > th,
table.yajra-datatable > thead > tr > td,
table.dataTable > thead > tr > td {
    background: #f4f6fa;
    border-bottom: 1px solid var(--ui-border-strong) !important;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.1;
    color: var(--ui-text);
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle !important;
    padding: 4px 14px 4px 6px;
    height: 34px;
    min-height: 34px;
}

/* Keep DataTables cloned scroll headers aligned with the main table header. */
.dataTables_wrapper .dataTables_scrollHead table.dataTable thead th,
.dataTables_wrapper .dataTables_scrollHead table.dataTable thead td,
.dataTables_wrapper .dataTables_scrollHead table.yajra-datatable thead th,
.dataTables_wrapper .dataTables_scrollHead table.yajra-datatable thead td {
    background: #f4f6fa !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ui-border-strong) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    vertical-align: middle !important;
    line-height: 1.1 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 6px !important;
    padding-right: 14px !important;
    height: 34px !important;
    min-height: 34px !important;
}

.dataTables_wrapper .dataTables_scrollHead table.dataTable,
.dataTables_wrapper .dataTables_scrollHead table.yajra-datatable,
.dataTables_wrapper .dataTables_scrollBody table.dataTable,
.dataTables_wrapper .dataTables_scrollBody table.yajra-datatable {
    table-layout: auto !important;
}

table.yajra-datatable > tbody > tr,
table.dataTable > tbody > tr {
    height: 38px;
    min-height: 38px;
    background: #ffffff;
    transition: background-color 180ms ease;
}

table.yajra-datatable > tbody > tr:hover,
table.dataTable > tbody > tr:hover {
    background: rgba(247, 249, 252, 0.92);
}

table.yajra-datatable > tbody > tr > td,
table.dataTable > tbody > tr > td,
table.yajra-datatable > tbody > tr > th,
table.dataTable > tbody > tr > th {
    padding: 6px 6px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 1px solid rgba(199, 209, 221, 0.8) !important;
    vertical-align: middle;
    color: var(--ui-text);
    background: transparent;
}

/* Keep first column (usually serial/index) compact and content-sized. */
table.yajra-datatable > thead > tr > th:first-child,
table.dataTable > thead > tr > th:first-child,
table.yajra-datatable > thead > tr > td:first-child,
table.dataTable > thead > tr > td:first-child,
table.yajra-datatable > tbody > tr > td:first-child,
table.dataTable > tbody > tr > td:first-child,
table.yajra-datatable > tbody > tr > th:first-child,
table.dataTable > tbody > tr > th:first-child {
    width: 50px !important;
    min-width: 32px !important;
    max-width: 50px !important;
    white-space: nowrap !important;
}

.dataTables_wrapper table.dataTable colgroup col:first-child,
.dataTables_wrapper table.yajra-datatable colgroup col:first-child {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

table.yajra-datatable > thead > tr > th:first-child,
table.dataTable > thead > tr > th:first-child,
table.yajra-datatable > thead > tr > td:first-child,
table.dataTable > thead > tr > td:first-child {
    padding-left: 6px !important;
    padding-right: 8px !important;
}

table.yajra-datatable > tbody > tr > td:first-child,
table.dataTable > tbody > tr > td:first-child,
table.yajra-datatable > tbody > tr > th:first-child,
table.dataTable > tbody > tr > th:first-child {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td,
.dataTables_wrapper
    .dataTables_scrollBody
    table.yajra-datatable
    > tbody
    > tr
    > td,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > th,
.dataTables_wrapper
    .dataTables_scrollBody
    table.yajra-datatable
    > tbody
    > tr
    > th {
    padding: 6px 6px !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

/* Hide cloned header row inside scroll body without breaking column width sync. */
.dataTables_wrapper .dataTables_scrollBody thead tr,
.dataTables_wrapper .dataTables_scrollBody thead th,
.dataTables_wrapper .dataTables_scrollBody thead td {
    height: 0 !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.dataTables_wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    display: none !important;
}

.dataTables_wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dataTables_wrapper .row > div[class^="col-"],
.dataTables_wrapper .row > div[class*=" col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Shared flat table shell: no wrapper border/radius, with 15px side inset inside cards. */
.card .table-responsive,
.card .user_table,
.card .dataTables_wrapper,
.card .dataTables_scroll,
.card .dataTables_scrollHead,
.card .dataTables_scrollHeadInner,
.card .dataTables_scrollBody {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.card .table-responsive,
.card .user_table,
.card .dataTables_wrapper {
    width: auto !important;
}

.card .dataTables_scrollHeadInner,
.card .dataTables_scrollBody {
    width: 100% !important;
}

.card table,
.card table thead,
.card table tbody,
.card table tr,
.card table th,
.card table td,
.card .dataTables_scrollHead,
.card .dataTables_scrollHeadInner,
.card .dataTables_scrollBody {
    border-radius: 0 !important;
}

#userMonthlyStatements_wrapper .dataTables_scrollBody tbody .btn.btn-sm,
#userMonthlyStatements_wrapper .dataTables_scrollBody tbody a.btn.btn-sm {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 8px !important;
    font-size: 11.5px !important;
    line-height: 1.1 !important;
    border-radius: 4px !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    float: none !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 6px !important;
    font-size: 13px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
    opacity: 0.55;
}

.dataTables_wrapper .dataTables_paginate {
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 6px !important;
    margin: 0 2px;
}

.dataTables_wrapper .dt-buttons {
    float: none !important;
}

.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-buttons .dt-button {
    min-height: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12.5px;
}

.dataTables_wrapper .dt-buttons .dt-button i,
.dataTables_wrapper .dt-buttons .dt-button span {
    line-height: 1;
}

.date-picker-group.input-group {
    height: 40px;
}

.date-picker-group.input-group .form-control,
.date-picker-group.input-group .input-group-addon,
.date-picker-group.input-group .date-chose-btn,
.date-picker-group.input-group .refresh-chose-btn {
    height: 40px;
    min-height: 40px;
}

.date-picker-group.input-group .form-control {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
}

.date-picker-group.input-group {
    border-radius: 4px;
}

.date-picker-group.input-group .date-chose-btn,
.date-picker-group.input-group .refresh-chose-btn {
    transform: none !important;
    box-shadow: none !important;
}

.date-picker-group.input-group .date-chose-btn:hover,
.date-picker-group.input-group .date-chose-btn:focus,
.date-picker-group.input-group .date-chose-btn:active,
.date-picker-group.input-group .refresh-chose-btn:hover,
.date-picker-group.input-group .refresh-chose-btn:focus,
.date-picker-group.input-group .refresh-chose-btn:active {
    transform: none !important;
    box-shadow: none !important;
    outline: 0;
}

.leads-list-card {
    border-radius: 6px;
    overflow: hidden;
}

.invoice-list-card,
.leads-list-card,
.url-list-card,
.order-tracking-card,
.commission-table-card,
.commission-search-card,
.order-detail-card,
.pending-commission-card,
.current-commission-card,
.paid-commission-card {
    border-radius: 6px;
    overflow: hidden;
}

.invoice-list-card .card-body,
.leads-list-card .card-body,
.url-list-card .card-body,
.order-tracking-card .card-body,
.commission-table-card .card-body,
.commission-search-card .card-body,
.order-detail-card .card-body,
.pending-commission-card .card-body,
.current-commission-card .card-body,
.paid-commission-card .card-body {
    padding: 12px 16px;
}

.invoice-list-card .dataTables_wrapper,
.leads-list-card .dataTables_wrapper,
.url-list-card .dataTables_wrapper,
.order-tracking-card .dataTables_wrapper,
.commission-table-card .dataTables_wrapper,
.pending-commission-card .dataTables_wrapper,
.current-commission-card .dataTables_wrapper,
.paid-commission-card .dataTables_wrapper {
    padding: 0px;
}

.invoice-list-card .dataTables_wrapper .dataTables_filter label,
.leads-list-card .dataTables_wrapper .dataTables_filter label,
.url-list-card .dataTables_wrapper .dataTables_filter label,
.order-tracking-card .dataTables_wrapper .dataTables_filter label,
.commission-table-card .dataTables_wrapper .dataTables_filter label,
.pending-commission-card .dataTables_wrapper .dataTables_filter label,
.current-commission-card .dataTables_wrapper .dataTables_filter label,
.paid-commission-card .dataTables_wrapper .dataTables_filter label {
    gap: 6px;
}

.invoice-list-card .dataTables_wrapper .dataTables_filter input,
.leads-list-card .dataTables_wrapper .dataTables_filter input,
.url-list-card .dataTables_wrapper .dataTables_filter input,
.order-tracking-card .dataTables_wrapper .dataTables_filter input,
.commission-table-card .dataTables_wrapper .dataTables_filter input,
.pending-commission-card .dataTables_wrapper .dataTables_filter input,
.current-commission-card .dataTables_wrapper .dataTables_filter input,
.paid-commission-card .dataTables_wrapper .dataTables_filter input {
    width: 250px;
    max-width: 100%;
}

.invoice-list-card .dt-buttons .dt-button,
.leads-list-card .dt-buttons .dt-button,
.url-list-card .dt-buttons .dt-button,
.order-tracking-card .dt-buttons .dt-button,
.commission-table-card .dt-buttons .dt-button,
.pending-commission-card .dt-buttons .dt-button,
.current-commission-card .dt-buttons .dt-button,
.paid-commission-card .dt-buttons .dt-button {
    min-height: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 6px !important;
}

.leads-list-card .card-body {
    padding: 12px 16px;
}

.leads-list-card .dataTables_wrapper {
    padding: 8px 12px 12px;
}

.leads-list-card
    .dataTables_wrapper
    .dataTables_filter.datatable-export-inline {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.leads-list-card
    .dataTables_wrapper
    .dataTables_filter.datatable-export-inline
    label {
    flex: 0 0 auto;
    min-width: 0;
    justify-content: flex-end;
    gap: 6px;
}

.leads-list-card
    .dataTables_wrapper
    .dataTables_filter.datatable-export-inline
    .datatable-search-icon {
    margin-left: 15px;
    margin-right: 6px;
}

.leads-list-card
    .dataTables_wrapper
    .dataTables_filter.datatable-export-inline
    .dt-buttons {
    flex: 0 0 auto;
    margin: 0 0 0 6px !important;
    float: none !important;
}

.leads-list-card
    .dataTables_wrapper
    .dataTables_filter.datatable-export-inline
    input {
    width: 185px;
}

.leads-list-card .dt-buttons .btn,
.leads-list-card .dt-buttons .dt-button {
    min-width: 86px;
}

.leads-list-card .dataTables_wrapper .dataTables_filter label {
    gap: 6px;
}

.leads-list-card .dataTables_wrapper .dataTables_filter input {
    width: 250px;
    max-width: 100%;
}

.leads-list-card .dt-buttons .dt-button,
.leads-list-card .dt-buttons .btn {
    min-height: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 6px !important;
}

.leads-list-card .dt-buttons .dt-button i,
.leads-list-card .dt-buttons .btn i {
    font-size: 14px;
}

.leads-filter-shell {
    padding: 12px 16px !important;
}

.leads-filter-shell .d-flex.align-items-center {
    gap: 8px;
}

.leads-filter-shell .date-picker-group.input-group {
    max-width: 360px;
}

.leads-filter-shell .date-picker-group.input-group .form-control {
    height: 38px;
    min-height: 38px;
}

.leads-filter-shell .date-picker-group.input-group .date-chose-btn,
.leads-filter-shell .date-picker-group.input-group .refresh-chose-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
}

.leads-filter-shell .date-picker-refresh {
    margin-left: -8px !important;
    display: flex;
    flex: 0 0 38px;
}

.leads-filter-shell .date-picker-group.input-group .date-chose-btn {
    border-radius: 6px 0 0 6px;
}

.leads-filter-shell .date-picker-refresh .refresh-chose-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
}

.leads-filter-shell .date-picker-group.input-group .refresh-chose-btn {
    border-radius: 0 6px 6px 0;
}

.leads-filter-shell
    .date-picker-group.input-group
    .date-chose-btn
    + .refresh-chose-btn {
    margin-left: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 4px !important;
    border: 1px solid var(--ui-border) !important;
    margin: 0 2px;
}

.badge,
.payment_status {
    border-radius: 5px;
    font-weight: 700;
}

.dropdown-menu {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-sm);
    box-shadow: var(--ui-shadow);
}

.modal-dialog {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.modal-body {
    max-height: calc(100vh - 220px);
    overflow: auto;
}

/* Enterprise compact sizing pass (authenticated app-wide) */
.admin-landing-wrapper {
    --ui-control-height: 36px;
    --ui-table-row-height: 38px;
}

.admin-landing-wrapper .content-wrapper {
    font-size: 13px;
}

.admin-landing-wrapper .content-wrapper .content-heading {
    padding: 15px;
}

.admin-landing-wrapper .tag_replacement_header.text_wrapper h1 {
    font-size: 15px;
    letter-spacing: 0.05em;
}

.admin-landing-wrapper .breadcrumb-item,
.admin-landing-wrapper .breadcrumb-item a {
    font-size: 11.5px;
}

.admin-landing-wrapper .card-header,
.admin-landing-wrapper .panel-heading,
.admin-landing-wrapper .modal-header {
    min-height: 42px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
}

.admin-landing-wrapper .card-body,
.admin-landing-wrapper .modal-body {
    padding-top: 12px;
    padding-bottom: 12px;
}

.admin-landing-wrapper .card-footer,
.admin-landing-wrapper .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.admin-landing-wrapper .form-group label,
.admin-landing-wrapper .form-group .control-label,
.admin-landing-wrapper .control-label {
    font-size: 12.5px;
}

.admin-landing-wrapper .form-control,
.admin-landing-wrapper .custom-select,
.admin-landing-wrapper .chosen-container-single .chosen-single,
.admin-landing-wrapper .dataTables_wrapper .dataTables_length select,
.admin-landing-wrapper .dataTables_wrapper .dataTables_filter input {
    min-height: var(--ui-control-height);
    height: var(--ui-control-height);
    font-size: 13px;
}

.admin-landing-wrapper .btn,
.admin-landing-wrapper .btn.btn-labeled,
.admin-landing-wrapper .dt-button {
    min-height: 34px;
    height: 34px;
    font-size: 12.5px;
}

.admin-landing-wrapper .btn .btn-label {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
}

.admin-landing-wrapper .table thead th,
.admin-landing-wrapper .table.dataTable thead th {
    font-size: 11.5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.admin-landing-wrapper .table tbody td,
.admin-landing-wrapper .table tbody th,
.admin-landing-wrapper .table.dataTable tbody td,
.admin-landing-wrapper .table.dataTable tbody th {
    font-size: 12.5px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.admin-landing-wrapper .dataTables_wrapper .dataTables_info,
.admin-landing-wrapper
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button {
    font-size: 12px;
}

.admin-landing-wrapper .dashboard-stat-card .h3,
.admin-landing-wrapper .dashboard-stat-card h3 {
    font-size: 22px;
}

.admin-landing-wrapper .dashboard-stat-card .text-affiliate-dashboard,
.admin-landing-wrapper .dashboard-stat-card .text-uppercase {
    font-size: 11px;
    letter-spacing: 0.04em;
}

.admin-landing-wrapper .modal-title {
    font-size: 18px;
}

/* Normalize oversized daterange/filter toolbars across modules */
.admin-landing-wrapper .date-picker-group.input-group,
.admin-landing-wrapper .daterange-filter-shell .date-picker-group.input-group,
.admin-landing-wrapper .commission-filter-shell .date-picker-group.input-group,
.admin-landing-wrapper
    .order-tracking-filter-shell
    .date-picker-group.input-group,
.admin-landing-wrapper #trafficLogCalender.date-picker-group.input-group,
.admin-landing-wrapper #leadsCalender.date-picker-group.input-group,
.admin-landing-wrapper #purchaseHistoryCalender.date-picker-group.input-group {
    height: 38px !important;
    min-height: 38px !important;
}

.admin-landing-wrapper
    .daterange-filter-shell
    .date-picker-group.input-group
    .form-control,
.admin-landing-wrapper
    .commission-filter-shell
    .date-picker-group.input-group
    .form-control,
.admin-landing-wrapper
    .order-tracking-filter-shell
    .date-picker-group.input-group
    .form-control,
.admin-landing-wrapper
    #trafficLogCalender.date-picker-group.input-group
    .form-control,
.admin-landing-wrapper
    #leadsCalender.date-picker-group.input-group
    .form-control,
.admin-landing-wrapper
    #purchaseHistoryCalender.date-picker-group.input-group
    .form-control {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
}

.admin-landing-wrapper .date-picker-group.input-group .date-chose-btn,
.admin-landing-wrapper .date-picker-group.input-group .refresh-chose-btn,
.admin-landing-wrapper .date-picker-group.input-group .input-group-addon {
    height: 38px !important;
    min-height: 38px !important;
}

.admin-landing-wrapper .commission-table-card .commission-printbar,
.admin-landing-wrapper .commission-table-card #printbar,
.admin-landing-wrapper .order-tracking-card #printbar,
.admin-landing-wrapper #printBar,
.admin-landing-wrapper #affiliateLinkPrintbar,
.admin-landing-wrapper #affiliateLinkUserPrintbar,
.admin-landing-wrapper #trafficPrintbar {
    min-height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.admin-landing-wrapper
    .url-list-card
    div.dataTables_wrapper
    div.dataTables_filter,
.admin-landing-wrapper
    .url-list-card
    div.dataTables_wrapper
    div.dataTables_length,
.admin-landing-wrapper
    .pending-commission-card
    .dataTables_wrapper
    .dataTables_length,
.admin-landing-wrapper
    .pending-commission-card
    .dataTables_wrapper
    .dataTables_filter,
.admin-landing-wrapper
    .current-commission-card
    .dataTables_wrapper
    .dataTables_length,
.admin-landing-wrapper
    .current-commission-card
    .dataTables_wrapper
    .dataTables_filter,
.admin-landing-wrapper
    .paid-commission-card
    .dataTables_wrapper
    .dataTables_length,
.admin-landing-wrapper
    .paid-commission-card
    .dataTables_wrapper
    .dataTables_filter {
    min-height: 38px !important;
}

.admin-landing-wrapper
    .url-list-card
    div.dataTables_wrapper
    div.dataTables_length
    select,
.admin-landing-wrapper
    .url-list-card
    div.dataTables_wrapper
    div.dataTables_filter
    input,
.admin-landing-wrapper
    .pending-commission-card
    .dataTables_wrapper
    .dataTables_length
    select,
.admin-landing-wrapper
    .pending-commission-card
    .dataTables_wrapper
    .dataTables_filter
    input,
.admin-landing-wrapper
    .current-commission-card
    .dataTables_wrapper
    .dataTables_length
    select,
.admin-landing-wrapper
    .current-commission-card
    .dataTables_wrapper
    .dataTables_filter
    input,
.admin-landing-wrapper
    .paid-commission-card
    .dataTables_wrapper
    .dataTables_length
    select,
.admin-landing-wrapper
    .paid-commission-card
    .dataTables_wrapper
    .dataTables_filter
    input {
    height: 38px !important;
    min-height: 38px !important;
}

.admin-landing-wrapper
    .pending-commission-card
    .pending-commission-export-group
    .dt-button,
.admin-landing-wrapper
    .current-commission-card
    .current-commission-export-group
    .dt-button,
.admin-landing-wrapper
    .paid-commission-card
    .paid-commission-export-group
    .dt-button,
.admin-landing-wrapper .url-link-export-group .dt-button.icon-export-button,
.admin-landing-wrapper
    .order-tracking-export-group
    .dt-button.icon-export-button {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    flex: 0 0 38px !important;
}

.admin-landing-wrapper .btn-labeled .btn-label {
    min-height: 34px;
    height: 34px;
    line-height: 34px;
}

.admin-landing-wrapper .btn-label {
    font-size: 13px;
    padding: 0.28rem 0.55rem;
}

/* Profile Edit: force compact control + button scale (loaded last) */
.admin-landing-wrapper .profile-edit-page .form-control,
.admin-landing-wrapper .profile-edit-page select.form-control,
.admin-landing-wrapper .profile-edit-page .custom-select {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
}

.admin-landing-wrapper .profile-edit-page .btn,
.admin-landing-wrapper .profile-edit-page .btn.btn-labeled {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 12.5px !important;
}

.admin-landing-wrapper .profile-edit-page .card-body,
.admin-landing-wrapper .profile-edit-page .card-footer {
    padding-left: 18px;
    padding-right: 18px;
}

/* Dashboard: tighten KPI card visual mass */
.admin-landing-wrapper .dashboard-stat-card {
    min-height: 72px !important;
}

.admin-landing-wrapper .dashboard-stat-card .col-4,
.admin-landing-wrapper .dashboard-stat-card .col-8 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.admin-landing-wrapper .dashboard-stat-icon em {
    width: 28px !important;
    height: 28px !important;
}

.admin-landing-wrapper .text-affiliate-widget-h3 {
    font-size: clamp(1rem, 1.25vw, 1.36rem) !important;
}

.admin-landing-wrapper .text-uppercase.text-affiliate-dashboard {
    font-size: clamp(0.68rem, 0.72vw, 0.8rem) !important;
}

/* Dashboard affiliate-link strip: keep compact height with other controls */
.admin-landing-wrapper .pin-paws-input-link-wrapper .pin-paws-input-link {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
}

.admin-landing-wrapper
    .pin-paws-input-link-wrapper
    .pin-paws-input-link-img-holder {
    min-height: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.admin-landing-wrapper .pin-paws-input-link-wrapper .btn {
    min-height: 38px;
    height: 38px;
}

@media (max-width: 991.98px) {
    .section-container {
        overflow-x: clip;
    }

    .content-wrapper,
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-responsive {
        border-radius: var(--ui-radius-sm);
    }
}

@media (max-width: 575.98px) {
    .btn {
        min-height: 36px;
        font-size: 13px;
    }

    .modal-dialog {
        margin-left: 10px;
        margin-right: 10px;
    }
}