body, .main-content, .app-main, .page-wrapper {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

.sidebar, .menu {
    background-color: #060a10 !important;
    border-color: #1e293b !important;
}

header, .navbar, #header, .header-top {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.header-control-btn, .toolbar-icon, .hostique-order-control, .topbar-icon {
    color: #0b111a !important;
}
.header-control-btn svg, .toolbar-icon svg, .hostique-order-control svg {
    stroke: #0b111a !important;
    fill: none !important;
}
.hostique-order-control__badge {
    background-color: #2ab2f5 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.dashboard-stat-card, .dashboard-analytics-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}
.dashboard-stat-card *, .dashboard-analytics-card * {
    color: #0b111a !important;
}
.dashboard-stat-card i, .dashboard-analytics-card i {
    color: #2ab2f5 !important;
}

.table-container, .dashboard-panel, .client-home-panels .panel, .client-home-panels .card, .panel-body {
    background-color: #111a27 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
}

.table-container *, .dashboard-panel *, .client-home-panels .panel *, .client-home-panels .card *, .panel-body * {
    color: #e2e8f0 !important;
}

.table-container h1, .table-container h2, .table-container h3,
.dashboard-panel h1, .dashboard-panel h2, .dashboard-panel h3,
.client-home-panels h2, .client-home-panels h3, .panel-title,
.dataTables_empty, td.dataTables_empty {
    color: #ffffff !important;
    font-size: 1.05rem !important;
}

.dataTables_info, .text-muted, .panel-body p, .dashboard-panel p {
    color: #94a3b8 !important;
}

table.dataTable thead th, .table thead th, table.dataTable thead td {
    background-color: #0d1522 !important;
    border-bottom: 1px solid #1e293b !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}
table, .table td, .table th, tr {
    border-color: #1e293b !important;
    background-color: transparent !important;
}

.dataTables_filter input, .dataTables_length select, .form-control, .hostique-order-topbar__search-field .form-control {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cbd5e1 !important;
}
select option {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.btn-default, .btn-light, .dataTables_wrapper .btn, .paginate_button .page-link {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}
.btn-default:hover, .paginate_button .page-link:hover, .dataTables_wrapper .btn:hover {
    background-color: #2ab2f5 !important;
    color: #ffffff !important;
    border-color: #2ab2f5 !important;
}

.btn-primary, .btn-success, .btn-info, button[type="submit"], input[type="submit"], .checkout-btn {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
    font-weight: 700 !important;
}
.btn-primary:hover, .btn-success:hover {
    background-color: #1c9ce0 !important;
    color: #ffffff !important;
}

.dashboard-panel .btn-primary,
.table-container .btn-primary {
    background-color: #2ab2f5 !important;
    background-image: none !important;
    color: #0b111a !important;
    opacity: 1 !important;
    filter: none !important;
}

.dashboard-panel a.dashboard-chip-link,
.table-container a.dashboard-chip-link {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    filter: none !important;
}
.dashboard-panel a.dashboard-chip-link:hover,
.table-container a.dashboard-chip-link:hover {
    background-color: #2ab2f5 !important;
    color: #ffffff !important;
    border-color: #2ab2f5 !important;
}

.dashboard-panel a.dashboard-action-ghost,
.table-container a.dashboard-action-ghost {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    filter: none !important;
}
.dashboard-panel a.dashboard-action-ghost:hover,
.table-container a.dashboard-action-ghost:hover {
    background-color: #2ab2f5 !important;
    color: #ffffff !important;
    border-color: #2ab2f5 !important;
}

li.paginate_button.page-item .page-link {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
}
li.paginate_button.page-item.disabled .page-link {
    background-color: #1e293b !important;
    color: #64748b !important;
    border-color: #1e293b !important;
}
li.paginate_button.page-item:not(.disabled) .page-link:hover {
    background-color: #2ab2f5 !important;
    color: #ffffff !important;
    border-color: #2ab2f5 !important;
}

span.dashboard-home-table-footer__page-btn {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}

button.dashboard-icon-btn {
    color: #ffffff !important;
    background-color: transparent !important;
}
button.dashboard-icon-btn svg {
    stroke: #ffffff !important;
}
button.dashboard-icon-btn:hover {
    color: #2ab2f5 !important;
}

div.dashboard-empty-state {
    color: #94a3b8 !important;
}

#order-standard_cart .order-page-heading,
#order-standard_cart .order-page-heading *,
#order-standard_cart .order-panel,
#order-standard_cart .order-panel *,
#order-standard_cart #totalDueToday,
#order-standard_cart #totalDueToday * {
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    opacity: 1 !important;
}

#order-standard_cart .hostique-checkout-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}
#order-standard_cart .hostique-checkout-card,
#order-standard_cart .hostique-checkout-card * {
    color: #1e293b !important;
}
#order-standard_cart .hostique-checkout-card h1,
#order-standard_cart .hostique-checkout-card h2,
#order-standard_cart .hostique-checkout-card h3 {
    color: #0b111a !important;
}

#order-standard_cart #totalDueToday,
#order-standard_cart #totalDueToday * {
    color: #0b111a !important;
    background-color: transparent !important;
}

.alert-success {
    background-color: #e6f9ee !important;
    border-color: #b7ebc6 !important;
}
.alert-warning {
    background-color: #fff8e6 !important;
    border-color: #ffe08a !important;
}
.alert-danger {
    background-color: #fdecec !important;
    border-color: #f5b5b5 !important;
}
.alert-info {
    background-color: #eaf6fd !important;
    border-color: #bfe4f7 !important;
}
.alert-success *,
.alert-warning *,
.alert-danger *,
.alert-info * {
    color: #1e293b !important;
}

#order-standard_cart .checkout-security-msg,
#order-standard_cart .checkout-security-msg * {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

#order-standard_cart.order-shell--confproduct-modern select.form-control:not(#_),
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-select:not(#_),
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-billing__copy .form-control:not(#_) {
    background-color: #ffffff !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
}
#order-standard_cart.order-shell--confproduct-modern select.form-control:not(#_) option,
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-select:not(#_) option {
    background-color: #ffffff !important;
    color: #0b111a !important;
}

#order-standard_cart.order-shell--confproduct-modern .hostique-configure-card:not(#_) {
    background-color: #111a27 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
}
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-card:not(#_) * {
    color: #e2e8f0 !important;
}
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-card:not(#_) h1,
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-card:not(#_) h2,
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-card:not(#_) h3,
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-section-title:not(#_) {
    color: #ffffff !important;
}

#order-standard_cart.order-shell--confproduct-modern .hostique-configure-option-card:not(#_),
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-addon-card:not(#_) {
    background-color: #0d1522 !important;
    border: 1px solid #1e293b !important;
}
#order-standard_cart.order-shell--confproduct-modern .hostique-configure-addon-card:not(#_) p {
    color: #94a3b8 !important;
}

.dashboard-support-request__layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: start;
}

.dashboard-support-request__main.card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.dashboard-support-request__main .card-body.extra-padding {
    padding: 32px !important;
}

.dashboard-page-heading__title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}
.dashboard-page-heading__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #eaf6fd !important;
    color: #2ab2f5 !important;
    font-size: 20px;
    flex-shrink: 0;
}
.dashboard-page-heading__title .card-title {
    color: #0b111a !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}
.dashboard-page-heading__title .dashboard-panel__copy {
    color: #64748b !important;
    font-size: 0.92rem !important;
    margin-bottom: 0 !important;
}

.dashboard-support-request__main label {
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    margin-bottom: 6px !important;
}
.dashboard-support-request__main .form-control {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    min-height: 44px !important;
}
.dashboard-support-request__main .form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
}
.dashboard-support-request__main textarea.form-control {
    min-height: 220px !important;
}

