/* Osta identity. Keep this after style.bundle.css so Metronic updates stay separate. */
@font-face {
    font-family: "IBM Plex Sans Arabic";
    src: url("../fonts/osta-arabic/IBMPlexSansArabic-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    src: url("../fonts/osta-arabic/IBMPlexSansArabic-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    src: url("../fonts/osta-arabic/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    src: url("../fonts/osta-arabic/IBMPlexSansArabic-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

html[lang="ar"] {
    --bs-body-font-family: "IBM Plex Sans Arabic", Inter, sans-serif;
    --bs-font-sans-serif: "IBM Plex Sans Arabic", Inter, sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
    font-family: "IBM Plex Sans Arabic", Inter, sans-serif;
}

:root,
[data-bs-theme="light"] {
    --osta-sky: #0496cf;
    --osta-sky-light: #40c7ff;
    --osta-gold: #fecc00;
    --osta-ink: #333333;
    /* This darker sky meets 4.5:1 for small white button and link text. */
    --bs-primary: #007aa8;
    --bs-primary-rgb: 0, 122, 168;
    --bs-primary-active: #006f9b;
    --bs-primary-light: #e6f8ff;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(4, 150, 207, 0.2);
    --bs-text-primary: #007aa8;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #007aa8;
    --bs-component-hover-color: #007aa8;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #007aa8;
    --bs-menu-link-color-hover: #007aa8;
    --bs-menu-link-color-show: #007aa8;
    --bs-menu-link-color-here: #007aa8;
    --bs-menu-link-color-active: #007aa8;
    --bs-link-color: #007aa8;
    --bs-link-color-rgb: 0, 122, 168;
    --bs-link-hover-color: #006f9b;
    --bs-link-hover-color-rgb: 0, 111, 155;
    --bs-focus-ring-color: rgba(4, 150, 207, 0.35);
    --bs-app-bg-color: #fcfcfc;
}

[data-bs-theme="dark"] {
    --osta-sky: #5bc5e0;
    --osta-sky-light: #9be1fd;
    --osta-gold: #fecc00;
    --osta-ink: #ffffff;
    --bs-primary: #5bc5e0;
    --bs-primary-rgb: 91, 197, 224;
    --bs-primary-active: #9be1fd;
    --bs-primary-light: #1e3a47;
    --bs-primary-inverse: #121212;
    --bs-primary-clarity: rgba(91, 197, 224, 0.24);
    --bs-text-primary: #5bc5e0;
    --bs-component-active-color: #121212;
    --bs-component-active-bg: #5bc5e0;
    --bs-component-hover-color: #9be1fd;
    --bs-component-checked-color: #121212;
    --bs-component-checked-bg: #5bc5e0;
    --bs-menu-link-color-hover: #5bc5e0;
    --bs-menu-link-color-show: #5bc5e0;
    --bs-menu-link-color-here: #5bc5e0;
    --bs-menu-link-color-active: #5bc5e0;
    --bs-link-color: #5bc5e0;
    --bs-link-color-rgb: 91, 197, 224;
    --bs-link-hover-color: #9be1fd;
    --bs-link-hover-color-rgb: 155, 225, 253;
    --bs-focus-ring-color: rgba(91, 197, 224, 0.45);
    --bs-app-bg-color: #121212;
}

[data-bs-theme="dark"] .bg-primary.text-white {
    color: #121212 !important;
}

/* Metronic hard-codes checked controls to its stock blue rather than --bs-primary. */
html[data-bs-theme="light"] .app-content .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

html[data-bs-theme="light"] .app-content .form-check-input:focus-visible {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(4, 150, 207, 0.2);
}

/* The permanent dark sidebar uses Osta's deep cyan family in both modes. */
body[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: #073447;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
    color: #a6dce9 !important;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #e0f1f5;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #9be1fd;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link:is(:hover, .here, .show, .active) {
    background-color: #13536c;
    color: #ffffff;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link:is(:hover, .here, .show, .active) .menu-title,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link:is(:hover, .here, .show, .active) .menu-icon,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link:is(:hover, .here, .show, .active) .menu-icon i {
    color: #ffffff;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link:is(:hover, .here, .show, .active) .menu-arrow::after {
    background-color: #ffffff;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar-footer .btn-primary {
    background-color: #007aa8;
    border-color: #007aa8;
    color: #ffffff;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar-footer .btn-primary i,
body[data-kt-app-layout="dark-sidebar"] .app-sidebar-footer .btn-primary .svg-icon {
    color: #ffffff;
}

body[data-kt-app-layout="dark-sidebar"] .app-sidebar-footer .btn-primary:hover {
    background-color: #006f9b;
    border-color: #006f9b;
}

/* Dashboard summary cards share the Osta palette; status badges retain their meanings. */
#dashboard-live-content .osta-stat-card {
    --osta-stat-bg: #ffffff;
    --osta-stat-border: #d1eaf1;
    --osta-stat-value: #006f9b;
    --osta-stat-muted: #405a65;
    --osta-stat-stripe: linear-gradient(90deg, #40c7ff, #0496cf);
    position: relative;
    overflow: hidden;
    background: var(--osta-stat-bg);
    border: 1px solid var(--osta-stat-border);
    box-shadow: 0 4px 18px rgba(4, 78, 106, 0.06);
}

#dashboard-live-content .osta-stat-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: var(--osta-stat-stripe);
}

#dashboard-live-content .osta-stat-card--users { --osta-stat-bg: #e6f8ff; }
#dashboard-live-content .osta-stat-card--providers { --osta-stat-bg: #ffffff; }
#dashboard-live-content .osta-stat-card--orders {
    --osta-stat-bg: #006f9b;
    --osta-stat-border: #006f9b;
    --osta-stat-value: #ffffff;
    --osta-stat-muted: #e5f7fc;
    --osta-stat-stripe: linear-gradient(90deg, #fecc00, #f8ae00);
}
#dashboard-live-content .osta-stat-card--invoices {
    --osta-stat-bg: #fff5d9;
    --osta-stat-border: #efda9a;
    --osta-stat-value: #654800;
    --osta-stat-muted: #594c31;
    --osta-stat-stripe: linear-gradient(90deg, #fecc00, #f8ae00);
}
#dashboard-live-content .osta-stat-card--payments { --osta-stat-bg: #ebf9fe; }
#dashboard-live-content .osta-stat-card--wallets { --osta-stat-bg: #f8fcfd; }

#dashboard-live-content .osta-stat-card__value { color: var(--osta-stat-value); }
#dashboard-live-content .osta-stat-card__label,
#dashboard-live-content .osta-stat-card__meta { color: var(--osta-stat-muted); }

#dashboard-live-content .osta-stat-card__link {
    color: #006f9b;
    background-color: #ffffff;
    border: 1px solid #a9dce9;
}

#dashboard-live-content .osta-stat-card__link:is(:hover, :focus-visible) {
    color: #ffffff;
    background-color: #006f9b;
    border-color: #006f9b;
}

#dashboard-live-content .osta-stat-card--orders .osta-stat-card__link:is(:hover, :focus-visible) {
    color: #073447;
    background-color: #e6f8ff;
    border-color: #e6f8ff;
}

