/* TRAUKLAR_PROVIDER_AUTH_APPEARANCE_1_0_20261026 */
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) {
    --pa-bg: #f7f7f7;
    --pa-paper: #fff;
    --pa-soft: #f0f1f3;
    --pa-text: #292d30;
    --pa-muted: #626a72;
    --pa-line: #d5d8dc;
    --pa-accent: #3e6051;
    --pa-on-accent: #fff;
    --pa-error: #a32929;
    --pa-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23626a72' stroke-width='2'/%3E%3C/svg%3E");
    background: var(--pa-bg) !important;
    color: var(--pa-text) !important;
    color-scheme: light;
}
.dark body.fi-panel-provider:has(.tk-verification-page) {
    --pa-bg: #17191c;
    --pa-paper: #202328;
    --pa-soft: #2a2e34;
    --pa-text: #e9eaec;
    --pa-muted: #b8bec6;
    --pa-line: #535b66;
    --pa-accent: #b4cdbb;
    --pa-on-accent: #1a2d21;
    --pa-error: #ffb0b0;
    --pa-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b8bec6' stroke-width='2'/%3E%3C/svg%3E");
    color-scheme: dark;
}
/* Registration belongs to the light public site, independent of the panel theme. */
body.fi-panel-provider:has(.tk-provider-register) {
    --pa-bg: #f7f5ef;
    --pa-soft: #f7f5ef;
    --pa-text: #243c35;
    --pa-muted: #62646b;
    --pa-line: #dfded5;
    --pa-accent: #007e80;
}
body.fi-panel-provider:has(.tk-provider-register) .tk-ob-card {
    border-radius: 22px;
    box-shadow: 0 16px 50px rgba(36, 60, 53, .06);
}
body.fi-panel-provider:has(.tk-provider-register) .tk-auth-register {
    background: var(--pa-accent);
    color: var(--pa-on-accent);
}
body.fi-panel-provider:has(.tk-provider-register) .tk-auth-register:hover {
    background: #005b5d;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) .fi-simple-layout {
    background: var(--pa-bg) !important;
    color: var(--pa-text);
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) .fi-simple-header-heading {
    color: var(--pa-text) !important;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) .fi-simple-header-subheading {
    color: var(--pa-muted) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .tk-provider-register {
    --ob-bg: var(--pa-bg);
    --ob-paper: var(--pa-paper);
    --ob-soft: var(--pa-soft);
    --ob-text: var(--pa-text);
    --ob-muted: var(--pa-muted);
    --ob-line: var(--pa-line);
    --ob-accent: var(--pa-accent);
    --ob-on-accent: var(--pa-on-accent);
}
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard {
    background: var(--pa-paper) !important;
    color: var(--pa-text);
    box-shadow: none !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard-header {
    background: var(--pa-soft) !important;
    border-color: var(--pa-line) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-sc-wizard-step, .fi-sc-wizard-footer) {
    background: var(--pa-paper) !important;
    color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-fo-field-label, .fi-fo-field-label-content, .fi-fo-radio-label-text, .fi-sc-form) {
    color: var(--pa-text) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard-header-step-label,
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard-header-step-number {
    color: var(--pa-muted) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-active, .fi-completed) .fi-sc-wizard-header-step-label {
    color: var(--pa-text) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard-header-step-icon-ctn {
    border-color: var(--pa-line) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-active .fi-sc-wizard-header-step-icon-ctn {
    border-color: var(--pa-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-active .fi-sc-wizard-header-step-number {
    color: var(--pa-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-completed .fi-sc-wizard-header-step-icon-ctn {
    background: var(--pa-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-completed .fi-sc-wizard-header-step-icon-ctn .fi-icon {
    color: var(--pa-on-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-sc-wizard-header-step-separator {
    color: var(--pa-line) !important;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) :is(.fi-input-wrp, .fi-select-input-btn) {
    background: var(--pa-paper) !important;
    border: 1px solid var(--pa-line) !important;
    box-shadow: none !important;
    color: var(--pa-text) !important;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) :is(.fi-input-wrp:focus-within, .fi-select-input-btn:focus-visible) {
    border-color: var(--pa-accent) !important;
    outline: 2px solid var(--pa-accent);
    outline-offset: 2px;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) :is(.fi-input, .fi-select-input-btn, select, select option) {
    color: var(--pa-text) !important;
    background-color: var(--pa-paper) !important;
    color-scheme: inherit;
    caret-color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-provider-register) select.fi-select-input {
    background-image: var(--pa-chevron) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-select-input-btn::after {
    border-color: var(--pa-muted) !important;
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) input:is(:autofill, :-webkit-autofill) {
    -webkit-text-fill-color: var(--pa-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--pa-paper) inset !important;
    box-shadow: 0 0 0 1000px var(--pa-paper) inset !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-dropdown-panel[role="listbox"],
body.fi-panel-provider:has(.tk-provider-register) .fi-dropdown-panel[role="listbox"] :is(.fi-input, .fi-select-input-option) {
    background: var(--pa-paper) !important;
    color: var(--pa-text) !important;
    border-color: var(--pa-line) !important;
}
body.fi-panel-provider:has(.tk-provider-register) .fi-dropdown-panel[role="listbox"] .fi-select-input-option:is(:hover, :focus-visible, [aria-selected="true"]) {
    background: var(--pa-soft) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-select-input-placeholder, .fi-fo-field-helper-text) {
    color: var(--pa-muted) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-radio-input, .fi-checkbox-input) {
    background-color: var(--pa-paper) !important;
    border: 2px solid var(--pa-muted) !important;
    box-shadow: none !important;
    color: var(--pa-on-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-radio-input, .fi-checkbox-input):checked {
    background-color: var(--pa-accent) !important;
    border-color: var(--pa-accent) !important;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.fi-fo-field-label-content a, .tk-auth-links a, .fi-sc-form a) {
    color: var(--pa-text) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.fi-panel-provider:has(.tk-provider-register) :is(.tk-auth-header, .tk-auth-footer, .tk-auth-mobile nav) {
    background: var(--pa-paper);
    border-color: var(--pa-line);
    color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-provider-register) :is(.tk-auth-actions a:not(.tk-auth-register), .tk-auth-mobile nav a) {
    color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-provider-register) :is(.tk-auth-links, .tk-auth-footer-inner) {
    color: var(--pa-muted);
}
body.fi-panel-provider:has(.tk-provider-register) .tk-auth-mobile summary {
    border-color: var(--pa-line);
}
body.fi-panel-provider:has(.tk-provider-register) .tk-auth-mobile summary span {
    background: var(--pa-text);
}
.dark body.fi-panel-provider:has(.tk-verification-page) .tk-panel-brand__image {
    filter: brightness(0) invert(.94);
}
.dark body.fi-panel-provider:has(.tk-verification-page) .tk-panel-brand {
    background: transparent;
}
.dark body.fi-panel-provider:has(.tk-verification-page) .tk-panel-brand__label {
    color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-provider-register) .fi-btn:not(.fi-color-primary) {
    color: var(--pa-text) !important;
    background: var(--pa-paper) !important;
    border: 1px solid var(--pa-line);
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) .fi-btn.fi-color-primary,
body.fi-panel-provider:has(.tk-verification-page) .tk-code-primary {
    color: var(--pa-on-accent) !important;
    background: var(--pa-accent) !important;
    border-color: var(--pa-accent) !important;
}
body.fi-panel-provider:has(.tk-verification-page) .tk-code-primary:hover {
    background: var(--pa-accent) !important;
    filter: brightness(.94);
}
body.fi-panel-provider:has(.tk-verification-page) .tk-email-code {
    background: var(--pa-paper);
    color: var(--pa-text);
    border-color: var(--pa-line);
    box-shadow: none;
}
body.fi-panel-provider:has(.tk-verification-page) .tk-email-code .tk-code-link {
    color: var(--pa-text);
}
body.fi-panel-provider:has(.tk-verification-page) .tk-email-code .tk-code-hint {
    color: var(--pa-muted);
}
body.fi-panel-provider:has(.tk-verification-page) :is(.tk-code-notice, .tk-code-edit) {
    background: var(--pa-soft);
    border-color: var(--pa-line);
}
body.fi-panel-provider:has(.tk-verification-page) .tk-code-error {
    color: var(--pa-error);
}
body.fi-panel-provider:has(:is(.tk-provider-register, .tk-verification-page)) :is(button, a, input):focus-visible {
    outline-color: var(--pa-accent) !important;
}
@media (max-width: 700px) {
    body.fi-panel-provider:has(.tk-provider-register) :is(.fi-input, .fi-select-input-btn) { font-size: 16px; }
    body.fi-panel-provider:has(.tk-verification-page) .fi-simple-main { width: min(100%, 480px); }
}