/* ==========================================================================
   AICNC – تم تیرهٔ مشترک
   برای صفحه‌های ورود، ثبت‌نام، بازیابی رمز و صفحه‌های حساب کاربری.
   بعد از استایل‌های داخلی هر صفحه بارگذاری می‌شود.
   ========================================================================== */

:root {
    --ai-bg: #07090c;
    --ai-bg-2: #0b0f14;
    --ai-surface: #10161d;
    --ai-surface-2: #161e28;
    --ai-surface-3: #1d2733;
    --ai-border: rgba(255, 255, 255, .08);
    --ai-border-strong: rgba(255, 255, 255, .15);
    --ai-text: #eef2f7;
    --ai-text-2: #c1ccd9;
    --ai-muted: #8796a8;
    --ai-accent: #168cff;
    --ai-accent-2: #5bb1ff;
    --ai-accent-soft: rgba(22, 140, 255, .14);
    --ai-danger: #f87171;
    --ai-danger-soft: rgba(248, 113, 113, .12);
    --ai-success: #34d399;
    --ai-success-soft: rgba(52, 211, 153, .12);
    --ai-warning: #fbbf24;
    --ai-warning-soft: rgba(251, 191, 36, .12);
    --ai-radius: 16px;
    --ai-radius-sm: 12px;
    --ai-shadow: 0 24px 60px rgba(0, 0, 0, .45);
    --ai-font: Vazirmatn, Tahoma, "Segoe UI", Arial, sans-serif;
    color-scheme: dark;
}

/* ---------- پایه ---------- */

html { -webkit-text-size-adjust: 100%; }

body.ai-dark,
body.ai-dark input,
body.ai-dark textarea,
body.ai-dark select,
body.ai-dark button {
    font-family: var(--ai-font) !important;
}

body.ai-dark {
    margin: 0;
    min-height: 100vh;
    color: var(--ai-text) !important;
    background:
        radial-gradient(900px 500px at 85% -10%, rgba(22, 140, 255, .16), transparent 60%),
        radial-gradient(700px 420px at 0% 110%, rgba(22, 140, 255, .08), transparent 60%),
        var(--ai-bg) !important;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}

body.ai-dark ::selection { background: rgba(22, 140, 255, .35); color: #fff; }

body.ai-dark a { color: var(--ai-accent-2); }

body.ai-dark :focus-visible {
    outline: 2px solid var(--ai-accent);
    outline-offset: 2px;
}

body.ai-dark input::placeholder,
body.ai-dark textarea::placeholder { color: #5d6b7c; }

/* ---------- برند ---------- */

.aicnc-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    color: var(--ai-text) !important;
    direction: ltr;
}

.aicnc-brand-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 40px;
    border-radius: 12px;
    background: #030405;
    border: 1px solid rgba(22, 140, 255, .25);
    box-shadow: 0 0 18px rgba(22, 140, 255, .18);
}

.aicnc-brand-mark svg { filter: drop-shadow(0 0 4px rgba(22, 140, 255, .85)); }

.aicnc-brand-word {
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.05em;
}

/* ---------- صفحه‌های ورود و ثبت‌نام ---------- */

body.ai-auth {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    box-sizing: border-box;
}

body.ai-auth *,
body.ai-auth *::before,
body.ai-auth *::after { box-sizing: border-box; }

.auth-wrapper {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    background: var(--ai-surface);
    border: 1px solid var(--ai-border);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--ai-shadow);
}

.brand-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 36px;
    padding: 44px;
    background:
        radial-gradient(420px 280px at 20% 0%, rgba(22, 140, 255, .22), transparent 70%),
        linear-gradient(165deg, #0c1622 0%, #07090c 100%);
    border-inline-end: 1px solid var(--ai-border);
}

.brand-content h1 {
    margin: 0 0 14px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.55;
    color: #fff;
}

.brand-content p {
    margin: 0;
    color: var(--ai-text-2);
    font-size: 15px;
    line-height: 2;
}

.brand-feature-list {
    display: grid;
    gap: 12px;
    margin-top: 26px;
}

.brand-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ai-text-2);
    font-size: 14px;
}

.brand-feature span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--ai-accent-soft);
    color: var(--ai-accent-2);
    font-size: 13px;
    font-weight: 800;
}