#dashboard-live-content .osta-stat-card--invoices .osta-stat-card__link {
    color: #333333;
    background-color: #fecc00;
    border-color: #eab900;
}

#dashboard-live-content .osta-stat-card--invoices .osta-stat-card__link:is(:hover, :focus-visible) {
    background-color: #f8ae00;
    border-color: #d79a00;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card {
    --osta-stat-bg: #1e1e1e;
    --osta-stat-border: #36505a;
    --osta-stat-value: #9be1fd;
    --osta-stat-muted: #c4d7de;
    box-shadow: none;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--users,
[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--payments {
    --osta-stat-bg: #1e3a47;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--orders {
    --osta-stat-bg: #07425a;
    --osta-stat-value: #ffffff;
    --osta-stat-muted: #d7f1f8;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--invoices {
    --osta-stat-bg: #302b1d;
    --osta-stat-border: #695727;
    --osta-stat-value: #fecc00;
    --osta-stat-muted: #f0e3bd;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card__link {
    color: #121212;
    background-color: #9be1fd;
    border-color: #9be1fd;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card__link:is(:hover, :focus-visible) {
    color: #121212;
    background-color: #5bc5e0;
    border-color: #5bc5e0;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--invoices .osta-stat-card__link {
    background-color: #fecc00;
    border-color: #fecc00;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-stat-card--invoices .osta-stat-card__link:is(:hover, :focus-visible) {
    background-color: #f8ae00;
    border-color: #f8ae00;
}

/* The account page uses the same cards, accents, and form controls as the dashboard. */
#osta-profile-page .osta-profile-card {
    border: 1px solid #d1eaf1;
    border-top: 3px solid #0496cf;
    box-shadow: 0 4px 18px rgba(4, 78, 106, 0.06);
}

