/* اصلاح نهایی خوانایی متن‌ها و فاصله خطوط در پنل مدیریت و باشگاه مشتریان */

/* متن معرفی بالای صفحات؛ کمی خواناتر بدون افزایش شدید ارتفاع */
:is(
    .segments-hero,
    .customers-hero,
    .orders-hero,
    .pipeline-hero,
    .products-hero,
    .reminders-hero,
    .tickets-hero,
    .woocommerce-hero,
    .sync-logs-hero,
    .campaigns-hero,
    .loyalty-wheel-hero,
    .loyalty-report-hero,
    .loyalty-settings-hero,
    .club-dashboard-hero,
    .club-orders-hero,
    .club-transactions-hero,
    .club-journey-hero,
    .club-profile-hero,
    .club-reward-hero,
    .club-growth-hero,
    .support-hero
) :is(h1, h2) {
    font-size: clamp(1.22rem, 1.6vw, 1.72rem) !important;
    line-height: 1.62 !important;
    letter-spacing: -0.015rem !important;
}

:is(
    .segments-hero,
    .customers-hero,
    .orders-hero,
    .pipeline-hero,
    .products-hero,
    .reminders-hero,
    .tickets-hero,
    .woocommerce-hero,
    .sync-logs-hero,
    .campaigns-hero,
    .loyalty-wheel-hero,
    .loyalty-report-hero,
    .loyalty-settings-hero,
    .club-dashboard-hero,
    .club-orders-hero,
    .club-transactions-hero,
    .club-journey-hero,
    .club-profile-hero,
    .club-reward-hero,
    .club-growth-hero,
    .support-hero
) p {
    font-size: 0.88rem !important;
    line-height: 2 !important;
}

/* کارت‌های آماری بالای صفحات؛ جمع‌وجور اما خوانا */
:is(
    .segments-metric-card,
    .customers-metric-card,
    .orders-metric-card,
    .pipeline-metric-card,
    .products-metric-card,
    .reminders-metric-card,
    .tickets-metric-card,
    .woocommerce-metric-card,
    .sync-logs-metric-card,
    .campaigns-metric-card,
    .loyalty-wheel-metrics > div,
    .loyalty-report-hero-metrics > div,
    .loyalty-settings-hero-metrics > div,
    .club-orders-score-grid > div,
    .club-transactions-score-grid > div,
    .club-journey-score-grid > div,
    .club-profile-score > div,
    .club-reward-score > div,
    .club-growth-score > div,
    .support-score-grid > div
) {
    min-height: 4.75rem !important;
    padding: 0.72rem 0.82rem !important;
    gap: 0.18rem !important;
    align-content: center !important;
}

:is(
    .segments-metric-card,
    .customers-metric-card,
    .orders-metric-card,
    .pipeline-metric-card,
    .products-metric-card,
    .reminders-metric-card,
    .tickets-metric-card,
    .woocommerce-metric-card,
    .sync-logs-metric-card,
    .campaigns-metric-card,
    .loyalty-wheel-metrics > div,
    .loyalty-report-hero-metrics > div,
    .loyalty-settings-hero-metrics > div,
    .club-orders-score-grid > div,
    .club-transactions-score-grid > div,
    .club-journey-score-grid > div,
    .club-profile-score > div,
    .club-reward-score > div,
    .club-growth-score > div,
    .support-score-grid > div
) :is(span, small) {
    font-size: 0.76rem !important;
    line-height: 1.75 !important;
    font-weight: 800 !important;
}

:is(
    .segments-metric-card,
    .customers-metric-card,
    .orders-metric-card,
    .pipeline-metric-card,
    .products-metric-card,
    .reminders-metric-card,
    .tickets-metric-card,
    .woocommerce-metric-card,
    .sync-logs-metric-card,
    .campaigns-metric-card,
    .loyalty-wheel-metrics > div,
    .loyalty-report-hero-metrics > div,
    .loyalty-settings-hero-metrics > div,
    .club-orders-score-grid > div,
    .club-transactions-score-grid > div,
    .club-journey-score-grid > div,
    .club-profile-score > div,
    .club-reward-score > div,
    .club-growth-score > div,
    .support-score-grid > div
) :is(b, strong) {
    font-size: clamp(1.05rem, 1.25vw, 1.22rem) !important;
    line-height: 1.5 !important;
}