.brand-footer {
    color: var(--ai-muted);
    font-size: 13px;
}

.form-panel { padding: 44px; }

.auth-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 22px;
    color: var(--ai-muted) !important;
    font-size: 13px;
    text-decoration: none;
}

.auth-back:hover { color: var(--ai-text) !important; }

.form-title { margin-bottom: 26px; }

.form-title h2 {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.form-title p {
    margin: 0;
    color: var(--ai-muted);
    font-size: 14px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
}

.field-full { grid-column: 1 / -1; }

.field { margin-bottom: 16px; }

.field label {
    display: block;
    margin-bottom: 8px;
    color: var(--ai-text-2);
    font-size: 13px;
    font-weight: 600;
}

.field input,
.field textarea,
.field select {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid var(--ai-border-strong);
    border-radius: var(--ai-radius-sm);
    background: var(--ai-surface-2);
    color: var(--ai-text);
    font-size: 15px;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.field textarea {
    min-height: 96px;
    resize: vertical;
    line-height: 1.9;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
    outline: none;
    border-color: var(--ai-accent);
    background: var(--ai-surface-3);
    box-shadow: 0 0 0 4px var(--ai-accent-soft);
}

.field-help,
.password-hint {
    margin-top: 6px;
    color: var(--ai-muted);
    font-size: 12px;
    line-height: 1.8;
}

.password-hint { margin: -4px 0 18px; }

.optional-label {
    color: var(--ai-muted);
    font-size: 12px;
    font-weight: 400;
}

.form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 4px 0 20px;
}

.remember,
.ai-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ai-text-2);
    font-size: 13px;
    cursor: pointer;
}

.remember input,
.ai-check input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--ai-accent);
}

.ai-check { margin: 0 0 18px; }

.terms-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 4px 0 18px;
    color: var(--ai-text-2);
    font-size: 13px;
    line-height: 1.9;
    cursor: pointer;
}

.terms-check input {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin: 4px 0 0;
    accent-color: var(--ai-accent);
}

.forgot-link,
.switch-auth a,
.links a {
    color: var(--ai-accent-2) !important;
    text-decoration: none;
    font-weight: 600;
}

.forgot-link { font-size: 13px; }

.forgot-link:hover,
.switch-auth a:hover,
.links a:hover { text-decoration: underline; }

.submit-button,
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--ai-radius-sm);
    background: linear-gradient(180deg, #2b9bff 0%, #1279e6 100%);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(22, 140, 255, .28);
    transition: filter .15s ease, transform .15s ease, opacity .15s ease;
}

.submit-button:hover,
.button:hover { filter: brightness(1.08); }

.submit-button:active,
.button:active { transform: translateY(1px); }

.submit-button:disabled,
.button:disabled {
    opacity: .55;
    cursor: not-allowed;
    filter: none;
}

.button.secondary-button {
    background: var(--ai-surface-3);
    border: 1px solid var(--ai-border-strong);
    color: var(--ai-text) !important;
    box-shadow: none;
}

.button.secondary-button:hover { background: #243140; }

.secondary-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    margin-top: 12px;
    border: 1px solid var(--ai-border-strong);
    border-radius: var(--ai-radius-sm);
    color: var(--ai-text) !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s ease;
}

.secondary-link:hover { background: var(--ai-surface-2); }

.switch-auth {
    margin-top: 22px;
    color: var(--ai-muted);
    font-size: 14px;
    text-align: center;
}

.alert {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(248, 113, 113, .3);
    border-radius: var(--ai-radius-sm);
    background: var(--ai-danger-soft);
    color: #fecaca;
    font-size: 13.5px;
    line-height: 1.9;
}

.alert.alert-success {
    border-color: rgba(52, 211, 153, .3);
    background: var(--ai-success-soft);
    color: #a7f3d0;
}

.status {
    min-height: 22px;
    margin: 10px 0 6px;
    font-size: 13px;
    line-height: 1.8;
}

.status.is-error { color: var(--ai-danger); }
.status.is-success { color: var(--ai-success); }

.privacy-note {
    margin: 14px 0 0;
    color: var(--ai-muted);
    font-size: 12px;
    line-height: 1.9;
    text-align: center;
}

/* کارت‌های تک‌ستونه (ورود پیامکی، بازیابی رمز، رمز جدید) */