.dashboard-support-request__verified-field {
    position: relative;
}
.dashboard-support-request__verified {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e6f9ee !important;
    color: #16a34a !important;
    font-size: 11px;
}

.dashboard-support-upload__dropzone {
    background-color: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.dashboard-support-upload__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #eaf6fd !important;
    color: #2ab2f5 !important;
    font-size: 18px;
    margin-bottom: 6px;
}
.dashboard-support-upload__dropzone strong {
    color: #0b111a !important;
}
.dashboard-support-upload__dropzone span {
    color: #2ab2f5 !important;
}
.dashboard-support-upload__dropzone small {
    color: #94a3b8 !important;
}

.attachment-group .custom-file-label {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px 0 0 10px !important;
}
.attachment-group .btn-default {
    border-radius: 0 10px 10px 0 !important;
}

#openTicketSubmit.btn-primary {
    background-color: #2ab2f5 !important;
    color: #0b111a !important;
    border-radius: 10px !important;
    padding: 12px 32px !important;
    font-weight: 700 !important;
}
.dashboard-support-request__main p.text-center .btn-default {
    border-radius: 10px !important;
    padding: 12px 24px !important;
}

.dashboard-support-request__aside {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.dashboard-support-tip {
    background-color: #111a27 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    padding: 24px !important;
}
.dashboard-support-tip__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(42, 178, 245, 0.15) !important;
    color: #2ab2f5 !important;
    font-size: 18px;
    margin-bottom: 14px;
}
.dashboard-support-tip h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}
.dashboard-support-tip p {
    color: #94a3b8 !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
}
.dashboard-support-tip ul {
    margin: 12px 0 0;
    padding-left: 18px;
}
.dashboard-support-tip ul li {
    color: #cbd5e1 !important;
    font-size: 0.85rem !important;
    margin-bottom: 4px !important;
}

@media (max-width: 992px) {
    .dashboard-support-request__layout {
        grid-template-columns: 1fr;
    }
}

// slm33

/* ============================================================
   صفحة Login — إعادة تصميم كاملة
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* الهيدر العلوي */
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 32px !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions {
    display: flex !important;
    gap: 12px !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    color: #0b111a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link:hover {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* الحاوية العامة */
body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner {
    background-color: #f8fafc !important;
    padding: 48px 32px !important;
}
.auth-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
    gap: 28px !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
}

/* ============================================================
   العمود الأيسر — Secure Client Login (كحلي غامق)
   ============================================================ */
.auth-shell__intro.dashboard-panel {
    background-color: #111a27 !important;
    border: 1px solid #1e293b !important;
    border-radius: 24px !important;
    padding: 40px 36px !important;
    position: relative;
    overflow: hidden;
    color: #e2e8f0 !important;
}
.auth-shell__title {
    color: #ffffff !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}
.auth-shell__copy {
    color: #94a3b8 !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    max-width: 34ch;
}

/* الرسمة التوضيحية (الأيقونات) — كانت دوائر بيضاء فاضية، هلق دوائر
   كحلي بأيقونات زرقاء واضحة */
.auth-shell__hero-art {
    position: relative;
    height: 190px;
    margin: 32px 0;
}
.auth-shell__hero-orbit {
    position: absolute;
    border: 1.5px dashed rgba(42, 178, 245, 0.25);
    border-radius: 50%;
}
.auth-shell__hero-orbit--one { width: 220px; height: 220px; top: -10px; left: 10%; }
.auth-shell__hero-orbit--two { width: 150px; height: 150px; top: 20px; left: 25%; }
.auth-shell__hero-node {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2ab2f5;
    box-shadow: 0 0 12px rgba(42, 178, 245, 0.7);
}
.auth-shell__hero-node--one { top: 10px; left: 30%; }
.auth-shell__hero-node--two { top: 60px; right: 15%; }
.auth-shell__hero-node--three { bottom: 10px; left: 45%; }
.auth-shell__hero-cloud,
.auth-shell__hero-server,
.auth-shell__hero-shield {
    position: absolute;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background-color: #060a10 !important;
    border: 1px solid #1e293b !important;
    color: #2ab2f5 !important;
    font-size: 1.5rem;
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.5);
}
.auth-shell__hero-cloud {
    width: 100px;
    height: 64px;
    top: 30px;
    left: 15%;
    border-radius: 40px;
    font-size: 1.7rem;
}
.auth-shell__hero-server--one {
    width: 60px;
    height: 60px;
    top: 100px;
    left: 20%;
    font-size: 1.25rem;
}
.auth-shell__hero-server--two {
    width: 70px;
    height: 90px;
    top: 60px;
    right: 20%;
    font-size: 1.4rem;
}
.auth-shell__hero-shield {
    width: 76px;
    height: 76px;
    top: 100px;
    right: 10%;
    color: #ffffff !important;
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
}

/* قائمة المزايا */
.auth-shell__features--stacked {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.auth-shell__feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    background-color: #060a10 !important;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.auth-shell__feature:hover {
    border-color: rgba(42, 178, 245, 0.4) !important;
    transform: translateY(-2px);
}
.auth-shell__feature-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
    font-size: 1.05rem !important;
}
.auth-shell__feature strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 0.98rem !important;
    margin-bottom: 4px !important;
}
.auth-shell__feature p {
    color: #94a3b8 !important;
    font-size: 0.87rem !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}
.auth-shell__copyright {
    margin-top: 28px !important;
    color: #64748b !important;
    font-size: 0.82rem !important;
}

/* ============================================================
   العمود الأيمن — فورم تسجيل الدخول (أبيض)
   ============================================================ */
.login-form.dashboard-panel.auth-form {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    padding: 40px 40px !important;
    box-shadow: 0 20px 45px -30px rgba(15, 23, 42, 0.2) !important;
}
.auth-form__header {
    text-align: center !important;
    margin-bottom: 24px !important;
}
.auth-form__title {
    color: #0b111a !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}
.auth-form__subtitle {
    color: #64748b !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    max-width: 40ch;
    margin: 0 auto !important;
}

/* رسالة CSRF / الأخطاء — كانت شبه مختفية */
.auth-form .alert.alert-danger {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: #fdecec !important;
    border: 1px solid #f5b5b5 !important;
    color: #b91c1c !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin-bottom: 20px !important;
}
.auth-form .alert.alert-danger::before {
    content: "\26A0";
    font-size: 1.1rem;
    line-height: 1;
}

/* الحقول */
.auth-form .form-group {
    margin-bottom: 20px !important;
}
.auth-form .form-control-label {
    display: block !important;
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
}
.auth-input-group {
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #f8fafc !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.auth-input-group:focus-within {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    background-color: #ffffff !important;
}
.auth-input-group .input-group-prepend {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: #94a3b8 !important;
}
.auth-input-group .form-control {
    flex: 1 1 auto !important;
    background-color: transparent !important;
    border: 0 !important;
    color: #0b111a !important;
    font-size: 1rem !important;
    padding: 14px 12px 14px 0 !important;
    box-shadow: none !important;
}
.auth-input-group .form-control::placeholder {
    color: #94a3b8 !important;
}
.auth-reveal-btn {
    background: transparent !important;
    border: 0 !important;
    color: #94a3b8 !important;
    padding: 0 14px !important;
    transition: color 0.2s ease !important;
}
.auth-reveal-btn:hover {
    color: #2ab2f5 !important;
}

/* Forgot Password */
.auth-form .form-group .small.text-muted {
    color: #2ab2f5 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.auth-form .form-group .small.text-muted:hover {
    text-decoration: underline !important;
}

/* أزرار وActions */
.auth-form__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 8px 0 20px !important;
}
#login.auth-submit-btn {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    padding: 14px 36px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px -14px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
#login.auth-submit-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 18px 34px -14px rgba(42, 178, 245, 0.65) !important;
}
#login.auth-submit-btn:active {
    transform: translateY(0) scale(0.98) !important;
}
.auth-remember {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #64748b !important;
    font-size: 0.88rem !important;
    cursor: pointer !important;
}
.auth-remember input {
    width: 18px !important;
    height: 18px !important;
    accent-color: #2ab2f5 !important;
    cursor: pointer !important;
}

