/*
 * Sanad Gold Admin UI v1.0.1
 * Presentation-only layer for the existing CodeIgniter / Tabler dashboard.
 * Routes, forms, names, IDs, permissions and database behavior are untouched.
 */

@font-face {
    font-family: "Sanad Tajawal";
    src: url("../fonts/Tajwal/Tajawal-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Sanad Tajawal";
    src: url("../fonts/Tajwal/Tajawal-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Sanad Tajawal";
    src: url("../fonts/Tajwal/Tajawal-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

.sg-admin-ui {
    --sg-admin-navy-950: #04101f;
    --sg-admin-navy-900: #071b33;
    --sg-admin-navy-800: #0b2e55;
    --sg-admin-navy-700: #124875;
    --sg-admin-blue: #246ba5;
    --sg-admin-gold: #d4af37;
    --sg-admin-gold-dark: #aa8414;
    --sg-admin-gold-soft: #fff8df;
    --sg-admin-bg: #f3f6fa;
    --sg-admin-surface: #ffffff;
    --sg-admin-text: #142033;
    --sg-admin-muted: #64748b;
    --sg-admin-border: #dfe6ee;
    --sg-admin-success: #15803d;
    --sg-admin-danger: #c2413b;
    --sg-admin-warning: #b7791f;
    --sg-admin-info: #1d70a2;
    --sg-admin-radius: 14px;
    --sg-admin-radius-sm: 10px;
    --sg-admin-shadow-sm: 0 5px 18px rgba(7, 27, 51, .06);
    --sg-admin-shadow: 0 15px 38px rgba(7, 27, 51, .09);
    min-width: 0;
    color: var(--sg-admin-text);
    background: var(--sg-admin-bg) !important;
    font-family: "Sanad Tajawal", Tahoma, Arial, sans-serif !important;
    font-size: 15px;
    line-height: 1.65;
}

.sg-admin-ui *,
.sg-admin-ui *::before,
.sg-admin-ui *::after { box-sizing: border-box; }

.sg-admin-ui .page {
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 92% 3%, rgba(212, 175, 55, .09), transparent 20rem),
        var(--sg-admin-bg) !important;
}

.sg-admin-ui a { transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }

.sg-admin-ui :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(36, 107, 165, .36) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(36, 107, 165, .14) !important;
}

.sg-admin-ui button,
.sg-admin-ui .btn,
.sg-admin-ui [data-toggle],
.sg-admin-ui select { cursor: pointer; }

/* Top identity bar */
.sg-admin-ui .page-main > .header.bg-light {
    position: relative;
    z-index: 30;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sg-admin-border) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 7px 24px rgba(7, 27, 51, .06);
}

.sg-admin-ui .page-main > .header.bg-light > .container {
    width: min(calc(100% - 32px), 1420px);
    max-width: 1420px;
}

.sg-admin-ui .header-brand {
    min-width: 170px;
    margin: 0 !important;
    padding: 4px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
}

.sg-admin-ui .header-brand-img {
    width: 170px !important;
    max-width: 100%;
    height: 46px !important;
    object-fit: contain;
}

.sg-admin-ui .page-main > .header.bg-light .d-flex.order-lg-2 {
    min-width: 0;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.sg-admin-ui .page-main > .header.bg-light .nav-item { margin: 0 !important; }

.sg-admin-ui .avatar {
    width: 42px;
    height: 42px;
    border: 2px solid rgba(212, 175, 55, .55);
    box-shadow: 0 4px 12px rgba(7, 27, 51, .12);
}

.sg-admin-ui .leading-none .text-default { color: var(--sg-admin-navy-900) !important; font-size: 14px; font-weight: 700; }
.sg-admin-ui .leading-none .text-muted { color: var(--sg-admin-muted) !important; font-size: 12px; }

.sg-admin-ui .dropdown-menu {
    padding: 8px;
    overflow: hidden;
    border: 1px solid var(--sg-admin-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--sg-admin-shadow);
}

.sg-admin-ui .dropdown-item {
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--sg-admin-text);
}

.sg-admin-ui .dropdown-item:hover,
.sg-admin-ui .dropdown-item:focus { color: var(--sg-admin-navy-900); background: var(--sg-admin-gold-soft); }

/* Main navigation */
.sg-admin-ui #headerMenuCollapse {
    position: relative;
    z-index: 20;
    border: 0 !important;
    background: linear-gradient(115deg, var(--sg-admin-navy-950), var(--sg-admin-navy-800) 72%, #113d63) !important;
    box-shadow: 0 10px 25px rgba(4, 16, 31, .14);
}

.sg-admin-ui #headerMenuCollapse > .container {
    width: min(calc(100% - 26px), 1500px);
    max-width: 1500px;
}