#osta-profile-page .osta-profile-card .card-title,
#osta-profile-page .osta-profile-card h2 {
    color: #073447;
}

#osta-profile-page .form-control:focus {
    border-color: #0496cf;
    box-shadow: 0 0 0 0.2rem rgba(4, 150, 207, 0.16);
}

#osta-profile-page .osta-profile-card--danger {
    border-top-color: #fecc00;
}

[data-bs-theme="dark"] #osta-profile-page .osta-profile-card {
    border-color: #36505a;
    border-top-color: #5bc5e0;
    box-shadow: none;
}

/* Financial readings extend the current dashboard cards without changing its layout. */
#dashboard-live-content .osta-finance-card {
    min-height: 190px;
}

#dashboard-live-content .osta-finance-card .fs-2hx {
    font-size: clamp(1.55rem, 2.4vw, 2.55rem) !important;
    overflow-wrap: anywhere;
}

#dashboard-live-content .osta-finance-card--collected {
    --osta-stat-bg: #eaf8f2;
    --osta-stat-border: #b7dfce;
    --osta-stat-value: #14664c;
    --osta-stat-muted: #3c6556;
    --osta-stat-stripe: linear-gradient(90deg, #42b88e, #18765b);
}

#dashboard-live-content .osta-finance-card--tax,
#dashboard-live-content .osta-finance-card--subscription {
    --osta-stat-bg: #fff9e8;
    --osta-stat-border: #efda9a;
    --osta-stat-value: #654800;
    --osta-stat-muted: #594c31;
    --osta-stat-stripe: linear-gradient(90deg, #fecc00, #f8ae00);
}

#dashboard-live-content .osta-finance-card--provider {
    --osta-stat-bg: #e6f8ff;
}

#dashboard-live-content .osta-finance-card--platform {
    --osta-stat-bg: #006f9b;
    --osta-stat-border: #006f9b;
    --osta-stat-value: #ffffff;
    --osta-stat-muted: #e5f7fc;
    --osta-stat-stripe: linear-gradient(90deg, #fecc00, #f8ae00);
}

#dashboard-live-content .osta-finance-coverage-note {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .45rem .7rem;
    border: 1px solid #efda9a;
    border-radius: .45rem;
    background: #fff9e8;
    color: #654800;
    font-size: .82rem;
    font-weight: 600;
}

#dashboard-live-content .osta-finance-equation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem 1rem;
    padding: .8rem 1rem;
    border-radius: .5rem;
    background: #eaf8f2;
    color: #14543f;
    font-size: .88rem;
    font-variant-numeric: tabular-nums;
}

#dashboard-live-content .osta-finance-warranty-card {
    border: 1px solid #d1eaf1;
    border-top: 4px solid #fecc00;
    box-shadow: 0 4px 18px rgba(4, 78, 106, .06);
}

#dashboard-live-content .osta-finance-warranty-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

#dashboard-live-content .osta-finance-warranty-grid > div {
    min-width: 0;
    padding-inline-start: .8rem;
    border-inline-start: 1px solid #e4edf0;
}

#dashboard-live-content .osta-finance-warranty-grid strong,
#dashboard-live-content .osta-finance-warranty-grid span,
#dashboard-live-content .osta-finance-warranty-grid small {
    display: block;
}

#dashboard-live-content .osta-finance-warranty-grid strong {
    color: #073447;
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