/* فوتر الفورم */
.auth-form__footer {
    text-align: center !important;
    padding-top: 18px !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 0.92rem !important;
}
.auth-form__footer a {
    color: #2ab2f5 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-inline-start: 4px !important;
}
.auth-form__footer a:hover {
    text-decoration: underline !important;
}

/* الشريط السفلي (Login / Manage Services / Support Tickets) */
.auth-form__meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 24px !important;
}
.auth-form__meta-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
}
.auth-form__meta-item:hover {
    border-color: rgba(42, 178, 245, 0.4) !important;
    transform: translateY(-2px) !important;
}
.auth-form__meta-item i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    background-color: rgba(42, 178, 245, 0.1) !important;
    color: #2ab2f5 !important;
    font-size: 0.9rem !important;
}
.auth-form__meta-item strong {
    display: block !important;
    color: #0b111a !important;
    font-size: 0.85rem !important;
    margin-bottom: 2px !important;
}
.auth-form__meta-item span {
    color: #94a3b8 !important;
    font-size: 0.78rem !important;
}

/* استجابة للموبايل */
@media (max-width: 960px) {
    .auth-shell {
        grid-template-columns: 1fr !important;
    }
    .auth-shell__hero-art {
        display: none;
    }
}
@media (max-width: 560px) {
    .login-form.dashboard-panel.auth-form,
    .auth-shell__intro.dashboard-panel {
        padding: 28px 22px !important;
    }
    .auth-form__meta {
        grid-template-columns: 1fr !important;
    }
    .auth-form__actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #login.auth-submit-btn {
        width: 100% !important;
    }
}

/* ============================================================
   إصلاح "Remember Me" — كان شبه مختفي
   ============================================================ */
.auth-remember,
.auth-remember span {
    color: #334155 !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    opacity: 1 !important;
}

/* ============================================================
   توحيد أزرار الهيدر (Contact Us / Login / Create account)
   الرابط الأخير (الأهم) يصير معبّى باللون التركوازي
   ============================================================ */
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions .dashboard-focus-link {
    min-height: 42px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.92rem !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions .dashboard-focus-link:last-child {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border-color: transparent !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 20px -12px rgba(42, 178, 245, 0.5) !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions .dashboard-focus-link:last-child:hover {
    filter: brightness(1.06) !important;
    color: #0b111a !important;
    transform: translateY(-1px) !important;
}

/* ============================================================
   اللوجو بالهيدر
   ============================================================ */
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__brand {
    display: inline-flex !important;
    align-items: center !important;
}
body.whmcs-dashboard-body.is-auth-page .hostique-logo-lockup--focus .hostique-logo-lockup__image {
    height: 42px !important;
    width: auto !important;
    display: block !important;
}

/* ============================================================
   صفحة Register — نفس هوية صفحة Login بالكامل
   ============================================================ */
.auth-register-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) !important;
    gap: 28px !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    align-items: start !important;
}
.auth-register-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* كروت التسجيل (Personal Information / Billing Address / ...) */
.auth-register-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px -24px rgba(15, 23, 42, 0.18) !important;
}
.auth-register-card .card-body {
    padding: 28px !important;
}
.auth-register-card__heading {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
}
.dashboard-page-heading__icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    flex-shrink: 0 !important;
}
.dashboard-page-heading__icon--mint {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}
.dashboard-page-heading__icon--violet {
    background-color: rgba(139, 92, 246, 0.14) !important;
    color: #8b5cf6 !important;
}
.auth-register-card__heading .card-title {
    margin: 0 !important;
    color: #0b111a !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}
.auth-register-card__heading .dashboard-panel__copy {
    margin: 4px 0 0 !important;
    color: #64748b !important;
    font-size: 0.86rem !important;
}

/* الحقول (نمط prepend-icon المستخدم بهاي الصفحة) */
.auth-register-content .form-group.prepend-icon {
    position: relative !important;
    margin-bottom: 18px !important;
}
.auth-register-content .prepend-icon .field-icon {
    position: absolute !important;
    top: 50%;
    left: 15px;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 0.92rem !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.auth-register-content .prepend-icon .field,
.auth-register-content .prepend-icon .form-control,
.auth-register-content .prepend-icon select {
    width: 100% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    color: #0b111a !important;
    padding: 13px 14px 13px 44px !important;
    font-size: 0.96rem !important;
    min-height: 50px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}
.auth-register-content .prepend-icon .field:focus,
.auth-register-content .prepend-icon .form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    background-color: #ffffff !important;
    outline: none !important;
}
.auth-register-content .prepend-icon .field::placeholder {
    color: #94a3b8 !important;
}

/* زر Generate Password */
.auth-register-content .generate-password {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0b111a !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.auth-register-content .generate-password:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}

/* مقياس قوة كلمة السر */
.password-strength-meter .progress {
    background-color: #e2e8f0 !important;
    border-radius: 999px !important;
    height: 8px !important;
    overflow: hidden !important;
}
.password-strength-meter .progress-bar {
    background-color: #2ab2f5 !important;
}
.password-strength-meter p {
    color: #64748b !important;
    font-size: 0.82rem !important;
    margin-top: 8px !important;
}

/* سويتش Join our mailing list بصفحة التسجيل */
.auth-register-card .bootstrap-switch {
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.auth-register-card .bootstrap-switch-handle-on.bootstrap-switch-success {
    background-color: #2ab2f5 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}
.auth-register-card .bootstrap-switch-handle-off.bootstrap-switch-secondary {
    background-color: #e2e8f0 !important;
    color: #64748b !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}
.auth-register-card .bootstrap-switch-label {
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* زر Register */
.auth-register-content input[type="submit"].btn-primary {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    padding: 14px 44px !important;
    border-radius: 12px !important;
    font-size: 1.02rem !important;
    box-shadow: 0 14px 28px -14px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease !important;
}
.auth-register-content input[type="submit"].btn-primary:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 18px 34px -14px rgba(42, 178, 245, 0.65) !important;
}
.auth-register-content input[type="submit"].btn-primary:active {
    transform: translateY(0) scale(0.98) !important;
}

@media (max-width: 992px) {
    .auth-register-layout {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    .auth-register-card .card-body {
        padding: 20px !important;
    }
}

/* ============================================================
   تحسين الهيدر — كانت الأزرار ملزقة بالخط تحتها
   ============================================================ */
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar {
    min-height: 84px !important;
    padding: 22px 40px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions {
    gap: 14px !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar__actions .dashboard-focus-link {
    min-height: 44px !important;
    border-radius: 12px !important;
}
body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner {
    padding-top: 40px !important;
}

/* ============================================================
   تقوية استهداف زر Register (احتياط لضمان تطبيق التصميم)
   ============================================================ */
.auth-register-content form input[type="submit"],
.auth-register-content .btn-recaptcha,
form.using-password-strength input[type="submit"].btn-primary {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    padding: 14px 44px !important;
    border-radius: 12px !important;
    font-size: 1.02rem !important;
    box-shadow: 0 14px 28px -14px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease !important;
}
.auth-register-content form input[type="submit"]:hover,
.auth-register-content .btn-recaptcha:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}


// slm44

/* ============================================================
   صفحة Client Area الرئيسية — تحسينات شاملة
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* الكروت العلوية (Services / Invoices Due / Domains / Support Tickets) */
.dashboard-home-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}
.dashboard-home-stat {
    padding: 22px !important;
    border-radius: 16px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.dashboard-home-stat:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(42, 178, 245, 0.4) !important;
    box-shadow: 0 16px 32px -22px rgba(15, 23, 42, 0.25) !important;
}
.dashboard-home-stat__body {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
.dashboard-home-stat__icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background-color: rgba(42, 178, 245, 0.12) !important;
}
.dashboard-home-stat__icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #2ab2f5 !important;
    fill: none !important;
}
.dashboard-home-stat__title {
    color: #64748b !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    margin: 0 0 4px !important;
}
.dashboard-home-stat__value {
    color: #0b111a !important;
    font-size: 1.9rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
.dashboard-home-stat__meta {
    color: #94a3b8 !important;
    font-size: 0.82rem !important;
    margin: 4px 0 0 !important;
}

/* رأس البانلات (Services / My Invoices / Support Tickets) */
.dashboard-panel.dashboard-home-panel {
    padding: 26px !important;
}
.dashboard-home-panel__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.dashboard-panel__title {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    margin: 0 0 4px !important;
}
.dashboard-home-panel__subtitle {
    color: #94a3b8 !important;
    font-size: 0.86rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 46ch;
}

/* أزرار View All / Submit Ticket — تركوازي بدل الأبيض */
.dashboard-chip-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #0b111a !important;
    border: 0 !important;
    font-weight: 800 !important;
    padding: 10px 22px !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 22px -12px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease !important;
    white-space: nowrap !important;
}
.dashboard-chip-link:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 14px 28px -12px rgba(42, 178, 245, 0.65) !important;
    color: #0b111a !important;
}

/* جدول Services */
.dashboard-home-services-table thead th {
    padding: 14px 16px !important;
}
.dashboard-home-services-table tbody td {
    padding: 16px !important;
}
.dashboard-home-table-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid #1e293b !important;
}
.dashboard-home-table-footer__count {
    color: #94a3b8 !important;
    font-size: 0.86rem !important;
}
.dashboard-home-table-footer__pager {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.dashboard-home-table-footer__page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.dashboard-home-table-footer__page-btn.is-active {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #0b111a !important;
}
.dashboard-home-table-footer__page-btn:hover {
    background-color: #2ab2f5 !important;
    color: #ffffff !important;
}

/* ============================================================
   My Invoices — إصلاح احتياطي لظهور صفوف الفواتير
   (تُحمَّل عبر JavaScript، فهاي قاعدة عامة قوية تغطي أي عنصر
   نصي داخل القائمة مهما كان اسم الـ class الفعلي)
   ============================================================ */
.dashboard-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
[data-dashboard-invoices-list],
[data-dashboard-invoices-list] * {
    opacity: 1 !important;
    -webkit-text-fill-color: unset !important;
}
[data-dashboard-invoices-list] > a,
[data-dashboard-invoices-list] > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    background-color: #0d1522 !important;
    color: #e2e8f0 !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, transform 0.2s ease, background-color 0.2s ease !important;
}
[data-dashboard-invoices-list] > a:hover,
[data-dashboard-invoices-list] > div:hover {
    border-color: rgba(42, 178, 245, 0.45) !important;
    background-color: #111a27 !important;
    transform: translateY(-1px) !important;
}
[data-dashboard-invoices-list] strong,
[data-dashboard-invoices-list] b {
    color: #ffffff !important;
    font-weight: 800 !important;
}
[data-dashboard-invoices-list] small,
[data-dashboard-invoices-list] span:not([class*="badge"]):not([class*="status"]) {
    color: #94a3b8 !important;
}
/* حالات الدفع الشائعة (Paid / Unpaid / Overdue) */
[data-dashboard-invoices-list] [class*="unpaid"],
[data-dashboard-invoices-list] [class*="overdue"] {
    color: #f87171 !important;
    font-weight: 700 !important;
}
[data-dashboard-invoices-list] [class*="paid"]:not([class*="unpaid"]) {
    color: #4ade80 !important;
    font-weight: 700 !important;
}

/* ============================================================
   صفحة Product Details — إصلاح زر Pay Invoice وصناديق Quick Shortcuts
   ============================================================ */

/* زر Pay Invoice داخل تنبيه الفاتورة المتأخرة */
#alertOverdueInvoice {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}
#alertOverdueInvoice .float-right {
    float: none !important;
}
.alert.alert-danger .btn-default,
.alert.alert-danger .btn-xs,
.alert.alert-danger a.btn,
#alertOverdueInvoice .btn-default,
#alertOverdueInvoice .btn-xs,
#alertOverdueInvoice a.btn {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    border: 1px solid #f5b5b5 !important;
    font-weight: 700 !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transition: all 0.2s ease !important;
}
.alert.alert-danger .btn-default:hover,
.alert.alert-danger .btn-xs:hover,
.alert.alert-danger a.btn:hover,
#alertOverdueInvoice .btn-default:hover,
#alertOverdueInvoice .btn-xs:hover,
#alertOverdueInvoice a.btn:hover {
    background-color: #b91c1c !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #b91c1c !important;
}

