/* ── SUMMERNOTE BSD THEME OVERRIDES ────────────────────────── */

.note-editor.note-frame {
    border: 1px solid var(--bsd-border-2) !important;
    border-radius: var(--bsd-r-md) !important;
    background: var(--bsd-surface) !important;
    font-family: var(--bsd-font) !important;
    box-shadow: var(--bsd-shadow-xs) !important;
    overflow: visible;
    transition: var(--bsd-t-fast);
}

.note-editor.note-frame.focus {
    border-color: var(--bsd-primary) !important;
    box-shadow: var(--bsd-shadow-focus) !important;
}

/* Toolbar Styling */
.note-editor.note-frame .note-toolbar {
    background: var(--bsd-surface-2) !important;
    border-bottom: 1px solid var(--bsd-border) !important;
    padding: 6px 8px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.note-toolbar .note-btn-group {
    margin-right: 6px !important;
    margin-bottom: 4px !important;
}

/* Toolbar Buttons */
.note-toolbar .note-btn {
    background: var(--bsd-surface) !important;
    border: 1px solid var(--bsd-border) !important;
    color: var(--bsd-text-2) !important;
    border-radius: var(--bsd-r-sm) !important;
    padding: 4px 8px !important;
    font-size: var(--bsd-text-xs) !important;
    box-shadow: var(--bsd-shadow-xs) !important;
    transition: var(--bsd-t-fast) !important;
}

.note-toolbar .note-btn:hover {
    background: var(--bsd-surface-3) !important;
    color: var(--bsd-text) !important;
    border-color: var(--bsd-border-2) !important;
}

.note-toolbar .note-btn.active,
.note-toolbar .note-btn:active {
    background: var(--bsd-primary-bg) !important;
    color: var(--bsd-primary) !important;
    border-color: var(--bsd-brand-300) !important;
    box-shadow: none !important;
}

/* Dropdown Menus in Toolbar */
.note-editor .note-dropdown-menu,
.note-popover .note-dropdown-menu {
    background: var(--bsd-surface) !important;
    border: 1px solid var(--bsd-border) !important;
    border-radius: var(--bsd-r-md) !important;
    box-shadow: var(--bsd-shadow-lg) !important;
    padding: 6px !important;
    z-index: var(--bsd-z-dropdown) !important;
}

.note-dropdown-item {
    color: var(--bsd-text-2) !important;
    border-radius: var(--bsd-r-xs) !important;
    padding: 6px 10px !important;
    font-size: var(--bsd-text-sm) !important;
    transition: var(--bsd-t-fast);
}

.note-dropdown-item:hover {
    background: var(--bsd-surface-3) !important;
    color: var(--bsd-text) !important;
}

/* Editable Area */
.note-editor.note-frame .note-editing-area .note-editable {
    background: var(--bsd-surface) !important;
    color: var(--bsd-text) !important;
    font-family: var(--bsd-font) !important;
    font-size: var(--bsd-text-sm) !important;
    line-height: 1.6 !important;
    padding: 16px !important;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="true"]:empty:before {
    color: var(--bsd-text-faint) !important;
}

/* Status Bar / Resizer */
.note-editor.note-frame .note-statusbar {
    background: var(--bsd-surface-2) !important;
    border-top: 1px solid var(--bsd-border) !important;
    border-bottom-left-radius: var(--bsd-r-md);
    border-bottom-right-radius: var(--bsd-r-md);
    padding: 4px !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    border-top: none !important;
    width: 12px;
    height: 12px;
}

/* Modals (Image/Link Dialogs) */
.note-modal {
    background: rgb(0 0 0 / 0.45) !important;
    backdrop-filter: blur(3px);
}

.note-modal .modal-content {
    background: var(--bsd-surface) !important;
    border: 1px solid var(--bsd-border) !important;
    border-radius: var(--bsd-r-lg) !important;
    box-shadow: var(--bsd-shadow-xl) !important;
    color: var(--bsd-text) !important;
    padding: 0 !important;
}

.note-modal .modal-header {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--bsd-border) !important;
    background: var(--bsd-surface-2);
}

.note-modal .modal-title {
    font-size: var(--bsd-text-lg) !important;
    font-weight: 700 !important;
    color: var(--bsd-text) !important;
    font-family: var(--bsd-font-display) !important;
}

.note-modal .modal-body {
    padding: 24px !important;
}

.note-modal .modal-footer {
    padding: 18px 24px !important;
    border-top: 1px solid var(--bsd-border) !important;
    background: var(--bsd-surface-2) !important;
    border-bottom-left-radius: var(--bsd-r-lg);
    border-bottom-right-radius: var(--bsd-r-lg);
}

.note-modal .modal-header .close {
    color: var(--bsd-text-muted) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.note-modal .modal-header .close:hover {
    color: var(--bsd-text) !important;
}

.note-modal .form-control {
    background: var(--bsd-surface) !important;
    border: 1px solid var(--bsd-border-2) !important;
    border-radius: var(--bsd-r-sm) !important;
    color: var(--bsd-text) !important;
    padding: 8px 12px !important;
    font-size: var(--bsd-text-sm) !important;
    outline: none !important;
    box-shadow: var(--bsd-shadow-inset) !important;
}

.note-modal .form-control:focus {
    border-color: var(--bsd-primary) !important;
    box-shadow: var(--bsd-shadow-focus) !important;
}

.note-modal .btn-primary {
    background: var(--bsd-primary) !important;
    border-color: var(--bsd-primary) !important;
    color: #fff !important;
    border-radius: var(--bsd-r) !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    box-shadow: 0 1px 4px rgba(41,82,227,0.25) !important;
}

.note-modal .btn-primary:hover {
    background: var(--bsd-primary-hover) !important;
}