/* ============================================================
   Поля ввода на светлых glass-карточках — мягкая граница и тень.
   Профиль, настройки, белые панели: видно «где поле», без Excel-рамки.
   ============================================================ */

body.zen-body .main-wrapper .vd-profile-panel .form-control,
body.zen-body .main-wrapper .vd-profile-panel .form-select,
body.zen-body .main-wrapper .vd-glass-card > .card-body .form-control:not(.border-0):not(.shadow-none):not(.vd-profile-about-textarea),
body.zen-body .main-wrapper .vd-glass-card > .card-body .form-select,
body.zen-body .main-wrapper .vd-glass-card > .card-body textarea.form-control:not(.border-0):not(.shadow-none):not(.vd-profile-about-textarea),
body.zen-body .main-wrapper .vd-profile-mock-card .form-control,
body.zen-body .main-wrapper .vd-profile-mock-card .form-select {
    --vd-field-bg: color-mix(in srgb, #ffffff 88%, var(--vd-panel-soft, #f1f5f9));
    --vd-field-border: color-mix(in srgb, var(--vd-text-strong, #0f172a) 11%, transparent);
    --vd-field-shadow: 0 1px 3px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.82);

    background-color: var(--vd-field-bg) !important;
    border: 1px solid var(--vd-field-border) !important;
    box-shadow: var(--vd-field-shadow);
    color: var(--vd-text-strong, #0f172a);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

body.zen-body .main-wrapper .vd-profile-panel .form-control::placeholder,
body.zen-body .main-wrapper .vd-glass-card > .card-body .form-control::placeholder {
    color: var(--vd-text-muted, #64748b);
    opacity: 0.85;
}

body.zen-body .main-wrapper .vd-profile-panel .form-control:focus,
body.zen-body .main-wrapper .vd-profile-panel .form-select:focus,
body.zen-body .main-wrapper .vd-glass-card > .card-body .form-control:focus:not(.border-0),
body.zen-body .main-wrapper .vd-glass-card > .card-body .form-select:focus,
body.zen-body .main-wrapper .vd-glass-card > .card-body textarea.form-control:focus:not(.border-0) {
    border-color: color-mix(in srgb, var(--vd-accent, #2563eb) 48%, var(--vd-field-border)) !important;
    box-shadow:
        0 0 0 3px var(--vd-accent-soft, rgba(37, 99, 235, 0.14)),
        var(--vd-field-shadow);
    background-color: color-mix(in srgb, #ffffff 94%, var(--vd-panel-soft, #f8fafc)) !important;
}

/* Glass UI — плотнее поверх полупрозрачной карточки */
body[data-color-palette="glass"] .main-wrapper .vd-profile-panel .form-control,
body[data-color-palette="glass"] .main-wrapper .vd-profile-panel .form-select,
body[data-color-palette="glass"] .main-wrapper .vd-glass-card > .card-body .form-control:not(.border-0):not(.shadow-none),
body[data-color-palette="glass"] .main-wrapper .vd-glass-card > .card-body .form-select,
body[data-color-palette="glass"] .main-wrapper .vd-glass-card > .card-body textarea.form-control:not(.border-0):not(.shadow-none) {
    --vd-field-bg: rgba(255, 255, 255, 0.92);
    --vd-field-border: rgba(15, 23, 42, 0.12);
    background-color: var(--vd-field-bg) !important;
    border-color: var(--vd-field-border) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Тёмные палитры — поля на светлых панелях профиля остаются «светлыми» */
body[data-color-palette="vibe"] .main-wrapper .vd-profile-page--mockup .vd-profile-panel .form-control,
body[data-color-palette="vibe"] .main-wrapper .vd-profile-page--mockup .vd-profile-panel .form-select,
body[data-color-palette="dark"] .main-wrapper .vd-profile-page--mockup .vd-profile-panel .form-control,
body[data-color-palette="dark"] .main-wrapper .vd-profile-page--mockup .vd-profile-panel .form-select {
    --vd-field-bg: rgba(255, 255, 255, 0.94);
    --vd-field-border: rgba(15, 23, 42, 0.14);
    color: #0f172a !important;
}

body[data-color-palette="vibe"] .main-wrapper .vd-profile-page--mockup .form-label,
body[data-color-palette="dark"] .main-wrapper .vd-profile-page--mockup .form-label {
    color: var(--vd-text-strong, #0f172a);
}