#dashboard-live-content .osta-finance-warranty-grid span {
    color: #405a65;
    font-weight: 600;
}

#dashboard-live-content .osta-finance-warranty-grid small {
    color: #6b777c;
}

#dashboard-live-content .osta-finance-breakdown-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .4rem 1rem;
    padding: .7rem .2rem;
    border-bottom: 1px solid #e4edf0;
}

#dashboard-live-content .osta-finance-breakdown-row strong,
#dashboard-live-content .osta-finance-formula {
    font-variant-numeric: tabular-nums;
}

#dashboard-live-content .osta-finance-breakdown-row--net {
    color: #14664c;
    font-weight: 700;
}

#dashboard-live-content .osta-finance-formula {
    padding: .7rem .9rem;
    border-radius: .5rem;
    background: #eaf8f2;
    color: #14543f;
    font-weight: 700;
    overflow-wrap: anywhere;
}

@media (max-width: 991px) {
    #dashboard-live-content .osta-finance-warranty-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    #dashboard-live-content .osta-finance-warranty-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    #dashboard-live-content .osta-finance-card {
        min-height: 0;
    }

    #dashboard-live-content .osta-finance-card .card-body {
        padding: 1.1rem !important;
    }

    #dashboard-live-content .osta-finance-card .osta-stat-card__meta {
        margin-top: .75rem !important;
        padding-top: 0 !important;
    }
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-card--collected {
    --osta-stat-bg: #173e31;
    --osta-stat-border: #376d58;
    --osta-stat-value: #b8efd8;
    --osta-stat-muted: #c3e3d4;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-card--tax,
[data-bs-theme="dark"] #dashboard-live-content .osta-finance-card--subscription {
    --osta-stat-bg: #302b1d;
    --osta-stat-border: #695727;
    --osta-stat-value: #fecc00;
    --osta-stat-muted: #f0e3bd;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-card--provider {
    --osta-stat-bg: #1e3a47;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-card--platform {
    --osta-stat-bg: #07425a;
    --osta-stat-value: #ffffff;
    --osta-stat-muted: #d7f1f8;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-equation,
[data-bs-theme="dark"] #dashboard-live-content .osta-finance-formula {
    background: #173e31;
    color: #b8efd8;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-coverage-note {
    background: #302b1d;
    border-color: #695727;
    color: #f0e3bd;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-warranty-card {
    border-color: #36505a;
    border-top-color: #fecc00;
    box-shadow: none;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-warranty-grid > div,
[data-bs-theme="dark"] #dashboard-live-content .osta-finance-breakdown-row {
    border-color: #36505a;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-warranty-grid strong {
    color: #e7f4f8;
}

[data-bs-theme="dark"] #dashboard-live-content .osta-finance-warranty-grid span,
[data-bs-theme="dark"] #dashboard-live-content .osta-finance-warranty-grid small {
    color: #c4d7de;
}

[data-bs-theme="dark"] #osta-profile-page .osta-profile-card .card-title,
[data-bs-theme="dark"] #osta-profile-page .osta-profile-card h2 {
    color: #e0f1f5;
}

[data-bs-theme="dark"] #osta-profile-page .osta-profile-card--danger {
    border-top-color: #fecc00;
}

