:root {
    --gc-z-drawer-backdrop: 1050;
    --gc-z-drawer: 1060;
    --gc-z-photo-viewer: 1070;
    --bs-body-font-family: 'Inter', sans-serif;
    --bs-font-sans-serif: 'Inter', sans-serif;
    --gc-radius-card: 1rem;
    --gc-radius-control: .65rem;
    --gc-border: #e6e9ef;
    --gc-muted: #6b7280;
    --gc-shadow: 0 10px 28px rgba(35, 49, 71, .07);
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

#kt_content_container { max-width: 1440px; }

/* Header Brand Badge */
.gc-header-brand-badge {
    align-items: center;
    background: linear-gradient(135deg, #f0f6ff 0%, #e8f1fc 100%);
    border: 1px solid #d4e4f7;
    border-radius: .65rem;
    color: #1c5eb5;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .025em;
    padding: .42rem .95rem;
    user-select: none;
}

.card {
    border: 1px solid var(--gc-border);
    border-radius: var(--gc-radius-card);
    box-shadow: var(--gc-shadow);
    overflow: hidden;
}

.card-header { min-height: 4rem; }
.card-body { padding: 1.25rem; }

.form-control,
.form-select,
.select2-container--bootstrap5 .select2-selection {
    border-radius: var(--gc-radius-control) !important;
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 .22rem rgba(0, 158, 247, .14);
}

.btn {
    border-radius: .6rem;
    font-weight: 700;
    letter-spacing: -.01em;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.btn:not(:disabled):active { transform: translateY(1px) scale(.99); }
.btn-primary { background: #216fd5; border-color: #216fd5; box-shadow: 0 .35rem .9rem rgba(33, 111, 213, .18); }
.btn-primary:not(:disabled):hover { background: #195db7; border-color: #195db7; transform: translateY(-1px); box-shadow: 0 .65rem 1.2rem rgba(33, 111, 213, .25); }
.btn-light-primary { background: #edf5ff; border: 1px solid #d7e7fb; color: #1f66be; }
.btn-light-primary:not(:disabled):hover { background: #dcecff; border-color: #c9ddf6; color: #174f95; transform: translateY(-1px); }
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
a:focus-visible { outline: 3px solid rgba(0, 158, 247, .36); outline-offset: 2px; }

/* Table Base */
.table { font-variant-numeric: tabular-nums; }
.table > :not(caption) > * > * { border-bottom-color: #eef0f4; }
.gc-data-table { margin-bottom: 0; width: 100%; }
.gc-data-table thead tr {
    background: #f8fafd !important;
    border-bottom: 1px solid #e9edf4;
}
.gc-data-table thead th {
    border: 0;
    color: #6a7891;
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: .78rem .95rem;
    text-transform: uppercase;
    white-space: nowrap;
}
.gc-data-table thead th:first-child,
.gc-data-table tbody td:first-child {
    padding-left: 1.4rem;
}
.gc-data-table thead th:last-child,
.gc-data-table tbody td:last-child {
    padding-right: 1.4rem;
}
.gc-data-table tbody td {
    border-bottom: 1px solid #edf1f7;
    color: #2b364c;
    padding: .75rem .95rem;
    vertical-align: middle;
}
.gc-data-table tbody tr {
    transition: background-color .15s ease;
}
.gc-data-table tbody tr:hover {
    background-color: #f7faff;
}
.gc-data-table tbody tr:last-child td { border-bottom: 0; }
.gc-data-table .symbol { flex: 0 0 auto; }

/* Code and Number styling without slashed zero */
.gc-code {
    color: #1e293b;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-feature-settings: 'tnum' 1;
    font-size: .84rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
}

/* Badges */
.badge.gc-badge,
.gc-verification-table .badge,
.gc-error-table .badge,
.gc-failed-table .badge {
    border-radius: .45rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 1.25;
    padding: .35rem .65rem;
    text-transform: capitalize;
}

.gc-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; min-width: 16rem; }
.gc-table-date { color: #53627a; font-size: .81rem; font-weight: 600; white-space: nowrap; }

/* Action Button */
.gc-record-action {
    align-items: center;
    border-radius: .55rem;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 600;
    gap: .35rem;
    justify-content: center;
    min-width: 5.85rem;
    padding: .4rem .75rem;
    white-space: nowrap;
}

.symbol img { object-fit: cover; }
.image-input > img.image-input-wrapper { display: block; object-fit: cover; }
.pagination { gap: .35rem; margin: 0; }
.page-link { border: 0; border-radius: .5rem !important; color: #5e6278; min-width: 2.25rem; text-align: center; }
.page-item.active .page-link { box-shadow: 0 4px 10px rgba(0, 158, 247, .22); }

.gc-page-toolbar { gap: 1rem; }
.gc-search { min-width: min(100%, 22rem); }
.gc-page-title { color: #202a40; font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.1; margin: 0; }
.gc-page-subtitle { color: #7a879b; font-size: .79rem; font-weight: 600; margin: .3rem 0 0; }
.gc-pagination { border-top: 1px solid var(--gc-border); margin-top: 1.25rem; padding-top: 1.25rem; }
.gc-empty { color: var(--gc-muted); padding: 3rem 1rem !important; text-align: center; }

/* Dashboard Styles */
.gc-dashboard { padding-bottom: .5rem; }
.gc-dashboard-intro { align-items: end; display: flex; gap: 1rem; justify-content: space-between; margin: .25rem 0 1.25rem; }
.gc-dashboard-intro h2 { color: #202a40; font-size: clamp(1.3rem, 2vw, 1.65rem); letter-spacing: -.035em; line-height: 1.15; margin: 0; }
.gc-dashboard-eyebrow { color: #6880a6; font-size: .75rem; font-weight: 700; letter-spacing: .075em; margin: 0 0 .4rem; text-transform: uppercase; }
.gc-dashboard-summary { color: #788399; font-size: .9rem; margin: .45rem 0 0; }
.gc-dashboard-cta { align-items: center; display: inline-flex; flex: 0 0 auto; gap: .45rem; }

/* Compact & Proportional Stat Cards */
.gc-stat-card {
    background: #fff;
    border: 1px solid #e7ecf3;
    border-radius: .85rem;
    box-shadow: 0 .35rem 1rem rgba(37, 50, 74, .04);
    min-height: auto;
    overflow: hidden;
    padding: 1rem 1.15rem;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.gc-stat-card:hover {
    border-color: #d6e2f2;
    box-shadow: 0 .65rem 1.4rem rgba(37, 50, 74, .075);
    transform: translateY(-2px);
}
.gc-stat-card-primary {
    background: #18253e;
    border-color: #18253e;
    box-shadow: 0 .65rem 1.4rem rgba(24, 37, 62, .18);
}
.gc-stat-card-primary::after {
    background: rgba(81, 157, 255, .15);
    border-radius: 50%;
    content: '';
    height: 7.5rem;
    position: absolute;
    right: -2.5rem;
    top: -2.8rem;
    width: 7.5rem;
}
.gc-stat-card-danger {
    background: #fff;
    border-color: #fde8e8;
}
.gc-stat-card-icon {
    align-items: center;
    background: #eaf2ff;
    border-radius: .55rem;
    color: #2681f3;
    display: inline-flex;
    font-size: .95rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.gc-stat-card-primary .gc-stat-card-icon {
    background: rgba(255, 255, 255, .12);
    color: #91c3ff;
}
.gc-stat-card-icon-success { background: #e7f8ef; color: #2ea96d; }
.gc-stat-card-icon-warning { background: #fff5de; color: #bf8714; }
.gc-stat-card-icon-danger { background: #fee2e2; color: #dc2626; }
.gc-stat-card-icon-neutral { background: #f0edff; color: #7566d8; }
.gc-stat-card-label {
    color: #727e94;
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .03em;
    margin: .65rem 0 .2rem;
    text-transform: uppercase;
}
.gc-stat-card-primary .gc-stat-card-label,
.gc-stat-card-primary .gc-stat-card-note {
    color: #b5c5df;
}
.gc-stat-card-value {
    color: #1e283d;
    font-size: clamp(1.65rem, 2.2vw, 2.15rem);
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    margin: 0;
}
.gc-stat-card-primary .gc-stat-card-value { color: #fff; }
.gc-stat-card-note {
    color: #828ea2;
    font-size: .78rem;
    font-weight: 500;
    margin: .35rem 0 0;
}

.gc-dashboard-chart-card { box-shadow: 0 .65rem 1.7rem rgba(37, 50, 74, .055); }
.gc-dashboard-chart-header { align-items: center; border-bottom: 1px solid #edf0f5; display: flex; justify-content: space-between; min-height: 5.75rem; padding: 1.1rem 1.5rem; }
.gc-dashboard-chart-header .card-title { color: #263249; font-size: 1.08rem; font-weight: 700; letter-spacing: -.02em; }
.gc-chart-summary { align-items: center; display: flex; flex-wrap: wrap; gap: .8rem 1rem; }
.gc-chart-summary-item { align-items: center; color: #778197; display: inline-flex; font-size: .78rem; font-weight: 600; gap: .35rem; }
.gc-chart-summary-item i { border-radius: 50%; display: inline-block; height: .52rem; width: .52rem; }
.gc-chart-summary-item strong { color: #354058; font-variant-numeric: tabular-nums; margin-left: .15rem; }
.gc-chart-summary-success i { background: #3fbf7f; }
.gc-chart-summary-failed i { background: #f06a62; }
.gc-dashboard-chart-body { min-height: 25rem; padding: .5rem 1.15rem 1rem; }
.gc-verification-chart { height: 24rem; width: 100%; }
.gc-chart-state { align-items: center; color: #79849a; display: flex; font-weight: 600; justify-content: center; min-height: 22rem; text-align: center; }
.gc-footer-copy { align-items: center; color: #7a8498; display: flex; flex-wrap: wrap; font-size: .82rem; font-weight: 600; gap: .45rem; }
.gc-footer-copy a { color: #2d7fe8; text-decoration: none; }
.gc-footer-copy a:hover { color: #1a67cc; text-decoration: underline; }
.gc-footer-divider { color: #c6cbd5; }

/* Page Overview Banner */
.gc-log-overview,
.gc-list-overview {
    align-items: center;
    background: #fbfcff;
    border: 1px solid #e4ebf4;
    border-radius: .85rem;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.15rem;
    overflow: hidden;
    padding: 1rem 1.4rem;
    position: relative;
}
.gc-log-overview::after,
.gc-list-overview::after {
    background: #d8e9ff;
    border-radius: 50%;
    content: '';
    height: 8rem;
    pointer-events: none;
    position: absolute;
    right: -3rem;
    top: -5rem;
    width: 8rem;
}
.gc-log-overview > *,
.gc-list-overview > * {
    position: relative;
    z-index: 1;
}
.gc-log-overview h2,
.gc-list-overview-heading h2 {
    color: #1e283d;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.15;
    margin: 0;
}
.gc-log-overview p:last-child,
.gc-list-overview-heading p:last-child {
    color: #728096;
    font-size: .83rem;
    font-weight: 500;
    margin: .3rem 0 0;
    max-width: 44rem;
}
.gc-log-overview-count {
    align-items: flex-end;
    background: #fff;
    border: 1px solid #dfebf7;
    border-radius: .7rem;
    box-shadow: 0 .35rem .85rem rgba(31, 58, 100, .05);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-width: 6.2rem;
    padding: .55rem .75rem;
}
.gc-log-overview-count strong {
    color: #1e62bc;
    font-size: 1.3rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
}
.gc-log-overview-count span {
    color: #748198;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .05em;
    margin-top: .25rem;
    text-transform: uppercase;
}

/* Unified List Toolbar */
.gc-list-toolbar {
    align-items: center;
    background: #fff;
    border: 1px solid #e4ebf4;
    border-radius: .85rem;
    box-shadow: 0 .25rem .85rem rgba(31, 51, 84, .03);
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    margin-bottom: 1.15rem;
    padding: .5rem .65rem;
}
.gc-list-search {
    flex: 1 1 auto;
    max-width: 36rem;
    position: relative;
    width: 100%;
}
.gc-list-search > i {
    color: #8190a6;
    font-size: .95rem;
    left: .95rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.gc-list-search .form-control {
    background: #f8faff;
    border: 1px solid transparent;
    border-radius: .65rem !important;
    color: #202b40;
    font-size: .86rem;
    font-weight: 500;
    height: 2.65rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.gc-list-search .form-control:focus {
    background: #fff;
    border-color: #b3d4fc;
    box-shadow: 0 0 0 .2rem rgba(33, 111, 213, .12);
}
.gc-list-clear {
    align-items: center;
    color: #8a94a8;
    display: flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: .4rem;
    text-decoration: none;
    top: .32rem;
    width: 2rem;
}
.gc-list-clear:hover { color: #2d7fe8; }
.gc-list-toolbar .btn {
    font-size: .82rem;
    height: 2.65rem;
    padding-left: 1rem;
    padding-right: 1.1rem;
}

/* Verification Filter Tabs */
.gc-verification-tabs-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.gc-status-tabs {
    display: inline-flex;
    align-items: center;
    background: #edf2f7;
    padding: 0.28rem;
    border-radius: 0.85rem;
    gap: 0.25rem;
    border: 1px solid #e2e8f0;
}

.gc-status-tabs .gc-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.95rem;
    border-radius: 0.65rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    transition: all 0.18s ease-in-out;
    border: 1px solid transparent;
}

.gc-status-tabs .gc-tab-link:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.7);
}

.gc-status-tabs .gc-tab-link.active {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.gc-status-tabs .gc-tab-link.active.gc-tab-success {
    color: #059669;
}

.gc-status-tabs .gc-tab-link.active.gc-tab-failed {
    color: #dc2626;
}

.gc-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.5rem;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 9999px;
    background: #e2e8f0;
    color: #475569;
    font-variant-numeric: tabular-nums;
    transition: all 0.18s ease-in-out;
}

.gc-tab-link.active .gc-tab-badge {
    background: #2563eb;
    color: #ffffff;
}

.gc-tab-link.active.gc-tab-success .gc-tab-badge {
    background: #10b981;
    color: #ffffff;
}

.gc-tab-link.active.gc-tab-failed .gc-tab-badge {
    background: #ef4444;
    color: #ffffff;
}

/* Comprehensive Filters Card */
.gc-filters-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    box-shadow: 0 .25rem .85rem rgba(31, 51, 84, .03);
    padding: 0.85rem 1rem;
    margin-bottom: 1.15rem;
}

.gc-filters-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.gc-filter-item-search {
    flex: 1 1 220px;
    min-width: 180px;
    position: relative;
}

.gc-filter-item-search > i {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8190a6;
    pointer-events: none;
    font-size: 0.9rem;
}

.gc-filter-item-search .form-control {
    background: #f8faff;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem !important;
    color: #202b40;
    font-size: 0.85rem;
    font-weight: 500;
    height: 2.5rem;
    padding-left: 2.35rem;
    padding-right: 2rem;
    transition: all 0.15s ease;
}

.gc-filter-item-search .form-control:focus {
    background: #ffffff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.gc-search-clear {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
}

.gc-search-clear:hover {
    color: #ef4444;
    background: #fee2e2;
}

.gc-filter-item-date {
    display: flex;
    align-items: center;
}

.gc-filter-item-date .input-group {
    background: #f8faff;
    border-radius: 0.65rem;
    border: 1px solid #cbd5e1;
    overflow: hidden;
}

.gc-filter-item-date .input-group-text {
    border: none;
    font-size: 0.78rem;
    background: transparent;
    padding: 0.35rem 0.55rem;
    color: #64748b;
}

.gc-filter-date-input {
    background: #ffffff !important;
    border: none !important;
    height: 2.35rem !important;
    font-size: 0.8rem !important;
    font-weight: 500;
    padding: 0.2rem 0.45rem !important;
    width: 130px;
    font-variant-numeric: tabular-nums;
}

.gc-filter-date-input:focus {
    box-shadow: none !important;
    background: #ffffff !important;
}

.gc-filter-item-branch {
    min-width: 155px;
}

.gc-filter-item-branch .form-select {
    background-color: #f8faff;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem;
    font-size: 0.84rem;
    font-weight: 500;
    height: 2.5rem;
}

.gc-filters-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-left: auto;
}

.gc-filters-actions .btn {
    height: 2.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0 0.85rem;
    border-radius: 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

/* Quick Date Presets Row */
.gc-presets-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid #f1f5f9;
}

.gc-presets-label {
    font-size: 0.73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-right: 0.35rem;
    display: inline-flex;
    align-items: center;
}

.gc-preset-btn {
    font-size: 0.74rem;
    font-weight: 600;
    padding: 0.22rem 0.6rem;
    border-radius: 0.45rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1.3;
}

.gc-preset-btn:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.gc-preset-btn.active {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

/* Active filter tags */
.gc-active-filters-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px dashed #e2e8f0;
}

.gc-active-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #dbeafe;
    padding: 0.18rem 0.55rem;
    border-radius: 0.45rem;
    font-size: 0.74rem;
    font-weight: 500;
}

.gc-active-filter-pill a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    padding: 0 0.15rem;
}

.gc-active-filter-pill a:hover {
    color: #dc2626;
}

.gc-table-failure-reason {
    color: #dc2626 !important;
    background: #fef2f2;
    padding: 0.15rem 0.4rem;
    border-radius: 0.35rem;
    border: 1px solid #fee2e2;
    font-size: 0.72rem !important;
    line-height: 1.25;
}

/* Verification Table Card */
.gc-verification-table-card {
    border: 1px solid #e3e9f1;
    border-radius: 1rem;
    box-shadow: 0 .6rem 1.6rem rgba(30, 48, 80, .05);
    overflow: hidden;
}
.gc-verification-table-card .card-header {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #edf1f6;
    display: flex;
    justify-content: space-between;
    min-height: 4rem;
    padding: .85rem 1.4rem;
}
.gc-verification-table-card .card-title {
    color: #1e283d;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.02em;
}
.gc-table-caption {
    color: #828ea2;
    font-size: .82rem;
    font-weight: 500;
}

.gc-verification-table { min-width: 68rem; }
.gc-verification-table tbody td { padding-bottom: .75rem; padding-top: .75rem; }
.gc-clickable-row { cursor: pointer; }
.gc-clickable-row:focus-visible { outline: 2px solid rgba(0, 158, 247, .4); outline-offset: -2px; position: relative; z-index: 1; }
.gc-clickable-row:hover td { background-color: #f7faff; }
.gc-verification-table .symbol { border-radius: .65rem; overflow: hidden; }

/* Error Log Table Specifics */
.gc-error-table { min-width: 62rem; }
.gc-error-table tbody td { padding-bottom: .72rem; padding-top: .72rem; }
.gc-error-table .gc-col-index { color: #8a96a9; font-size: .84rem; width: 3.5rem; }
.gc-error-table .gc-col-message { max-width: 30rem; min-width: 16rem; }
.gc-error-table .gc-col-device { min-width: 8.5rem; }
.gc-error-table .gc-col-network { min-width: 6.5rem; }
.gc-error-table .gc-col-card { min-width: 9.5rem; }
.gc-error-table .gc-col-date { min-width: 11rem; }
.gc-error-message {
    color: #1f2b42;
    display: -webkit-box;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.gc-device {
    color: #222d42;
    display: block;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}
.gc-device small {
    color: #7b889e;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    margin-top: .1rem;
    text-transform: capitalize;
}

/* Failed Table Specifics */
.gc-failed-table { min-width: 68rem; }
.gc-failed-table .gc-col-index { color: #8a96a9; font-size: .84rem; width: 3.5rem; }
.gc-failure-reason {
    color: #222d42;
    display: -webkit-box;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Verification Detail Page */
.gc-detail-page-actions { display: flex; gap: .65rem; justify-content: space-between; margin-bottom: 1rem; }
.gc-detail-hero { background: linear-gradient(115deg, #fff 0%, #fbfcff 68%, #f3f8ff 100%); border: 1px solid #dfe8f3; box-shadow: 0 .8rem 2rem rgba(37, 50, 74, .065); position: relative; }
.gc-detail-hero::before { background: #2d82ec; content: ''; height: .23rem; left: 0; position: absolute; right: 0; top: 0; }
.gc-detail-hero .card-body { padding: 1.75rem; }
.gc-detail-hero-layout { align-items: center; display: grid; gap: 1.65rem; grid-template-columns: auto minmax(0, 1fr) minmax(15rem, .7fr); }
.gc-detail-photo-wrap { background: #f4f7fb; border: 1px solid #dce5f0; border-radius: 1rem; cursor: zoom-in; overflow: hidden; padding: .3rem; position: relative; text-align: left; }
.gc-detail-photo-trigger { appearance: none; display: block; font: inherit; line-height: inherit; }
.gc-detail-photo { border-radius: .72rem; display: block; height: 11.25rem; object-fit: cover; width: 8.6rem; }
.gc-detail-photo-action { align-items: center; background: rgba(22, 33, 54, .86); bottom: .3rem; color: #fff; display: flex; font-size: .72rem; font-weight: 600; gap: .32rem; justify-content: center; left: .3rem; opacity: 0; padding: .45rem; position: absolute; right: .3rem; transform: translateY(100%); transition: opacity .18s ease, transform .18s ease; }
.gc-detail-photo-wrap:hover .gc-detail-photo-action, .gc-detail-photo-wrap:focus-visible .gc-detail-photo-action { opacity: 1; transform: translateY(0); }
.gc-detail-photo-wrap:focus-visible { outline: 3px solid rgba(45, 130, 236, .36); outline-offset: 3px; }
.gc-detail-identity h2 { color: #202a40; font-size: clamp(1.3rem, 2.6vw, 1.7rem); letter-spacing: -.04em; line-height: 1.1; margin: 0; }
.gc-detail-record-label { color: #8390a5; font-size: .72rem; font-weight: 700; letter-spacing: .065em; margin: 0 0 .38rem; text-transform: uppercase; }
.gc-detail-national-id { font-size: .95rem; margin: .5rem 0 .85rem; }
.gc-detail-status { font-size: .68rem; letter-spacing: .04em; padding: .43rem .58rem; }
.gc-detail-source { color: #7c879c; font-size: .78rem; font-weight: 600; }
.gc-detail-source i, .gc-detail-quick-facts i { color: #4387e6; margin-right: .3rem; }
.gc-detail-quick-facts { display: flex; flex-wrap: wrap; gap: .45rem 1rem; }
.gc-detail-quick-facts span { color: #657188; font-size: .8rem; font-weight: 600; }
.gc-detail-transaction { background: rgba(245, 249, 255, .92); border: 1px solid #dfe8f4; border-radius: .8rem; display: flex; flex-direction: column; gap: .7rem; min-width: 0; padding: 1rem; }
.gc-detail-reference-heading { align-items: center; color: #35445f; display: flex; font-size: .8rem; font-weight: 700; gap: .4rem; margin-bottom: .1rem; }
.gc-detail-reference-heading i { color: #2d82ec; font-size: 1rem; }
.gc-detail-reference-item { border-top: 1px solid #e3eaf4; display: flex; flex-direction: column; gap: .15rem; padding-top: .65rem; }
.gc-detail-reference-item strong { color: #354058; font-size: .84rem; font-weight: 700; overflow-wrap: anywhere; }
.gc-detail-label { color: #8993a6; font-size: .73rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.gc-detail-transaction .gc-code { overflow-wrap: anywhere; white-space: normal; }
.gc-detail-national-id { overflow-wrap: anywhere; white-space: normal; }
.gc-detail-section { border-color: #e1e8f1; box-shadow: 0 .35rem 1rem rgba(35, 49, 71, .03); }
.gc-detail-section .card-header { background: #fbfcfe; border-bottom: 1px solid #e9eef4; min-height: 4rem; padding: .75rem 1.25rem; }
.gc-detail-section .card-title { color: #2b364d; font-size: 1rem; font-weight: 700; margin: 0; }
.gc-detail-section .card-body { padding: 1.1rem 1.25rem; }
.gc-detail-grid { display: grid; gap: .8rem 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gc-detail-grid-single { grid-template-columns: 1fr; }
.gc-detail-item { border-bottom: 1px solid #eff2f6; display: flex; flex-direction: column; gap: .16rem; min-height: 3.1rem; padding-bottom: .65rem; }
.gc-detail-item:last-child { border-bottom: 0; padding-bottom: 0; }
.gc-detail-item span { color: #8993a6; font-size: .76rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.gc-detail-item strong, .gc-detail-item time { color: #344057; font-size: .89rem; font-weight: 600; line-height: 1.3; }
.gc-detail-disclosure { background: #fff; border: 1px solid #e6ebf3; border-radius: 1rem; overflow: hidden; }
.gc-detail-disclosure summary { align-items: center; color: #2e3a51; cursor: pointer; display: flex; font-size: .95rem; font-weight: 700; justify-content: space-between; list-style: none; padding: 1.05rem 1.25rem; }
.gc-detail-disclosure summary::-webkit-details-marker { display: none; }
.gc-detail-disclosure summary i { color: #3683e9; margin-right: .45rem; }
.gc-detail-disclosure-hint { color: #7c879a; font-size: .76rem; font-weight: 600; }
.gc-detail-disclosure[open] .gc-detail-disclosure-hint { font-size: 0; }
.gc-detail-disclosure[open] .gc-detail-disclosure-hint::after { content: 'Collapse'; font-size: .76rem; }
.gc-detail-disclosure-content { border-top: 1px solid #edf0f5; padding: 1.25rem; }
.gc-detail-subsection h3 { color: #2e3950; font-size: .92rem; font-weight: 700; margin: 0 0 .85rem; }
.gc-address-list { display: grid; gap: .65rem; }
.gc-address-card { background: #f8faff; border: 1px solid #edf1f6; border-radius: .65rem; display: flex; flex-direction: column; gap: .22rem; padding: .75rem; }
.gc-address-card strong { color: #37435a; font-size: .84rem; }
.gc-address-card span, .gc-address-card small { color: #778297; font-size: .79rem; }

/* Photo Viewer */
.gc-photo-viewer { align-items: center; display: flex; inset: 0; justify-content: center; opacity: 0; padding: 1.25rem; pointer-events: none; position: fixed; transition: opacity .2s ease; visibility: hidden; z-index: var(--gc-z-photo-viewer); }
.gc-photo-viewer.show { opacity: 1; pointer-events: auto; visibility: visible; }
body.gc-photo-viewer-open { overflow: hidden; }
.gc-photo-viewer-backdrop { background: rgba(17, 25, 39, .76); inset: 0; position: absolute; }
.gc-photo-viewer-dialog { background: #fff; border: 1px solid rgba(255, 255, 255, .22); border-radius: 1rem; box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .35); display: flex; flex-direction: column; max-height: calc(100dvh - 2.5rem); max-width: min(100%, 46rem); overflow: hidden; position: relative; width: 100%; }
.gc-photo-viewer-header { align-items: center; border-bottom: 1px solid #e6ebf2; display: flex; justify-content: space-between; padding: 1rem 1.2rem; }
.gc-photo-viewer-header h2 { color: #273249; font-size: 1.05rem; font-weight: 700; margin: 0; }
.gc-photo-viewer-body { align-items: center; background: #152035; display: flex; justify-content: center; min-height: 0; overflow: auto; padding: 1rem; }
.gc-photo-viewer-body img { height: auto; max-height: calc(100dvh - 10rem); max-width: 100%; object-fit: contain; width: auto; }

/* Error Drawer */
.gc-error-drawer { background: #fff; bottom: 0; box-shadow: -1.25rem 0 2.5rem rgba(27, 40, 64, .18); display: flex; flex-direction: column; position: fixed; right: 0; top: 0; transform: translateX(105%); transition: transform .24s ease, visibility .24s ease; visibility: hidden; width: min(100vw, 34rem); z-index: var(--gc-z-drawer); }
.gc-error-drawer.show { transform: translateX(0); visibility: visible; }
body.gc-drawer-open { overflow: hidden; }
.gc-error-drawer-backdrop { background: rgba(24, 33, 50, .38); inset: 0; position: fixed; z-index: var(--gc-z-drawer-backdrop); }
.gc-error-drawer .offcanvas-header { border-bottom: 1px solid #e9edf3; padding: 1.25rem; }
.gc-error-drawer .offcanvas-title { color: #273249; font-size: 1.25rem; font-weight: 700; letter-spacing: -.025em; }
.gc-error-drawer .offcanvas-body { flex: 1 1 auto; overflow-y: auto; padding: 1.25rem; }
.gc-error-drawer-section { border-bottom: 1px solid #e9edf3; padding: 0 0 1.15rem; }
.gc-error-drawer-section + .gc-error-drawer-section { padding-top: 1.15rem; }
.gc-error-drawer-message { background: #f8faff; border: 1px solid #e9eef5; border-radius: .7rem; color: #344057; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .79rem; line-height: 1.55; margin-top: .5rem; overflow-wrap: anywhere; padding: .85rem; white-space: normal; }
.gc-error-drawer-meta { display: grid; gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.15rem 0 0; }
.gc-error-drawer-meta div { background: #fff; border: 1px solid #edf0f5; border-radius: .65rem; min-width: 0; padding: .7rem; }
.gc-error-drawer-meta dt { color: #8993a6; font-size: .7rem; font-weight: 700; letter-spacing: .055em; margin: 0 0 .18rem; text-transform: uppercase; }
.gc-error-drawer-meta dd { color: #354058; font-size: .86rem; font-weight: 600; margin: 0; overflow-wrap: anywhere; }

/* ==========================================================================
   Modernized Navigation Rail & Aside
   ========================================================================== */
#kt_aside.gc-aside {
    background: linear-gradient(180deg, #0e1320 0%, #0a0e17 50%, #060910 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.065);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
}

#kt_aside.gc-aside .gc-aside-logo {
    align-items: center;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 7.75rem;
    padding: 1.25rem 0.75rem 1rem;
    position: relative;
}

.gc-aside-brand {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.gc-aside-brand:hover {
    color: #f1f5f9;
    transform: translateY(-1px);
}

.gc-aside-brand-mark-wrap {
    align-items: center;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.15rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    display: flex;
    height: 3.85rem;
    justify-content: center;
    position: relative;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    width: 3.85rem;
}

.gc-aside-brand:hover .gc-aside-brand-mark-wrap {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transform: scale(1.03);
}

.gc-aside-brand-mark {
    background: #ffffff;
    border-radius: 0.85rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    height: 3.25rem;
    object-fit: contain;
    padding: 0.2rem;
    width: 3.25rem;
}

.gc-aside-brand-caption {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: #94a3b8;
    display: inline-flex;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.2;
    padding: 0.22rem 0.55rem;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.gc-aside-brand:hover .gc-aside-brand-caption {
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(96, 165, 250, 0.3);
    color: #93c5fd;
}

#kt_aside.gc-aside .aside-menu {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

#kt_aside.gc-aside .aside-menu .hover-scroll-overlay-y {
    margin: 0.5rem 0 !important;
    padding: 0.25rem 0 0.75rem;
}

#kt_aside.gc-aside .gc-aside-nav {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

#kt_aside.gc-aside .gc-aside-nav > .menu-item {
    padding: 0;
}

/* Subtle group dividers between navigation sections */
.gc-aside-divider {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.12) 50%, transparent 100%);
    height: 1px;
    margin: 0.5rem auto;
    width: 3.25rem;
}

/* Modern navigation items */
#kt_aside.gc-aside .aside-menu .gc-aside-link {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    color: #8895ad;
    display: flex;
    flex-direction: column;
    height: 4.15rem;
    justify-content: center;
    margin: 0 auto;
    padding: 0.45rem 0.35rem;
    position: relative;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 6.15rem;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link .menu-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0.25rem;
    width: auto;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link .menu-icon i {
    color: #6c7996;
    font-size: 1.4rem !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#kt_aside.gc-aside .aside-menu .gc-aside-link .menu-title {
    color: inherit;
    font-size: 0.71rem;
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: 1.15;
    text-align: center;
    transition: color 0.2s ease, font-weight 0.2s ease;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
    transform: translateY(-1px);
}

#kt_aside.gc-aside .aside-menu .gc-aside-link:hover .menu-icon i {
    color: #93c5fd;
    transform: translateY(-1px);
}

#kt_aside.gc-aside .aside-menu .gc-aside-link.active {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.22) 0%, rgba(14, 165, 233, 0.12) 100%);
    border-color: rgba(56, 189, 248, 0.32);
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link.active::before {
    background: #38bdf8;
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.85);
    content: '';
    height: 1.6rem;
    left: 0.22rem;
    position: absolute;
    top: calc(50% - 0.8rem);
    width: 0.22rem;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link.active .menu-icon i {
    color: #38bdf8;
    filter: drop-shadow(0 2px 6px rgba(56, 189, 248, 0.45));
    transform: translateY(-1px);
}

#kt_aside.gc-aside .aside-menu .gc-aside-link.active .menu-title {
    color: #ffffff;
    font-weight: 700;
}

#kt_aside.gc-aside .aside-menu .gc-aside-link:focus-visible {
    outline: 2px solid #38bdf8;
    outline-offset: 2px;
}

/* Sidebar Footer (Solves the empty space) */
.gc-aside-footer {
    align-items: center;
    background: rgba(0, 0, 0, 0.28);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-top: auto;
    padding: 0.85rem 0.5rem 1.15rem;
    position: relative;
    width: 100%;
}

.gc-aside-status {
    align-items: center;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.22);
    border-radius: 999px;
    color: #34d399;
    cursor: default;
    display: inline-flex;
    font-size: 0.61rem;
    font-weight: 700;
    gap: 0.38rem;
    letter-spacing: 0.05em;
    padding: 0.22rem 0.6rem;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.gc-aside-status:hover {
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.35);
}

.gc-status-indicator {
    display: flex;
    height: 0.45rem;
    position: relative;
    width: 0.45rem;
}

.gc-status-dot {
    background: #10b981;
    border-radius: 50%;
    height: 0.45rem;
    position: absolute;
    width: 0.45rem;
}

.gc-status-ping {
    animation: gc-status-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
    background: #34d399;
    border-radius: 50%;
    height: 0.45rem;
    opacity: 0.75;
    position: absolute;
    width: 0.45rem;
}

@keyframes gc-status-ping {
    75%, 100% {
        opacity: 0;
        transform: scale(2.4);
    }
}

.gc-aside-footer-actions {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.gc-aside-user-btn {
    align-items: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.75rem;
    display: inline-flex;
    height: 2.55rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 2.55rem;
}

.gc-aside-user-btn:hover {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.35);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
    transform: translateY(-1px);
}

.gc-aside-user-btn img {
    border-radius: 0.55rem;
    height: 2.1rem;
    object-fit: cover;
    transition: opacity 0.2s ease;
    width: 2.1rem;
}

.gc-aside-user-btn .gc-aside-logout-hint {
    align-items: center;
    background: rgba(220, 38, 38, 0.9);
    border-radius: 0.75rem;
    color: #ffffff;
    display: flex;
    font-size: 0.95rem;
    height: 100%;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s ease;
    width: 100%;
}

.gc-aside-user-btn:hover .gc-aside-logout-hint {
    opacity: 1;
}

.gc-aside-version {
    color: #4b556b;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* ==========================================================================
   Modernized Top Bar User Menu & Dropdown (Fixes Screenshot 1)
   ========================================================================== */
.gc-user-avatar-trigger {
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    height: 2.6rem;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 2.6rem;
}

.gc-user-avatar-trigger:hover {
    border-color: #3b82f6;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
    transform: scale(1.04);
}

.gc-user-avatar-trigger img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.gc-user-dropdown {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.04);
    min-width: 17rem !important;
    padding: 0.5rem 0 !important;
    width: 17rem !important;
}

.gc-user-dropdown-header {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.gc-user-dropdown-avatar {
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    flex-shrink: 0;
    height: 2.6rem;
    object-fit: cover;
    width: 2.6rem;
}

.gc-user-dropdown-name {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gc-user-dropdown-role {
    align-items: center;
    display: flex;
    gap: 0.4rem;
    margin-top: 0.25rem;
}

.gc-user-role-badge {
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 0.35rem;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.15rem 0.45rem;
    text-transform: capitalize;
}

.gc-user-staff-id {
    color: #64748b;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
}

.gc-user-dropdown-signout {
    align-items: center;
    border-radius: 0.55rem;
    color: #ef4444 !important;
    display: flex;
    font-size: 0.84rem;
    font-weight: 600;
    gap: 0.55rem;
    margin: 0 0.5rem;
    padding: 0.55rem 0.75rem !important;
    transition: all 0.15s ease;
}

.gc-user-dropdown-signout:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

.gc-user-dropdown-signout i {
    color: #ef4444;
    font-size: 1rem;
    transition: transform 0.15s ease;
}

.gc-user-dropdown-signout:hover i {
    transform: translateX(2px);
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .card-body { padding: 1rem; }
    .gc-search { width: 100%; }
    .gc-page-toolbar { align-items: stretch !important; }
    .gc-dashboard-intro { align-items: stretch; flex-direction: column; }
    .gc-dashboard-cta { justify-content: center; }
    .gc-dashboard-chart-header { align-items: flex-start; flex-direction: column; gap: .8rem; padding: 1rem; }
    .gc-dashboard-chart-body { min-height: 20rem; padding: .35rem .5rem .75rem; }
    .gc-verification-chart { height: 19rem; }
    .gc-footer-copy { justify-content: center; text-align: center; }
    .gc-log-overview, .gc-list-overview { align-items: flex-start; padding: 1rem; }
    .gc-log-overview-count { min-width: 5.5rem; }
    .gc-log-overview p:last-child, .gc-list-overview-heading p:last-child { font-size: .8rem; }
    .gc-list-toolbar { flex-direction: column; gap: .5rem; padding: .45rem; }
    .gc-list-toolbar .card-toolbar, .gc-list-toolbar .btn { width: 100%; }
    .gc-list-toolbar .btn { justify-content: center; }
    .gc-list-search { max-width: none; }
    .gc-verification-tabs-bar { flex-direction: column; align-items: stretch; }
    .gc-status-tabs { width: 100%; justify-content: stretch; }
    .gc-status-tabs .gc-tab-link { flex: 1 1 auto; justify-content: center; padding: 0.45rem 0.5rem; font-size: 0.78rem; }
    .gc-filters-grid { flex-direction: column; align-items: stretch; }
    .gc-filter-item-search, .gc-filter-item-date, .gc-filter-item-branch, .gc-filters-actions { width: 100%; }
    .gc-filter-item-date .input-group { width: 100%; }
    .gc-filter-date-input { width: 100%; }
    .gc-filters-actions { justify-content: flex-end; }
    .gc-verification-table-card .card-header { padding: 1rem; }
    .gc-detail-page-actions { flex-wrap: wrap; }
    .gc-detail-page-actions .btn { flex: 1 1 auto; }
    .gc-detail-hero .card-body { padding: 1rem; }
    .gc-detail-hero-layout { align-items: flex-start; gap: 1rem; grid-template-columns: 4.75rem minmax(0, 1fr); }
    .gc-detail-photo { height: 6.2rem; width: 4.25rem; }
    .gc-detail-photo-action { font-size: .62rem; opacity: 1; padding: .28rem; transform: translateY(0); }
    .gc-detail-transaction { grid-column: 1 / -1; padding: .85rem; }
    .gc-detail-grid { gap: .7rem; grid-template-columns: 1fr; }
    .gc-detail-section .card-body, .gc-detail-disclosure-content { padding: 1rem; }
    .gc-error-drawer-meta { grid-template-columns: 1fr; }
    .gc-error-drawer { width: 100%; }
    .gc-verification-table-card .table-responsive { overflow: visible; }
    .gc-verification-table, .gc-error-table, .gc-failed-table { min-width: 0; }
    .gc-verification-table thead, .gc-error-table thead, .gc-failed-table thead { display: none; }
    .gc-verification-table, .gc-error-table, .gc-failed-table,
    .gc-verification-table tbody, .gc-error-table tbody, .gc-failed-table tbody,
    .gc-verification-table tr, .gc-error-table tr, .gc-failed-table tr { display: block; width: 100%; }
    .gc-verification-table tbody tr, .gc-error-table tbody tr, .gc-failed-table tbody tr { border-bottom: 1px solid #e9edf4; padding: .85rem .95rem; }
    .gc-verification-table tbody tr:last-child, .gc-error-table tbody tr:last-child, .gc-failed-table tbody tr:last-child { border-bottom: 0; }
    .gc-verification-table tbody td, .gc-error-table tbody td, .gc-failed-table tbody td { align-items: start; border: 0 !important; display: grid; gap: .75rem; grid-template-columns: minmax(6.75rem, 38%) minmax(0, 1fr); padding: .4rem 0 !important; text-align: left !important; }
    .gc-verification-table tbody td::before, .gc-error-table tbody td::before, .gc-failed-table tbody td::before { color: #7d879a; content: attr(data-label); font-size: .75rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
    .gc-verification-table tbody td:first-child, .gc-error-table tbody td:first-child, .gc-failed-table tbody td:first-child { display: block; padding-bottom: .75rem !important; }
    .gc-verification-table tbody td:first-child::before, .gc-error-table tbody td:first-child::before, .gc-failed-table tbody td:first-child::before { content: none; }
    .gc-verification-table tbody td:last-child, .gc-error-table tbody td:last-child, .gc-failed-table tbody td:last-child { display: flex; justify-content: flex-end; padding-top: .65rem !important; }
    .gc-verification-table tbody td:last-child::before, .gc-error-table tbody td:last-child::before, .gc-failed-table tbody td:last-child::before { content: none; }
    .gc-error-message, .gc-failure-reason { -webkit-line-clamp: 3; max-width: none; }
}

@media print {
    .gc-photo-viewer, .gc-detail-photo-action { display: none !important; }
}

@media (max-width: 991.98px) {
    .gc-data-table tbody td { padding: .75rem .65rem; }
    .gc-actions { min-width: 0; }
    #kt_aside.gc-aside .gc-aside-brand-caption,
    #kt_aside.gc-aside .gc-aside-status,
    #kt_aside.gc-aside .gc-aside-version { display: none; }
}

/* ==========================================================================
   Modern Header, Toolbar & Breadcrumbs
   ========================================================================== */
.gc-header {
    background: #ffffff;
    border-bottom: 1px solid #edf2f7;
    height: 4.25rem !important;
    min-height: 4.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.gc-header-brand-badge {
    align-items: center;
    background: #f0f7ff;
    border: 1px solid #dbeafe;
    border-radius: 0.65rem;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.4rem 0.85rem;
}

.gc-header-status-pill {
    align-items: center;
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    border-radius: 999px;
    color: #15803d;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 600;
    gap: 0.45rem;
    padding: 0.32rem 0.75rem;
}

.gc-header-date {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    color: #475569;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
}

/* Dedicated Modern Toolbar */
.gc-toolbar {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
    padding: 0.85rem 0;
}

.gc-breadcrumb-link {
    color: #64748b !important;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    transition: color 0.15s ease;
    display: inline-flex;
    align-items: center;
}

.gc-breadcrumb-link:hover {
    color: #2563eb !important;
}

.gc-breadcrumb-sep {
    font-size: 0.62rem;
    color: #94a3b8;
    margin: 0 0.5rem;
}

.gc-breadcrumb-current {
    color: #1e293b;
    font-size: 0.82rem;
    font-weight: 600;
}

.gc-toolbar-date {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* ==========================================================================
   Modern Settings Page Elements
   ========================================================================== */
.gc-settings-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.gc-endpoint-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.gc-endpoint-option {
    border: 2px solid #e2e8f0;
    border-radius: 0.85rem;
    padding: 1.15rem;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: #ffffff;
    position: relative;
}

.gc-endpoint-option:hover {
    border-color: #93c5fd;
    background: #f8fafc;
}

.gc-endpoint-option.active {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
}

.gc-endpoint-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    background: #e2e8f0;
    color: #475569;
    transition: all 0.2s ease;
}

.gc-endpoint-option.active .gc-endpoint-icon {
    background: #2563eb;
    color: #ffffff;
}

.gc-endpoint-title {
    font-weight: 700;
    font-size: 0.95rem;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.gc-endpoint-desc {
    font-size: 0.78rem;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
}

.gc-config-summary-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.gc-config-item {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 0.85rem;
    margin-bottom: 0.85rem;
}

.gc-config-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   Error Log Cause Badges
   ========================================================================== */
.gc-error-cause-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.22rem 0.55rem;
    border-radius: 0.45rem;
    margin-bottom: 0.3rem;
}

.gc-error-cause-pill.timeout {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

.gc-error-cause-pill.auth {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.gc-error-cause-pill.server {
    background: #faf5ff;
    color: #6b21a8;
    border: 1px solid #e9d5ff;
}

.gc-error-cause-pill.network {
    background: #f0f9ff;
    color: #0369a1;
    border: 1px solid #bae6fd;
}

.gc-error-cause-pill.not-found {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.gc-error-cause-pill.generic {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fee2e2;
}

/* ==========================================================================
   Modern Badges and Table Utilities
   ========================================================================== */
.badge-role-admin {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-weight: 600;
}

.badge-role-supervisor {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
    font-weight: 600;
}

.badge-role-staff {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
    font-weight: 600;
}
/* ==========================================================================
   ENTERPRISE IDENTITY VERIFICATION PORTAL DESIGN SYSTEM
   ========================================================================== */

/* Universal Enterprise Font & Antialiasing */
body, input, button, select, textarea, .table, .card, .btn, .menu, .form-control, h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

/* Page Background */
body#kt_body,
.wrapper,
#kt_content {
    background-color: #F8FAFC !important;
}

/* Sidebar Overhaul */
#kt_aside.gc-advisian-aside {
    background: #FFFFFF !important;
    border-right: 1px solid #E2E8F0 !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    #kt_aside.gc-advisian-aside {
        width: 260px !important;
    }

    .aside-enabled.aside-fixed .wrapper {
        padding-left: 260px !important;
    }

    #kt_header.gc-advisian-header {
        left: 260px !important;
        height: 70px !important;
        background-color: #FFFFFF !important;
        border-bottom: 1px solid #E2E8F0 !important;
        box-shadow: none !important;
    }

    #kt_toolbar {
        left: 260px !important;
        background-color: #FFFFFF !important;
        border-bottom: 1px solid #E2E8F0 !important;
    }
}

@media (max-width: 991.98px) {
    #kt_aside.gc-advisian-aside {
        width: 260px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    }
}

/* Aside Brand Header */
.gc-advisian-aside-logo {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #F1F5F9;
}

.gc-advisian-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.gc-advisian-brand-logo {
    display: block;
    height: 2.35rem;
    object-fit: contain;
    object-position: left center;
    width: 10.5rem;
}

.gc-advisian-brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #EFF6FF;
    border: 1px solid #DBEAFE;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gc-advisian-brand-title {
    font-size: 18px;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.gc-advisian-brand-sub {
    font-size: 9.5px;
    font-weight: 700;
    color: #94A3B8;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

/* Navigation Section Headers */
.gc-nav-section-title {
    font-size: 10.5px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 14px 4px 14px;
}

.gc-advisian-menu {
    display: flex;
    flex-direction: column;
}

.gc-advisian-nav {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.gc-advisian-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    border-radius: 10px;
    color: #475569;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    transition: all 0.15s ease-in-out;
}

.gc-advisian-nav-icon {
    font-size: 17px;
    color: #64748B;
    transition: color 0.15s ease-in-out;
    width: 20px;
    text-align: center;
}

.gc-advisian-nav-link:hover {
    background-color: #F8FAFC;
    color: #0F172A;
}

.gc-advisian-nav-link:hover .gc-advisian-nav-icon {
    color: #0F172A;
}

.gc-advisian-nav-link.active {
    background-color: #EFF6FF !important;
    color: #1D4ED8 !important;
    font-weight: 600 !important;
}

.gc-advisian-nav-link.active .gc-advisian-nav-icon {
    color: #2563EB !important;
}

/* Aside Footer - Pinned User Session Card */
.gc-advisian-aside-footer {
    margin-top: auto;
    padding: 14px;
    border-top: 1px solid #F1F5F9;
    background: #FFFFFF;
}

.gc-aside-user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
}

.gc-aside-user-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #E2E8F0;
}

.gc-aside-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gc-aside-user-info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.gc-aside-user-name {
    font-size: 12.5px;
    font-weight: 600;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gc-aside-user-role {
    font-size: 11px;
    color: #64748B;
}

.gc-aside-logout-btn {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.gc-aside-logout-btn:hover {
    background: #FEF2F2;
    color: #DC2626;
}

/* Header Elements */
.gc-advisian-search-form {
    align-items: center;
    display: flex;
    position: relative;
    width: min(34vw, 32rem);
}

@media (max-width: 767.98px) {
    .gc-advisian-search-form {
        width: min(57vw, 18rem);
    }
    .gc-advisian-search-shortcut { display: none; }
    .gc-advisian-search-submit { right: .4rem; }
    .gc-advisian-search-input { padding-right: 2.5rem; }
}

.gc-topbar-context { border-right: 1px solid var(--gc-line); flex-direction: column; margin-right: 1.1rem; padding-right: 1.1rem; white-space: nowrap; }
.gc-topbar-context span { color: #7a879b; font-size: .64rem; font-weight: 800; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.gc-topbar-context strong { color: var(--gc-ink); font-size: .8rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.35; }

.gc-advisian-search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 14px;
    pointer-events: none;
}

.gc-advisian-search-input {
    width: 100%;
    height: 40px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 0 5.4rem 0 38px;
    font-size: 13px;
    color: #0F172A;
    outline: none;
    transition: all 0.2s ease;
}

.gc-advisian-search-submit { align-items: center; background: transparent; border: 0; border-radius: .45rem; color: #5b6b85; display: inline-flex; height: 1.8rem; justify-content: center; padding: 0; position: absolute; right: 2.15rem; transition: background .15s ease, color .15s ease; width: 1.8rem; }
.gc-advisian-search-submit:hover { background: #e8f0ff; color: var(--gc-brand); }
.gc-advisian-search-shortcut { background: #edf1f7; border: 1px solid #dce3ed; border-radius: .3rem; color: #6d7a90; font-family: 'DM Mono', monospace; font-size: .67rem; font-weight: 500; line-height: 1; padding: .25rem .38rem; pointer-events: none; position: absolute; right: .6rem; }

/* Export actions state their scope and make each destination easy to scan. */
.gc-export-trigger { align-items: center; display: inline-flex; font-weight: 700; gap: .25rem; }
.gc-export-menu { min-width: 14.75rem; padding: .45rem !important; }
.gc-export-menu-heading { border-bottom: 1px solid #e6ebf3; display: flex; flex-direction: column; gap: .08rem; padding: .55rem .7rem .65rem; }
.gc-export-menu-heading strong { color: var(--gc-ink); font-size: .76rem; font-weight: 800; }
.gc-export-menu-heading span { color: var(--gc-slate); font-size: .67rem; }
.gc-export-option { align-items: center; background: transparent; border: 0; border-radius: .45rem; display: flex !important; font: inherit; gap: .65rem; text-align: left; width: 100%; }
.gc-export-option:hover, .gc-export-option:focus-visible { background: #f1f5fb; color: var(--gc-ink); outline: 0; }
.gc-export-option i { font-size: .92rem; width: 1rem; }
.dropdown-menu .dropdown-header { color: #6b7890; font-size: .65rem; font-weight: 800; letter-spacing: .075em; padding: .65rem 1rem .4rem; text-transform: uppercase; }
.dropdown-menu .gc-export-option { color: #354158; font-size: .8rem; font-weight: 650; }
.dropdown-menu .gc-export-option:hover { background: #f1f5fb; color: var(--gc-brand-dark); }

.gc-advisian-search-input::placeholder {
    color: #94A3B8;
}

.gc-advisian-search-input:focus {
    background: #FFFFFF;
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.gc-header-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #F0FDF4;
    border: 1px solid #DCFCE7;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 600;
    color: #166534;
}

.gc-header-date {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    font-weight: 500;
    color: #64748B;
}

.gc-advisian-avatar-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #E2E8F0;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.gc-advisian-avatar-btn:hover {
    border-color: #2563EB;
}

.gc-advisian-avatar-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dashboard Greeting */
.gc-advisian-dashboard {
    padding: 12px 0 28px 0;
}

.gc-advisian-welcome-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.gc-advisian-welcome-title {
    font-size: 26px;
    font-weight: 800;
    color: #0F172A;
    margin: 0;
    letter-spacing: -0.02em;
}

.gc-advisian-welcome-sub {
    font-size: 13.5px;
    color: #64748B;
    margin: 4px 0 0 0;
}

.gc-advisian-btn-download {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #334155;
    font-weight: 600;
    font-size: 13px;
    border-radius: 10px;
    padding: 9px 18px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: all 0.15s ease;
}

.gc-advisian-btn-download:hover {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}

.gc-advisian-btn-action {
    background: #1D4ED8;
    background: linear-gradient(135deg, #1D4ED8 0%, #2563EB 100%);
    border: none;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 13px;
    border-radius: 10px;
    padding: 9px 20px;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.22);
    transition: all 0.15s ease;
}

.gc-advisian-btn-action:hover {
    background: #1E40AF;
    color: #FFFFFF;
    box-shadow: 0 5px 14px rgba(37, 99, 235, 0.32);
}

/* Stat Cards */
.gc-advisian-stat-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
    min-height: 102px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.gc-advisian-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    border-color: #CBD5E1;
}

.gc-advisian-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    margin-right: 16px;
}

.gc-stat-icon-blue {
    background-color: #EFF6FF;
    color: #2563EB;
}

.gc-stat-icon-teal {
    background-color: #ECFDF5;
    color: #059669;
}

.gc-stat-icon-red {
    background-color: #FEF2F2;
    color: #DC2626;
}

.gc-stat-icon-purple {
    background-color: #F5F3FF;
    color: #7C3AED;
}

.gc-advisian-stat-label {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748B;
    margin-bottom: 2px;
    display: block;
}

.gc-advisian-stat-value {
    font-size: 26px;
    font-weight: 800;
    color: #0F172A;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.gc-advisian-stat-trend {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 9999px;
    font-size: 11.5px;
    font-weight: 600;
    flex-shrink: 0;
}

.gc-trend-blue {
    background-color: #EFF6FF;
    border: 1px solid #DBEAFE;
    color: #1D4ED8;
}

.gc-trend-green {
    background-color: #ECFDF5;
    border: 1px solid #A7F3D0;
    color: #047857;
}

.gc-trend-red {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #B91C1C;
}

.gc-trend-purple {
    background-color: #F5F3FF;
    border: 1px solid #DDD6FE;
    color: #6D28D9;
}

/* Cards Across Enterprise Portal */
.gc-advisian-card,
.card.gc-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 22px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

.gc-advisian-card-header {
    margin-bottom: 18px;
}

.gc-advisian-card-title {
    font-size: 15.5px;
    font-weight: 700;
    color: #0F172A;
    margin: 0;
    letter-spacing: -0.01em;
}

.gc-advisian-view-all {
    font-size: 13px;
    font-weight: 600;
    color: #2563EB;
    text-decoration: none;
    transition: color 0.15s ease;
}

.gc-advisian-view-all:hover {
    color: #1D4ED8;
    text-decoration: underline;
}

/* Segmented Tabs */
.gc-advisian-segmented-tabs {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #F8FAFC;
    padding: 3px;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
}

.gc-advisian-segmented-btn {
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
}

.gc-advisian-segmented-btn:hover {
    color: #0F172A;
}

.gc-advisian-segmented-btn.active {
    background: #FFFFFF !important;
    color: #0F172A !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
}

.gc-advisian-chart {
    width: 100%;
    height: 260px;
}

/* Branch Volume Progress List */
.gc-advisian-progress-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-advisian-branch-name {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.gc-advisian-branch-pct {
    font-size: 12.5px;
    font-weight: 700;
    color: #2563EB;
}

.gc-advisian-progress-track {
    width: 100%;
    height: 7px;
    background: #F1F5F9;
    border-radius: 9999px;
    overflow: hidden;
}

.gc-advisian-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #3B82F6 0%, #1D4ED8 100%);
    border-radius: 9999px;
    transition: width 0.6s ease;
}

/* Universal Enterprise Table Styling */
.gc-advisian-table,
.table.gc-table,
table.dataTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.gc-advisian-table thead th,
.table.gc-table thead th,
table.dataTable thead th {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    background: #F8FAFC !important;
    white-space: nowrap !important;
}

.gc-advisian-table tbody td,
.table.gc-table tbody td,
table.dataTable tbody td {
    font-size: 13px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    color: #1E293B !important;
    vertical-align: middle !important;
}

.gc-advisian-table tbody tr:hover td,
.table.gc-table tbody tr:hover td,
table.dataTable tbody tr:hover td {
    background-color: #F8FAFC !important;
}

/* Status Badges */
.gc-advisian-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 9999px;
    font-size: 11.5px;
    font-weight: 600;
}

.gc-advisian-status-badge.status-success {
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    color: #047857;
}

.gc-advisian-status-badge.status-failed {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #B91C1C;
}

.gc-btn-row-action {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.gc-btn-row-action:hover {
    background: #EFF6FF !important;
}

.gc-btn-row-action:hover i {
    color: #2563EB !important;
}

/* ==========================================================================
   ENTERPRISE OVERRIDES FOR ALL INNER PORTAL PAGES
   ========================================================================== */

/* Stat Cards on Inner Pages */
.gc-stat-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    padding: 18px 20px !important;
}

.gc-stat-card-primary {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

.gc-stat-card-primary .gc-stat-card-label {
    color: #64748B !important;
}

.gc-stat-card-primary .gc-stat-card-value {
    color: #0F172A !important;
}

.gc-stat-card-primary .gc-stat-card-note {
    color: #94A3B8 !important;
}

.gc-stat-card-primary::after {
    display: none !important;
}

/* Page Header & Overview Banners */
.gc-log-overview,
.gc-list-overview {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    padding: 20px 24px !important;
}

.gc-log-overview::after,
.gc-list-overview::after {
    display: none !important;
}

.gc-log-overview h2,
.gc-list-overview-heading h2 {
    color: #0F172A !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    letter-spacing: -0.02em !important;
    margin: 4px 0 !important;
}

.gc-dashboard-eyebrow {
    color: #2563EB !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.gc-log-overview-count {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 8px 16px !important;
}

.gc-log-overview-count strong {
    color: #0F172A !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

/* Filter Card & Controls */
.gc-filters-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02) !important;
    padding: 16px 20px !important;
}

.gc-status-tabs {
    background: #F1F5F9 !important;
    border-radius: 12px !important;
    padding: 4px !important;
    border: 1px solid #E2E8F0 !important;
}

.gc-tab-link {
    border-radius: 9px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #64748B !important;
    transition: all 0.15s ease !important;
}

.gc-tab-link.active {
    background: #FFFFFF !important;
    color: #0F172A !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
    font-weight: 600 !important;
}

.gc-tab-link.gc-tab-success.active {
    color: #047857 !important;
}

.gc-tab-link.gc-tab-failed.active {
    color: #B91C1C !important;
}

/* Breadcrumbs Toolbar */
.gc-toolbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 12px 0 !important;
}

.gc-breadcrumb-link {
    color: #64748B !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.gc-breadcrumb-link:hover {
    color: #2563EB !important;
}

.gc-breadcrumb-current {
    color: #0F172A !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Form Controls */
.form-control, .form-select {
    border: 1px solid #CBD5E1 !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
}

.form-control:focus, .form-select:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

/* Detail Card and Drawer */
.gc-detail-card, .gc-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

/* ==========================================================================\n+   Portal foundation: shared enterprise controls and authentication surface\n+   ========================================================================== */
:root {
    --gc-ink: #172033;
    --gc-slate: #5d6b82;
    --gc-line: #dce3ed;
    --gc-surface: #ffffff;
    --gc-canvas: #f5f7fb;
    --gc-brand: #1d4ed8;
    --gc-brand-dark: #173d9f;
    --bs-body-font-family: 'Manrope', sans-serif;
    --bs-font-sans-serif: 'Manrope', sans-serif;
}

body { color: var(--gc-ink); font-family: 'Manrope', sans-serif; }
.gc-code, .font-monospace, .gc-advisian-stat-value, .gc-stat-value, time { font-variant-numeric: tabular-nums; }
.gc-skip-link { background: var(--gc-ink); border-radius: .4rem; color: #fff; left: 1rem; padding: .65rem .9rem; position: fixed; top: -4rem; transition: top .15s ease; z-index: 2000; }
.gc-skip-link:focus { color: #fff; top: 1rem; }
:focus-visible { outline: 3px solid rgba(29, 78, 216, .35); outline-offset: 2px; }
.gc-advisian-nav-link:focus-visible, .gc-aside-logout-btn:focus-visible { outline-color: rgba(255,255,255,.82); }

/* Form views retain their current fields while gaining a common task surface. */
#kt_content .card > .card-body > .form,
#kt_content .card > .card-body > .row { max-width: 56rem; margin-left: auto; margin-right: auto; }
#kt_content .card > .card-body > .form .col-2 { display: none; }
#kt_content .card > .card-body > .form .col-8 { width: 100%; }
#kt_content .card > .card-body > .form .mb-15 { margin-bottom: 2.5rem !important; }
#kt_content .card > .card-body > .form .form-label { color: #34415a; font-size: .82rem; font-weight: 700; letter-spacing: .01em; }
#kt_content .card > .card-body > .form .form-control,
#kt_content .card > .card-body > .form .form-select { background: #fff; min-height: 2.9rem; }
#kt_content .card > .card-body > .form .separator { border-color: var(--gc-line) !important; }
.gc-portal-form-card { max-width: 66rem; margin-left: auto; margin-right: auto; }
.gc-portal-form-card > .card-body { padding: clamp(1.5rem, 3vw, 2.75rem); }
.gc-portal-form-heading { border-bottom: 1px solid var(--gc-line); margin: 0 auto 2rem; max-width: 56rem; padding-bottom: 1.5rem; }
.gc-portal-form-heading h2 { color: var(--gc-ink); font-size: 1.45rem; font-weight: 800; letter-spacing: -.04em; margin: 0 0 .4rem; }
.gc-portal-form-heading > p:last-child { color: var(--gc-slate); font-size: .87rem; line-height: 1.6; margin: 0; max-width: 42rem; }

/* Auth pages use the same restrained visual language as the signed-in portal. */
.gc-auth-body { background: var(--gc-canvas); min-height: 100dvh; }
.gc-auth-shell { display: grid; grid-template-columns: minmax(18rem, .92fr) minmax(26rem, 1.08fr); min-height: 100dvh; }
.gc-auth-panel { background: #12224a; color: #dce7ff; display: flex; flex-direction: column; min-height: 100%; padding: clamp(2rem, 6vw, 5.5rem); position: relative; overflow: hidden; }
.gc-auth-panel::after { background: radial-gradient(circle, rgba(75, 125, 245, .28), transparent 63%); content: ''; height: 35rem; pointer-events: none; position: absolute; right: -13rem; top: -10rem; width: 35rem; }
.gc-auth-brand { align-items: center; color: #fff; display: inline-flex; gap: .8rem; position: relative; text-decoration: none; z-index: 1; }
.gc-auth-brand:hover { color: #fff; }
.gc-auth-brand-mark { align-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: .7rem; display: inline-flex; font-size: 1.25rem; height: 2.65rem; justify-content: center; width: 2.65rem; }
.gc-auth-brand strong, .gc-auth-brand small { display: block; }
.gc-auth-brand strong { font-size: 1.05rem; letter-spacing: -.02em; }
.gc-auth-brand small { color: #afc1e7; font-size: .66rem; font-weight: 700; letter-spacing: .08em; margin-top: .1rem; text-transform: uppercase; }
.gc-auth-message { margin: auto 0; max-width: 31rem; position: relative; z-index: 1; }
.gc-auth-eyebrow { color: var(--gc-brand); font-size: .69rem; font-weight: 800; letter-spacing: .12em; margin: 0 0 .8rem; text-transform: uppercase; }
.gc-auth-panel .gc-auth-eyebrow { color: #9ec0ff; }
.gc-auth-message h1 { color: #fff; font-size: clamp(2rem, 4vw, 3.75rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.06; margin: 0 0 1.25rem; text-wrap: balance; }
.gc-auth-message > p:last-child { color: #bccbe8; font-size: 1rem; line-height: 1.75; margin: 0; max-width: 28rem; }
.gc-auth-panel-footer { color: #91a5d0; font-size: .75rem; line-height: 1.5; margin: 2rem 0 0; position: relative; z-index: 1; }
.gc-auth-form-region { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 2rem; }
.gc-auth-card { background: var(--gc-surface); border: 1px solid var(--gc-line); border-radius: 1.15rem; box-shadow: 0 1.5rem 4rem rgba(28, 48, 91, .1); max-width: 30rem; padding: clamp(1.75rem, 4vw, 3rem); width: 100%; }
.gc-auth-card-heading { margin-bottom: 2rem; }
.gc-auth-card-heading h1 { color: var(--gc-ink); font-size: 1.7rem; font-weight: 800; letter-spacing: -.045em; line-height: 1.15; margin: 0 0 .6rem; }
.gc-auth-card-heading > p:last-child { color: var(--gc-slate); line-height: 1.6; margin: 0; }
.gc-auth-card .form-label { color: #34415a; font-size: .82rem; font-weight: 700; margin-bottom: .5rem; }
.gc-auth-card .form-control { background: #fff; min-height: 3.1rem; padding: .7rem .9rem; }
.gc-auth-card .btn-primary { min-height: 3.1rem; }
.gc-auth-support { color: var(--gc-slate); font-size: .78rem; margin: 1.25rem 0 0; text-align: center; }
.gc-auth-support a { color: var(--gc-brand-dark); font-weight: 700; }
.gc-auth-expiry-icon { align-items: center; background: #edf3ff; border-radius: .8rem; color: var(--gc-brand); display: inline-flex; font-size: 1.4rem; height: 3rem; justify-content: center; margin-bottom: 1.25rem; width: 3rem; }
.gc-auth-rules { background: #f7f9fd; border: 1px solid var(--gc-line); border-radius: .8rem; overflow: hidden; }
.gc-auth-rules .accordion-body { background: transparent !important; padding: 1.15rem; }
.gc-auth-rules .card-label { color: var(--gc-ink); }

/* ==========================================================================\n+   Verification register and identity record: high-volume review surfaces\n+   ========================================================================== */
.gc-verification-list { padding-bottom: .5rem; }
.gc-verification-list .gc-log-overview { align-items: flex-end; border-bottom: 1px solid var(--gc-line); margin-bottom: 1.25rem !important; padding: .35rem 0 1.15rem; }
.gc-log-overview h2 { color: var(--gc-ink); font-size: clamp(1.5rem, 2vw, 1.85rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.1; }
.gc-log-overview > div > p:last-child { color: var(--gc-slate); font-size: .88rem; margin-top: .45rem; }
.gc-log-overview-count { background: #f7f9fd; border-color: var(--gc-line); border-radius: .75rem; box-shadow: none; min-width: 7rem; padding: .7rem .9rem; }
.gc-log-overview-count strong { color: var(--gc-ink); font-size: 1.45rem; }
.gc-verification-list .gc-stat-card { border-radius: .8rem; box-shadow: none; min-height: 8.15rem; padding: 1rem 1.1rem; }
.gc-verification-list .gc-stat-card:hover { box-shadow: 0 .75rem 1.5rem rgba(20, 38, 75, .08); transform: translateY(-2px); }
.gc-verification-list .gc-stat-card-label { font-size: .7rem; letter-spacing: .06em; }
.gc-verification-list .gc-stat-card-value { font-size: 1.75rem; margin: .8rem 0 .2rem; }
.gc-verification-tabs-bar { border-bottom: 1px solid var(--gc-line); margin: 1.4rem 0 0; padding-bottom: .75rem; }
.gc-status-tabs { background: transparent !important; border: 0 !important; border-radius: 0 !important; gap: .15rem; padding: 0 !important; }
.gc-status-tabs .gc-tab-link { border-radius: .5rem !important; font-size: .78rem !important; padding: .48rem .7rem; }
.gc-status-tabs .gc-tab-link.active { box-shadow: none !important; }
.gc-filters-card { border: 0 !important; border-bottom: 1px solid var(--gc-line) !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 1.25rem !important; padding: .9rem 0 1rem !important; }
.gc-filter-item-search .form-control, .gc-filter-item-date .input-group, .gc-filter-item-branch .form-select { background: #fff !important; border-color: #ccd6e5 !important; }
.gc-filter-item-search .form-control, .gc-filter-item-branch .form-select { height: 2.7rem; }
.gc-filter-date-input { height: 2.55rem !important; }
.gc-filters-actions .btn { height: 2.7rem; }
.gc-presets-row { border-top: 0; margin-top: .5rem; padding-top: .35rem; }
.gc-preset-btn { background: transparent; border-color: transparent; border-radius: .4rem; padding: .28rem .5rem; }
.gc-preset-btn.active { background: #e7efff; border-color: #c9dcff; color: var(--gc-brand-dark); }
.gc-verification-table-card { border-color: var(--gc-line); border-radius: .9rem; box-shadow: 0 .8rem 2rem rgba(28, 46, 84, .06); }
.gc-verification-table-card .card-header { min-height: 4.75rem; padding: 1rem 1.25rem; }
.gc-verification-table-card .card-title { color: var(--gc-ink); font-size: 1rem; font-weight: 800; }
.gc-table-caption { color: var(--gc-slate); font-size: .76rem; }
.gc-data-table thead th { background: #f7f9fc; color: #65738b; font-size: .68rem; letter-spacing: .08em; padding-bottom: .8rem; padding-top: .8rem; }
.gc-verification-table tbody td { padding-bottom: .9rem; padding-top: .9rem; vertical-align: middle; }
.gc-verification-table tbody tr { border-left: 3px solid transparent; }
.gc-verification-table tbody tr:hover { border-left-color: var(--gc-brand); }
.gc-verification-table .symbol { background: #eef2f8; border-radius: .7rem; height: 2.75rem; width: 2.75rem; }
.gc-verification-table .symbol img { object-fit: cover; }
.gc-verification-table .text-gray-900 { color: var(--gc-ink) !important; font-size: .84rem !important; letter-spacing: -.015em; }
.gc-verification-table .gc-code { color: #3f4c63; font-size: .78rem; font-weight: 700; }
.gc-verification-table .gc-badge { border-radius: .45rem; font-size: .7rem; letter-spacing: .02em; padding: .38rem .5rem; }
.gc-record-action { border-radius: .5rem; font-size: .74rem; font-weight: 700; padding: .46rem .65rem; }

.gc-detail-page-actions { border-bottom: 1px solid var(--gc-line); margin-bottom: 1.25rem; padding-bottom: .85rem; }
.gc-detail-page-actions .btn { border-radius: .5rem; font-size: .77rem; font-weight: 700; }
.gc-detail-hero { background: var(--gc-surface); border-color: var(--gc-line); box-shadow: 0 .75rem 2rem rgba(25, 44, 82, .055); }
.gc-detail-hero::before { background: var(--gc-brand); height: .18rem; }
.gc-detail-hero .card-body { padding: clamp(1.15rem, 2.5vw, 1.75rem); }
.gc-detail-hero-layout { gap: clamp(1rem, 2vw, 1.75rem); grid-template-columns: auto minmax(0, 1.3fr) minmax(17rem, .8fr); }
.gc-detail-photo-wrap { border-radius: .8rem; padding: .25rem; }
.gc-detail-photo { border-radius: .58rem; height: 10rem; width: 7.5rem; }
.gc-detail-identity h2 { color: var(--gc-ink); font-size: clamp(1.45rem, 2.6vw, 2rem); }
.gc-detail-national-id { color: #34425c; font-size: 1rem; font-weight: 700; }
.gc-detail-transaction { background: #f7f9fd; border-color: var(--gc-line); border-radius: .7rem; gap: .55rem; padding: .9rem 1rem; }
.gc-detail-reference-item { border-color: #dfe6f0; padding-top: .55rem; }
.gc-detail-reference-item strong { color: #34415a; font-size: .8rem; }
.gc-detail-section { border-color: var(--gc-line); border-radius: .8rem; box-shadow: none; }
.gc-detail-section .card-header { background: #fff; border-color: var(--gc-line); min-height: 3.75rem; padding: .75rem 1.2rem; }
.gc-detail-section .card-title { color: var(--gc-ink); font-size: .95rem; font-weight: 800; }
.gc-detail-item { border-color: #e8edf4; min-height: 3.3rem; }
.gc-detail-item strong, .gc-detail-item time { color: #354158; font-size: .84rem; }
.gc-detail-disclosure { border-color: var(--gc-line); border-radius: .8rem; }
.gc-detail-disclosure summary { color: var(--gc-ink); font-size: .88rem; padding: .95rem 1.2rem; }
.gc-detail-disclosure-content { padding: 1.2rem; }
.gc-address-card { background: #f8faff; border-color: #e5ebf3; border-radius: .6rem; }

@media (max-width: 991.98px) {
    .gc-detail-hero-layout { grid-template-columns: auto minmax(0, 1fr); }
    .gc-detail-transaction { grid-column: 1 / -1; }
    .gc-detail-transaction { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gc-detail-reference-heading { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
    .gc-log-overview { align-items: flex-start !important; flex-direction: column; }
    .gc-log-overview-count { align-items: flex-start; }
    .gc-filters-actions { margin-left: 0; width: 100%; }
    .gc-filters-actions .btn:first-child { flex: 1; justify-content: center; }
    .gc-detail-hero-layout { grid-template-columns: 1fr; }
    .gc-detail-photo-wrap { justify-self: start; }
    .gc-detail-transaction { display: flex; }
    .gc-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 991.98px) {
    .gc-auth-shell { display: block; }
    .gc-auth-panel { min-height: 16rem; padding: 2rem; }
    .gc-auth-message { margin: 3rem 0 0; }
    .gc-auth-message h1 { font-size: 2rem; }
    .gc-auth-panel-footer { display: none; }
    .gc-auth-form-region { padding: 1.5rem; transform: translateY(-1rem); }
}

@media (max-width: 575.98px) {
    .gc-auth-panel { min-height: 13rem; }
    .gc-auth-message { margin-top: 2rem; }
    .gc-auth-message > p:last-child { display: none; }
    .gc-auth-card { border-radius: .9rem; padding: 1.5rem; }
    #kt_content .card > .card-body > .form .row > [class*='col-'] { width: 100%; }
}