/* کارت‌های آماری داخل بدنه صفحات */
:is(
    .club-dashboard-metric,
    .club-transactions-metric,
    .club-order-summary-grid > div,
    .loyalty-report-metrics article,
    .loyalty-member-metrics article,
    .product-detail-metrics > div,
    .customer360-stat-card
) {
    min-height: 4.75rem !important;
    padding: 0.82rem 0.95rem !important;
    align-content: center !important;
}

:is(
    .club-dashboard-metric,
    .club-transactions-metric,
    .club-order-summary-grid > div,
    .loyalty-report-metrics article,
    .loyalty-member-metrics article,
    .product-detail-metrics > div,
    .customer360-stat-card
) :is(span, small) {
    font-size: 0.76rem !important;
    line-height: 1.75 !important;
}

:is(
    .club-dashboard-metric,
    .club-transactions-metric,
    .club-order-summary-grid > div,
    .loyalty-report-metrics article,
    .loyalty-member-metrics article,
    .product-detail-metrics > div,
    .customer360-stat-card
) :is(b, strong, .num) {
    font-size: clamp(1.08rem, 1.3vw, 1.28rem) !important;
    line-height: 1.5 !important;
}

/* رفع فشردگی متن‌ها در کارت‌های لیستی و ردیفی */
:is(
    .club-dashboard-row,
    .club-reward-item,
    .club-growth-row,
    .club-order-row,
    .club-order-item-row,
    .club-order-transaction-row,
    .club-favorite-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-journey-event,
    .club-journey-next-card,
    .support-ticket-card,
    .support-reply-card,
    .support-kb-row,
    .customer360-favorite-row,
    .customer360-transaction-pro-row,
    .customer360-transaction-row,
    .segment-card-body,
    .customer-card-body,
    .segments-column-meta,
    .customers-column-meta
) {
    line-height: 1.9 !important;
}

:is(
    .club-dashboard-row,
    .club-reward-item,
    .club-growth-row,
    .club-order-row,
    .club-order-item-row,
    .club-order-transaction-row,
    .club-favorite-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-journey-event,
    .club-journey-next-card,
    .support-ticket-card,
    .support-reply-card,
    .support-kb-row,
    .customer360-favorite-row,
    .customer360-transaction-pro-row,
    .customer360-transaction-row,
    .segment-card-body,
    .customer-card-body
) :is(h3, h4, b) {
    line-height: 1.75 !important;
}

:is(
    .club-dashboard-row,
    .club-reward-item,
    .club-growth-row,
    .club-order-row,
    .club-order-item-row,
    .club-order-transaction-row,
    .club-favorite-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-journey-event,
    .club-journey-next-card,
    .support-ticket-card,
    .support-reply-card,
    .support-kb-row,
    .customer360-favorite-row,
    .customer360-transaction-pro-row,
    .customer360-transaction-row,
    .segment-card-body,
    .customer-card-body
) :is(p, small, span) {
    line-height: 1.95 !important;
    margin-top: 0.18rem !important;
}

/* کمی فضای تنفسی داخل ردیف‌ها، بدون سنگین کردن صفحه */
:is(
    .club-transaction-row,
    .club-transaction-source-row,
    .club-dashboard-row,
    .club-order-row,
    .club-journey-event,
    .support-ticket-card,
    .support-kb-row
) {
    padding-top: 0.95rem !important;
    padding-bottom: 0.95rem !important;
}

/* منوی باشگاه و پنل مدیریت خواناتر شود */
:is(.portal-side-link, .nav a, .nav-group summary) {
    line-height: 1.75 !important;
}

/* کنترل ارتفاع در دسکتاپ، بعد از بزرگ‌تر شدن متن‌ها */
@media (min-width: 72rem) {
    :is(
        .segments-hero,
        .customers-hero,
        .orders-hero,
        .pipeline-hero,
        .products-hero,
        .reminders-hero,
        .tickets-hero,
        .woocommerce-hero,
        .sync-logs-hero,
        .campaigns-hero,
        .loyalty-wheel-hero,
        .loyalty-report-hero,
        .loyalty-settings-hero,
        .club-dashboard-hero,
        .club-orders-hero,
        .club-transactions-hero,
        .club-journey-hero,
        .club-profile-hero,
        .club-reward-hero,
        .club-growth-hero,
        .support-hero
    ) {
        grid-template-columns: minmax(0, 1.5fr) minmax(16rem, 25rem) !important;
    }
}