/* صناديق Quick Shortcuts (Mail / Applications / File Manager ...)
   عندها خلفية بيضاء خاصة فيهم، فلازم نص غامق مش فاتح */
.panel-body .plesk-feature-row a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 20px 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.panel-body .plesk-feature-row a:hover {
    border-color: rgba(42, 178, 245, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px -16px rgba(42, 178, 245, 0.5) !important;
}
.panel-body .plesk-feature-row a img {
    width: 38px !important;
    height: 38px !important;
}

/* أزرار Visit Website / Manage Domains داخل صندوق Package/Domain الأبيض */
.panel-body .plesk-package-details,
.panel-body .plesk-package-details * {
    color: #0b111a !important;
}
.panel-body .btn-default {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}
.panel-body .btn-success {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
    font-weight: 700 !important;
}

@media (max-width: 992px) {
    .dashboard-home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 576px) {
    .dashboard-home-stats {
        grid-template-columns: 1fr !important;
    }
    .dashboard-home-panel__header {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dashboard-chip-link {
        width: 100% !important;
    }
}




// slm55

/* ============================================================
   صفحة My Invoices — تحسينات شاملة
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* كروت الإحصائيات العلوية */
.dashboard-analytics-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
}
.dashboard-analytics-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 22px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.dashboard-analytics-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 32px -22px rgba(15, 23, 42, 0.25) !important;
}
.dashboard-analytics-card__icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
}
.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}
.dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background-color: rgba(245, 158, 11, 0.14) !important;
    color: #f59e0b !important;
}
.dashboard-analytics-card--mint .dashboard-analytics-card__icon {
    background-color: rgba(74, 222, 128, 0.14) !important;
    color: #22c55e !important;
}
.dashboard-analytics-card__label {
    display: block !important;
    color: #64748b !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    margin-bottom: 2px !important;
}
.dashboard-analytics-card__value {
    display: block !important;
    color: #0b111a !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
.dashboard-analytics-card__meta {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    margin-top: 2px !important;
}
.dashboard-analytics-card__line {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
}
.dashboard-analytics-card__line--green { background-color: #2ab2f5 !important; }
.dashboard-analytics-card__line--amber { background-color: #f59e0b !important; }
.dashboard-analytics-card__line--mint { background-color: #22c55e !important; }

/* رأس البانل (My Invoices) */
.dashboard-page-heading--inline {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}
.dashboard-page-heading__title {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.dashboard-page-heading__icon {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
    font-size: 1rem !important;
}
.dashboard-page-title {
    color: #0b111a !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    margin: 0 0 3px !important;
}
.dashboard-panel .dashboard-page-title {
    color: #ffffff !important;
}
.dashboard-page-heading .dashboard-panel__copy {
    color: #94a3b8 !important;
    font-size: 0.86rem !important;
    margin: 0 !important;
}
.dashboard-page-heading__actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.dashboard-link.dashboard-link--hero {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #0b111a !important;
    border: 0 !important;
    font-weight: 800 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px -12px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
}
.dashboard-link.dashboard-link--hero:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    color: #0b111a !important;
}
.dashboard-action-ghost {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.dashboard-action-ghost:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}

/* شريط البحث والفلاتر */
.dashboard-page-table-toolbar {
    margin-bottom: 18px !important;
}
.dashboard-page-table-toolbar__actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.dashboard-toolbar-search {
    position: relative !important;
    flex: 1 1 260px !important;
}
.dashboard-toolbar-search i {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
}
.dashboard-toolbar-search input.form-control {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 11px 16px 11px 42px !important;
}
.dashboard-toolbar-search input.form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-select-wrap {
    position: relative !important;
    min-width: 240px !important;
    flex: 0 0 240px !important;
}
.dashboard-select-wrap i {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    font-size: 0.95rem !important;
}
.dashboard-select-wrap select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    min-height: 44px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 15px !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 11px 42px 11px 46px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
}
.dashboard-select-wrap select.form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-select-wrap select.form-control option {
    background-color: #ffffff !important;
    color: #0b111a !important;
}
.dashboard-icon-btn {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    color: #0b111a !important;
    transition: all 0.2s ease !important;
}
.dashboard-icon-btn:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}
.dashboard-icon-btn.is-active {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
}

/* أزرار الأكشن جوا صفوف الجدول (عين / تحميل) */
.dashboard-row-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.dashboard-row-action {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0d1522 !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    color: #e2e8f0 !important;
    transition: all 0.2s ease !important;
}
.dashboard-row-action:hover {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
    transform: translateY(-1px) !important;
}

/* حالة الفاتورة (Unpaid/Paid) */
.status-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}
.status-pill.warning {
    background-color: rgba(245, 158, 11, 0.16) !important;
}
.status-pill.warning .textred {
    color: #f59e0b !important;
}
.status-pill.success,
.status-pill.paid {
    background-color: rgba(74, 222, 128, 0.14) !important;
}
.status-pill.success span,
.status-pill.paid span {
    color: #22c55e !important;
}

/* صفوف الجدول تفاعلية (قابلة للنقر) */
#tableInvoicesList tbody tr {
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
}
#tableInvoicesList tbody tr:hover {
    background-color: rgba(42, 178, 245, 0.06) !important;
}