.sg-admin-ui #headerMenuCollapse .nav-tabs {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3px;
}

.sg-admin-ui #headerMenuCollapse .nav-item { margin: 0 !important; }

.sg-admin-ui #headerMenuCollapse .nav-link {
    position: relative;
    min-height: 58px;
    padding: 17px 13px !important;
    display: flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, .84) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.sg-admin-ui #headerMenuCollapse .nav-link::after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    border-radius: 99px 99px 0 0;
    background: transparent;
}

.sg-admin-ui #headerMenuCollapse .nav-link:hover,
.sg-admin-ui #headerMenuCollapse .nav-link.active {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

.sg-admin-ui #headerMenuCollapse .nav-link.active::after { background: var(--sg-admin-gold); }
.sg-admin-ui #headerMenuCollapse .nav-link i { color: var(--sg-admin-gold); }

/* Page rhythm */
.sg-admin-ui .my-3.my-md-5 { margin-top: 28px !important; margin-bottom: 36px !important; }
.sg-admin-ui .container-fluid { padding-right: clamp(14px, 2vw, 30px); padding-left: clamp(14px, 2vw, 30px); }
.sg-admin-ui .page-header { min-height: 58px; margin: 0 0 18px; padding: 0; align-items: center; }

.sg-admin-ui .page-title {
    position: relative;
    margin: 0;
    padding-right: 16px;
    color: var(--sg-admin-navy-900);
    font-size: clamp(24px, 2.4vw, 32px);
    font-weight: 700;
    line-height: 1.4;
}

.sg-admin-ui .page-title::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 5px;
    border-radius: 99px;
    background: linear-gradient(var(--sg-admin-gold), var(--sg-admin-gold-dark));
}

/* Cards and collapsible sections */
.sg-admin-ui .card {
    margin-bottom: 24px;
    overflow: visible;
    border: 1px solid var(--sg-admin-border);
    border-radius: var(--sg-admin-radius);
    background: var(--sg-admin-surface);
    box-shadow: var(--sg-admin-shadow-sm);
}

