.form-control[readonly] {
    cursor: not-allowed;
}

/* "Locked field" convention (Slug/Type on edit forms, etc.) uses .bg-light to
   read as visibly non-editable — but --vz-light in dark mode is only a hair
   lighter than the page background, so it disappears there. Give it real
   contrast in dark mode without touching the (already fine) light theme. */
[data-bs-theme="dark"] .form-control.bg-light,
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly],
[data-bs-theme="dark"] .form-select:disabled {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--vz-border-color);
    color: var(--vz-secondary-color);
}

.ic-icon-preview-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(var(--vz-primary-rgb), 0.1);
    color: var(--vz-primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* Summernote WYSIWYG editor (Message Templates, Content Pages, FAQ answers) —
   the vendored theme is light-only, so it needs to pick up our app's own
   light/dark theme tokens (--vz-*) instead of its hardcoded white/black. */
.note-editor.note-frame {
    border-color: var(--vz-border-color);
}
.note-editor.note-frame .note-statusbar {
    background: var(--vz-secondary-bg);
    border-color: var(--vz-border-color);
}
.note-toolbar,
.note-editor .note-toolbar-wrapper {
    background: var(--vz-secondary-bg);
    border-color: var(--vz-border-color);
}
.note-btn {
    background: var(--vz-light) !important;
    border-color: var(--vz-border-color) !important;
    color: var(--vz-body-color) !important;
}
.note-btn:hover, .note-btn.active {
    background: var(--vz-border-color) !important;
    color: var(--vz-body-color) !important;
}
.note-editing-area .note-editable {
    background: var(--vz-body-bg);
    color: var(--vz-body-color);
}
.note-editing-area .note-editable[contenteditable="false"] {
    background: var(--vz-secondary-bg);
}
.note-placeholder {
    color: var(--vz-secondary-color);
}
.note-codable,
.note-editor.note-frame .note-editing-area .note-codable {
    background-color: var(--vz-body-bg) !important;
    color: var(--vz-body-color) !important;
}
.note-dropdown-menu,
.note-color-palette {
    background: var(--vz-dropdown-bg);
    border-color: var(--vz-border-color);
}
.note-dropdown-menu .note-dropdown-item,
.note-dropdown-menu a {
    color: var(--vz-dropdown-link-color);
}
.note-dropdown-menu .note-dropdown-item:hover,
.note-dropdown-menu a:hover {
    background: var(--vz-dropdown-link-hover-bg, var(--vz-border-color));
    color: var(--vz-dropdown-link-color);
}
.note-toolbar .note-icon-caret,
.note-btn .note-icon-caret {
    color: inherit;
}

/* Sidebar brand: the logo (unchanged) sits on a full-width white tile so its colours read on the dark sidebar */
/* Extra padding only while the sidebar is open: in the collapsed one the brand box is a fixed 70px strip, and a taller one would cover the top of the first menu icon (Dashboard) */
[data-sidebar=dark][data-sidebar-size=lg] .app-menu .navbar-brand-box,
[data-sidebar=dark][data-sidebar-size=md] .app-menu .navbar-brand-box {
    padding: 12px 14px;
}
[data-sidebar=dark] .app-menu .navbar-brand-box .logo {
    width: 100%;
}
[data-sidebar=dark] .app-menu .navbar-brand-box .logo-lg {
    background: #fff;
    border-radius: 14px;
    padding: 9px 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .22);
    line-height: 0;
}
/* Full width only where the theme shows the wide logo (open sidebar, or the collapsed one while hovered) — never force it visible in the 70px collapsed sidebar, where only the emblem belongs */
[data-sidebar=dark][data-sidebar-size=lg] .app-menu .navbar-brand-box .logo-lg,
[data-sidebar=dark][data-sidebar-size=md] .app-menu .navbar-brand-box .logo-lg,
[data-sidebar=dark][data-sidebar-size=sm-hover] .app-menu:hover .navbar-brand-box .logo-lg {
    display: block;
}
[data-sidebar=dark] .app-menu .navbar-brand-box .logo-lg img {
    height: 34px;
    display: block;
    margin: 0 auto;
}

/*# sourceMappingURL=custom.min.css.map */