.otp-card,
.reset-card {
    width: min(440px, 100%);
    padding: 34px 30px;
    background: var(--ai-surface);
    border: 1px solid var(--ai-border);
    border-radius: 24px;
    box-shadow: var(--ai-shadow);
}

.auth-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 26px;
}

.auth-card-head .auth-back { margin: 0; }

.otp-card h1,
.reset-card h1 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
}

.description {
    margin: 0 0 22px;
    color: var(--ai-muted);
    font-size: 14px;
    line-height: 1.95;
}

.code-input {
    direction: ltr;
    text-align: center;
    letter-spacing: .5em;
    font-size: 20px !important;
    font-variant-numeric: tabular-nums;
}

.verified-phone {
    margin-bottom: 18px;
    padding: 10px 14px;
    border: 1px solid rgba(22, 140, 255, .25);
    border-radius: var(--ai-radius-sm);
    background: var(--ai-accent-soft);
    color: var(--ai-text-2);
    font-size: 13px;
}

.verified-phone strong { color: #fff; }

.otp-step { margin-top: 18px; }
.otp-step[hidden] { display: none !important; }

.links {
    display: grid;
    gap: 10px;
    margin-top: 22px;
    font-size: 14px;
    text-align: center;
}

.links br { display: none; }

@media (max-width: 860px) {
    body.ai-auth {
        align-items: flex-start;
        padding: 16px;
    }

    .auth-wrapper {
        grid-template-columns: 1fr;
        border-radius: 22px;
    }

    .brand-panel {
        gap: 14px;
        padding: 22px 22px 18px;
        border-inline-end: 0;
        border-bottom: 1px solid var(--ai-border);
    }

    .brand-content h1 {
        margin: 0;
        font-size: 18px;
    }

    .brand-content p,
    .brand-feature-list,
    .brand-footer { display: none; }

    .form-panel { padding: 24px 22px 28px; }

    .form-grid { grid-template-columns: 1fr; }

    .otp-card,
    .reset-card { padding: 24px 20px; }
}

/* ==========================================================================
   صفحه‌های حساب کاربری (شارژ، پروفایل، اعلان‌ها، درخواست‌ها، تیکت‌ها)
   کلاس ai-account روی body
   ========================================================================== */

body.ai-account { color: var(--ai-text) !important; }

body.ai-account h1,
body.ai-account h2,
body.ai-account h3,
body.ai-account h4,
body.ai-account strong,
body.ai-account b { color: #fff; }

body.ai-account p,
body.ai-account small,
body.ai-account span,
body.ai-account td,
body.ai-account th,
body.ai-account li,
body.ai-account label { color: inherit; }

body.ai-account input:not([type=checkbox]):not([type=radio]):not([type=file]),
body.ai-account textarea,
body.ai-account select {
    background: var(--ai-surface-2) !important;
    border: 1px solid var(--ai-border-strong) !important;
    color: var(--ai-text) !important;
    border-radius: var(--ai-radius-sm);
}

body.ai-account input:focus,
body.ai-account textarea:focus,
body.ai-account select:focus {
    outline: none;
    border-color: var(--ai-accent) !important;
    box-shadow: 0 0 0 4px var(--ai-accent-soft) !important;
}

body.ai-account table { border-color: var(--ai-border) !important; }

body.ai-account th { color: var(--ai-muted) !important; }

body.ai-account hr { border-color: var(--ai-border); }

/* کارت عمومی */
.ai-card {
    background: var(--ai-surface) !important;
    border: 1px solid var(--ai-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28) !important;
    color: var(--ai-text) !important;
}

.ai-muted { color: var(--ai-muted) !important; }

.ai-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.ai-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ai-border-strong) !important;
    border-radius: 999px !important;
    background: var(--ai-surface-2) !important;
    color: var(--ai-text) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.ai-btn-ghost:hover { background: var(--ai-surface-3) !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* ==========================================================================
   رنگ‌های تیره برای کلاس‌های موجود صفحه‌های حساب
   ========================================================================== */

/* پس‌زمینهٔ صفحه‌هایی که خودشان پس‌زمینه دارند */
body.ai-account .recharge-page,
body.ai-account .access-requests-page {
    background: transparent !important;
    color: var(--ai-text) !important;
}

body.ai-dark.ai-account.notifications-page,
body.ai-dark.ai-account.qr-profile-page {
    background:
        radial-gradient(900px 500px at 85% -10%, rgba(22, 140, 255, .16), transparent 60%),
        var(--ai-bg) !important;
    color: var(--ai-text) !important;
}

/* کارت‌ها */
body.ai-account .recharge-payment-card,
body.ai-account .recharge-history-card,
body.ai-account .request-card,
body.ai-account .empty-requests-card,
body.ai-account .notification-card,
body.ai-account .notifications-toolbar,
body.ai-account .qr-card,
body.ai-account .tk-card,
body.ai-account .tk-message,
body.ai-account .ac-card {
    background: var(--ai-surface) !important;
    border: 1px solid var(--ai-border) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28) !important;
    color: var(--ai-text) !important;
}

body.ai-account .notification-card:hover,
body.ai-account .request-card:hover { border-color: rgba(22, 140, 255, .3) !important; }

body.ai-account .notification-card.is-unread {
    background: linear-gradient(90deg, rgba(22, 140, 255, .1), var(--ai-surface) 60%) !important;
    border-color: rgba(22, 140, 255, .35) !important;
}

/* بخش‌های داخلی روشن */
body.ai-account .recharge-history-item,
body.ai-account .request-information-item,
body.ai-account .recharge-limits span,
body.ai-account .tk-counts a,
body.ai-account .ac-url,
body.ai-account .ac-data div,
body.ai-account .notifications-empty,
body.ai-account .tk-message.staff {
    background: var(--ai-surface-2) !important;
    border-color: var(--ai-border) !important;
    color: var(--ai-text-2) !important;
}

body.ai-account .recharge-payment-heading,
body.ai-account .recharge-reference,
body.ai-account .request-description,
body.ai-account .qr-manage,
body.ai-account .qr-form-divider,
body.ai-account .tk-nav,
body.ai-account .tk-item,
body.ai-account .tk-footer,
body.ai-account .ac-table td,
body.ai-account .ac-table th { border-color: var(--ai-border) !important; }

/* متن‌های کم‌رنگ */
body.ai-account .recharge-page-header p,
body.ai-account .recharge-payment-heading p,
body.ai-account .recharge-payment-form > label span,
body.ai-account .recharge-amount-field > span,
body.ai-account .recharge-security-note,
body.ai-account .recharge-history-heading p,
body.ai-account .recharge-history-main span,
body.ai-account .recharge-history-details time,
body.ai-account .recharge-reference,
body.ai-account .recharge-empty-state,
body.ai-account .access-requests-header p,
body.ai-account .request-number,
body.ai-account .request-card-top p,
body.ai-account .request-information-item span,
body.ai-account .request-description > span,
body.ai-account .empty-requests-card p,
body.ai-account .notification-meta,
body.ai-account .qr-muted,
body.ai-account .qr-manage summary,
body.ai-account .tk-muted,
body.ai-account .tk-kicker,
body.ai-account .tk-empty,
body.ai-account .tk-form small,
body.ai-account .tk-footer,
body.ai-account .tk-counts a,
body.ai-account .ac-muted,
body.ai-account .ac-data dt { color: var(--ai-muted) !important; }

body.ai-account .recharge-reference strong,
body.ai-account .request-card-top p strong,
body.ai-account .tk-counts strong,
body.ai-account .tk-logo { color: #fff !important; }

body.ai-account .recharge-eyebrow { color: var(--ai-accent-2) !important; }

/* دکمه‌های بازگشت و دکمه‌های فرعی */
body.ai-account .recharge-back-button,
body.ai-account .back-to-chat-button,
body.ai-account .notifications-back,
body.ai-account .qr-btn,
body.ai-account .tk-btn.secondary,
body.ai-account .ac-btn.secondary {
    background: var(--ai-surface-2) !important;
    border: 1px solid var(--ai-border-strong) !important;
    color: var(--ai-text) !important;
}

body.ai-account .recharge-back-button:hover,
body.ai-account .back-to-chat-button:hover,
body.ai-account .notifications-back:hover,
body.ai-account .qr-btn:hover { background: var(--ai-surface-3) !important; }

/* دکمه‌های اصلی */
body.ai-account .recharge-submit-button,
body.ai-account .new-request-button,
body.ai-account .empty-request-button,
body.ai-account .payment-button,
body.ai-account .notifications-read-all,
body.ai-account .qr-btn.primary,
body.ai-account .tk-btn:not(.secondary),
body.ai-account .ac-btn:not(.secondary):not(.danger) {
    background: linear-gradient(180deg, #2b9bff 0%, #1279e6 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(22, 140, 255, .25) !important;
}

body.ai-account .notifications-read-all:disabled {
    background: var(--ai-surface-3) !important;
    color: var(--ai-muted) !important;
    box-shadow: none !important;
}

body.ai-account .qr-btn.danger,
body.ai-account .ac-btn.danger,
body.ai-account .notification-delete-button {
    background: transparent !important;
    border: 1px solid rgba(248, 113, 113, .35) !important;
    color: var(--ai-danger) !important;
}

body.ai-account .notification-delete-button:hover {
    background: rgba(248, 113, 113, .15) !important;
    color: #fff !important;
}

/* فیلدها */
body.ai-account .recharge-amount-field,
body.ai-account .tk-input,
body.ai-account .tk-filter input,
body.ai-account .tk-filter select,
body.ai-account .ac-input,
body.ai-account .qr-form input[type=password] {
    background: var(--ai-surface-2) !important;
    border: 1px solid var(--ai-border-strong) !important;
    color: var(--ai-text) !important;
}

body.ai-account .recharge-amount-field input:not([type=checkbox]):not([type=radio]):not([type=file]) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.ai-account .recharge-amount-field:focus-within {
    border-color: var(--ai-accent) !important;
    box-shadow: 0 0 0 4px var(--ai-accent-soft) !important;
}

/* هشدارها و نشان‌ها */
body.ai-account .recharge-alert.success,
body.ai-account .access-alert.success,
body.ai-account .notifications-alert,
body.ai-account .qr-success,
body.ai-account .tk-alert:not(.error),
body.ai-account .ac-success {
    background: var(--ai-success-soft) !important;
    border: 1px solid rgba(52, 211, 153, .3) !important;
    color: #a7f3d0 !important;
}

body.ai-account .recharge-alert.error,
body.ai-account .access-alert.error,
body.ai-account .qr-errors,
body.ai-account .tk-alert.error,
body.ai-account .ac-error {
    background: var(--ai-danger-soft) !important;
    border: 1px solid rgba(248, 113, 113, .3) !important;
    color: #fecaca !important;
}

body.ai-account .qr-alert {
    background: var(--ai-warning-soft) !important;
    border: 1px solid rgba(251, 191, 36, .35) !important;
    color: #fde68a !important;
}

body.ai-account .recharge-status.success,
body.ai-account .request-status.active,
body.ai-account .request-message.active,
body.ai-account .tk-badge.answered,
body.ai-account .qr-tag { background: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; border-color: rgba(52, 211, 153, .3) !important; }

body.ai-account .recharge-status.waiting,
body.ai-account .request-status.pending,
body.ai-account .request-status.revision,
body.ai-account .request-message.warning,
body.ai-account .tk-badge.waiting_support { background: rgba(251, 191, 36, .14) !important; color: #fcd34d !important; }

body.ai-account .recharge-status.failed,
body.ai-account .request-status.rejected,
body.ai-account .request-status.cancelled,
body.ai-account .request-message.error,
body.ai-account .tk-badge.high,
body.ai-account .qr-tag.off { background: rgba(248, 113, 113, .14) !important; color: #fca5a5 !important; border-color: rgba(248, 113, 113, .3) !important; }

body.ai-account .recharge-status.cancelled,
body.ai-account .request-message.neutral,
body.ai-account .tk-badge,
body.ai-account .tk-badge.closed,
body.ai-account .ac-badge { background: rgba(255, 255, 255, .07) !important; color: var(--ai-text-2) !important; }

body.ai-account .request-status.quoted,
body.ai-account .request-status.approved,
body.ai-account .request-status.paid,
body.ai-account .request-message.success,
body.ai-account .tk-badge.in_progress,
body.ai-account .notifications-count strong,
body.ai-account .recharge-gateway-badge { background: rgba(22, 140, 255, .14) !important; color: #93c5fd !important; }

body.ai-account .admin-response,
body.ai-account .payment-section {
    background: rgba(22, 140, 255, .08) !important;
    border: 1px solid rgba(22, 140, 255, .25) !important;
}

body.ai-account .admin-response-title,
body.ai-account .payment-section strong { color: #93c5fd !important; }
body.ai-account .admin-response p,
body.ai-account .payment-section p { color: var(--ai-text-2) !important; }

body.ai-account .empty-requests-icon,
body.ai-account .notifications-empty-icon { background: var(--ai-accent-soft) !important; color: var(--ai-accent-2) !important; }

/* آیکن‌های اعلان */
body.ai-account .notification-card--info .notification-icon { background: rgba(22, 140, 255, .14) !important; color: #93c5fd !important; }
body.ai-account .notification-card--success .notification-icon { background: rgba(52, 211, 153, .14) !important; color: #6ee7b7 !important; }
body.ai-account .notification-card--warning .notification-icon { background: rgba(251, 191, 36, .14) !important; color: #fcd34d !important; }
body.ai-account .notification-card--error .notification-icon { background: rgba(248, 113, 113, .14) !important; color: #fca5a5 !important; }
body.ai-account .notification-new { background: var(--ai-accent) !important; color: #fff !important; }
body.ai-account .notification-arrow { color: var(--ai-accent-2) !important; font-size: 13px !important; font-weight: 600; white-space: nowrap; }

/* لینک‌های تیکت و حسابداری */
body.ai-account .tk-shell a:not(.tk-btn),
body.ai-account .accounting a:not(.ac-btn) { color: var(--ai-accent-2); }

body.ai-account .tk-files a { border-color: var(--ai-border-strong) !important; }

/* دکمه‌های مبلغ آماده در صفحهٔ شارژ */
.recharge-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 4px;
}

.recharge-preset {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--ai-border-strong);
    border-radius: 999px;
    background: var(--ai-surface-2);
    color: var(--ai-text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.recharge-preset:hover,
.recharge-preset.is-active {
    border-color: var(--ai-accent);
    background: var(--ai-accent-soft);
    color: #fff;
}

.recharge-amount-words {
    margin-top: 8px;
    min-height: 20px;
    color: var(--ai-accent-2);
    font-size: 13px;
    font-weight: 600;
}

/* پروفایل: فهرست اطلاعات، فرم ویرایش و هشدار QR */
body.ai-account .qr-identity-list { display: grid; gap: 10px; margin: 14px 0 0; }
body.ai-account .qr-identity-list > div { display: flex; gap: 12px; font-size: 14px; }
body.ai-account .qr-identity-list dt { min-width: 70px; color: var(--ai-muted); }
body.ai-account .qr-identity-list dd { margin: 0; color: var(--ai-text); overflow-wrap: anywhere; }

body.ai-account .qr-form-wide { max-width: 560px; }

body.ai-account .qr-input,
body.ai-account .qr-form input[type=password] {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    font: inherit;
    font-size: 15px;
    box-sizing: border-box;
}

body.ai-account textarea.qr-input { min-height: 96px; resize: vertical; line-height: 1.9; }

body.ai-account .qr-note { margin: 6px 0 14px; font-size: 12.5px !important; }

body.ai-account .qr-form .qr-btn { margin-top: 10px; }

body.ai-account .qr-alert-strong {
    border-width: 1px 4px 1px 1px !important;
    font-size: 14px !important;
}

html[dir="ltr"] body.ai-account .qr-alert-strong { border-width: 1px 1px 1px 4px !important; }

body.ai-account .qr-alert-strong strong { color: #fcd34d !important; }

body.ai-account .qr-top strong { color: #fff; }
body.ai-account .qr-top a { color: var(--ai-text-2) !important; }

/* دکمهٔ فرعی صفحهٔ شارژ */
body.ai-account .recharge-submit-button.recharge-secondary-button {
    margin-top: 10px;
    background: var(--ai-surface-2) !important;
    border: 1px solid var(--ai-border-strong) !important;
    color: var(--ai-text) !important;
    box-shadow: none !important;
}

/* چاپ: QR و فاکتورها روی کاغذ سفید چاپ شوند */
@media print {
    body.ai-dark,
    body.ai-account {
        background: #fff !important;
        color: #000 !important;
    }

    body.ai-account .qr-card,
    body.ai-account .ac-card {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    body.ai-account h1,
    body.ai-account h2,
    body.ai-account h3,
    body.ai-account strong { color: #000 !important; }
}