.sg-admin-ui .card:hover { border-color: #d5dee8; box-shadow: var(--sg-admin-shadow); }

.sg-admin-ui .card > .card-header {
    min-height: 58px;
    padding: 13px 18px;
    border: 0;
    border-bottom: 1px solid var(--sg-admin-border);
    border-radius: var(--sg-admin-radius) var(--sg-admin-radius) 0 0;
    background: linear-gradient(180deg, #ffffff, #f9fbfd) !important;
    color: var(--sg-admin-navy-900) !important;
}

.sg-admin-ui .card > .card-header.bg-gray-lighter {
    border-right: 5px solid var(--sg-admin-gold);
    background: linear-gradient(100deg, var(--sg-admin-gold-soft), #fff 34%) !important;
}

.sg-admin-ui .card > .card-header.bg-blue,
.sg-admin-ui .card > .card-header.bg-primary,
.sg-admin-ui .card > .card-header.bg-purple,
.sg-admin-ui .card > .card-header.bg-success {
    border-bottom-color: transparent;
    background: linear-gradient(115deg, var(--sg-admin-navy-900), var(--sg-admin-navy-700)) !important;
    color: #fff !important;
}

.sg-admin-ui .card-title,
.sg-admin-ui .card-header h3,
.sg-admin-ui .card-header h4,
.sg-admin-ui .card-header h5 {
    margin: 0;
    color: inherit !important;
    font-family: inherit !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.sg-admin-ui .card-options { margin-right: auto; }

.sg-admin-ui .card-options a {
    width: 36px;
    height: 36px;
    margin: 0 2px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sg-admin-navy-700) !important;
    border: 1px solid var(--sg-admin-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
}

.sg-admin-ui .card-options a:hover { color: #fff !important; border-color: var(--sg-admin-navy-800); background: var(--sg-admin-navy-800); }

.sg-admin-ui .card-body {
    padding: clamp(18px, 2vw, 28px);
    color: var(--sg-admin-text);
    border-radius: 0 0 var(--sg-admin-radius) var(--sg-admin-radius);
    background: #fff !important;
}

.sg-admin-ui .row-cards > [class*="col-"] > .card .h1 {
    color: var(--sg-admin-navy-900);
    font-size: 38px;
    font-weight: 700;
}

.sg-admin-ui .row-cards > [class*="col-"] > .card .text-muted { color: var(--sg-admin-muted) !important; font-weight: 500; }

/* Forms */
.sg-admin-ui label,
.sg-admin-ui .form-label {
    margin-bottom: 7px;
    color: #435169;
    font-size: 13px;
    font-weight: 700;
}

.sg-admin-ui label span { color: var(--sg-admin-danger); }

.sg-admin-ui .form-group,
.sg-admin-ui .from-group { margin-bottom: 17px; }

.sg-admin-ui .form-control,
.sg-admin-ui .custom-select,
.sg-admin-ui .bootstrap-select > .dropdown-toggle {
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    color: var(--sg-admin-text);
    border: 1px solid #ccd6e2;
    border-radius: var(--sg-admin-radius-sm);
    background-color: #fff;
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.sg-admin-ui textarea.form-control { min-height: 110px; resize: vertical; }

.sg-admin-ui .form-control:hover,
.sg-admin-ui .custom-select:hover { border-color: #9eb0c4; }

.sg-admin-ui .form-control:focus,
.sg-admin-ui .custom-select:focus {
    color: var(--sg-admin-text);
    border-color: var(--sg-admin-blue);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(36, 107, 165, .12);
}

.sg-admin-ui .form-control:disabled,
.sg-admin-ui .form-control[readonly] { color: #718096; background: #eef2f6; }

.sg-admin-ui input[type="file"].form-control {
    min-height: 46px;
    padding: 8px 10px;
    background: #f9fbfd;
}

.sg-admin-ui .select2-container { max-width: 100%; }

.sg-admin-ui .select2-container--bootstrap4 .select2-selection,
.sg-admin-ui .select2-container .select2-selection--single,
.sg-admin-ui .select2-container .select2-selection--multiple {
    min-height: 44px !important;
    border-color: #ccd6e2 !important;
    border-radius: var(--sg-admin-radius-sm) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.sg-admin-ui .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.sg-admin-ui .select2-container .select2-selection--single .select2-selection__rendered {
    min-height: 42px;
    padding: 8px 12px;
    color: var(--sg-admin-text);
    line-height: 26px;
}

.sg-admin-ui .select2-dropdown {
    overflow: hidden;
    border: 1px solid var(--sg-admin-border);
    border-radius: 11px;
    box-shadow: var(--sg-admin-shadow);
}

.sg-admin-ui hr { margin: 23px 0; border-color: #e6ebf1; }

/* Buttons */
.sg-admin-ui .btn {
    min-height: 40px;
    padding: 9px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-width: 1px;
    border-radius: 10px;
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none !important;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sg-admin-ui .btn:hover { transform: translateY(-1px); box-shadow: 0 7px 15px rgba(7, 27, 51, .11); }
.sg-admin-ui .btn:active { transform: translateY(0); }
.sg-admin-ui .btn-sm { min-height: 36px; padding: 7px 12px; font-size: 12px; }
.sg-admin-ui .btn-lg { min-height: 46px; padding: 11px 18px; font-size: 15px; }

.sg-admin-ui .btn-primary,
.sg-admin-ui .btn-blue {
    color: #fff !important;
    border-color: var(--sg-admin-navy-800) !important;
    background: linear-gradient(135deg, var(--sg-admin-navy-900), var(--sg-admin-navy-700)) !important;
}

.sg-admin-ui .btn-primary:hover,
.sg-admin-ui .btn-blue:hover { border-color: var(--sg-admin-navy-950) !important; background: var(--sg-admin-navy-950) !important; }

.sg-admin-ui .btn-success { color: #fff !important; border-color: var(--sg-admin-success) !important; background: var(--sg-admin-success) !important; }
.sg-admin-ui .btn-danger { color: #fff !important; border-color: var(--sg-admin-danger) !important; background: var(--sg-admin-danger) !important; }
.sg-admin-ui .btn-info { color: #fff !important; border-color: var(--sg-admin-info) !important; background: var(--sg-admin-info) !important; }
.sg-admin-ui .btn-warning { color: #362500 !important; border-color: var(--sg-admin-gold) !important; background: var(--sg-admin-gold) !important; }

.sg-admin-ui .btn-outline-primary { color: var(--sg-admin-navy-800) !important; border-color: #8ca3bb !important; background: #fff !important; }
.sg-admin-ui .btn-outline-primary:hover { color: #fff !important; border-color: var(--sg-admin-navy-800) !important; background: var(--sg-admin-navy-800) !important; }
.sg-admin-ui .btn-outline-success { color: var(--sg-admin-success) !important; border-color: #68ad7c !important; background: #fff !important; }
.sg-admin-ui .btn-outline-success:hover { color: #fff !important; border-color: var(--sg-admin-success) !important; background: var(--sg-admin-success) !important; }
.sg-admin-ui .btn-outline-warning { color: #7a5400 !important; border-color: var(--sg-admin-gold) !important; background: #fffdf6 !important; }
.sg-admin-ui .btn-outline-warning:hover { color: #2e2100 !important; background: var(--sg-admin-gold) !important; }
.sg-admin-ui .btn-outline-danger { color: var(--sg-admin-danger) !important; border-color: #dc8e89 !important; background: #fff !important; }
.sg-admin-ui .btn-outline-danger:hover { color: #fff !important; border-color: var(--sg-admin-danger) !important; background: var(--sg-admin-danger) !important; }
.sg-admin-ui .btn-outline-info { color: var(--sg-admin-info) !important; border-color: #80b5d1 !important; background: #fff !important; }
.sg-admin-ui .btn-outline-info:hover { color: #fff !important; background: var(--sg-admin-info) !important; }

/* Tables */
.sg-admin-ui .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--sg-admin-border);
    border-radius: 12px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.sg-admin-ui .table {
    width: 100%;
    margin: 0;
    color: var(--sg-admin-text);
    background: #fff;
    font-size: 13px;
}

.sg-admin-ui .table thead th {
    padding: 12px 10px;
    vertical-align: middle;
    color: #fff;
    border-color: rgba(255, 255, 255, .13) !important;
    background: var(--sg-admin-navy-800);
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.sg-admin-ui .table thead th .form-control {
    min-width: 90px;
    min-height: 38px;
    padding: 7px 9px;
    color: var(--sg-admin-text);
    border-color: rgba(255, 255, 255, .5);
    background: #fff;
    font-size: 12px;
}

.sg-admin-ui .table tbody td {
    padding: 11px 10px;
    vertical-align: middle;
    border-color: #e5ebf1;
    text-align: center;
}

.sg-admin-ui .table-striped tbody tr:nth-of-type(odd),
.sg-admin-ui .table tbody tr:nth-of-type(even) { background: #f9fbfd; }
.sg-admin-ui .table-hover tbody tr:hover { background: var(--sg-admin-gold-soft); }

.sg-admin-ui .datatable thead .sorting::before,
.sg-admin-ui .datatable thead .sorting::after { opacity: .65; }

.sg-admin-ui .dataTables_wrapper .dataTables_length,
.sg-admin-ui .dataTables_wrapper .dataTables_filter,
.sg-admin-ui .dataTables_wrapper .dataTables_info,
.sg-admin-ui .dataTables_wrapper .dataTables_paginate { margin: 10px 0; color: var(--sg-admin-muted); }

.sg-admin-ui .dataTables_wrapper .dataTables_filter input,
.sg-admin-ui .dataTables_wrapper .dataTables_length select {
    min-height: 40px;
    margin: 0 7px;
    padding: 7px 10px;
    border: 1px solid #ccd6e2;
    border-radius: 9px;
    background: #fff;
}

/* Status, pagination and messages */
.sg-admin-ui .badge {
    padding: 6px 9px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
}

.sg-admin-ui .badge-info { color: #fff; background: var(--sg-admin-info); }
.sg-admin-ui .badge-success { color: #fff; background: var(--sg-admin-success); }
.sg-admin-ui .badge-warning { color: #3d2b00; background: var(--sg-admin-gold); }
.sg-admin-ui .badge-danger { color: #fff; background: var(--sg-admin-danger); }

.sg-admin-ui .pagination { margin: 16px 0; gap: 4px; flex-wrap: wrap; }
.sg-admin-ui .page-link {
    min-width: 38px;
    min-height: 38px;
    padding: 8px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sg-admin-navy-800);
    border-color: var(--sg-admin-border);
    border-radius: 9px !important;
    background: #fff;
}
.sg-admin-ui .page-item.active .page-link { color: #fff; border-color: var(--sg-admin-navy-800); background: var(--sg-admin-navy-800); }

.sg-admin-ui .alert {
    padding: 13px 16px;
    border: 1px solid var(--sg-admin-border);
    border-radius: 11px;
    box-shadow: var(--sg-admin-shadow-sm);
}

/* FAQ/accordion blocks retained by legacy pages */
.sg-admin-ui .faq .card { margin-bottom: 17px; }
.sg-admin-ui .faq .card .card-header { overflow: hidden; border-radius: 12px; box-shadow: none; }
.sg-admin-ui .faq .card .card-header .btn-header-link,
.sg-admin-ui .faq .card .card-header .btn-header-link.collapsed {
    min-height: 52px;
    padding: 13px 17px;
    color: var(--sg-admin-navy-900) !important;
    border: 0;
    background: var(--sg-admin-gold-soft) !important;
    text-align: right;
}

/* Legacy users accordion: the original markup forces white text inline.
 * Keep the light premium surface and restore readable staff data. */
.sg-admin-ui .faq .card-header .btn-header-link .table,
.sg-admin-ui .faq .card-header .btn-header-link .table th,
.sg-admin-ui .faq .card-header .btn-header-link .table td {
    color: var(--sg-admin-navy-900) !important;
}

.sg-admin-ui .faq .card-header .btn-header-link .table th,
.sg-admin-ui .faq .card-header .btn-header-link .table td {
    background: transparent !important;
}

.sg-admin-ui .faq .card .collapse.show,
.sg-admin-ui .faq .card .collapsing { color: var(--sg-admin-text); background: #fff !important; }

/* Modal dialogs */
.sg-admin-ui .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 25px 70px rgba(4, 16, 31, .24);
}
.sg-admin-ui .modal-header { padding: 17px 20px; color: #fff; border: 0; background: var(--sg-admin-navy-900); }
.sg-admin-ui .modal-title { color: inherit; font-weight: 700; }
.sg-admin-ui .modal-header .close { color: #fff; text-shadow: none; opacity: .85; }
.sg-admin-ui .modal-body { padding: 22px 20px; }
.sg-admin-ui .modal-footer { padding: 14px 20px; border-top-color: var(--sg-admin-border); background: #f8fafc; }

/* CMS editor */
.sg-admin-ui.sg-admin-cms .cke_chrome,
.sg-admin-ui.sg-admin-cms .cke_inner {
    overflow: hidden;
    border-color: var(--sg-admin-border) !important;
    border-radius: 11px;
    box-shadow: none !important;
}

/* Footer */
.sg-admin-ui .footer {
    margin-top: 36px;
    padding: 22px 0;
    color: var(--sg-admin-muted);
    border-top: 1px solid var(--sg-admin-border);
    background: #fff;
}
.sg-admin-ui .footer a { color: var(--sg-admin-navy-700); font-weight: 700; }

@media (max-width: 1199px) {
    .sg-admin-ui #headerMenuCollapse .nav-link { padding-right: 9px !important; padding-left: 9px !important; font-size: 12px; }
    .sg-admin-ui .header-brand { min-width: 145px; }
    .sg-admin-ui .header-brand-img { width: 145px !important; }
}

@media (max-width: 991px) {
    .sg-admin-ui .page-main > .header.bg-light > .container,
    .sg-admin-ui #headerMenuCollapse > .container { width: calc(100% - 22px); }

    .sg-admin-ui .page-main > .header.bg-light .d-flex:first-child { align-items: center; }
    .sg-admin-ui .header-toggler { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--sg-admin-border); border-radius: 10px; background: #fff; }

    .sg-admin-ui #headerMenuCollapse { padding: 10px 0 !important; }
    .sg-admin-ui #headerMenuCollapse .nav-tabs { align-items: stretch; gap: 2px; }
    .sg-admin-ui #headerMenuCollapse .nav-link { min-height: 46px; padding: 11px 13px !important; border-radius: 9px !important; font-size: 14px; }
    .sg-admin-ui #headerMenuCollapse .nav-link::after { right: 0; bottom: 3px; left: auto; width: 4px; height: calc(100% - 6px); border-radius: 99px; }

    .sg-admin-ui .card-body { padding: 19px 16px; }
    .sg-admin-ui .table-responsive .table { min-width: 900px; }
}

@media (max-width: 767px) {
    .sg-admin-ui { font-size: 14px; }
    .sg-admin-ui .page-main > .header.bg-light { padding-top: 9px !important; padding-bottom: 9px !important; }
    .sg-admin-ui .header-brand { min-width: 116px; padding: 3px 5px !important; }
    .sg-admin-ui .header-brand-img { width: 116px !important; height: 42px !important; }
    .sg-admin-ui .page-main > .header.bg-light .d-flex.order-lg-2 { gap: 5px; }
    .sg-admin-ui .leading-none .ml-2 { display: none !important; }

    .sg-admin-ui .my-3.my-md-5 { margin-top: 18px !important; margin-bottom: 25px !important; }
    .sg-admin-ui .container,
    .sg-admin-ui .container-fluid { width: 100%; max-width: 100%; padding-right: 11px; padding-left: 11px; }
    .sg-admin-ui .page-header { min-height: 48px; }
    .sg-admin-ui .page-title { font-size: 23px; }

    .sg-admin-ui .card { margin-bottom: 16px; border-radius: 12px; }
    .sg-admin-ui .card > .card-header { min-height: 54px; padding: 11px 13px; border-radius: 12px 12px 0 0; }
    .sg-admin-ui .card-title,
    .sg-admin-ui .card-header h3,
    .sg-admin-ui .card-header h4,
    .sg-admin-ui .card-header h5 { font-size: 16px; }
    .sg-admin-ui .card-options a { width: 34px; height: 34px; }
    .sg-admin-ui .card-body { padding: 16px 13px; }

    .sg-admin-ui .form-control,
    .sg-admin-ui .custom-select,
    .sg-admin-ui .btn { min-height: 44px; }
    .sg-admin-ui form .row > [class*="col-"] { margin-bottom: 4px; }

    .sg-admin-ui .dataTables_wrapper .dataTables_length,
    .sg-admin-ui .dataTables_wrapper .dataTables_filter,
    .sg-admin-ui .dataTables_wrapper .dataTables_info,
    .sg-admin-ui .dataTables_wrapper .dataTables_paginate { width: 100%; float: none; text-align: right; }

    .sg-admin-ui .modal-dialog { margin: 12px; }
    .sg-admin-ui .footer { margin-top: 24px; text-align: center; }
}

@media (max-width: 479px) {
    .sg-admin-ui .header-brand { min-width: 94px; }
    .sg-admin-ui .header-brand-img { width: 94px !important; }
    .sg-admin-ui .avatar { width: 38px; height: 38px; }
    .sg-admin-ui .page-main > .header.bg-light .btn { min-width: 40px; padding-right: 9px; padding-left: 9px; font-size: 0; }
    .sg-admin-ui .page-main > .header.bg-light .btn i { margin: 0; font-size: 16px; }
    .sg-admin-ui .table-responsive .table { min-width: 820px; }
}

@media (prefers-reduced-motion: reduce) {
    .sg-admin-ui *,
    .sg-admin-ui *::before,
    .sg-admin-ui *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    .sg-admin-ui { background: #fff !important; }
    .sg-admin-ui .page-main > .header,
    .sg-admin-ui #headerMenuCollapse,
    .sg-admin-ui .footer,
    .sg-admin-ui .btn { display: none !important; }
    .sg-admin-ui .card,
    .sg-admin-ui .table-responsive { border-color: #bbb; box-shadow: none; }
}