/* Order overview. Scoped to /order so the global dashboard remains unchanged. */
#order-summary {
    --summary-surface: #fff;
    --summary-subtle: #f7fbfd;
    --summary-border: #dfeef3;
    --summary-ink: #173947;
    --summary-muted: #5f7782;
    --summary-accent: #007aa8;
}
[data-bs-theme="dark"] #order-summary {
    --summary-surface: #172a32;
    --summary-subtle: #1b333e;
    --summary-border: #31525e;
    --summary-ink: #e9f7fa;
    --summary-muted: #acc8d1;
    --summary-accent: #5bc5e0;
}
#order-summary .order-summary-panel { padding: 24px; border: 1px solid var(--summary-border); border-radius: 20px; background: var(--summary-surface); box-shadow: 0 9px 32px rgba(7,52,71,.05); }
#order-summary .order-summary-heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
#order-summary .order-summary-heading h2 { margin: 0 0 4px; color: var(--summary-ink); font-size: 21px; font-weight: 700; }
#order-summary .order-summary-heading p { margin: 0; color: var(--summary-muted); font-size: 13px; }
#order-summary .order-summary-period { display: inline-flex; flex: none; padding: 7px 12px; border-radius: 999px; background: #e6f8ff; color: #006f9b; font-size: 12px; font-weight: 700; white-space: nowrap; }
#order-summary .order-summary-group { margin-top: 22px; }
#order-summary .order-summary-group h3 { margin: 0 0 10px; color: var(--summary-ink); font-size: 13px; font-weight: 700; }
#order-summary .order-summary-grid { display: grid; gap: 12px; min-width: 0; }
#order-summary .order-summary-grid--warranty { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#order-summary .order-summary-grid--status { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#order-summary .order-summary-card { min-width: 0; min-height: 116px; display: flex; flex-direction: column; align-items: start; text-align: start; padding: 14px 16px; border: 1px solid var(--summary-border); border-radius: 14px; background: var(--summary-subtle); color: var(--summary-ink); cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#order-summary .order-summary-card:hover { border-color: var(--summary-accent); box-shadow: 0 6px 17px rgba(4,150,207,.09); transform: translateY(-2px); }
#order-summary .order-summary-card:focus-visible { outline: 3px solid rgba(4,150,207,.35); outline-offset: 3px; }
#order-summary .order-summary-card[aria-pressed="true"] { border-color: var(--summary-accent); box-shadow: inset 0 3px 0 var(--summary-accent), 0 3px 11px rgba(4,150,207,.08); background: var(--summary-surface); }
#order-summary .order-summary-card__label { color: var(--summary-muted); font-size: 13px; font-weight: 600; line-height: 1.4; }
#order-summary .order-summary-card__count { margin-top: 4px; color: var(--summary-ink); font-size: 26px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
#order-summary .order-summary-card__action { margin-top: auto; color: var(--summary-accent); font-size: 11px; font-weight: 700; }
#order-summary .order-summary-footnote { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; margin-top: 15px; color: var(--summary-muted); font-size: 12px; line-height: 1.6; }
#order-summary #order-summary-active { color: var(--summary-accent); font-weight: 700; }
@media (max-width: 1199px) {
    #order-summary .order-summary-grid--status { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    #order-summary .order-summary-panel { padding: 18px; }
    #order-summary .order-summary-heading { flex-wrap: wrap; }
    #order-summary .order-summary-grid--warranty,
    #order-summary .order-summary-grid--status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px) {
    #order-summary .order-summary-grid--warranty,
    #order-summary .order-summary-grid--status { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    #order-summary .order-summary-card { transition: none; }
}

