/**
 * Votely WebUI panel CSS (Velzon Minimal baseline)
 *
 * POLICY — do not break theme forms/buttons:
 * - Default sizing comes from Velzon (bootstrap.min.css + app.min.css).
 * - Never add global .form-control / .form-select / .btn density rules here.
 * - Use Bootstrap size utilities in Twig where needed: btn-sm, btn-lg,
 *   form-control-sm, form-control-lg.
 * - For dense toolbars / table action groups, wrap markup in .webui-controls-compact
 *   (opt-in) instead of shrinking all panel forms.
 */

/* Domain-specific (non-theme) */

.corporate-forgot-password-placeholder {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

/*
 * Opt-in compact controls — scoped only; does not affect default forms.
 * Example: <td class="webui-controls-compact">…action buttons…</td>
 */
.webui-controls-compact .btn:not(.btn-lg):not(.btn-sm) {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.webui-controls-compact .form-control:not(.form-control-lg):not(.form-control-sm),
.webui-controls-compact .form-select:not(.form-select-lg):not(.form-select-sm) {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width, 1px) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm);
}

.webui-controls-compact .form-select:not(.form-select-lg):not(.form-select-sm) {
    padding-right: 1.75rem;
}

.webui-controls-compact .form-label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

/* Flash toasts above cover overlays / sticky chrome */
.toastify {
    z-index: 1095 !important;
}

/*
 * Brand box only — Minimal primary gradient behind white logo (light).
 * Dark mode: match main body background (--vz-body-bg).
 */
.app-menu.navbar-menu .navbar-brand-box {
    background: linear-gradient(135deg, #1c78aa 0%, #25a0e2 55%, #32ccff 100%);
}

[data-bs-theme="dark"] .app-menu.navbar-menu .navbar-brand-box {
    background: var(--vz-body-bg, #1a1d21);
}

.app-menu.navbar-menu .navbar-brand-box .logo-dark {
    display: none !important;
}

.app-menu.navbar-menu .navbar-brand-box .logo-light {
    display: inline-block !important;
}

.app-menu.navbar-menu .navbar-brand-box .logo-light .logo-lg img {
    height: 28px;
    width: auto;
}

.app-menu.navbar-menu .navbar-brand-box .logo-light .logo-sm img {
    height: 22px;
    width: auto;
}