@media (max-width: 48rem) {
    :is(
        .segments-metric-card,
        .customers-metric-card,
        .orders-metric-card,
        .pipeline-metric-card,
        .products-metric-card,
        .reminders-metric-card,
        .tickets-metric-card,
        .woocommerce-metric-card,
        .sync-logs-metric-card,
        .campaigns-metric-card,
        .loyalty-wheel-metrics > div,
        .loyalty-report-hero-metrics > div,
        .loyalty-settings-hero-metrics > div,
        .club-orders-score-grid > div,
        .club-transactions-score-grid > div,
        .club-journey-score-grid > div,
        .club-profile-score > div,
        .club-reward-score > div,
        .club-growth-score > div,
        .support-score-grid > div
    ) {
        min-height: 4.5rem !important;
    }
}

/* ریتم استاندارد عنوان و توضیح داخل کارت‌ها؛ رفع چسبندگی متن‌ها */
:is(
    .campaign-report-card,
    .support-card,
    .club-dashboard-card,
    .club-transactions-card,
    .club-orders-card,
    .club-journey-card,
    .club-profile-card,
    .club-growth-card,
    .club-card-pro,
    .customer360-board-card,
    .customer360-smart-card,
    .customer360-health-card,
    .customer360-loyalty-board,
    .segments-toolbar,
    .campaigns-reward-toolbar,
    .loyalty-wheel-preview-card,
    .loyalty-wheel-form-card,
    .loyalty-wheel-prizes-card,
    .loyalty-wheel-spins-card,
    .loyalty-settings-card,
    .loyalty-report-card
) header {
    gap: 0.9rem !important;
    padding-bottom: 0.95rem !important;
    margin-bottom: 1rem !important;
}

:is(
    .campaign-report-card,
    .support-card,
    .club-dashboard-card,
    .club-transactions-card,
    .club-orders-card,
    .club-journey-card,
    .club-profile-card,
    .club-growth-card,
    .club-card-pro,
    .customer360-board-card,
    .customer360-smart-card,
    .customer360-health-card,
    .customer360-loyalty-board,
    .loyalty-wheel-preview-card,
    .loyalty-wheel-form-card,
    .loyalty-wheel-prizes-card,
    .loyalty-wheel-spins-card,
    .loyalty-settings-card,
    .loyalty-report-card
) header > div {
    display: grid !important;
    gap: 0.42rem !important;
    align-content: start !important;
}

:is(
    .campaign-report-card,
    .support-card,
    .club-dashboard-card,
    .club-transactions-card,
    .club-orders-card,
    .club-journey-card,
    .club-profile-card,
    .club-growth-card,
    .club-card-pro,
    .customer360-board-card,
    .customer360-smart-card,
    .customer360-health-card,
    .customer360-loyalty-board,
    .loyalty-wheel-preview-card,
    .loyalty-wheel-form-card,
    .loyalty-wheel-prizes-card,
    .loyalty-wheel-spins-card,
    .loyalty-settings-card,
    .loyalty-report-card
) header :is(span, .campaign-report-chip, .support-eyebrow, .club-growth-eyebrow, .club-reward-eyebrow, .club-dashboard-eyebrow, .club-orders-eyebrow, .club-transactions-eyebrow, .club-journey-eyebrow, .club-profile-eyebrow) {
    line-height: 1.55 !important;
    margin: 0 !important;
}

:is(
    .campaign-report-card,
    .support-card,
    .club-dashboard-card,
    .club-transactions-card,
    .club-orders-card,
    .club-journey-card,
    .club-profile-card,
    .club-growth-card,
    .club-card-pro,
    .customer360-board-card,
    .customer360-smart-card,
    .customer360-health-card,
    .customer360-loyalty-board,
    .loyalty-wheel-preview-card,
    .loyalty-wheel-form-card,
    .loyalty-wheel-prizes-card,
    .loyalty-wheel-spins-card,
    .loyalty-settings-card,
    .loyalty-report-card
) header :is(h2, h3, h4) {
    margin: 0 !important;
    line-height: 1.78 !important;
    letter-spacing: -0.012rem !important;
}

