.ui-icon { width: 19px; height: 19px; flex: 0 0 auto; display: inline-block; vertical-align: -4px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.type-icon { width: 23px; height: 23px; flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.field-label, .icon-label { display: inline-flex; align-items: center; gap: 7px; }
.btn .ui-icon, nav .ui-icon { margin-right: 5px; }
.page-bar h1 .ui-icon { width: 26px; height: 26px; vertical-align: -3px; margin-right: 7px; }
.edit-form legend .ui-icon { margin-right: 6px; }
th > .ui-icon, .file-panel h2 > .ui-icon { margin-right: 5px; }
.icon-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d9e4ed; border-radius: 7px; padding: 8px; color: #254a70; background: white; cursor: pointer; }
.icon-button:hover, .icon-button.active { background: #eaf3fb; }
.icon-button .ui-icon { margin: 0; }