.appearance-control { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); font: 500 12px/1.4 var(--font-sans); }
.appearance-control select { width: auto; min-width: 92px; min-height: 44px; padding: 8px 24px 8px 10px; border: 1px solid var(--control-border); border-radius: var(--radius-1); background-color: var(--white); color: var(--ink); font: inherit; cursor: pointer; }
.appearance-control select:focus-visible { outline: 2px solid var(--dykem); outline-offset: 2px; }
.appearance-field { display: flex; justify-content: flex-end; padding: 4px 16px; border-bottom: 1px solid var(--line); background: var(--paper); }
.appearance-footer { display: flex; justify-content: center; padding: 16px; grid-column: 1 / -1; }
.portal-header > .appearance-control { padding: 4px 16px; }
.portal-header { grid-template-columns: minmax(220px, 1fr) auto auto auto; }
@media (max-width: 760px) { .portal-header { grid-template-columns: 1fr auto; } }
@media print { .appearance-control, .appearance-field, .appearance-footer { display: none !important; } }

.field-settings { margin-left: auto; flex: 0 0 auto; }
.field-settings > summary { display: flex; align-items: center; min-height: 48px; padding: 0 8px; cursor: pointer; color: var(--ink-soft); font-size: 15px; }
.field-settings > summary::-webkit-details-marker { display: none; }
.field-settings-panel { position: absolute; right: 8px; top: 100%; padding: 16px; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-float); }
.field-settings-panel .appearance-control { font-size: 16px; flex-wrap: wrap; }