/* ============================================================
   Pagination — كانت باهتة وغير واضحة
   ============================================================ */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .pagination {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.dataTables_wrapper .paginate_button,
.dataTables_wrapper .page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.86rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dataTables_wrapper .paginate_button:hover:not(.disabled),
.dataTables_wrapper .page-link:hover {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #ffffff !important;
}
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .page-item.active .page-link {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border-color: transparent !important;
    color: #0b111a !important;
}
.dataTables_wrapper .paginate_button.disabled,
.dataTables_wrapper .page-item.disabled .page-link {
    background-color: #f8fafc !important;
    color: #cbd5e1 !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length input {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    color: #94a3b8 !important;
}

@media (max-width: 992px) {
    .dashboard-analytics-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 640px) {
    .dashboard-page-heading--inline {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dashboard-page-heading__actions {
        justify-content: stretch !important;
    }
    .dashboard-link--hero,
    .dashboard-action-ghost {
        flex: 1 1 auto !important;
        justify-content: center !important;
    }
}



// addfunds


/* ============================================================
   صفحة Add Funds — إعادة تصميم فاخرة كاملة
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* تنبيه "You must have at least one active order..." */
.alert.alert-danger.text-center {
    background-color: #fdecec !important;
    border: 1px solid #f5b5b5 !important;
    color: #b91c1c !important;
    font-weight: 700 !important;
    padding: 18px 24px !important;
    border-radius: 14px !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

/* ============================================================
   كروت Minimum Deposit / Maximum Deposit / Maximum Balance
   ============================================================ */
.dashboard-analytics-card--mint .dashboard-analytics-card__icon {
    background-color: rgba(74, 222, 128, 0.14) !important;
    color: #22c55e !important;
}
.dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background-color: rgba(139, 92, 246, 0.14) !important;
    color: #8b5cf6 !important;
}
.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
}
.dashboard-analytics-card--mint .dashboard-analytics-card__line { background-color: #22c55e !important; }
.dashboard-analytics-card--violet .dashboard-analytics-card__line { background-color: #8b5cf6 !important; }
.dashboard-analytics-card--green .dashboard-analytics-card__line { background-color: #2ab2f5 !important; }

/* ============================================================
   بانل Add Funds — الرأس
   ============================================================ */
.dashboard-funds-panel {
    padding: 40px !important;
}
.dashboard-funds-panel .dashboard-panel__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: 34px !important;
    padding-bottom: 26px !important;
    border-bottom: 1px solid #1e293b !important;
}
.dashboard-funds-panel .dashboard-panel__title {
    color: #ffffff !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    margin: 0 0 6px !important;
}
.dashboard-funds-panel .dashboard-panel__copy {
    color: #94a3b8 !important;
    font-size: 0.94rem !important;
    margin: 0 !important;
}

/* أيقونة المحفظة — إلغاء أي شكل زخرفي قديم من الثيم يتراكب فوقها */
.dashboard-funds-panel__art {
    width: 66px !important;
    height: 66px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #ffffff !important;
    font-size: 1.6rem !important;
    box-shadow: 0 18px 36px -16px rgba(42, 178, 245, 0.6) !important;
    overflow: hidden !important;
    position: relative !important;
}
.dashboard-funds-panel__art::before,
.dashboard-funds-panel__art::after {
    content: none !important;
    display: none !important;
}
.dashboard-funds-panel__art i {
    font-size: 1.6rem !important;
    line-height: 1 !important;
    color: #ffffff !important;
    display: block !important;
}

/* ============================================================
   الفورم — إلغاء صندوق الـ label الشبحي + تنعيم الحقول بالكامل
   ============================================================ */
.dashboard-funds-form__form fieldset {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.dashboard-funds-form__row {
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 24px !important;
}

/* الـ label نفسه — بدون أي صندوق أو خلفية، نص واضح فقط */
label.dashboard-funds-form__label {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    font-weight: 700 !important;
    font-size: 1.02rem !important;
    cursor: default !important;
}
label.dashboard-funds-form__label > span {
    background: transparent !important;
    opacity: 1 !important;
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}
.dashboard-funds-form__label-icon {
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
    -webkit-text-fill-color: #2ab2f5 !important;
    font-size: 1.05rem !important;
}

.dashboard-funds-form__field {
    position: relative !important;
}
.dashboard-funds-form__field input.form-control,
.dashboard-funds-form__field select.form-control {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 0 !important;
    border-radius: 18px !important;
    padding: 17px 22px !important;
    min-height: 60px !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    box-shadow: inset 0 0 0 1.5px #e2e8f0, 0 2px 6px rgba(15, 23, 42, 0.04) !important;
    transition: box-shadow 0.25s ease, transform 0.15s ease !important;
}
.dashboard-funds-form__field input.form-control:hover,
.dashboard-funds-form__field select.form-control:hover {
    box-shadow: inset 0 0 0 1.5px #cbd5e1, 0 4px 10px rgba(15, 23, 42, 0.06) !important;
}
.dashboard-funds-form__field input.form-control:focus,
.dashboard-funds-form__field select.form-control:focus {
    box-shadow: inset 0 0 0 2px #2ab2f5, 0 0 0 5px rgba(42, 178, 245, 0.16) !important;
    outline: none !important;
    transform: translateY(-1px) !important;
}
.dashboard-funds-form__field--amount input.form-control {
    padding-right: 64px !important;
}
.dashboard-funds-form__suffix {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    background: none !important;
    color: #2ab2f5 !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    pointer-events: none !important;
}

/* قائمة طريقة الدفع */
select.custom-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 16px !important;
    padding-right: 48px !important;
    cursor: pointer !important;
}
select.custom-select option {
    background-color: #ffffff !important;
    color: #0b111a !important;
}

/* زر Add Funds — فخم وبارز */
.dashboard-funds-form__submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 62px !important;
    margin-top: 10px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    font-size: 1.12rem !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 40px -18px rgba(42, 178, 245, 0.6) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.dashboard-funds-form__submit:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 24px 46px -16px rgba(42, 178, 245, 0.7) !important;
}
.dashboard-funds-form__submit:active {
    transform: translateY(0) scale(0.98) !important;
}

/* ملاحظة "All deposits are non-refundable" */
.dashboard-funds-note {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding: 16px 22px !important;
    background-color: #0d1522 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    color: #94a3b8 !important;
    font-size: 0.9rem !important;
}
.dashboard-funds-note__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
    font-size: 0.9rem !important;
}

@media (max-width: 768px) {
    .dashboard-funds-panel {
        padding: 26px !important;
    }
    .dashboard-funds-panel .dashboard-panel__header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .dashboard-funds-form__row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}


// ticket


/* ============================================================
   صفحة Support Tickets — تصميم كامل
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* كروت الإحصائيات (Support Tickets / Open / Answered) */
.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
}
.dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background-color: rgba(245, 158, 11, 0.14) !important;
    color: #f59e0b !important;
}
.dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background-color: rgba(139, 92, 246, 0.14) !important;
    color: #8b5cf6 !important;
}
.dashboard-analytics-card--green .dashboard-analytics-card__line { background-color: #2ab2f5 !important; }
.dashboard-analytics-card--amber .dashboard-analytics-card__line { background-color: #f59e0b !important; }
.dashboard-analytics-card--violet .dashboard-analytics-card__line { background-color: #8b5cf6 !important; }

/* رأس البانل */
.dashboard-panel__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}
.dashboard-panel__title {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    margin: 0 0 6px !important;
}
.dashboard-panel__header .dashboard-panel__copy {
    color: #94a3b8 !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 60ch;
}

/* زر Submit Ticket بالرأس */
a.dashboard-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #0b111a !important;
    border: 0 !important;
    font-weight: 800 !important;
    padding: 12px 26px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 12px 26px -14px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
    white-space: nowrap !important;
}
a.dashboard-link:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    color: #0b111a !important;
}

