/*
 * ARGONE reference design-system rollout
 * Reference surfaces: Persons + Online Leave.
 *
 * IMPORTANT:
 * - Presentation only; the shared runtime may add semantic card classes to
 *   legacy markup, while feature behavior remains outside this stylesheet.
 * - Ticket (service/support requests) and Tender routes are explicitly excluded
 *   by _Layout.cshtml and therefore do not match the selectors in this file.
 * - Keep feature-specific CSS for behavioral rules (show/hide, dimensions that
 *   encode business behavior, editor/scanner canvases, etc.).
 */

body[data-argone-design-scope="unified"],
body[data-argone-design-scope="unified-auth"] {
    --argone-ref-primary: #1468f3;
    --argone-ref-primary-rgb: 20, 104, 243;
    --argone-ref-primary-dark: #123e91;
    --argone-ref-primary-soft: #edf5ff;
    --argone-ref-text: #172b62;
    --argone-ref-muted: #7183a7;
    --argone-ref-border: #dfe8f5;
    --argone-ref-border-soft: #edf2f8;
    --argone-ref-surface: #ffffff;
    --argone-ref-surface-soft: #f5f8fc;
    --argone-ref-surface-softer: #fbfdff;
    --argone-ref-success: #14aa7a;
    --argone-ref-success-rgb: 20, 170, 122;
    --argone-ref-danger: #f0444d;
    --argone-ref-danger-rgb: 240, 68, 77;
    --argone-ref-warning: #b77c0b;
    --argone-ref-warning-rgb: 183, 124, 11;
    --argone-ref-info: #2878df;
    --argone-ref-info-rgb: 40, 120, 223;
    --argone-ref-navy: #18345f;
    --argone-ref-radius-xs: .45rem;
    --argone-ref-radius-sm: .55rem;
    --argone-ref-radius: .65rem;
    --argone-ref-radius-lg: .8rem;
    --argone-ref-shadow: 0 .25rem 1rem rgba(25, 68, 128, .04);
    --argone-ref-shadow-raised: 0 .8rem 2rem rgba(15, 36, 75, .10);
    --argone-ref-focus: 0 0 0 .18rem rgba(var(--argone-ref-primary-rgb), .09);
    --argone-ref-control-height: 2.65rem;
    --argone-ref-transition: 160ms ease;

    --argone-ds-primary: var(--argone-ref-primary);
    --argone-ds-primary-dark: var(--argone-ref-primary-dark);
    --argone-ds-text: var(--argone-ref-text);
    --argone-ds-muted: var(--argone-ref-muted);
    --argone-ds-border: var(--argone-ref-border-soft);
    --argone-ds-surface-soft: var(--argone-ref-surface-soft);
    --argone-ds-success: var(--argone-ref-success);
    --argone-ds-danger: var(--argone-ref-danger);
    --argone-ds-warning: var(--argone-ref-warning);
    --argone-ds-navy: var(--argone-ref-navy);

    --bs-primary: var(--argone-ref-primary);
    --bs-primary-rgb: var(--argone-ref-primary-rgb);
    --bs-link-color: var(--argone-ref-primary);
    --bs-link-hover-color: var(--argone-ref-primary-dark);
}

/* Existing admin tokens are remapped instead of creating a competing theme. */
body[data-argone-design-scope="unified"] .app-wrapper.argone-admin-page {
    --argone-admin-accent: var(--argone-ref-primary);
    --argone-admin-accent-soft: rgba(var(--argone-ref-primary-rgb), .08);
    --argone-admin-cyan: var(--argone-ref-primary);
    --argone-admin-border: var(--argone-ref-border-soft);
    --argone-admin-muted: var(--argone-ref-muted);
    --argone-admin-title: var(--argone-ref-text);
    --argone-admin-surface: var(--argone-ref-surface);
    --argone-admin-surface-soft: var(--argone-ref-surface-soft);
    color: var(--argone-ref-text);
    font-size: .9rem;
}

/* ---------- Page rhythm / surfaces ---------- */
body[data-argone-design-scope="unified"] .app-wrapper.argone-admin-page > .argone-content-container {
    padding-block: .25rem 1rem;
}

