.portal-theme-options { display: flex; flex-wrap: wrap; gap: 12px; }
.portal-theme-choice { display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 10px 8px; border: 1px solid #adb9c8; border-radius: 8px; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.portal-theme-choice:hover { background: rgba(127, 145, 165, .1); }
.portal-theme-choice.active { border-color: #16817b; background: rgba(22, 129, 123, .08); font-weight: 600; }
.portal-theme-choice:focus-visible { outline: 2px solid #16817b; outline-offset: 3px; }
.portal-theme-hint { margin: 14px 0 0; font-size: 12px; }
.portal-theme-swatch { flex-shrink: 0; width: 22px; height: 22px; border-radius: 4px; border: 1px solid #d5dce6; border-left: 8px solid #00245a; background: #fff; }
.portal-theme-swatch--modern { background: #f4f6f8; border-left-color: #15283f; }