/* Lebih spesifik dan pakai !important */
.note-editor .note-toolbar .note-btn,
.note-popover .popover-content .note-btn {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #0a858e !important;
    border-radius: 4px !important;
    margin-right: 5px !important;
    margin-bottom: 0px !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.note-editor .note-toolbar .note-btn:hover,
.note-editor .note-toolbar .note-btn:focus,
.note-popover .popover-content .note-btn:hover,
.note-popover .popover-content .note-btn:focus {
    background-color: #e2e2e2 !important;
    color: #000000 !important;
    border-color: #1a9b99 !important;
}

.note-editor.note-frame {
    border-radius: 8px !important;
    border: 1px solid #e3e3e3 !important;
    box-shadow: 0 -4px 16px -6px rgba(30, 140, 148, 0.12);
    /* shadow hanya di atas, tidak ke bawah */
    overflow: hidden;
}

/* Agar toolbar tetap menyatu dengan border dan shadow */
.note-toolbar {
    border-radius: 8px 8px 0 0 !important;
    background: #f8f9fa !important;
    border-bottom: 1px solid #e3e3e3 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

/* Untuk Summernote yang pakai .note-placeholder */
.note-editor .note-placeholder {
    color: #adb5bd !important;
    font-size: 14px !important;
    font-style: normal !important;
    pointer-events: none !important;
    padding-left: 2px;
}

/* Batasi lebar tombol dropdown color (yang ada panahnya) */
.note-toolbar .dropdown-toggle {
    min-width: 32px !important;
    width: 32px !important;
    max-width: 32px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.note-editable,
.note-editable p,
.note-editable div,
.note-editable span,
.note-editable ul,
.note-editable ol,
.note-editable li {
    font-size: 14px !important;
}