/* ============================================================
   شريط الفلاتر (All / Open / Customer-Reply / Closed) + البحث
   ============================================================ */
.dashboard-ticket-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.dashboard-ticket-filters__chips {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.dashboard-ticket-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #0d1522 !important;
    color: #94a3b8 !important;
    border: 1px solid #1e293b !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dashboard-ticket-chip i {
    font-size: 0.6rem !important;
    color: #64748b !important;
}
.dashboard-ticket-chip:hover {
    border-color: rgba(42, 178, 245, 0.4) !important;
    color: #e2e8f0 !important;
}
.dashboard-ticket-chip.active {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border-color: transparent !important;
    color: #0b111a !important;
    box-shadow: 0 10px 20px -12px rgba(42, 178, 245, 0.55) !important;
}
.dashboard-ticket-chip.active i {
    color: #0b111a !important;
}

.dashboard-ticket-filters__actions {
    flex: 0 0 auto !important;
}
.dashboard-ticket-filters .dashboard-toolbar-search {
    position: relative !important;
    min-width: 260px !important;
}
.dashboard-ticket-filters .dashboard-toolbar-search i {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
}
.dashboard-ticket-filters .dashboard-toolbar-search input.form-control {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 11px 16px 11px 42px !important;
}
.dashboard-ticket-filters .dashboard-toolbar-search input.form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}

/* الجدول */
.dashboard-table thead th {
    padding: 14px 16px !important;
}
.dashboard-table tbody td {
    padding: 16px !important;
}
.dashboard-empty-cell,
#tableTicketsList td[colspan] {
    color: #94a3b8 !important;
    text-align: center !important;
    padding: 32px 16px !important;
}

@media (max-width: 768px) {
    .dashboard-ticket-filters {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dashboard-ticket-filters .dashboard-toolbar-search {
        min-width: 0 !important;
        width: 100% !important;
    }
    .dashboard-panel__header {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    a.dashboard-link {
        justify-content: center !important;
    }
}


// mmm

/* ============================================================
   صفحة Domains — أزرار الإجراءات الجماعية + قائمة More
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

.dashboard-page-toolbar-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
}
.dashboard-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* أزرار Manage Nameservers / Edit Contact Information */
.dashboard-toolbar .btn-default.setBulkAction {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 11px 18px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}
.dashboard-toolbar .btn-default.setBulkAction:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
    transform: translateY(-1px) !important;
}
.dashboard-toolbar .btn-default.setBulkAction i {
    color: #2ab2f5 !important;
    font-size: 0.9rem !important;
}

/* زر More */
.dashboard-toolbar .btn-group .btn-default.dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 11px 18px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}
.dashboard-toolbar .btn-group .btn-default.dropdown-toggle:hover,
.dashboard-toolbar .btn-group .btn-default.dropdown-toggle[aria-expanded="true"] {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}

/* القائمة المنسدلة تبع More */
.dashboard-toolbar .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 40px -20px rgba(15, 23, 42, 0.25) !important;
    padding: 8px !important;
    min-width: 220px !important;
}
.dashboard-toolbar .dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #0b111a !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}
.dashboard-toolbar .dropdown-menu .dropdown-item i {
    width: 18px !important;
    text-align: center !important;
    color: #2ab2f5 !important;
}
.dashboard-toolbar .dropdown-menu .dropdown-item:hover {
    background-color: rgba(42, 178, 245, 0.08) !important;
    color: #2ab2f5 !important;
}
/* حالة معطّلة (قبل تحديد أي دومين) */
.dashboard-toolbar .dropdown-menu .dropdown-item.disabled,
.dashboard-toolbar .dropdown-menu .dropdown-item[disabled] {
    opacity: 0.45 !important;
    pointer-events: none !important;
}

/* شريط أدوات الجدول (البحث بمحاذاة اليمين) */
.dashboard-page-table-toolbar--domains {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}
.dashboard-page-table-toolbar__spacer {
    flex: 1 1 auto !important;
}