:is(
    .campaign-report-card,
    .support-card,
    .club-dashboard-card,
    .club-transactions-card,
    .club-orders-card,
    .club-journey-card,
    .club-profile-card,
    .club-growth-card,
    .club-card-pro,
    .customer360-board-card,
    .customer360-smart-card,
    .customer360-health-card,
    .customer360-loyalty-board,
    .loyalty-wheel-preview-card,
    .loyalty-wheel-form-card,
    .loyalty-wheel-prizes-card,
    .loyalty-wheel-spins-card,
    .loyalty-settings-card,
    .loyalty-report-card
) header p {
    margin-top: 0.15rem !important;
    line-height: 2 !important;
}

/* فاصله داخلی ردیف‌های کارت‌محور در گزارش‌ها و باشگاه */
:is(
    .campaign-report-row,
    .campaign-report-channel-card,
    .campaign-report-referrer-card,
    .campaign-report-reward-card,
    .support-ticket-card,
    .support-kb-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-order-row,
    .club-order-item-row,
    .club-dashboard-row,
    .club-journey-event,
    .club-journey-next-card,
    .club-growth-row,
    .club-reward-item
) {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    row-gap: 0.75rem !important;
}

:is(
    .campaign-report-row,
    .campaign-report-channel-card,
    .campaign-report-referrer-card,
    .campaign-report-reward-card,
    .support-ticket-card,
    .support-kb-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-order-row,
    .club-order-item-row,
    .club-dashboard-row,
    .club-journey-event,
    .club-journey-next-card,
    .club-growth-row,
    .club-reward-item
) > div:not(:first-child) {
    display: grid !important;
    gap: 0.22rem !important;
    align-content: center !important;
}

:is(
    .campaign-report-row,
    .campaign-report-channel-card,
    .campaign-report-referrer-card,
    .campaign-report-reward-card,
    .support-ticket-card,
    .support-kb-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-order-row,
    .club-order-item-row,
    .club-dashboard-row,
    .club-journey-event,
    .club-journey-next-card,
    .club-growth-row,
    .club-reward-item
) :is(h3, h4) {
    line-height: 1.78 !important;
    margin-bottom: 0.08rem !important;
}

:is(
    .campaign-report-row,
    .campaign-report-channel-card,
    .campaign-report-referrer-card,
    .campaign-report-reward-card,
    .support-ticket-card,
    .support-kb-row,
    .club-transaction-row,
    .club-transaction-source-row,
    .club-order-row,
    .club-order-item-row,
    .club-dashboard-row,
    .club-journey-event,
    .club-journey-next-card,
    .club-growth-row,
    .club-reward-item
) :is(p, small) {
    line-height: 2 !important;
    margin-top: 0.1rem !important;
}

/* اصلاح قطعی فاصله نوار رنگی کارت‌های آماری پیشخوان باشگاه از متن */
body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric {
    position: relative !important;
    padding-top: 0.9rem !important;
    padding-left: 0.95rem !important;
    padding-bottom: 0.9rem !important;
    padding-right: 2.15rem !important;
    min-height: 4.9rem !important;
}

body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric:before {
    right: 0.8rem !important;
    top: 0.9rem !important;
    bottom: 0.9rem !important;
    width: 0.28rem !important;
    border-radius: 999px !important;
}

body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric span,
body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric b,
body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric small {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 44rem) {
    body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric {
        padding-right: 2rem !important;
    }

    body .club-dashboard-page .club-dashboard-metrics .club-dashboard-metric:before {
        right: 0.7rem !important;
        top: 0.8rem !important;
        bottom: 0.8rem !important;
    }
}

/* اصلاح اختصاصی بالای صفحه مأموریت‌ها: کوچک‌تر شدن باکس‌های سمت چپ بدون تغییر سایز فونت */
@media (min-width: 72rem) {
    body .club-missions-page .club-missions-hero {
        grid-template-columns: minmax(0, 1.75fr) minmax(11.5rem, 0.48fr) !important;
        gap: 0.75rem !important;
    }
}

body .club-missions-page .club-missions-score {
    gap: 0.42rem !important;
}

