/* One stable, enclosing focus line. No focus shadows or stacked outlines. */
:where(input, textarea, select, button, a, summary, [tabindex], [contenteditable="true"]):is(:focus,:focus-visible) { box-shadow:none!important; }
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,.select-trigger):is(:focus,:focus-visible) {
  border:1px solid var(--focus);outline:none;box-shadow:none;
}
:is(input,textarea)[aria-invalid="true"]:is(:focus,:focus-visible) { border-color:var(--danger); }
:is(button,a,summary,[tabindex],.auth-content,.dialog-body,input[type="checkbox"],input[type="radio"],input[type="range"]):focus-visible { outline:1px solid var(--focus);outline-offset:2px; }
.verification-template .sfa-code-input:is(:focus,:focus-visible) {border:0!important;outline:none;box-shadow:none;}
.verification-template .sfa-focus-tile {border-width:1px;box-shadow:none;}
.verification-code-control:focus-within .verification-code-cell.is-current {border:1px solid var(--focus);box-shadow:none;}
@media(forced-colors:active) {
  :where(input,textarea,select,button,a,summary,[tabindex]):focus-visible {outline:1px solid Highlight;box-shadow:none;}
  .verification-template .sfa-focus-tile {border:1px solid Highlight;}
}
:root,[data-brand-theme="light"] {--success-mark-ink:#28745a;--success-mark-surface:#edf6f0;}
:root[data-theme="dark"],[data-brand-theme="dark"] {--success-mark-ink:#8cc8aa;--success-mark-surface:#22392e;}
.verification-template {--sfa-success:var(--success-mark-ink);--sfa-success-soft:var(--success-mark-surface);}
.success-mark,.success-feedback.completion .success-mark {
  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex:none;
  color:var(--success-mark-ink);background:var(--success-mark-surface);
}
/* Keep the original green disc; only the inner check is smaller. */
.success-mark svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.boot {
  background:color-mix(in srgb,var(--canvas) 78%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.boot:not(.appearance-loading-preview) {position:fixed;inset:0;z-index:600;overflow:auto;min-height:100dvh;}
.appearance-loading-preview {min-height:320px;position:relative;}
.boot-logo-layer {position:relative;display:inline-block;flex:none;max-width:100%;line-height:0;}
.boot-logo-layer[data-mode="dark"] {display:none;}
.boot[data-loading-theme="dark"] .boot-logo-layer[data-mode="light"] {display:none;}
.boot[data-loading-theme="dark"] .boot-logo-layer[data-mode="dark"] {display:inline-block;}
.boot-shimmer {
  position:absolute;inset:0;pointer-events:none;
  mask-image:var(--loading-mask);-webkit-mask-image:var(--loading-mask);
  mask-mode:alpha;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.72) 49%,transparent 63%);
  background-size:280% 100%;animation:account-logo-shimmer var(--loading-cycle,1.4s) ease-in-out infinite;
}
.boot[data-loading-mode="spinner"] .boot-shimmer,.boot[data-failed] .boot-shimmer {display:none;}
.boot[data-loading-mode="shimmer"] .loading-spinner {display:none;}
.boot[data-loading-theme="dark"] .boot-logo-light {display:none;}
.boot[data-loading-theme="light"] .boot-logo-dark {display:none;}
.boot[data-loading-theme="light"] .boot-logo-light,.boot[data-loading-theme="dark"] .boot-logo-dark {display:block;}
@keyframes account-logo-shimmer {from {background-position:150% 0;}to {background-position:-50% 0;}}
@media(prefers-reduced-motion:reduce) {
  .boot-shimmer {animation:none;display:none;}
  .loading-spinner {animation:none;}
}
@supports not ((mask-image:url("")) or (-webkit-mask-image:url(""))) { .boot-shimmer {display:none;} }

.select-option.active {box-shadow:none;outline:1px solid var(--focus);outline-offset:-1px;}
[contenteditable="true"]:focus-visible {outline:1px solid var(--focus);outline-offset:-1px;box-shadow:none;}