/* ARGONE:PAGE_CARD_SURFACE_CONTRACT_V1
   The shared runtime adds argone-page-card to the primary card. This keeps
   legacy and canonical index views on one visual surface: title/actions at
   the top, optional filters next, data table, and pagination at the end. */
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card {
    padding: 0;
    overflow: hidden;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-header,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-header {
    min-height: 4.35rem;
    padding: 1rem 1.1rem !important;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-body,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-body {
    padding: 1.1rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-footer,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-footer {
    padding: .85rem 1.1rem !important;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card .argone-user-pattern-filter {
    border-color: var(--argone-ref-border) !important;
    background: var(--argone-ref-surface-soft) !important;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card,
body[data-argone-design-scope="unified"] .argone-admin-page .card,
body[data-argone-design-scope="unified"] .argone-admin-page .card.filter-card,
body[data-argone-design-scope="unified"] .argone-admin-page .card.argone-table-card,
body[data-argone-design-scope="unified"] .argone-admin-page .card.h-auto {
    border: 1px solid var(--argone-ref-border-soft) !important;
    border-radius: var(--argone-ref-radius-lg) !important;
    background: var(--argone-ref-surface);
    box-shadow: var(--argone-ref-shadow) !important;
}

body[data-argone-design-scope="unified"] .argone-admin-page .card-header,
body[data-argone-design-scope="unified"] .argone-admin-page .argone-card-header {
    min-height: 3.55rem;
    padding: .85rem 1.1rem !important;
    border-bottom: 1px solid var(--argone-ref-border-soft) !important;
    background: var(--argone-ref-surface) !important;
}

body[data-argone-design-scope="unified"] .argone-admin-page .card-body {
    padding: 1.1rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-page-header-card,
body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-card,
body[data-argone-design-scope="unified"] .app-wrapper .argone-content-card {
    padding: 1.05rem 1.1rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-table-card {
    padding: 1.05rem 1.1rem .85rem;
}

body[data-argone-design-scope="unified"] .argone-admin-page .card + .card,
body[data-argone-design-scope="unified"] .argone-admin-page .alert + .card,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card + .argone-page-card {
    margin-top: 1rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-grid > .argone-page-card + .argone-page-card {
    margin-top: 0;
}

/* ---------- Typography / hierarchy ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-title h1,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-title h2,
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-title-text {
    color: var(--argone-ref-text);
    font-size: 1.08rem;
    font-weight: var(--argone-font-weight-bold, 700);
    line-height: 1.55;
}

body[data-argone-design-scope="unified"] .argone-admin-page .card-header h1:not(.argone-page-header-title-text),
body[data-argone-design-scope="unified"] .argone-admin-page .card-header h2,
body[data-argone-design-scope="unified"] .argone-admin-page .card-header h3,
body[data-argone-design-scope="unified"] .argone-admin-page .card-header h4,
body[data-argone-design-scope="unified"] .argone-admin-page .card-header h5,
body[data-argone-design-scope="unified"] .argone-admin-page .card-header h6,
body[data-argone-design-scope="unified"] .argone-admin-page .card-header > strong {
    color: var(--argone-ref-text);
    font-size: 1rem;
    font-weight: var(--argone-font-weight-bold, 700);
    line-height: 1.55;
}

body[data-argone-design-scope="unified"] .text-muted,
body[data-argone-design-scope="unified"] .text-body-secondary,
body[data-argone-design-scope="unified"] .argone-admin-page .form-text {
    color: var(--argone-ref-muted) !important;
}

body[data-argone-design-scope="unified"] .app-wrapper a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link) {
    text-underline-offset: .16em;
}

/* ---------- Page header / icons / breadcrumb ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-title-icon,
body[data-argone-design-scope="unified"] .argone-admin-page .argone-user-pattern-title-avatar {
    width: 2.7rem;
    height: 2.7rem;
    border: 1px solid #dce8fa;
    border-radius: .7rem;
    color: var(--argone-ref-primary-dark);
    background: #f6f9fe;
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-actions,
body[data-argone-design-scope="unified"] .argone-admin-page .argone-page-header-actions {
    gap: .55rem;
}

body[data-argone-design-scope="unified"] .breadcrumb,
body[data-argone-design-scope="unified"] .argone-page-breadcrumb {
    margin-bottom: .85rem;
    color: var(--argone-ref-muted);
    font-size: .78rem;
}

body[data-argone-design-scope="unified"] .breadcrumb a,
body[data-argone-design-scope="unified"] .argone-page-breadcrumb a {
    color: var(--argone-ref-muted);
    text-decoration: none;
}

body[data-argone-design-scope="unified"] .breadcrumb a:hover,
body[data-argone-design-scope="unified"] .argone-page-breadcrumb a:hover {
    color: var(--argone-ref-primary);
}

/* ---------- Forms / validation ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .form-label,
body[data-argone-design-scope="unified"] .app-wrapper legend.form-label {
    margin-bottom: .4rem;
    color: var(--argone-ref-text);
    font-size: .8rem;
    font-weight: var(--argone-font-weight-semibold, 600);
}

body[data-argone-design-scope="unified"] .app-wrapper .form-control,
body[data-argone-design-scope="unified"] .app-wrapper .form-select,
body[data-argone-design-scope="unified"] .app-wrapper .input-group-text,
body[data-argone-design-scope="unified"] .app-wrapper .bootstrap-select > .dropdown-toggle,
body[data-argone-design-scope="unified"] .select2-container--bootstrap-5 .select2-selection {
    min-height: var(--argone-ref-control-height);
    border: 1px solid #d8e2f0;
    border-radius: var(--argone-ref-radius-sm);
    color: var(--argone-ref-text);
    background-color: var(--argone-ref-surface);
    font-size: .86rem;
    box-shadow: none;
    transition: border-color var(--argone-ref-transition), box-shadow var(--argone-ref-transition), background-color var(--argone-ref-transition);
}

body[data-argone-design-scope="unified"] .app-wrapper .form-control:not(textarea),
body[data-argone-design-scope="unified"] .app-wrapper .form-select,
body[data-argone-design-scope="unified"] .app-wrapper .select2-container--bootstrap-5 .select2-selection--single {
    height: var(--argone-ref-control-height);
    min-height: var(--argone-ref-control-height);
}

body[data-argone-design-scope="unified"] .app-wrapper textarea.form-control {
    min-height: 5rem;
    resize: vertical;
}

body[data-argone-design-scope="unified"] .app-wrapper .form-control::placeholder {
    color: #9baaca;
    opacity: 1;
}

body[data-argone-design-scope="unified"] .app-wrapper .form-control:focus,
body[data-argone-design-scope="unified"] .app-wrapper .form-select:focus,
body[data-argone-design-scope="unified"] .app-wrapper .bootstrap-select > .dropdown-toggle:focus,
body[data-argone-design-scope="unified"] .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body[data-argone-design-scope="unified"] .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #8bb7ff;
    box-shadow: var(--argone-ref-focus);
    outline: 0;
}

body[data-argone-design-scope="unified"] .app-wrapper .form-control:disabled,
body[data-argone-design-scope="unified"] .app-wrapper .form-select:disabled,
body[data-argone-design-scope="unified"] .app-wrapper .form-control[readonly],
body[data-argone-design-scope="unified"] .select2-container--bootstrap-5.select2-container--disabled .select2-selection {
    color: #7d8da9;
    background: #f2f5f9;
    border-color: #e2e9f2;
    opacity: 1;
    cursor: not-allowed;
}

body[data-argone-design-scope="unified"] .app-wrapper .input-group > .form-control:not(:last-child),
body[data-argone-design-scope="unified"] .app-wrapper .input-group > .form-select:not(:last-child) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

body[data-argone-design-scope="unified"] .app-wrapper .input-group-text {
    color: var(--argone-ref-muted);
    background: var(--argone-ref-surface-soft);
}

body[data-argone-design-scope="unified"] .app-wrapper .form-check-input {
    border-color: #cbd8e9;
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .app-wrapper .form-check-input:checked {
    border-color: var(--argone-ref-primary);
    background-color: var(--argone-ref-primary);
}

body[data-argone-design-scope="unified"] .app-wrapper .form-check-input:focus {
    border-color: #8bb7ff;
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified"] .app-wrapper .is-invalid,
body[data-argone-design-scope="unified"] .app-wrapper .input-validation-error {
    border-color: rgba(var(--argone-ref-danger-rgb), .72) !important;
}

body[data-argone-design-scope="unified"] .app-wrapper .is-invalid:focus,
body[data-argone-design-scope="unified"] .app-wrapper .input-validation-error:focus {
    box-shadow: 0 0 0 .18rem rgba(var(--argone-ref-danger-rgb), .10);
}

body[data-argone-design-scope="unified"] .app-wrapper .invalid-feedback,
body[data-argone-design-scope="unified"] .app-wrapper .field-validation-error,
body[data-argone-design-scope="unified"] .app-wrapper .text-danger {
    margin-top: .25rem;
    color: var(--argone-ref-danger) !important;
    font-size: .72rem;
    line-height: 1.75;
}

body[data-argone-design-scope="unified"] .app-wrapper .validation-summary-errors {
    margin-bottom: 1rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(var(--argone-ref-danger-rgb), .12);
    border-radius: var(--argone-ref-radius);
    color: var(--argone-ref-danger);
    background: #fff7f7;
    font-size: .8rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .validation-summary-errors ul {
    margin: 0;
    padding-inline-start: 1.15rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .validation-summary-valid:empty {
    display: none;
}

/* Select2 dropdown is usually appended to body, not the form. */
body[data-argone-design-scope="unified"] .select2-dropdown {
    overflow: hidden;
    border: 1px solid var(--argone-ref-border);
    border-radius: var(--argone-ref-radius-sm);
    background: var(--argone-ref-surface);
    box-shadow: var(--argone-ref-shadow-raised);
}

body[data-argone-design-scope="unified"] .select2-container--bootstrap-5 .select2-results__option--highlighted {
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-soft);
}

/* Persian datepicker popup is also appended to body. */
body[data-argone-design-scope="unified"] .datepicker-plot-area {
    border: 1px solid var(--argone-ref-border);
    border-radius: var(--argone-ref-radius-lg);
    background: var(--argone-ref-surface);
    box-shadow: var(--argone-ref-shadow-raised);
}

/* ---------- Buttons / interactive states ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .btn:not(.btn-sm):not(.btn-lg),
body[data-argone-design-scope="unified"] .modal .btn:not(.btn-sm):not(.btn-lg),
body[data-argone-design-scope="unified"] .offcanvas .btn:not(.btn-sm):not(.btn-lg) {
    min-height: 2.55rem;
    border-radius: var(--argone-ref-radius);
    font-size: .83rem;
    font-weight: var(--argone-font-weight-semibold, 600);
    transition: transform var(--argone-ref-transition), box-shadow var(--argone-ref-transition), border-color var(--argone-ref-transition), background-color var(--argone-ref-transition), color var(--argone-ref-transition);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-primary,
body[data-argone-design-scope="unified"] .modal .btn-primary,
body[data-argone-design-scope="unified"] .offcanvas .btn-primary {
    border-color: var(--argone-ref-primary);
    background: var(--argone-ref-primary);
    box-shadow: 0 .35rem .8rem rgba(var(--argone-ref-primary-rgb), .15);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-primary:hover,
body[data-argone-design-scope="unified"] .app-wrapper .btn-primary:focus-visible,
body[data-argone-design-scope="unified"] .modal .btn-primary:hover,
body[data-argone-design-scope="unified"] .modal .btn-primary:focus-visible {
    border-color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-dark);
    box-shadow: 0 .45rem 1rem rgba(var(--argone-ref-primary-rgb), .20);
    transform: translateY(-1px);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-outline-primary,
body[data-argone-design-scope="unified"] .modal .btn-outline-primary {
    border-color: #b8cef1;
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-surface);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-outline-primary:hover,
body[data-argone-design-scope="unified"] .app-wrapper .btn-outline-primary:focus-visible,
body[data-argone-design-scope="unified"] .modal .btn-outline-primary:hover,
body[data-argone-design-scope="unified"] .modal .btn-outline-primary:focus-visible {
    border-color: var(--argone-ref-primary);
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-soft);
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-secondary,
body[data-argone-design-scope="unified"] .app-wrapper .btn-light {
    border-color: var(--argone-ref-border);
    color: var(--argone-ref-text);
    background: var(--argone-ref-surface-soft);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn:focus-visible,
body[data-argone-design-scope="unified"] .modal .btn:focus-visible,
body[data-argone-design-scope="unified"] .offcanvas .btn:focus-visible {
    outline: none;
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified"] .app-wrapper .btn:disabled,
body[data-argone-design-scope="unified"] .app-wrapper .btn.disabled,
body[data-argone-design-scope="unified"] .modal .btn:disabled,
body[data-argone-design-scope="unified"] .offcanvas .btn:disabled {
    transform: none;
    box-shadow: none;
    opacity: .58;
    cursor: not-allowed;
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-icon,
body[data-argone-design-scope="unified"] .app-wrapper .argone-action-button {
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
    padding: 0;
    border: 1px solid var(--argone-ref-border);
    border-radius: var(--argone-ref-radius-sm);
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-surface);
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .app-wrapper .btn-icon:hover,
body[data-argone-design-scope="unified"] .app-wrapper .argone-action-button:hover,
body[data-argone-design-scope="unified"] .app-wrapper .btn-icon:focus-visible,
body[data-argone-design-scope="unified"] .app-wrapper .argone-action-button:focus-visible {
    border-color: #b8cef1;
    color: var(--argone-ref-primary);
    background: var(--argone-ref-primary-soft);
    transform: none;
}

body[data-argone-design-scope="unified"] [aria-busy="true"],
body[data-argone-design-scope="unified"] .is-loading {
    cursor: progress;
}

body[data-argone-design-scope="unified"] .btn .spinner-border,
body[data-argone-design-scope="unified"] .btn .spinner-grow {
    width: .95rem;
    height: .95rem;
    border-width: .12rem;
}

/* ---------- Filters ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-card,
body[data-argone-design-scope="unified"] .argone-admin-page .filter-card .card-body {
    background: var(--argone-ref-surface);
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-grid,
body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-form,
body[data-argone-design-scope="unified"] .argone-admin-page form.row {
    row-gap: .9rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-actions {
    gap: .55rem;
}

/* ---------- Tables / pagination / empty states ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .table-responsive,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table-responsive,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table-scroll {
    border-radius: var(--argone-ref-radius);
}

body[data-argone-design-scope="unified"] .app-wrapper .table,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table {
    margin-bottom: 0;
    color: var(--argone-ref-text);
    --bs-table-hover-bg: rgba(var(--argone-ref-primary-rgb), .035);
}

body[data-argone-design-scope="unified"] .app-wrapper .table thead th,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table thead th {
    padding: .8rem .75rem;
    border-bottom: 1px solid var(--argone-ref-border);
    color: #52678f;
    background: var(--argone-ref-surface-soft);
    font-size: .78rem;
    font-weight: var(--argone-font-weight-semibold, 600);
    vertical-align: middle;
    white-space: nowrap;
}

body[data-argone-design-scope="unified"] .app-wrapper .table tbody td,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table tbody td {
    padding: .78rem .75rem;
    border-color: var(--argone-ref-border-soft);
    color: var(--argone-ref-text);
    font-size: .82rem;
    font-weight: var(--argone-font-weight-regular, 400);
    vertical-align: middle;
}

body[data-argone-design-scope="unified"] .app-wrapper .table tbody tr:last-child td,
body[data-argone-design-scope="unified"] .app-wrapper .argone-table tbody tr:last-child td {
    border-bottom: 0;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-empty-cell,
body[data-argone-design-scope="unified"] .app-wrapper tbody tr:only-child > td[colspan] {
    padding: 2.6rem 1rem;
    color: var(--argone-ref-muted);
    background: var(--argone-ref-surface-softer);
    text-align: center;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-table-footer {
    padding-top: .85rem;
    color: var(--argone-ref-muted);
    font-size: .78rem;
}

body[data-argone-design-scope="unified"] .pagination {
    gap: .3rem;
    margin-bottom: 0;
}

body[data-argone-design-scope="unified"] .pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: .35rem .55rem;
    border: 1px solid var(--argone-ref-border);
    border-radius: var(--argone-ref-radius-sm) !important;
    color: var(--argone-ref-text);
    background: var(--argone-ref-surface);
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .pagination .page-link:hover,
body[data-argone-design-scope="unified"] .pagination .page-link:focus-visible {
    border-color: #b8cef1;
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-soft);
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified"] .pagination .active > .page-link,
body[data-argone-design-scope="unified"] .pagination .page-item.active .page-link {
    border-color: var(--argone-ref-primary);
    color: #fff;
    background: var(--argone-ref-primary);
}

body[data-argone-design-scope="unified"] .pagination .disabled > .page-link {
    color: #9aa8bf;
    background: #f4f6f9;
    opacity: .75;
}

/* ---------- Cards / badges / status ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .argone-form-section,
body[data-argone-design-scope="unified"] .app-wrapper .argone-settings-section {
    border: 1px solid var(--argone-ref-border-soft);
    border-radius: var(--argone-ref-radius-lg);
    background: var(--argone-ref-surface-softer);
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-card::before {
    background: var(--argone-ref-primary);
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-label,
body[data-argone-design-scope="unified"] .app-wrapper .argone-info-label {
    color: var(--argone-ref-muted);
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-value {
    color: var(--argone-ref-navy);
}

body[data-argone-design-scope="unified"] .app-wrapper .badge,
body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge {
    border-radius: 999px;
    font-size: .74rem;
    font-weight: var(--argone-font-weight-semibold, 600);
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge {
    min-height: 1.8rem;
    padding: .32rem .58rem;
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-active,
body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-approved,
body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-success {
    color: #087353;
    background: rgba(var(--argone-ref-success-rgb), .10);
}

body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-inactive,
body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-rejected,
body[data-argone-design-scope="unified"] .app-wrapper .argone-status-badge.is-danger {
    color: #a82931;
    background: rgba(var(--argone-ref-danger-rgb), .10);
}

/* ---------- Tabs / accordion / nav ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .nav-tabs {
    gap: .35rem;
    border-bottom-color: var(--argone-ref-border-soft);
}

body[data-argone-design-scope="unified"] .app-wrapper .nav-tabs .nav-link {
    min-height: 2.5rem;
    padding: .55rem .85rem;
    border: 0;
    border-radius: var(--argone-ref-radius-sm) var(--argone-ref-radius-sm) 0 0;
    color: var(--argone-ref-muted);
    font-size: .82rem;
    font-weight: var(--argone-font-weight-semibold, 600);
}

body[data-argone-design-scope="unified"] .app-wrapper .nav-tabs .nav-link:hover,
body[data-argone-design-scope="unified"] .app-wrapper .nav-tabs .nav-link:focus-visible {
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-soft);
}

body[data-argone-design-scope="unified"] .app-wrapper .nav-tabs .nav-link.active {
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-surface);
    box-shadow: inset 0 -2px 0 var(--argone-ref-primary);
}

body[data-argone-design-scope="unified"] .app-wrapper .accordion-item {
    overflow: hidden;
    border-color: var(--argone-ref-border-soft);
    border-radius: var(--argone-ref-radius) !important;
    background: var(--argone-ref-surface);
}

body[data-argone-design-scope="unified"] .app-wrapper .accordion-button {
    color: var(--argone-ref-text);
    background: var(--argone-ref-surface);
    font-size: .84rem;
    font-weight: var(--argone-font-weight-semibold, 600);
    box-shadow: none;
}

body[data-argone-design-scope="unified"] .app-wrapper .accordion-button:not(.collapsed) {
    color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-soft);
}

/* ---------- Alerts / toast-compatible feedback ---------- */
body[data-argone-design-scope="unified"] .app-wrapper .alert,
body[data-argone-design-scope="unified"] .modal .alert,
body[data-argone-design-scope="unified"] .offcanvas .alert {
    border-radius: var(--argone-ref-radius);
    border-width: 1px;
    font-size: .82rem;
    line-height: 1.85;
}

body[data-argone-design-scope="unified"] .alert-success {
    border-color: rgba(var(--argone-ref-success-rgb), .18);
    color: #087353;
    background: rgba(var(--argone-ref-success-rgb), .08);
}

body[data-argone-design-scope="unified"] .alert-danger {
    border-color: rgba(var(--argone-ref-danger-rgb), .18);
    color: #a82931;
    background: rgba(var(--argone-ref-danger-rgb), .08);
}

body[data-argone-design-scope="unified"] .alert-warning {
    border-color: rgba(var(--argone-ref-warning-rgb), .20);
    color: #7d5408;
    background: rgba(var(--argone-ref-warning-rgb), .09);
}

body[data-argone-design-scope="unified"] .alert-info {
    border-color: rgba(var(--argone-ref-info-rgb), .18);
    color: #195da9;
    background: rgba(var(--argone-ref-info-rgb), .08);
}

/* ---------- Modals / drawers ---------- */
body[data-argone-design-scope="unified"] .modal-content,
body[data-argone-design-scope="unified"] .offcanvas {
    border: 1px solid var(--argone-ref-border-soft);
    border-radius: var(--argone-ref-radius-lg);
    background: var(--argone-ref-surface);
    box-shadow: var(--argone-ref-shadow-raised);
}

body[data-argone-design-scope="unified"] .modal-header,
body[data-argone-design-scope="unified"] .offcanvas-header {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--argone-ref-border-soft);
}

body[data-argone-design-scope="unified"] .modal-title,
body[data-argone-design-scope="unified"] .offcanvas-title {
    color: var(--argone-ref-text);
    font-size: .98rem;
    font-weight: var(--argone-font-weight-bold, 700);
}

body[data-argone-design-scope="unified"] .modal-body,
body[data-argone-design-scope="unified"] .offcanvas-body {
    padding: 1.1rem;
}

body[data-argone-design-scope="unified"] .modal-footer {
    gap: .55rem;
    padding: .85rem 1.1rem 1.05rem;
    border-top: 1px solid var(--argone-ref-border-soft);
}

/* ---------- Loading / error / empty helpers ---------- */
body[data-argone-design-scope="unified"] .spinner-border.text-primary,
body[data-argone-design-scope="unified"] .spinner-grow.text-primary {
    color: var(--argone-ref-primary) !important;
}

body[data-argone-design-scope="unified"] .argone-empty-state,
body[data-argone-design-scope="unified"] .empty-state,
body[data-argone-design-scope="unified"] .argone-error-state {
    padding: 2rem 1.15rem;
    border: 1px dashed var(--argone-ref-border);
    border-radius: var(--argone-ref-radius-lg);
    color: var(--argone-ref-muted);
    background: var(--argone-ref-surface-softer);
    text-align: center;
}

/* ---------- RTL consistency ---------- */
html[dir="rtl"] body[data-argone-design-scope="unified"] .app-wrapper,
html[dir="rtl"] body[data-argone-design-scope="unified"] .modal,
html[dir="rtl"] body[data-argone-design-scope="unified"] .offcanvas,
html[dir="rtl"] body[data-argone-design-scope="unified"] .select2-dropdown {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body[data-argone-design-scope="unified"] input[dir="ltr"],
html[dir="rtl"] body[data-argone-design-scope="unified"] [dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* ---------- Auth/public forms use the same tokens without the admin shell ---------- */
body[data-argone-design-scope="unified-auth"] {
    color: var(--argone-ref-text);
}

body[data-argone-design-scope="unified-auth"] .card,
body[data-argone-design-scope="unified-auth"] .auth-card {
    border: 1px solid var(--argone-ref-border-soft);
    border-radius: var(--argone-ref-radius-lg);
    background: var(--argone-ref-surface);
    box-shadow: var(--argone-ref-shadow);
}

body[data-argone-design-scope="unified-auth"] .form-label {
    margin-bottom: .4rem;
    color: var(--argone-ref-text);
    font-size: .8rem;
    font-weight: var(--argone-font-weight-semibold, 600);
}

body[data-argone-design-scope="unified-auth"] .form-control,
body[data-argone-design-scope="unified-auth"] .form-select {
    min-height: var(--argone-ref-control-height);
    border: 1px solid #d8e2f0;
    border-radius: var(--argone-ref-radius-sm);
    color: var(--argone-ref-text);
    background: var(--argone-ref-surface);
    box-shadow: none;
}

body[data-argone-design-scope="unified-auth"] .form-control:focus,
body[data-argone-design-scope="unified-auth"] .form-select:focus {
    border-color: #8bb7ff;
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified-auth"] .btn-primary {
    min-height: 2.65rem;
    border-color: var(--argone-ref-primary);
    border-radius: var(--argone-ref-radius);
    background: var(--argone-ref-primary);
    font-weight: var(--argone-font-weight-semibold, 600);
    box-shadow: 0 .35rem .8rem rgba(var(--argone-ref-primary-rgb), .15);
}

body[data-argone-design-scope="unified-auth"] .btn-primary:hover,
body[data-argone-design-scope="unified-auth"] .btn-primary:focus-visible {
    border-color: var(--argone-ref-primary-dark);
    background: var(--argone-ref-primary-dark);
    box-shadow: var(--argone-ref-focus);
}

body[data-argone-design-scope="unified-auth"] .alert {
    border-radius: var(--argone-ref-radius);
}

/* ---------- Dark theme ---------- */
[data-bs-theme="dark"] body[data-argone-design-scope="unified"],
[data-bs-theme="dark"] body[data-argone-design-scope="unified-auth"] {
    --argone-ref-text: #dce7ff;
    --argone-ref-muted: #9aa9c5;
    --argone-ref-border: #34445e;
    --argone-ref-border-soft: #2a3850;
    --argone-ref-surface: #152238;
    --argone-ref-surface-soft: #1b2a43;
    --argone-ref-surface-softer: #18263d;
    --argone-ref-navy: #eef4ff;
    --argone-ref-shadow: 0 .25rem 1rem rgba(0, 0, 0, .10);
    --argone-ref-shadow-raised: 0 .8rem 2rem rgba(0, 0, 0, .24);
}

[data-bs-theme="dark"] body[data-argone-design-scope="unified"] .app-wrapper .form-control,
[data-bs-theme="dark"] body[data-argone-design-scope="unified"] .app-wrapper .form-select,
[data-bs-theme="dark"] body[data-argone-design-scope="unified"] .select2-container--bootstrap-5 .select2-selection,
[data-bs-theme="dark"] body[data-argone-design-scope="unified-auth"] .form-control,
[data-bs-theme="dark"] body[data-argone-design-scope="unified-auth"] .form-select {
    border-color: #394a65;
    color: var(--argone-ref-text);
    background: #17263d;
}

[data-bs-theme="dark"] body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-title-icon,
[data-bs-theme="dark"] body[data-argone-design-scope="unified"] .argone-admin-page .argone-user-pattern-title-avatar {
    border-color: #344966;
    background: #1b2f4b;
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
    body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell:nth-child(3n + 1) {
        border-inline-start: 1px solid var(--argone-ref-border-soft);
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell:nth-child(2n + 1) {
        border-inline-start: 0;
    }
}

@media (max-width: 767.98px) {
    body[data-argone-design-scope="unified"] .app-wrapper.argone-admin-page > .argone-content-container {
        padding-inline: .75rem;
    }

    body[data-argone-design-scope="unified"] .argone-admin-page .card-header,
    body[data-argone-design-scope="unified"] .argone-admin-page .argone-card-header,
    body[data-argone-design-scope="unified"] .argone-admin-page .card-body,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-card,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-card,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-content-card,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-table-card {
        padding-inline: .9rem !important;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header {
        align-items: stretch;
        flex-direction: column;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-actions,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-actions {
        width: 100%;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-actions .btn:not(.btn-icon),
    body[data-argone-design-scope="unified"] .app-wrapper .argone-filter-actions .btn:not(.btn-icon) {
        flex: 1 1 auto;
        justify-content: center;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-header,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-header,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-body,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-body,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .argone-user-pattern-card-footer,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-card.argone-user-pattern-card > .card-footer {
        padding-inline: .9rem !important;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-grid,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-grid--two,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-form-grid,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-grid,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-info-grid {
        grid-template-columns: 1fr;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell:nth-child(2n + 1),
    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell:nth-child(3n + 1) {
        border-inline-start: 0;
        border-bottom: 1px solid var(--argone-ref-border-soft);
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-detail-cell:last-child {
        border-bottom: 0;
    }

    body[data-argone-design-scope="unified"] .modal-dialog:not(.modal-fullscreen) {
        margin: .75rem;
    }
}

@media (max-width: 575.98px) {
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-title-icon {
        width: 2.4rem;
        height: 2.4rem;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-title h1,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-title h2,
    body[data-argone-design-scope="unified"] .app-wrapper .argone-page-header-title-text {
        font-size: 1rem;
    }

    body[data-argone-design-scope="unified"] .app-wrapper .argone-stat-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-argone-design-scope="unified"] *,
    body[data-argone-design-scope="unified"] *::before,
    body[data-argone-design-scope="unified"] *::after,
    body[data-argone-design-scope="unified-auth"] *,
    body[data-argone-design-scope="unified-auth"] *::before,
    body[data-argone-design-scope="unified-auth"] *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}