@media (max-width: 768px) {
    .dashboard-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dashboard-toolbar .btn-default.setBulkAction,
    .dashboard-toolbar .btn-group {
        width: 100% !important;
    }
    .dashboard-toolbar .btn-group .btn-default.dropdown-toggle {
        width: 100% !important;
        justify-content: center !important;
    }
    .dashboard-page-table-toolbar--domains {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}


// slm66

/* ============================================================
   صفحة My Invoices — تحسينات شاملة
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* كروت الإحصائيات العلوية */
.dashboard-analytics-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
}
.dashboard-analytics-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 22px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.dashboard-analytics-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 32px -22px rgba(15, 23, 42, 0.25) !important;
}
.dashboard-analytics-card__icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
}
.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}
.dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background-color: rgba(245, 158, 11, 0.14) !important;
    color: #f59e0b !important;
}
.dashboard-analytics-card--mint .dashboard-analytics-card__icon {
    background-color: rgba(74, 222, 128, 0.14) !important;
    color: #22c55e !important;
}
.dashboard-analytics-card__label {
    display: block !important;
    color: #64748b !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    margin-bottom: 2px !important;
}
.dashboard-analytics-card__value {
    display: block !important;
    color: #0b111a !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
.dashboard-analytics-card__meta {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    margin-top: 2px !important;
}
.dashboard-analytics-card__line {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
}
.dashboard-analytics-card__line--green { background-color: #2ab2f5 !important; }
.dashboard-analytics-card__line--amber { background-color: #f59e0b !important; }
.dashboard-analytics-card__line--mint { background-color: #22c55e !important; }

/* رأس البانل (My Invoices) */
.dashboard-page-heading--inline {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}
.dashboard-page-heading__title {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.dashboard-page-heading__icon {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background-color: rgba(42, 178, 245, 0.14) !important;
    color: #2ab2f5 !important;
    font-size: 1rem !important;
}
.dashboard-page-title {
    color: #0b111a !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    margin: 0 0 3px !important;
}
.dashboard-panel .dashboard-page-title {
    color: #ffffff !important;
}
.dashboard-page-heading .dashboard-panel__copy {
    color: #94a3b8 !important;
    font-size: 0.86rem !important;
    margin: 0 !important;
}
.dashboard-page-heading__actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.dashboard-link.dashboard-link--hero {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    color: #0b111a !important;
    border: 0 !important;
    font-weight: 800 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px -12px rgba(42, 178, 245, 0.55) !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
}
.dashboard-link.dashboard-link--hero:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
    color: #0b111a !important;
}
.dashboard-action-ghost {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.dashboard-action-ghost:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}

/* شريط البحث والفلاتر */
.dashboard-page-table-toolbar {
    margin-bottom: 18px !important;
}
.dashboard-page-table-toolbar__actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.dashboard-toolbar-search {
    position: relative !important;
    flex: 1 1 260px !important;
}
.dashboard-toolbar-search i {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
}
.dashboard-toolbar-search input.form-control {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 11px 16px 11px 42px !important;
}
.dashboard-toolbar-search input.form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-select-wrap {
    position: relative !important;
    min-width: 240px !important;
    flex: 0 0 240px !important;
}
.dashboard-select-wrap i {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    font-size: 0.95rem !important;
}
.dashboard-select-wrap select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    min-height: 44px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 15px !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 11px 42px 11px 46px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
}
.dashboard-select-wrap select.form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-select-wrap select.form-control option {
    background-color: #ffffff !important;
    color: #0b111a !important;
}
.dashboard-icon-btn {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    color: #0b111a !important;
    transition: all 0.2s ease !important;
}
.dashboard-icon-btn:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}
.dashboard-icon-btn.is-active {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
}

/* أزرار الأكشن جوا صفوف الجدول (عين / تحميل) */
.dashboard-row-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.dashboard-row-action {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0d1522 !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    color: #e2e8f0 !important;
    transition: all 0.2s ease !important;
}
.dashboard-row-action:hover {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #0b111a !important;
    transform: translateY(-1px) !important;
}

/* حالة الفاتورة (Unpaid/Paid) */
.status-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}
.status-pill.warning {
    background-color: rgba(245, 158, 11, 0.16) !important;
}
.status-pill.warning .textred {
    color: #f59e0b !important;
}
.status-pill.success,
.status-pill.paid {
    background-color: rgba(74, 222, 128, 0.14) !important;
}
.status-pill.success span,
.status-pill.paid span {
    color: #22c55e !important;
}

/* صفوف الجدول تفاعلية (قابلة للنقر) */
#tableInvoicesList tbody tr {
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
}
#tableInvoicesList tbody tr:hover {
    background-color: rgba(42, 178, 245, 0.06) !important;
}

/* ============================================================
   Pagination — كانت باهتة وغير واضحة
   ============================================================ */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .pagination {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.dataTables_wrapper .paginate_button,
.dataTables_wrapper .page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.86rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dataTables_wrapper .paginate_button:hover:not(.disabled),
.dataTables_wrapper .page-link:hover {
    background-color: #2ab2f5 !important;
    border-color: #2ab2f5 !important;
    color: #ffffff !important;
}
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .page-item.active .page-link {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border-color: transparent !important;
    color: #0b111a !important;
}
.dataTables_wrapper .paginate_button.disabled,
.dataTables_wrapper .page-item.disabled .page-link {
    background-color: #f8fafc !important;
    color: #cbd5e1 !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length input {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    color: #94a3b8 !important;
}

/* ============================================================
   صفحة My Emails — أيقونة الإيميل الدائرية جنب كل موضوع
   ============================================================ */
.dashboard-table-service--compact .dashboard-table-service__icon {
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
    flex-shrink: 0 !important;
}
.dashboard-table-service--compact .dashboard-table-service__copy strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
}
.dashboard-table-service--compact .dashboard-table-service__copy small,
.dashboard-table-service--compact .dashboard-table-service__copy span {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    font-size: 0.82rem !important;
}
#tableEmailsList tbody tr {
    transition: background-color 0.15s ease !important;
}
#tableEmailsList tbody tr:hover {
    background-color: rgba(42, 178, 245, 0.05) !important;
}

@media (max-width: 992px) {
    .dashboard-analytics-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 640px) {
    .dashboard-page-heading--inline {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dashboard-page-heading__actions {
        justify-content: stretch !important;
    }
    .dashboard-link--hero,
    .dashboard-action-ghost {
        flex: 1 1 auto !important;
        justify-content: center !important;
    }
}


// slm77

/* ============================================================
   صفحة Account Details — تصميم دقيق
   يُلصق في: ملف الـ Custom CSS العادي (مو orderforms)
   ============================================================ */

/* رأس الصفحة */
.dashboard-page-subtitle {
    color: #64748b !important;
    font-weight: 600 !important;
    margin: 4px 0 0 !important;
}
.dashboard-page-breadcrumb .breadcrumb-item a {
    color: #2ab2f5 !important;
    text-decoration: none !important;
}
.dashboard-page-breadcrumb .breadcrumb-item.active {
    color: #0b111a !important;
    font-weight: 700 !important;
}

/* كروت الفورم (Contact Details / Email Preferences / Mailing List) */
.dashboard-settings-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    margin-bottom: 20px !important;
}
.dashboard-settings-card__heading {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
}
.dashboard-page-heading__icon {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 1.05rem !important;
}
.dashboard-page-heading__icon--mint {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}
.dashboard-page-heading__icon--violet {
    background-color: rgba(139, 92, 246, 0.14) !important;
    color: #8b5cf6 !important;
}
.dashboard-settings-card .card-title {
    color: #0b111a !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    margin: 0 0 4px !important;
}
.dashboard-settings-card .dashboard-panel__copy,
.dashboard-settings-card__heading > div > p {
    color: #64748b !important;
    margin: 0 !important;
    font-size: 0.88rem !important;
}

/* الحقول */
.dashboard-settings-card .col-form-label {
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    margin-bottom: 6px !important;
}
.dashboard-settings-card .form-control {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    min-height: 48px !important;
    transition: all 0.2s ease !important;
}
.dashboard-settings-card .form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}