/* Shared table controls: a compact column menu replaces the wide Select2 chip field. */
.osta-column-picker__button { display: inline-flex; align-items: center; gap: 7px; border-radius: 12px; }
.osta-column-picker__count { display: inline-flex; align-items: center; justify-content: center; min-width: 31px; padding: 2px 6px; border-radius: 999px; background: var(--bs-primary-light); color: var(--bs-primary); font-size: 11px; font-weight: 700; direction: ltr; }
.osta-column-picker__menu { width: min(320px, calc(100vw - 32px)); max-height: min(520px, 75vh); border: 1px solid #cde8f0; border-radius: 16px; box-shadow: 0 14px 38px rgba(7, 52, 71, .12); }
.osta-column-picker__list { display: grid; gap: 3px; max-height: 290px; overflow-y: auto; }
.osta-column-picker__option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border-radius: 9px; color: var(--bs-body-color); cursor: pointer; line-height: 1.45; }
.osta-column-picker__option:hover { background: var(--bs-primary-light); }
.osta-column-picker__option[hidden] { display: none; }
.osta-column-picker__option .form-check-input { flex: none; margin: 0; }
.osta-data-table-wrap { width: 100%; overflow-x: auto; }
.osta-data-table-wrap .dynamicTable { width: 100% !important; }
.osta-data-table-wrap .dynamicTable :is(th, td) { vertical-align: middle; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.osta-data-table-wrap .dynamicTable thead th { color: #405a65; background: #f2fbfe; border-bottom: 1px solid #d4e8ef; font-weight: 700; }
.osta-data-table-wrap .dynamicTable tbody tr:hover td { background: rgba(4, 150, 207, .035); }

/* Keep dashboard dialogs in the same restrained Osta visual language. */
.app-content .modal-content, .swal2-popup { border: 1px solid #d4e8ef; border-radius: 18px; box-shadow: 0 20px 55px rgba(7, 52, 71, .14); }
.app-content .modal-header { border-bottom: 1px solid #e5f1f5; padding-block: 20px; }
.app-content .modal-title { color: #073447; font-weight: 700; }
.app-content .modal-footer { border-top: 1px solid #e5f1f5; }
.app-content .modal-content :is(.form-control, .form-select) { border-radius: 10px; }
[data-bs-theme="dark"] .osta-column-picker__menu,
[data-bs-theme="dark"] .app-content .modal-content,
[data-bs-theme="dark"] .swal2-popup { border-color: #36505a; box-shadow: 0 16px 38px rgba(0, 0, 0, .26); }
[data-bs-theme="dark"] .osta-data-table-wrap .dynamicTable thead th { color: #c4d7de; background: #1e3a47; border-color: #36505a; }
[data-bs-theme="dark"] .osta-data-table-wrap .dynamicTable tbody tr:hover td { background: rgba(91, 197, 224, .08); }
[data-bs-theme="dark"] .app-content .modal-title { color: #e0f1f5; }
[data-bs-theme="dark"] .app-content :is(.modal-header, .modal-footer) { border-color: #36505a; }

/* Action center: same light, readable identity as the rest of the dashboard. */
.osta-action-center__intro { border: 1px solid #d9edf5; background: linear-gradient(110deg, #f2fbff, #fff 72%); }
.osta-action-center__total { min-width: 120px; display: flex; flex-direction: column; align-items: center; border-radius: 18px; padding: 14px 18px; background: #e7f7fc; color: #087aab; }
.osta-action-center__total strong { font-size: 2rem; line-height: 1.2; }
.osta-action-center__total span { font-size: .8rem; }
.osta-action-center__queue { border: 1px solid #e4edf2; border-radius: 16px; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.osta-action-center__queue:hover, .osta-action-center__queue:focus-visible { transform: translateY(-2px); border-color: #83d0eb; box-shadow: 0 8px 24px rgba(20, 107, 143, .1); }
.osta-action-center__filters .btn { border-radius: 999px; }
.osta-action-center [data-work-type][hidden] { display: none; }
[data-bs-theme="dark"] .osta-action-center__intro { border-color: #2d5364; background: linear-gradient(110deg, #173c4a, #1d2635 72%); }
[data-bs-theme="dark"] .osta-action-center__total { background: #154458; color: #9de3f9; }
[data-bs-theme="dark"] .osta-action-center__queue { border-color: #334454; }
@media (prefers-reduced-motion: reduce) { .osta-action-center__queue { transition: none; } }
/* Global, reversible screen privacy for the admin preview. */
.osta-privacy-toggle { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.osta-privacy-hidden .osta-sensitive-value { filter: blur(7px); user-select: none; }
.osta-privacy-hidden .osta-sensitive-value:hover { filter: blur(7px); }
.osta-header-search { width: 38px; min-width: 38px; height: 36px; transition: width .24s ease; }
.osta-header-search:focus-within, .osta-header-search.is-open, .osta-header-search:has(input:not(:placeholder-shown)) { width: min(265px, 23vw); }
.osta-header-search input { width: 100%; height: 36px; min-width: 0; border-radius: 12px; cursor: text; }
.osta-header-search:not(:focus-within):not(.is-open):not(:has(input:not(:placeholder-shown))) input { padding-inline: 0; color: transparent; caret-color: transparent; }
.osta-header-search:not(:focus-within):not(.is-open):not(:has(input:not(:placeholder-shown))) input::placeholder { opacity: 0; }
.osta-header-search__button { width: 36px; height: 36px; }
@media (prefers-reduced-motion: reduce) { .osta-header-search { transition: none; } }