.header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-left: auto; }
.auth-screen .header-actions:has(#top-right:empty) { display: none; }
.appearance-launcher { border: 1px solid #444; border-radius: 0; background: #191919; color: #f3f2f2; padding: 11px 14px; font: 400 13px/1.3 'Minerva Söhne', Arial, sans-serif; cursor: pointer; }
.appearance-launcher span { margin-left: 10px; }
.appearance-launcher:hover { background: #292929; border-color: #777; }
.appearance-launcher:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.workspace-screen.appearance-hide-partner .auth-cobrand { display: none; }
.appearance-dialog { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(440px, 100%); height: 100%; max-width: 100%; max-height: 100%; padding: 0; border: 0; border-left: 1px solid #333; border-radius: 0; background: #101010; color: #f3f2f2; font: 400 14px/1.5 'Minerva Söhne', Arial, sans-serif; color-scheme: dark; overflow-y: auto; overscroll-behavior: contain; }
.appearance-dialog::backdrop { background: rgba(0,0,0,.65); }
.appearance-form { display: flex; flex-direction: column; min-height: 100%; padding: 32px; gap: 24px; }
.appearance-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.appearance-heading p { color: #999; font-size: 10px; letter-spacing: .1em; margin: 0 0 10px; }
.appearance-heading h2 { margin: 0; font: 800 28px/1.2 'Minerva Söhne Breit', Arial, sans-serif; letter-spacing: -.03em; }
.appearance-dialog button, .appearance-dialog input, .appearance-dialog select { font: inherit; }
.appearance-dialog button { cursor: pointer; }
.appearance-close { flex: none; background: transparent; color: #eee; border: 1px solid #444; border-radius: 0; width: 36px; height: 36px; font-size: 24px !important; }
#appearance-intro { margin: 0; color: #aaa; }
.appearance-dialog fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.appearance-dialog legend { margin-bottom: 12px; padding: 0; }
.appearance-presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.appearance-presets button { display: grid; justify-items: start; gap: 12px; border: 1px solid #444; border-radius: 0; padding: 12px; background: #191919; color: #ccc; font-size: 11px; white-space: nowrap; }
.appearance-presets button[aria-pressed=true] { color: #fff; border-color: #f3f2f2; }
.appearance-presets i { width: 20px; height: 20px; display: block; }
.appearance-color-row { display: flex; gap: 10px; margin-top: 14px; }
.appearance-dialog input[type=color] { width: 48px; height: 44px; padding: 4px; border: 1px solid #444; border-radius: 0; background: #191919; cursor: pointer; }
.appearance-dialog input[type=text] { width: 0; flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid #444; border-radius: 0; background: #191919; color: #fff; font-size: 16px; }
.appearance-help { display: block; margin: 10px 0 0; color: #999; font-size: 12px; line-height: 1.5; }
.appearance-field { display: grid; gap: 10px; }
.appearance-field select { padding: 12px; min-height: 46px; border: 1px solid #444; border-radius: 0; background: #191919; color: #fff; font-size: 16px; width: 100%; }
.appearance-check { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.appearance-check .appearance-help { margin-top: 4px; }
.appearance-check input { flex: none; width: 20px; height: 20px; accent-color: #ddd; }
.appearance-reset { align-self: flex-start; border: 0; background: transparent; color: #aaa; padding: 8px 0; text-decoration: underline; text-underline-offset: 4px; }
.appearance-status { min-height: 2.7em; margin: 0; color: #b0cdd6; font-size: 13px; }
.appearance-status.is-error { color: #ff9d89; }
.appearance-actions { display: flex; gap: 12px; margin-top: auto; padding-top: 8px; }
.appearance-actions button { border: 1px solid #444; border-radius: 0; background: #191919; padding: 14px 16px; color: #fff; }
.appearance-actions .appearance-save { flex: 1; display: flex; justify-content: space-between; background: var(--appearance-accent, #dd2b0f); color: var(--appearance-on-accent, #fff); border-color: var(--appearance-accent, #dd2b0f); }
.appearance-dialog :focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media(max-width:680px) { .header-actions { width: 100%; margin-left: 0; justify-content: space-between; gap: 12px; } .appearance-form { padding: 24px; gap: 20px; } }
@media(max-width:360px) { .appearance-form { padding: 20px; } .appearance-presets { gap: 5px; } .appearance-presets button { padding: 10px 8px; } }

.original-tracker-link { color: #999; text-decoration: none; padding: 10px 4px; font-size: 12px; white-space: nowrap; }
.original-tracker-link:hover { color: #ddd; text-decoration: underline; text-underline-offset: 4px; }
.original-tracker-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.original-tracker-link[hidden] { display: none; }
