/* Inline icon sizing shared by the retained native widgets. */
.contact-action-btn svg,
.contact-btn-add svg,
.contact-star svg,
.note-action-btn svg,
.note-btn-add svg,
.note-pin svg,
.header-icon svg {
    width: 1.05em;
    height: 1.05em;
    flex: 0 0 auto;
    vertical-align: -0.14em;
}

.contact-star svg,
.note-pin svg {
    color: var(--opendw-warning, #f59e0b);
}

.contact-empty-icon svg,
.note-empty-icon svg,
.empty-state svg {
    width: 40px;
    height: 40px;
    opacity: 0.55;
}

.contact-btn-add,
.note-btn-add {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.contact-editor-header h3,
.note-editor-header h3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.contact-editor-header .header-icon svg {
    width: 22px;
    height: 22px;
}