body .club-missions-page .club-missions-score > div {
    min-height: 3.7rem !important;
    padding: 0.42rem 0.62rem !important;
    border-radius: 0.85rem !important;
    gap: 0.04rem !important;
}

body .club-missions-page .club-missions-score > div span,
body .club-missions-page .club-missions-score > div small,
body .club-missions-page .club-missions-score > div b {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* اصلاح نهایی و سراسری دستیار و داشبورد؛ این فایل بعد از همه فایل‌های صفحه بارگذاری می‌شود */
body .assistant-intro,
body .admin-assistant-page .assistant-pro-hero,
body .admin-assistant-page .assistant-chat-card,
body .admin-assistant-page .assistant-side-card,
body .command-dashboard-page .command-card,
body .command-dashboard-page .command-hero,
body .command-dashboard-page .command-health-card {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #e5edf7 !important;
}

body .assistant-intro h1,
body .assistant-intro h2,
body .assistant-intro h3,
body .admin-assistant-page h1,
body .admin-assistant-page h2,
body .admin-assistant-page h3,
body .command-dashboard-page h1,
body .command-dashboard-page h2,
body .command-dashboard-page h3 {
    color: #0f172a !important;
    line-height: 1.75 !important;
}

body .assistant-intro p,
body .assistant-intro .muted,
body .admin-assistant-page p,
body .admin-assistant-page small,
body .command-dashboard-page p,
body .command-dashboard-page small {
    color: #64748b !important;
    line-height: 2 !important;
}

body .quick-chip,
body .suggestion-chip,
body .admin-assistant-page .assistant-pro-quick-row button,
body .admin-assistant-page .suggestion-chip,
body .command-dashboard-page .command-assistant-prompts button {
    background: #ffffff !important;
    color: var(--txt) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
    line-height: 1.65 !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    transition: all 0.18s cubic-bezier(.16,1,.3,1) !important;
}

body .quick-chip:hover,
body .suggestion-chip:hover,
body .admin-assistant-page .assistant-pro-quick-row button:hover,
body .admin-assistant-page .suggestion-chip:hover,
body .command-dashboard-page .command-assistant-prompts button:hover {
    background: var(--panel2) !important;
    color: var(--txt) !important;
    border-color: color-mix(in srgb, var(--line) 60%, var(--acc) 40%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(15,23,42,0.06) !important;
}

body .user-msg,
body .admin-assistant-page .user-msg,
body .command-dashboard-page .command-user-message {
    background: var(--site-primary, #0f172a) !important;
    color: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0f172a) 85%, black 15%) !important;
    box-shadow: 0 2px 8px rgba(15,23,42,0.10) !important;
    line-height: 2 !important;
    font-weight: 600 !important;
}

body .bot-msg,
body .admin-assistant-page .bot-msg,
body .command-dashboard-page .command-bot-message {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e5edf7 !important;
    box-shadow: 0 0.45rem 1.2rem rgba(15, 23, 42, 0.045) !important;
    line-height: 2 !important;
}

body .bot-msg a,
body .admin-assistant-page .bot-msg a,
body .command-dashboard-page .command-bot-message a {
    color: #1d4ed8 !important;
}

body #adminChatBox,
body .admin-assistant-page .assistant-pro-chat-box,
body .command-dashboard-page .command-assistant-chat {
    background: linear-gradient(180deg, #f8fafc, #ffffff) !important;
    border: 1px solid #e5edf7 !important;
    color: #0f172a !important;
}

body .chat-form,
body .admin-assistant-page .assistant-pro-chat-form,
body .command-dashboard-page .command-assistant-form {
    align-items: center !important;
}

body .chat-text,
body .admin-assistant-page .assistant-pro-chat-form input.chat-text,
body .command-dashboard-page .command-assistant-form input {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #e5edf7 !important;
    line-height: 1.8 !important;
}

body .chat-text::placeholder,
body .admin-assistant-page .assistant-pro-chat-form input.chat-text::placeholder,
body .command-dashboard-page .command-assistant-form input::placeholder {
    color: #94a3b8 !important;
}

body .admin-assistant-page .assistant-pro-scope-grid > div,
body .command-dashboard-page .command-metric-card,
body .command-dashboard-page .command-health-card {
    padding-right: 2.45rem !important;
    padding-left: 0.9rem !important;
}

body .admin-assistant-page .assistant-pro-scope-grid > div:before,
body .command-dashboard-page .command-metric-card:before,
body .command-dashboard-page .command-health-card:before {
    right: 0.8rem !important;
    top: 0.9rem !important;
    bottom: 0.9rem !important;
    width: 0.22rem !important;
    border-radius: 999px !important;
}

body .admin-assistant-page .assistant-chat-card.is-accent,
body .admin-assistant-page .assistant-side-card.is-accent,
body .command-dashboard-page .command-card.is-accent,
body .command-dashboard-page .command-action-row {
    padding-right: 2.45rem !important;
}

body .admin-assistant-page .assistant-chat-card.is-accent:before,
body .admin-assistant-page .assistant-side-card.is-accent:before,
body .command-dashboard-page .command-card.is-accent:before,
body .command-dashboard-page .command-action-row:before {
    right: 0.8rem !important;
    top: 0.9rem !important;
    bottom: 0.9rem !important;
    width: 0.22rem !important;
    border-radius: 999px !important;
}

@media (max-width: 58rem) {
    body .admin-assistant-page .assistant-pro-hero,
    body .admin-assistant-page .assistant-pro-layout,
    body .command-dashboard-page .command-hero,
    body .command-dashboard-page .command-layout,
    body .command-dashboard-page .command-two-columns {
        grid-template-columns: 1fr !important;
    }

    body .admin-assistant-page .assistant-pro-scope-grid,
    body .command-dashboard-page .command-metrics-grid {
        grid-template-columns: 1fr !important;
    }

    body .admin-assistant-page .assistant-pro-chat-form,
    body .command-dashboard-page .command-assistant-form,
    body .chat-form {
        grid-template-columns: 1fr !important;
    }

    body .admin-assistant-page .assistant-pro-chat-form .btn,
    body .admin-assistant-page .assistant-file-button,
    body .command-dashboard-page .command-assistant-form .btn,
    body .chat-form .btn {
        width: 100% !important;
    }

    body .user-msg,
    body .bot-msg,
    body .admin-assistant-page .user-msg,
    body .admin-assistant-page .bot-msg,
    body .command-dashboard-page .command-user-message,
    body .command-dashboard-page .command-bot-message {
        max-width: 96% !important;
    }
}

/* اصلاح نهایی چیدمان فرم چت دستیار؛ متن بالا، پیوست و ارسال پایین */
body .admin-assistant-page .assistant-pro-chat-form {
    grid-template-columns: minmax(0, 1fr) minmax(7.5rem, 10rem) !important;
    grid-template-areas:
        "message message"
        "upload send" !important;
    align-items: stretch !important;
}

body .admin-assistant-page .assistant-pro-chat-form .chat-text,
body .admin-assistant-page .assistant-pro-chat-form input.chat-text {
    grid-area: message !important;
    width: 100% !important;
    min-height: 3.15rem !important;
}

body .admin-assistant-page .assistant-pro-chat-form .assistant-file-button,
body .admin-assistant-page .assistant-pro-chat-form .file-picker {
    grid-area: upload !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 3rem !important;
    margin: 0 !important;
}

body .admin-assistant-page .assistant-pro-chat-form .file-picker {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.65rem !important;
    padding: 0.45rem 0.6rem !important;
    border-radius: 0.95rem !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}

body .admin-assistant-page .assistant-pro-chat-form .file-picker-btn,
body .admin-assistant-page .assistant-pro-chat-form .assistant-file-button {
    min-height: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 0.8rem !important;
    white-space: nowrap !important;
}

body .admin-assistant-page .assistant-pro-chat-form .file-picker-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #64748b !important;
    font-size: 0.78rem !important;
}

body .admin-assistant-page .assistant-pro-chat-form .file-picker-hint {
    display: none !important;
}

body .admin-assistant-page .assistant-pro-chat-form > .btn,
body .admin-assistant-page .assistant-pro-chat-form button.btn {
    grid-area: send !important;
    width: 100% !important;
    min-height: 3rem !important;
    height: 3rem !important;
}

@media (max-width: 58rem) {
    body .admin-assistant-page .assistant-pro-chat-form {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "message"
            "upload"
            "send" !important;
    }
}