/* ---------- Email Preferences — كانت النصوص باهتة ---------- */
.dashboard-email-preferences--grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.dashboard-email-preference--card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dashboard-email-preference--card:hover {
    border-color: rgba(42, 178, 245, 0.4) !important;
    background-color: #ffffff !important;
}
.dashboard-email-preference__label {
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 600 !important;
    font-size: 0.87rem !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
}
.dashboard-email-preference--card input[type="checkbox"] {
    accent-color: #2ab2f5 !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

/* ---------- Join our mailing list — تصميم Yes/No كبطاقات ---------- */
.dashboard-marketing-choice {
    display: flex !important;
    gap: 14px !important;
    margin-top: 8px !important;
}
.dashboard-marketing-choice__item {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 20px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dashboard-marketing-choice__item span {
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 700 !important;
}
.dashboard-marketing-choice__item:hover {
    border-color: rgba(42, 178, 245, 0.4) !important;
}
.dashboard-marketing-choice__item.is-active {
    border-color: #2ab2f5 !important;
    background-color: rgba(42, 178, 245, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.12) !important;
}
.dashboard-marketing-choice__item input[type="radio"] {
    accent-color: #2ab2f5 !important;
    width: 18px !important;
    height: 18px !important;
}

/* أزرار Save Changes / Cancel */
.dashboard-settings-actions .btn-primary {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    padding: 13px 34px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px -14px rgba(42, 178, 245, 0.5) !important;
    transition: all 0.2s ease !important;
}
.dashboard-settings-actions .btn-primary:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}
.dashboard-settings-actions .btn-default {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 13px 34px !important;
    border-radius: 12px !important;
    margin-inline-start: 10px !important;
    transition: all 0.2s ease !important;
}
.dashboard-settings-actions .btn-default:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}

/* ---------- كروت الشريط الجانبي (Default Contact / Staff) — كانت باهتة ---------- */
.dashboard-settings-aside-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 22px !important;
    margin-bottom: 16px !important;
}
.dashboard-settings-aside-card__icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
    font-size: 1.05rem !important;
}
.dashboard-settings-aside-card--violet .dashboard-settings-aside-card__icon {
    background-color: rgba(139, 92, 246, 0.14) !important;
    color: #8b5cf6 !important;
}
.dashboard-settings-aside-card--mint .dashboard-settings-aside-card__icon {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}
.dashboard-settings-aside-card h4 {
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    margin: 0 0 8px !important;
}
.dashboard-settings-aside-card p {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
    margin: 0 0 16px !important;
}
.dashboard-settings-aside-card__chip {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 14px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.dashboard-settings-aside-card__chip:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}
.dashboard-settings-aside-card__chip i:last-child {
    margin-inline-start: auto !important;
    color: #2ab2f5 !important;
}

/* ============================================================
   صفحة Security Settings
   ============================================================ */
/* أيقونة العنوان الافتراضية (بدون --mint / --violet) */
.dashboard-page-heading__icon {
    background-color: rgba(42, 178, 245, 0.12) !important;
    color: #2ab2f5 !important;
}

/* تنبيه "We recommend enabling two-factor..." كان باهت */
.alert.alert-warning {
    background-color: #fff8e6 !important;
    border: 1px solid #ffe08a !important;
    color: #92400e !important;
    -webkit-text-fill-color: #92400e !important;
    font-weight: 600 !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
}

/* أزرار Enable / Disable Two-Factor Authentication */
.dashboard-panel .btn-success:not(#_) {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    background-image: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    background-color: transparent !important;
    border: 0 !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 800 !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px -14px rgba(42, 178, 245, 0.5) !important;
    opacity: 1 !important;
    transition: all 0.2s ease !important;
}
.dashboard-panel .btn-success:not(#_):hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}
.dashboard-panel .btn-danger:not(#_) {
    background-color: #fdecec !important;
    border: 1px solid #f5b5b5 !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}
.dashboard-panel .btn-danger:not(#_):hover {
    background-color: #b91c1c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.dashboard-panel .twofa-config-link strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================
   صفحة Your Profile — تصميم كامل (كروت بسيطة بدون هوية hostique)
   ============================================================ */
.dashboard-page__inner .card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    margin-bottom: 20px !important;
}
.dashboard-page__inner .card .card-body {
    padding: 28px !important;
}
.dashboard-page__inner .card .card-title {
    color: #0b111a !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    margin-bottom: 20px !important;
}
.dashboard-page__inner .card .col-form-label {
    color: #0b111a !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    margin-bottom: 6px !important;
}
.dashboard-page__inner .card .form-control {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    min-height: 48px !important;
    transition: all 0.2s ease !important;
}
.dashboard-page__inner .card .form-control:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-page__inner .card .btn-primary:not(#_) {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    background-image: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 800 !important;
    padding: 12px 26px !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 24px -14px rgba(42, 178, 245, 0.5) !important;
    transition: all 0.2s ease !important;
}
.dashboard-page__inner .card .btn-primary:not(#_):hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}
.dashboard-page__inner .card .btn-default {
    background-color: #ffffff !important;
    color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    padding: 12px 26px !important;
    border-radius: 12px !important;
    margin-inline-start: 10px !important;
    transition: all 0.2s ease !important;
}
.dashboard-page__inner .card .btn-default:hover {
    border-color: #2ab2f5 !important;
    color: #2ab2f5 !important;
}
/* Badge "Email Verified" */
.dashboard-page__inner .card .label.label-success {
    display: inline-flex !important;
    align-items: center !important;
    background-color: rgba(74, 222, 128, 0.14) !important;
    color: #16a34a !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    margin-bottom: 12px !important;
}

/* ============================================================
   صفحة User Management
   ============================================================ */
.status-pill.info {
    background-color: rgba(42, 178, 245, 0.14) !important;
}
.status-pill.info span {
    color: #2ab2f5 !important;
    -webkit-text-fill-color: #2ab2f5 !important;
    font-weight: 700 !important;
}
.dashboard-panel .btn-primary:not(#_) {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    background-image: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    font-weight: 800 !important;
    padding: 12px 26px !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 24px -14px rgba(42, 178, 245, 0.5) !important;
    transition: all 0.2s ease !important;
}
.dashboard-panel .btn-primary:not(#_):hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}
.dashboard-panel .form-check-inline {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    font-weight: 600 !important;
    margin-inline-end: 20px !important;
}
.dashboard-panel .form-check-inline input[type="radio"] {
    accent-color: #2ab2f5 !important;
    width: 18px !important;
    height: 18px !important;
    margin-inline-end: 8px !important;
}
.dashboard-panel .well {
    background-color: #0d1522 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    padding: 18px !important;
}
.dashboard-panel .well label {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}
.dashboard-panel .well input[type="checkbox"] {
    accent-color: #2ab2f5 !important;
    width: 18px !important;
    height: 18px !important;
}

@media (max-width: 768px) {
    .dashboard-email-preferences--grid {
        grid-template-columns: 1fr !important;
    }
    .dashboard-marketing-choice {
        flex-direction: column !important;
    }
}

/* ============================================================
   صفحة Contacts — شريط "Choose Contact" + زر Go
   ============================================================ */
.dashboard-page-table-toolbar .col-form-label {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    margin-bottom: 8px !important;
}
.dashboard-page-table-toolbar select.form-control.custom-select {
    background-color: #ffffff !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    min-height: 48px !important;
}
.dashboard-page-table-toolbar select.form-control.custom-select:focus {
    border-color: #2ab2f5 !important;
    box-shadow: 0 0 0 3px rgba(42, 178, 245, 0.15) !important;
    outline: none !important;
}
.dashboard-page-table-toolbar .btn-default {
    background: linear-gradient(135deg, #38bdf8 0%, #2ab2f5 55%, #1c9ce0 100%) !important;
    border: 0 !important;
    color: #0b111a !important;
    font-weight: 800 !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 24px -14px rgba(42, 178, 245, 0.55) !important;
    transition: all 0.2s ease !important;
}
.dashboard-page-table-toolbar .btn-default:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}

/* حقول Country/State جوا الـ select (خارج .dashboard-settings-card أحيانًا) */
.dashboard-settings-card select.form-control.custom-select {
    background-color: #ffffff !important;
    color: #0b111a !important;
    -webkit-text-fill-color: #0b111a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    min-height: 48px !important;
}