/* mobile-devexpress.css - DevExpress Blazor 26.1 Touch-First & Mobile View Tuning */

/* 1. Kích thước Touch Target tối thiểu 44px cho toàn bộ Editors */
.mobile-app-shell :is(.dxbl-text-box, .dxbl-combo-box, .dxbl-date-edit, .dxbl-memo, .dxbl-tag-box),
.mobile-auth-layout :is(.dxbl-text-box, .dxbl-combo-box, .dxbl-date-edit, .dxbl-memo, .dxbl-tag-box) {
    min-height: var(--min-touch-target);
    border-radius: var(--vnta-radius-md);
    border-color: var(--vnta-border);
    font-size: 15px;
}

.mobile-app-shell :is(.dxbl-text-box input, .dxbl-combo-box input, .dxbl-date-edit input, .dxbl-memo textarea),
.mobile-auth-layout :is(.dxbl-text-box input, .dxbl-combo-box input, .dxbl-date-edit input, .dxbl-memo textarea) {
    min-height: calc(var(--min-touch-target) - 2px);
    padding: 8px 12px;
    color: var(--vnta-text-main);
    font-size: var(--dxds-font-size-base-md, 15px);
}

/* 2. Nút bấm DevExpress */
.mobile-app-shell .dxbl-btn,
.mobile-auth-layout .dxbl-btn {
    min-height: var(--min-touch-target);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--vnta-radius-md);
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.08s ease, opacity 0.08s ease;
}

.mobile-app-shell .dxbl-btn:active,
.mobile-auth-layout .dxbl-btn:active { transform: scale(0.97); opacity: 0.88; }

.mobile-app-shell .dxbl-btn-primary,
.mobile-auth-layout .dxbl-btn-primary {
    min-height: var(--primary-touch-target);
    color: var(--vnta-primary-foreground);
    background-color: var(--vnta-primary);
    border-color: var(--vnta-primary);
}

/*
 * DxPopup is rendered outside .mobile-app-shell. The explicit popup class is
 * therefore the scope boundary; !important is required to override the
 * library's calculated inline placement and is deliberately limited to this
 * mobile bottom-sheet adaptation.
 */
.mobile-bottom-sheet-popup .dxbl-popup {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    overflow: hidden;
    background-color: var(--vnta-surface);
    border-radius: 20px 20px 0 0 !important;
    border-bottom: 0 !important;
    box-shadow: var(--mobile-sheet-shadow) !important;
}

.mobile-bottom-sheet-popup .dxbl-popup-header {
    padding: 14px 16px 8px;
    border-bottom: 1px solid var(--vnta-divider);
}

/* 3. Ẩn Evaluation Banner của DevExpress */
.dx-trial-banner,
.dxbl-eval-badge,
.dxbl-eval-banner,
div[style*="background-color: rgb(255, 102, 0)"],
div[style*="background-color: #ff6600"],
div[style*="background-color:#ff6600"],
div:has(> a[href*="purchase-a-new-license"]),
div:has(> a[href*="evaluation-purposes"]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}