/* Generated by scripts/generate-dark-palette.cjs.
 * Source SHA-256: 1ea19ac9ed4204c4fab94d7eca5beea23ec40cbb7dc9671a6942d9927a3c6235
 * Dark semantic color bridge; source order, specificity, geometry and assets stay intact.
 * Edit the source component styles or generator, then regenerate this file.
 */
/* styles.css */
:root:where([data-color-scheme="dark"]) {
  --ink: var(--appearance-ink);
  --muted: var(--appearance-muted);
  --line: var(--appearance-line);
  --soft: var(--appearance-canvas);
  --paper: var(--appearance-surface);
  --canvas: var(--appearance-soft);
}
html:where([data-color-scheme="dark"]),
:where(html[data-color-scheme="dark"]) body {
  color: var(--ink);
  background: var(--canvas);
}
:where(html[data-color-scheme="dark"]) button {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .scenario-control {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-section-heading > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scenario-control button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-control button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scenario-guidance {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scenario-guidance small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scenario-switch i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scenario-switch i::after {
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .scenario-switch input:checked + i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .content-scenarios {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scenario-counter {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scenario-counter button {
  border: 0px !important;
  background: var(--appearance-canvas) !important;
}
:where(html[data-color-scheme="dark"]) .phone {
  border: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .login-brand > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-form header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .field > div {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .field input {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .field button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .field > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .primary-button,
:where(html[data-color-scheme="dark"]) .secondary-button {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .primary-button {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .secondary-button {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .security-copy {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .app-header {
  border-bottom: 1px solid transparent;
}
:where(html[data-color-scheme="dark"]) .app-header.has-scrolled-content {
  border-bottom-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .profile > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .profile > span i {
  border: 2px solid var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .profile small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .header-actions button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .brand-placeholder {
  border: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .account-switch {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .account-switch small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .balance-hero > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .balance-hero > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .quick-actions button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .quick-actions button > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .quick-actions button:first-child > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .section-header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .section-header button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .row-list {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .account-row,
:where(html[data-color-scheme="dark"]) .transaction-list article,
:where(html[data-color-scheme="dark"]) .space-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .account-row:last-child,
:where(html[data-color-scheme="dark"]) .transaction-list article:last-child,
:where(html[data-color-scheme="dark"]) .space-row:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .account-row:hover {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .account-icon,
:where(html[data-color-scheme="dark"]) .round-symbol {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .account-copy small,
:where(html[data-color-scheme="dark"]) .account-amount small,
:where(html[data-color-scheme="dark"]) .transaction-list small,
:where(html[data-color-scheme="dark"]) .space-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-row > svg {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-row.selected {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .all-accounts-link {
  border-color: var(--appearance-line) currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .overview-icon {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .all-accounts-link small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-summary-row {
  border-color: var(--appearance-line) currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mini-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mini-card::before {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .mini-card:nth-child(2) {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .card-summary-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .page-heading span,
:where(html[data-color-scheme="dark"]) .page-intro > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .page-heading > button,
:where(html[data-color-scheme="dark"]) .focused-header > button:last-child {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .total-summary > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .focused-header > button:first-child,
:where(html[data-color-scheme="dark"]) .inline-back {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .cards-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-list-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-thumb {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-thumb::before {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-list-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-list-row svg {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .physical-card {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .physical-card i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .chip {
  border: 1px solid var(--appearance-line);
  background: repeating-linear-gradient(90deg, var(--appearance-surface) 0px, var(--appearance-surface) 6px, var(--appearance-raised) 6px, var(--appearance-raised) 7px);
}
:where(html[data-color-scheme="dark"]) .detail-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .detail-list > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .detail-list dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .control-grid button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .control-grid button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .danger-row {
  border-color: var(--appearance-line) currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .wide-account-switch {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .wide-account-switch small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .statement-summary {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .statement-summary > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .statement-summary > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .statement-summary b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .period-tabs {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .period-tabs button,
:where(html[data-color-scheme="dark"]) .destination-tabs button {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .period-tabs button.active,
:where(html[data-color-scheme="dark"]) .destination-tabs button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .search-field {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .search-field input {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .transaction-group > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .transaction-group .row-list article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .empty-state {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .transfer-header button {
  border: 0px;
  background: var(--soft);
}
:where(html[data-color-scheme="dark"]) .stepper i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .stepper i.active {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .transfer-title span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scope-note {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recipient-heading button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .recipient-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recipient-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .avatar {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recipient-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .new-recipient-row {
  border-color: var(--appearance-line) currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .new-recipient-row > span:first-child {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .new-recipient-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-tabs {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-result > div:first-child {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-result > div:first-child > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-result small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-result dl > div,
:where(html[data-color-scheme="dark"]) .destination-result > label {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .selected-recipient {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .selected-recipient > span:first-child,
:where(html[data-color-scheme="dark"]) .review-person > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .selected-recipient small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .amount-entry input {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .amount-entry p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-person small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-person p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .security-banner {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .success-mark {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .bottom-nav {
  border-top: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .bottom-nav button {
  border: 0px;
  background: var(--appearance-surface);
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .bottom-nav button.active {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .sheet-backdrop {
  background: color-mix(in srgb, var(--appearance-raised) 32.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .bottom-sheet {
  border-top: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .bottom-sheet > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .bottom-sheet > header button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .sheet-account-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .sheet-account-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .sheet-account-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .sheet-account-row i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .bottom-sheet > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .toast {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.140) 0px 10px 28px;
}
:where(html[data-color-scheme="dark"]) button:focus-visible,
:where(html[data-color-scheme="dark"]) input:focus-visible {
  outline: var(--appearance-line) solid 2px;
}
:where(html[data-color-scheme="dark"]) .account-switch.static {
  border-color: transparent;
}
:where(html[data-color-scheme="dark"]) .account-switch:disabled,
:where(html[data-color-scheme="dark"]) .wide-account-switch:disabled {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .account-manage-link {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .action-badge {
  border: 2px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .account-detail-hero {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .account-detail-hero i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .account-detail-hero p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-detail-hero > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .detail-quick-actions button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .detail-quick-actions button:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .management-section header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .management-list {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .management-list > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .management-list > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .management-icon {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .management-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .management-list > button > svg {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-danger-zone > button {
  border-color: var(--appearance-line) currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .account-danger-zone small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .row-list,
:where(html[data-color-scheme="dark"]) .management-list,
:where(html[data-color-scheme="dark"]) .cards-list,
:where(html[data-color-scheme="dark"]) .recipient-list,
:where(html[data-color-scheme="dark"]) .sheet-account-list,
:where(html[data-color-scheme="dark"]) .detail-list {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .all-accounts-link,
:where(html[data-color-scheme="dark"]) .card-summary-row {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .new-recipient-row {
  border: 1.5px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .danger-row,
:where(html[data-color-scheme="dark"]) .account-danger-zone > button {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .cards-empty-state {
  border: 1px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .cards-empty-state > span {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .cards-empty-state p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .cards-empty-state button {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .priority-banner {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .priority-icon {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .priority-banner > div > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .priority-banner > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .widget-grid > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .widget-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .widget-grid i {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .connected-list {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .connected-list > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .connected-list > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .service-mark {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .connected-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .feature-promo {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .feature-promo > button:first-child {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .feature-promo p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .feature-promo > button:last-child {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .card-number-actions button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-number-actions button:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .identifiers-list {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .identifiers-list article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .identifiers-list article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .identifiers-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .identifiers-list button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .identifiers-list button:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .default-account-entry {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .default-account-entry small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .attention-feed > header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .attention-list {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .attention-item {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .attention-item:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .attention-main {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .attention-icon {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .urgent .attention-icon {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .attention-copy i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .attention-action {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .attention-dismiss {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .source-group-title {
  border-bottom: 1px solid var(--appearance-line);
  color: var(--muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .smart-route {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .smart-route > header > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .smart-route-main > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .smart-route-main small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .smart-route-main i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .smart-route > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .route-limit {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .route-options {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .route-options > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .route-options > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .route-options > button.selected {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .route-options > button > span:first-child {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .route-options small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .transfer-validation {
  border: 1px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .field select {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .event-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .event-row:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .event-copy small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .event-row > svg {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .activity-scope {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .activity-scope svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .activity-tabs {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .activity-tabs button {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .activity-tabs button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .event-group > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-context {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .account-context-header > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .account-context-header > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .account-context .account-switch {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .account-context .quick-actions button > span {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .account-context .quick-actions button:first-child > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .service-grid > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .service-grid > button:hover {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .service-grid > button > span {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .service-grid i {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .service-grid .all-services-shortcut {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .service-grid .all-services-shortcut > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-tile {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-tile > span {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-tile.drop-target {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-tile.replace-target {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-tile.replace-target::after {
  color: rgb(255, 255, 255);
  background: color-mix(in srgb, var(--appearance-raised) 84.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-fixed {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-fixed > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-fixed i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .shortcut-editor-help {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .shortcut-editor-help.replacing {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .shortcut-picker-heading span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .shortcut-picker-heading span.incomplete {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .service-picker {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .service-picker-row {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .service-picker-row:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .service-picker-row.selected {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .service-picker-row.pending {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .service-picker-icon {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .service-picker-copy small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .service-picker-copy i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .service-picker-check {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .service-picker-row.selected .service-picker-check {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .service-picker-row.pending .service-picker-check {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .shortcut-editor-footer > button:first-child {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-empty {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .shortcut-preview-empty > span {
  background: var(--appearance-canvas);
}
@media (max-width: 767px) {
html:where([data-color-scheme="dark"]),
:where(html[data-color-scheme="dark"]) body {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .prototype-stage {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .scenario-control.mobile-visible {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-control.mobile-visible .scenario-mobile-header {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scenario-mobile-header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scenario-control .scenario-mobile-header > button {
  border: 0px;
  background: transparent;
}
}
:where(html[data-color-scheme="dark"]) .login-screen {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .login-lockup small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-lockup > i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .welcome-copy > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .onboarding-map {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .onboarding-map article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .onboarding-map article > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .onboarding-map small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-text-button,
:where(html[data-color-scheme="dark"]) .login-help {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .login-trust {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-topbar > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .login-progress > i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .login-progress b {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .login-heading p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-heading p b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .consent-row > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .consent-row b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .consent-row input:checked + span b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .consent-row small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .login-error {
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .risk-note {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .risk-note small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .otp-symbol {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .otp-symbol > i {
  border: 3px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .otp-input-wrap {
  border: 1.5px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .otp-input-wrap input {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .otp-form > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .otp-form > small button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .resend-row {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .resend-row button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .resend-row button:disabled {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .customer-found {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .customer-found > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .customer-found small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .biometric-card.selected {
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .biometric-mark {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .biometric-mark i {
  border-color: transparent var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .biometric-mark i:nth-child(3) {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .biometric-card b {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-card > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .device-security-list span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .activation-success-mark {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .activation-success-mark i,
:where(html[data-color-scheme="dark"]) .activation-success-mark b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .success-login-step > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .activation-summary {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .activation-summary article {
  border-left: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .activation-summary article:last-child {
  border-left: 0px;
}
:where(html[data-color-scheme="dark"]) .activation-summary small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .activation-footnote {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .national-id-field > div > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .face-scan {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .face-frame {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .face-frame::before,
:where(html[data-color-scheme="dark"]) .face-frame::after {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .face-head {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .face-head::before {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .face-body {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .face-frame > i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .face-frame > i::after {
  background: linear-gradient(color-mix(in srgb, var(--appearance-raised) 13.30%, transparent), color-mix(in srgb, var(--appearance-raised) 20.00%, transparent), color-mix(in srgb, var(--appearance-raised) 13.30%, transparent));
}
:where(html[data-color-scheme="dark"]) .face-scan-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified {
  background: var(--appearance-raised);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-frame {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-scan-status small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-frame > b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .liveness-points span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .liveness-points b {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .face-privacy {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .ownership-status {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .ownership-status > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .ownership-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .ownership-status > i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .queue-mark {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .queue-mark > i {
  border-color: var(--appearance-line) transparent transparent;
}
:where(html[data-color-scheme="dark"]) .review-pending-hero > span:last-child,
:where(html[data-color-scheme="dark"]) .review-approved-step > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-ticket {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .review-ticket header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .review-ticket header small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .review-ticket header > i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .review-ticket dl > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .review-ticket dl > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .review-ticket dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-timeline li::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .review-timeline li > i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .review-timeline li.done > i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .review-timeline li.active > i {
  border: 6px solid var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 2px inset;
}
:where(html[data-color-scheme="dark"]) .review-timeline small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-notify > span {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .review-notify b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .review-notify small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-notify > span > i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .review-notify > span > i::after {
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .review-notify input:checked + span > i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .review-safe-close {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .prototype-review-action {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .approved-evidence {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .approved-evidence > span {
  border-left: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .approved-evidence > span:last-child {
  border-left: 0px;
}
:where(html[data-color-scheme="dark"]) .approved-evidence small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .ownership-status {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .ownership-status > i {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .review-channels {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .review-channels > header {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .review-channels > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-sms,
:where(html[data-color-scheme="dark"]) .review-channels .review-notify > span {
  border-color: var(--appearance-line) currentcolor currentcolor;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .review-sms > b,
:where(html[data-color-scheme="dark"]) .review-channels .review-notify b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .review-sms small,
:where(html[data-color-scheme="dark"]) .review-channels .review-notify small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .review-sms > i {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .queue-mark > i {
  border: 3px solid var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .queue-mark > i::after {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .queue-mark {
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 7px;
}
:where(html[data-color-scheme="dark"]) .face-frame {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .face-frame::before {
  border: 0px;
  background: linear-gradient(var(--appearance-raised), var(--appearance-raised)) left top / 21px 2px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) left top / 2px 21px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) right top / 21px 2px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) right top / 2px 21px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) left bottom / 21px 2px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) left bottom / 2px 21px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) right bottom / 21px 2px no-repeat, linear-gradient(var(--appearance-raised), var(--appearance-raised)) right bottom / 2px 21px no-repeat;
}
:where(html[data-color-scheme="dark"]) .face-head {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .face-head::after {
  background: var(--appearance-raised);
  box-shadow: rgb(0 0 0 / 0.550) 20px 0px 0px, rgb(0 0 0 / 0.550) 10px 15px 0px -1px;
}
:where(html[data-color-scheme="dark"]) .face-body {
  border-bottom: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-serial-guide {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-back-sample {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-back-sample::before {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-back-sample > i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-back-sample > b {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-serial-guide small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-serial-security {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .otp-delivery-status {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .otp-delivery-status > span {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .otp-delivery-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .otp-delivery-status > i {
  border: 1px solid var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-serial-help-button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-serial-help-button > span:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-serial-help-button small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .national-card-back-guide {
  border: 2px solid var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-surface), var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .national-card-back-guide::before {
  background: radial-gradient(circle at 77% 68%, transparent 0px, transparent 35px, color-mix(in srgb, var(--appearance-raised) 6.70%, transparent) 36px, color-mix(in srgb, var(--appearance-raised) 6.70%, transparent) 37px, transparent 38px), linear-gradient(120deg, transparent 0px, transparent 63%, color-mix(in srgb, var(--appearance-raised) 6.70%, transparent) 63.5%, color-mix(in srgb, var(--appearance-raised) 6.70%, transparent) 64%, transparent 64.5%);
}
:where(html[data-color-scheme="dark"]) .guide-card-chip {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guide-card-chip i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .guide-card-signature {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .guide-card-barcode {
  background: repeating-linear-gradient(90deg, var(--appearance-raised) 0px, var(--appearance-raised) 2px, transparent 2px, transparent 4px, var(--appearance-raised) 4px, var(--appearance-raised) 5px, transparent 5px, transparent 8px);
}
:where(html[data-color-scheme="dark"]) .guide-card-serial {
  border: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guide-card-pointer {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guide-card-pointer::after {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-serial-sheet-copy {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-serial-sheet-copy p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-serial-demo {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-serial-demo button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .device-methods .biometric-card {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .device-methods .biometric-card.selected {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .device-method-mark {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .device-method-mark > b {
  color: var(--appearance-ink) !important;
}
:where(html[data-color-scheme="dark"]) .device-methods .biometric-card > i {
  border: 1px solid var(--appearance-line);
  color: transparent;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .device-methods .biometric-card.selected > i {
  border-color: var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .device-pin-panel {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .device-pin-panel > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .device-pin-fields input {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
  outline: 0px;
}
:where(html[data-color-scheme="dark"]) .device-pin-fields input:focus {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .face-scan {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 22px;
}
:where(html[data-color-scheme="dark"]) .face-camera {
  background: radial-gradient(circle at 50% 37%, var(--appearance-soft) 0px, var(--appearance-raised) 42%, var(--appearance-raised) 100%);
}
:where(html[data-color-scheme="dark"]) .face-camera::before {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 46%, color-mix(in srgb, var(--appearance-surface) 6.70%, transparent) 52%, rgba(255, 255, 255, 0) 59%), radial-gradient(circle at 50% 105%, color-mix(in srgb, var(--appearance-surface) 6.70%, transparent) 0px, color-mix(in srgb, var(--appearance-surface) 6.70%, transparent) 35%, transparent 36%);
}
:where(html[data-color-scheme="dark"]) .face-camera-toolbar {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .face-camera-toolbar > span {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 33.30%, transparent);
  background: color-mix(in srgb, var(--appearance-raised) 53.30%, transparent);
  box-shadow: rgb(0 0 0 / 0.200) 0px 3px 10px;
}
:where(html[data-color-scheme="dark"]) .camera-rec-state i {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 60.00%, transparent);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame {
  border: 1.5px dashed var(--appearance-line);
  background: transparent;
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 999px;
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame::before {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 20.00%, transparent);
  background: none;
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame::after {
  background: linear-gradient(var(--appearance-surface), var(--appearance-surface)) 50% 0px / 34px 2px no-repeat, linear-gradient(var(--appearance-surface), var(--appearance-surface)) 50% 100% / 34px 2px no-repeat, linear-gradient(var(--appearance-surface), var(--appearance-surface)) 0px 50% / 2px 34px no-repeat, linear-gradient(var(--appearance-surface), var(--appearance-surface)) 100% 50% / 2px 34px no-repeat;
}
:where(html[data-color-scheme="dark"]) .face-person {
  stroke: none;
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame > i {
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.133) 0px 0px 0px 1px, rgb(0 0 0 / 0.550) 0px 0px 12px;
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame > i::after {
  background: linear-gradient(rgba(255, 255, 255, 0), color-mix(in srgb, var(--appearance-surface) 20.00%, transparent), rgba(255, 255, 255, 0));
}
:where(html[data-color-scheme="dark"]) .face-camera .face-frame > b {
  border: 2px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.400) 0px 7px 20px;
}
:where(html[data-color-scheme="dark"]) .camera-guide-copy {
  color: rgb(255, 255, 255);
  text-shadow: rgb(0 0 0 / 0.550) 0px 1px 5px;
}
:where(html[data-color-scheme="dark"]) .face-scan-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .face-scan.scanning {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.133) 0px 9px 26px;
}
:where(html[data-color-scheme="dark"]) .face-scan.scanning .camera-rec-state i {
  border-color: var(--appearance-line);
  background: rgb(217, 48, 37);
  box-shadow: rgb(0 0 0 / 0.200) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .face-scan.verified {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 22px;
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-camera {
  background: radial-gradient(circle at 50% 37%, var(--appearance-soft) 0px, var(--appearance-raised) 42%, var(--appearance-raised) 100%);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-frame {
  border-color: var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .camera-rec-state i {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-scan-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .liveness-points span {
  border: 1px solid var(--appearance-line);
  color: var(--muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .liveness-points b {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .amount-suggestions > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .amount-suggestions button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .amount-suggestions button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .smart-destination-field > button {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .destination-detection {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-detection > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .destination-detection strong {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .smart-destination-action {
  border: 0px;
  color: var(--ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .smart-destination-action:active {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .smart-destination-meta i {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .smart-destination-bottom > b {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .smart-destination-cta {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .smart-destination-action:focus-visible {
  outline: 2px solid var(--ui-focus,var(--appearance-control));
}
:where(html[data-color-scheme="dark"]) .recipient-row > span:nth-child(3) {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recipient-empty {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recipient-search-empty {
  border: 0px;
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .recipient-search-empty > strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .recipient-search-empty > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-guide {
  border: 1px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-guide p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-guide b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .selected-recipient {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .selected-recipient > span:last-child {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .transfer-details-switch {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .transfer-details-switch small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-person {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-person > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-person small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-details {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-details > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .destination-sheet-details > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .destination-sheet-details dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .save-recipient-toggle small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .health-hero {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .health-hero::after {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .health-hero-mark {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .health-hero > div > span {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .health-trust {
  border-top: 1px solid var(--appearance-line);
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .health-trust span {
  color: var(--appearance-subtle) !important;
}
:where(html[data-color-scheme="dark"]) .health-service-grid button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .health-service-grid button > span {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .health-service-grid button:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .health-service-grid button:first-child > span {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .health-service-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .health-service-grid button:first-child small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .health-recommendation {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .health-recommendation p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .doctor-stack i {
  border: 2px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .doctor-stack i:nth-child(2) {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .doctor-stack i:nth-child(3) {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .health-recommendation > button {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .health-care-row {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .health-date {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .health-care-row > span:nth-child(2) small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .health-care-row > span:nth-child(2) i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .health-note {
  border: 1px solid var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .health-note svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .health-promo {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .first-transfer-guide {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .first-transfer-guide > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .first-transfer-guide p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .transfer-help-list {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .transfer-help-list article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .transfer-help-list article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .transfer-help-list article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .transfer-help-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .contacts-back {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .contacts-search-field > button {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .contact-filters {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .contact-filters button {
  border: 0px;
  color: var(--muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .contact-filters button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .contacts-summary span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .all-contacts-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .contacts-empty strong {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .grouped-recipient-list {
  border: 0px !important;
  background: transparent !important;
}
:where(html[data-color-scheme="dark"]) .recipient-group {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .recipient-group-header {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .recipient-group-header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recipient-group-destinations {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recipient-group-destination {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .recipient-group-destination:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .recipient-destination-icon {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recipient-destination-copy b {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recipient-group-destination > i {
  color: var(--appearance-ink);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .recipient-group-destination.matched {
  background: var(--appearance-canvas);
  box-shadow: rgb(0 0 0 / 0.550) 3px 0px 0px inset;
}
:where(html[data-color-scheme="dark"]) .recipient-group-destination.matched > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .login-scenario-tabs {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .returning-login-step {
  background: linear-gradient(var(--appearance-surface) 0px, var(--appearance-surface) 74%, var(--appearance-canvas) 100%);
}
:where(html[data-color-scheme="dark"]) .returning-avatar {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .returning-avatar > i {
  border: 3px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .returning-profile > span:last-child {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-unlock-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-unlock-card small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-unlock-card div > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-method-panel {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-method-panel > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-method-options {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .returning-method-option {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-method-option > span:first-child {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .returning-method-option small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-method-option > i {
  border: 1px solid var(--appearance-line);
  color: transparent;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-method-option.selected > i {
  border-color: var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .returning-pin-wrap > div {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-pin-wrap input {
  border: 0px;
  outline: 0px;
}
:where(html[data-color-scheme="dark"]) .returning-pin-wrap > div button {
  border-color: currentcolor var(--appearance-line) currentcolor currentcolor;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .returning-pin-wrap > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-trust > span {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .returning-trust small {
  color: var(--muted);
}
@media (min-width: 1200px) {
:where(html[data-color-scheme="dark"]) .scenario-control {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-desktop-header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scenario-desktop-header > div small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scenario-desktop-header > div span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scenario-panel-toggle {
  border: 0px !important;
  background: var(--appearance-soft) !important;
}
:where(html[data-color-scheme="dark"]) .scenario-control.is-collapsed .scenario-desktop-header {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .scenario-control.is-collapsed .scenario-panel-toggle {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised) !important;
}
:where(html[data-color-scheme="dark"]) .scenario-control.is-collapsed .scenario-panel-collapsed-label {
  color: var(--appearance-ink);
}
}
:where(html[data-color-scheme="dark"]) .returning-pin-primary {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-fallback-copy {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-fallback-copy svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .recovery-mark {
  border: 1.5px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .recovery-mark > i {
  border: 3px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .recovery-reasons {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recovery-reasons > span {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recovery-reasons small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .mini-card-stack.is-pending .pending-card {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .mini-card-stack.is-pending .pending-card::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .mini-card-stack.is-pending .pending-card > b {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .attention-all-button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .attention-all-button b {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome {
  background: linear-gradient(var(--appearance-surface) 0px, var(--appearance-surface) 78%, var(--appearance-canvas) 100%);
}
:where(html[data-color-scheme="dark"]) .new-welcome-mark {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-raised);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .new-welcome-hero > span:last-child {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .new-journey-map article {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .new-journey-map article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .new-journey-map small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .ready-note,
:where(html[data-color-scheme="dark"]) .comparison-note,
:where(html[data-color-scheme="dark"]) .address-preview {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .ready-note small,
:where(html[data-color-scheme="dark"]) .comparison-note small,
:where(html[data-color-scheme="dark"]) .address-preview small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .identity-form .field > div > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .select-field select {
  border: 0px;
  outline: 0px;
  background: transparent;
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .verified-person {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .verified-person > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .verified-person small,
:where(html[data-color-scheme="dark"]) .verified-person i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .deposit-option {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .deposit-option.selected {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .deposit-option > span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .deposit-option.selected > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .deposit-option p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .deposit-option dl {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .deposit-option dl > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .deposit-option dl > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .deposit-option dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .deposit-option > i {
  border: 1px solid var(--appearance-line);
  color: transparent;
}
:where(html[data-color-scheme="dark"]) .deposit-option.selected > i {
  border-color: var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .contract-summary {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .contract-summary > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .contract-summary > header small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .contract-summary > header b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .contract-summary dl > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .contract-summary dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .contract-summary > button {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .account-opened-step > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .opened-account-card {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > header small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > header i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > div small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > div button {
  border: 0px;
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .opened-account-card > footer small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .next-card-prompt {
  border: 1px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .next-card-prompt > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .next-card-prompt small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
  box-shadow: rgb(0 0 0 / 0.133) 0px 10px 24px;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview .brand-placeholder {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .delivery-option {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .delivery-option.selected {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .delivery-option > span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .delivery-option.selected > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .delivery-option small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .delivery-option > b {
  border: 1px solid var(--appearance-line);
  color: transparent;
}
:where(html[data-color-scheme="dark"]) .delivery-option.selected > b {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .delivery-confirm > span {
  border: 1px dashed var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .delivery-confirm > span > b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .delivery-confirm input:checked + span > b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .delivery-confirm small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .completion-list {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .completion-list > span {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .completion-list > span > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .completion-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .postal-search-field > div > button {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .postal-result.streamlined > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .profile-form > .address-confirm-action {
  color: rgb(255, 255, 255) !important;
  background: var(--appearance-raised) !important;
}
:where(html[data-color-scheme="dark"]) .profile-form > .address-confirm-action:hover {
  background: var(--appearance-raised) !important;
}
:where(html[data-color-scheme="dark"]) .postal-result {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .postal-result > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .postal-result small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .postal-result i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .postal-result > b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .address-confirm-action {
  background: var(--appearance-surface) !important;
  color: var(--appearance-ink) !important;
}
:where(html[data-color-scheme="dark"]) .address-confirm-action:hover {
  background: var(--appearance-canvas) !important;
}
:where(html[data-color-scheme="dark"]) .card-design-picker > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-design-option {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-design-option.selected {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .card-design-option > i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-design-option > i::before {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-design-option > i::after {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i::before {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i::after {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .card-design-option.wave > i {
  background: linear-gradient(135deg, var(--appearance-raised) 0px, var(--appearance-raised) 43%, var(--appearance-soft) 44%, var(--appearance-soft) 66%, var(--appearance-soft) 67%);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-light {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.133) 0px 10px 24px;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-light .brand-placeholder {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-wave {
  background: linear-gradient(135deg, var(--appearance-raised) 0px, var(--appearance-raised) 48%, var(--appearance-soft) 49%, var(--appearance-soft) 68%, var(--appearance-soft) 69%);
}
:where(html[data-color-scheme="dark"]) .card-address-panel {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-address-panel > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-address-option {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-address-option.selected {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-address-option > i {
  border: 1px solid var(--appearance-line);
  color: transparent;
}
:where(html[data-color-scheme="dark"]) .card-address-option.selected > i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-address-option small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .alternate-address-query {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .alternate-address-query > button {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome > .lookup-status {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome > .lookup-status > span {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome > .lookup-status > i {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome .new-journey-map {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .new-journey-map > header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .new-journey-map > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome .new-journey-map article {
  border-color: currentcolor currentcolor var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome .new-journey-map article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .new-customer-welcome > .ready-note {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .physical-card {
  border: 1.5px solid var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-surface) 0px, var(--appearance-surface) 62%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.133) 0px 13px 30px, rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .physical-card::before {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 6.70%, transparent);
}
:where(html[data-color-scheme="dark"]) .physical-card > .card-top > i {
  border: 0px;
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .physical-card.frozen > .card-top > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .physical-card .chip {
  border: 1px solid var(--appearance-line);
  background: linear-gradient(135deg, var(--appearance-canvas), var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .physical-card .chip::before {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .physical-card .chip::after {
  border-right: 1px solid var(--appearance-line);
  border-left: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .physical-card .card-holder small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .physical-card .card-brand > em::before,
:where(html[data-color-scheme="dark"]) .physical-card .card-brand > em::after {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .workflow-scenario-buttons button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .workflow-scenario-buttons button:hover {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .workflow-scenario-buttons small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-tracking-scenarios button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .profile-correction-banner {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-correction-banner > span,
:where(html[data-color-scheme="dark"]) .delivery-issue-note > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .profile-correction-banner small,
:where(html[data-color-scheme="dark"]) .delivery-issue-note small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .operation-status-mark {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .operation-status-mark::after {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .operation-status-mark span {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .operation-ticket {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .operation-ticket > header {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .operation-ticket header small,
:where(html[data-color-scheme="dark"]) .operation-ticket > footer {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .operation-ticket header > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .operation-issues article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .operation-issues article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .operation-issues article > span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .operation-issues small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .operation-ticket > footer {
  border-top: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .operation-ticket > footer b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .operation-timeline li:not(:last-child)::after,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline li:not(:last-child)::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .operation-timeline i,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline i {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .operation-timeline li.done i,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline li.done i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .operation-timeline li.active i,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline li.active i {
  color: var(--appearance-ink);
  border: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .operation-timeline li.error i,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline li.issue i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .operation-timeline small,
:where(html[data-color-scheme="dark"]) .card-delivery-timeline small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .operation-safe-note {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .operation-safe-note small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .tracking-reference small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .postal-code-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .postal-code-card small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .postal-code-card button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .delivery-address-summary {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .delivery-address-summary button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .delivery-address-summary small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .delivery-issue-note {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-design-option > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests > header {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests header > b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests > button {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .pending-card-thumb {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests button small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .cards-pending-requests button i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-design-option {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-design-option.selected {
  border-color: var(--appearance-control);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 2px, rgb(0 0 0 / 0.080) 0px 7px 18px;
}
:where(html[data-color-scheme="dark"]) .card-design-option > i {
  border: 0px;
  box-shadow: rgb(0 0 0 / 0.150) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.125) 0px 5px 12px;
}
:where(html[data-color-scheme="dark"]) .card-design-option > i::before {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 33.00%, transparent);
  background: linear-gradient(135deg, var(--appearance-soft), var(--appearance-canvas) 54%, var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .card-design-option > i::after {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .card-design-option.black > i {
  background: radial-gradient(circle at 18% 12%, var(--appearance-soft) 0px, transparent 33%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-blue-soft) 72%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i {
  background: radial-gradient(circle at 12% 16%, var(--appearance-surface) 0px, transparent 34%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-blue-soft) 65%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i::before {
  border-color: color-mix(in srgb, var(--appearance-line) 69.00%, transparent);
  background: linear-gradient(135deg, var(--appearance-soft), var(--appearance-surface) 55%, var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .card-design-option.light > i::after {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .card-design-option.wave > i {
  background: radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--appearance-blue-soft) 40.00%, transparent) 0px, transparent 34%), linear-gradient(150deg, var(--appearance-blue-soft), rgb(24, 54, 83) 55%, rgb(16, 43, 72));
}
:where(html[data-color-scheme="dark"]) .card-design-option.wave > i::before {
  background: linear-gradient(135deg, var(--appearance-soft), var(--appearance-amber-soft) 55%, var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .physical-card-preview {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--appearance-blue-soft);
  box-shadow: rgb(0 0 0 / 0.180) 0px 18px 34px, rgb(0 0 0 / 0.140) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview::before {
  background: radial-gradient(circle, color-mix(in srgb, var(--appearance-blue-soft) 18.00%, transparent) 0px, transparent 68%);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview::after {
  background: linear-gradient(115deg, transparent 24%, color-mix(in srgb, var(--appearance-surface) 8.00%, transparent) 48%, transparent 62%);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview .brand-placeholder {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 32.00%, transparent);
  color: rgb(255, 255, 255);
  background: color-mix(in srgb, var(--appearance-surface) 9.40%, transparent);
  box-shadow: rgb(0 0 0 / 0.180) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-black {
  background: radial-gradient(circle at 12% 5%, var(--appearance-soft) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-light {
  color: var(--appearance-brand);
  background: radial-gradient(circle at 8% 8%, var(--appearance-surface) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-soft) 66%, var(--appearance-blue-soft));
  box-shadow: rgb(0 0 0 / 0.140) 0px 18px 34px, rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-light::after {
  background: linear-gradient(115deg, transparent 24%, color-mix(in srgb, var(--appearance-surface) 60.00%, transparent) 48%, transparent 62%);
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-light .brand-placeholder {
  border-color: color-mix(in srgb, var(--appearance-line) 71.00%, transparent);
  color: var(--appearance-brand);
  background: color-mix(in srgb, var(--appearance-surface) 37.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.550) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-wave {
  background: radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--appearance-blue-soft) 36.00%, transparent) 0px, transparent 32%), linear-gradient(148deg, var(--appearance-blue-soft), rgb(29, 61, 92) 55%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .physical-card-preview.design-wave::before {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 19.20%, transparent);
  background: color-mix(in srgb, var(--appearance-blue-soft) 7.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .pending-card-thumb {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 17.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.153) 0px 6px 14px;
  background: linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .pending-card-thumb.design-light {
  color: var(--appearance-brand);
  border-color: var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-canvas), var(--appearance-blue-soft) 66%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .pending-card-thumb.design-wave {
  background: linear-gradient(145deg, var(--appearance-blue-soft), rgb(29, 61, 92) 58%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .biometric-scenario-tabs button.active {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .biometric-scenario-status {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry > button {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry b {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .biometric-login-mark,
:where(html[data-color-scheme="dark"]) .biometric-offer-mark {
  border: 1px solid;
}
:where(html[data-color-scheme="dark"]) .biometric-login-mark i,
:where(html[data-color-scheme="dark"]) .biometric-offer-mark i {
  border-color: transparent currentcolor;
}
:where(html[data-color-scheme="dark"]) .biometric-login-mark i:nth-child(3),
:where(html[data-color-scheme="dark"]) .biometric-offer-mark i:nth-child(3) {
  border: 1px solid;
}
:where(html[data-color-scheme="dark"]) .biometric-login-divider {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-login-divider::before,
:where(html[data-color-scheme="dark"]) .biometric-login-divider::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry .login-password-switch {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry .login-password-switch small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-login-entry .login-password-switch strong {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .returning-login-step .login-form-heading > span > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .returning-login-step .login-form-heading > #return-to-biometric-login {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .returning-login-step #return-to-biometric-login > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-auth-source {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-auth-source > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-auth-source small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-auth-source > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .card-auth-otp-field > div > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .card-auth-otp-field > div > button:disabled {
  color: var(--muted);
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry label > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry input {
  border: 1px solid var(--appearance-line);
  outline: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-auth-security {
  background: var(--appearance-canvas);
  color: var(--muted) !important;
}
:where(html[data-color-scheme="dark"]) .card-auth-security svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .biometric-offer-hero {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .biometric-offer-mark {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .biometric-offer-hero p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-offer-benefits li {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .biometric-offer-benefits svg {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .card-auth-grid > .field > span,
:where(html[data-color-scheme="dark"]) .card-auth-expiry > legend {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .card-auth-cvv-field > div,
:where(html[data-color-scheme="dark"]) .card-auth-expiry-control {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry-control > label > span {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry-control input {
  outline: 0px;
  border: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .card-auth-expiry-control > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .card-auth-cvv-field > div:focus-within,
:where(html[data-color-scheme="dark"]) .card-auth-expiry-control:focus-within {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 2px;
}
:where(html[data-color-scheme="dark"]) .button-loading-spinner {
  border: 2px solid;
  border-inline-start-color: transparent;
}
:where(html[data-color-scheme="dark"]) .button-loading-biometric {
  border: 1px solid;
}
:where(html[data-color-scheme="dark"]) .button-loading-biometric::after {
  background: currentcolor;
  box-shadow: currentcolor 0px 0px 7px;
}
:where(html[data-color-scheme="dark"]) .recognized-user-actions {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recognized-user-actions > button {
  border: 0px;
  color: var(--appearance-ink);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .recognized-user-actions > button:focus-visible {
  outline: currentcolor solid 2px;
}
:where(html[data-color-scheme="dark"]) .mini-card.design-black,
:where(html[data-color-scheme="dark"]) .card-thumb.design-black {
  border-color: var(--appearance-control);
  background: linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .mini-card.design-light,
:where(html[data-color-scheme="dark"]) .card-thumb.design-light {
  border-color: var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-canvas), var(--appearance-blue-soft) 66%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .mini-card.design-wave,
:where(html[data-color-scheme="dark"]) .card-thumb.design-wave {
  border-color: var(--appearance-control);
  background: linear-gradient(145deg, var(--appearance-blue-soft), rgb(29, 61, 92) 58%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .mini-card:is(.design-black, .design-wave)::before,
:where(html[data-color-scheme="dark"]) .card-thumb:is(.design-black, .design-wave)::before {
  border-color: var(--appearance-line);
  background: color-mix(in srgb, var(--appearance-amber-soft) 15.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .card-thumb:is(.design-black, .design-wave) {
  color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 0.150) 0px 7px 16px;
}
:where(html[data-color-scheme="dark"]) .card-thumb.design-light {
  color: var(--appearance-brand);
  box-shadow: rgb(0 0 0 / 0.110) 0px 7px 16px;
}
:where(html[data-color-scheme="dark"]) .mini-card-stack.is-pending .pending-card:is(.design-black, .design-wave) > b {
  background: var(--appearance-blue-soft);
}
:where(html[data-color-scheme="dark"]) .mini-card-stack.is-pending .pending-card.design-light > b {
  background: var(--appearance-blue-soft);
}
:where(html[data-color-scheme="dark"]) .physical-card.design-black,
:where(html[data-color-scheme="dark"]) .physical-card.design-wave {
  border-color: color-mix(in srgb, var(--appearance-line) 16.00%, transparent);
  color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 0.190) 0px 18px 36px, rgb(0 0 0 / 0.120) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card.design-black {
  background: radial-gradient(circle at 12% 5%, var(--appearance-soft) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .physical-card.design-light {
  border-color: var(--appearance-line);
  color: var(--appearance-brand);
  background: radial-gradient(circle at 8% 8%, var(--appearance-surface) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-soft) 66%, var(--appearance-blue-soft));
  box-shadow: rgb(0 0 0 / 0.133) 0px 18px 36px, rgb(0 0 0 / 0.550) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .physical-card.design-wave {
  background: radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--appearance-blue-soft) 36.00%, transparent) 0px, transparent 32%), linear-gradient(148deg, var(--appearance-blue-soft), rgb(29, 61, 92) 55%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) > .card-top > span,
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) > #card-detail-number,
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) .card-holder strong,
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) .card-brand {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) .card-holder small {
  color: rgba(255, 255, 255, 0.66);
}
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) .card-brand > em::before,
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) .card-brand > em::after {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave) > .card-hardware > svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .physical-card:is(.design-black, .design-wave)::before {
  border-color: color-mix(in srgb, var(--appearance-line) 8.20%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 22px, rgb(0 0 0 / 0.080) 0px 0px 0px 44px;
}
:where(html[data-color-scheme="dark"]) .physical-card.design-wave::after {
  background: color-mix(in srgb, var(--appearance-blue-soft) 10.00%, transparent);
}

/* flow-v2.css */
:where(html[data-color-scheme="dark"]) .scope-card,
:where(html[data-color-scheme="dark"]) .automatic-api-note {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .password-requirements {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .password-requirements span.passed {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .password-strength header {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .password-strength header b {
  color: var(--text);
}
:where(html[data-color-scheme="dark"]) .password-strength i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .password-strength[data-score="1"] i:nth-child(-n+1) {
  background: rgb(179, 58, 58);
}
:where(html[data-color-scheme="dark"]) .password-strength[data-score="2"] i:nth-child(-n+2) {
  background: rgb(209, 138, 34);
}
:where(html[data-color-scheme="dark"]) .password-strength[data-score="3"] i:nth-child(-n+3) {
  background: rgb(138, 156, 53);
}
:where(html[data-color-scheme="dark"]) .password-strength[data-score="4"] i:nth-child(-n+4) {
  background: rgb(27, 127, 77);
}
:where(html[data-color-scheme="dark"]) .recovery-card-summary {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .recovery-card-preview {
  color: rgb(255, 255, 255);
  background: linear-gradient(145deg, var(--appearance-raised) 0px, var(--appearance-raised) 58%, var(--appearance-raised) 100%);
  box-shadow: rgb(0 0 0 / 0.133) 0px 13px 25px;
}
:where(html[data-color-scheme="dark"]) .recovery-card-preview .brand-placeholder {
  background-color: transparent !important;
}
:where(html[data-color-scheme="dark"]) .recovery-card-preview footer i {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .recovery-card-summary > p {
  border-top: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .recovery-card-summary > p small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recovery-security-note {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .recovery-security-note small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .recovery-method-options header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option {
  border: 1px solid var(--appearance-line);
  color: var(--text);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option:hover,
:where(html[data-color-scheme="dark"]) .recovery-method-option:focus-visible {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
  outline: 0px;
}
:where(html[data-color-scheme="dark"]) .recovery-method-option.is-loading,
:where(html[data-color-scheme="dark"]) .recovery-method-option.is-loading:hover {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option.is-loading > i::after {
  border-color: var(--appearance-line) var(--appearance-line) var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option b {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .recovery-method-option > i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .brand-placeholder {
  border: 0px !important;
  color: transparent !important;
  background: url("assets/logo-biz.gif") center 27% / 142% auto no-repeat var(--appearance-surface) !important;
}
:where(html[data-color-scheme="dark"]) .operation-status-mark.success {
  background: var(--appearance-canvas);
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .known-identity-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .known-identity-card > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .known-identity-card > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .identity-fetch-note {
  color: var(--appearance-ink);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .customer-operation-step .operation-issues > header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .customer-operation-step .operation-issues > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .customer-operation-step .operation-issues article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .customer-operation-step .operation-issues article > b {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .operation-progress-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .operation-progress-card > header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .operation-progress-card > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .registry-disclosure {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .registry-disclosure summary > span:first-child {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .registry-disclosure dl {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .registry-disclosure dl > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .registry-disclosure dl > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .registry-disclosure > button {
  border-color: var(--appearance-line) currentcolor currentcolor;
  color: var(--appearance-muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .personal-declarations > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .correction-preserved-note {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .correction-preserved-note small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .correction-task-card {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .correction-task-card:hover,
:where(html[data-color-scheme="dark"]) .correction-task-card:focus-visible {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.080) 0px 7px 20px;
  outline: none;
}
:where(html[data-color-scheme="dark"]) .correction-task-number {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .correction-task-content > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .correction-task-content > i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .correction-task-content > b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .correction-task-route {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .correction-task-route small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .correction-task-card.is-complete {
  border-color: var(--appearance-control);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .correction-task-card.is-complete .correction-task-number,
:where(html[data-color-scheme="dark"]) .correction-task-card.is-complete .correction-task-content > b {
  background: rgb(35, 122, 85);
}
:where(html[data-color-scheme="dark"]) .correction-task-card.is-complete .correction-task-content > b {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .correction-plan-footnote {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .correction-operator-message {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .correction-operator-message p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .correction-task-content > ul small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) [data-correction-mode] .login-heading::before {
  color: var(--appearance-amber);
}

/* business-hub.css */
:where(html[data-color-scheme="dark"]) .snapshot-info-button {
  border: 1px solid var(--appearance-line) !important;
  background: var(--appearance-surface) !important;
}
:where(html[data-color-scheme="dark"]) .snapshot-info-button:focus-visible {
  outline: var(--appearance-line) solid 2px;
}
:where(html[data-color-scheme="dark"]) .business-snapshot-info-sheet > .snapshot-info-lead {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .snapshot-info-points article {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .snapshot-info-points article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .snapshot-info-points small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .snapshot-info-position {
  border-right: 3px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .snapshot-info-position p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .business-snapshot-info-sheet > .snapshot-info-disclaimer {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-home-info-sheet > .scf-role-intro {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-home-info-sheet .scf-role-map article {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-home-info-sheet .scf-role-map article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-home-info-sheet .scf-role-map article small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-role-finance {
  border-right: 3px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-role-finance p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-role-steps {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-role-steps li {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-role-steps li:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .scf-role-steps li > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-role-steps small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-home-info-sheet > .scf-role-note {
  border: 1px dashed var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .smart-fixed-source {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .smart-fixed-source > i {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .smart-source-note {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .smart-source-note svg {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .snapshot-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .snapshot-net > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .snapshot-net > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .snapshot-bars b,
:where(html[data-color-scheme="dark"]) .snapshot-bars em {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .snapshot-bars span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .snapshot-bars span::after {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .snapshot-bars i:nth-child(2) span::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .snapshot-card > footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .snapshot-card > footer button {
  border-color: currentcolor currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .snapshot-card > footer button:last-child {
  border-left: 0px;
}
:where(html[data-color-scheme="dark"]) .snapshot-card > footer small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid > button:first-child {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid > button > span {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid > button:first-child small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid i {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .finance-tool-grid i.good {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-home-card {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-home-mark {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-home-copy small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-home-copy i {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-home-action {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .connector-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .connector-icon {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .connector-card header i {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .connector-card.alert header i,
:where(html[data-color-scheme="dark"]) .connector-card.disconnected header i {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .connector-card > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .connector-consent {
  color: var(--muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .connector-consent svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero,
:where(html[data-color-scheme="dark"]) .cashflow-forecast,
:where(html[data-color-scheme="dark"]) .scf-eligibility-hero,
:where(html[data-color-scheme="dark"]) .scf-quote-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-raised);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero > div span {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero > div small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero footer span {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .service-summary-hero footer b {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .business-primary-action {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .business-primary-action > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .business-primary-action small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .receive-identity-card {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .receive-identity-card > small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .receive-identity-card > button {
  border: 0px;
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .receive-method-grid > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .receive-method-grid > button > span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .receive-method-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .service-list-section > header button,
:where(html[data-color-scheme="dark"]) .service-list-section > header small {
  border: 0px;
  color: var(--muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .business-row-list {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .business-row-list > button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .business-row-list > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .row-symbol {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .row-symbol.approved {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .row-symbol.waiting {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .business-row-list small,
:where(html[data-color-scheme="dark"]) .business-row-list i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .expense-status-grid article {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .expense-status-grid article.attention {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .expense-status-grid span,
:where(html[data-color-scheme="dark"]) .expense-status-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .cashflow-forecast header span,
:where(html[data-color-scheme="dark"]) .cashflow-forecast header small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .cashflow-forecast header small {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .cashflow-chart {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .cashflow-chart i {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .cashflow-forecast footer {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .cashflow-detail-summary {
  border: 1px solid var(--appearance-control);
  background: linear-gradient(145deg, var(--appearance-canvas), var(--appearance-surface) 70%);
}
:where(html[data-color-scheme="dark"]) .cashflow-detail-summary > span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .cashflow-detail-summary strong {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .cashflow-detail-summary small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .cashflow-detail-summary p {
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation > header {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation > header p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation > header > span {
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation-note {
  border-top: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .cashflow-calculation-note svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .connection-chip {
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .energy-hero {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .energy-mark {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .energy-hero small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .energy-hero p {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .energy-hero p b {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .energy-meter {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .energy-meter header small,
:where(html[data-color-scheme="dark"]) .energy-meter p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .energy-meter header small {
  background: color-mix(in srgb, var(--appearance-soft) 9.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .energy-meter > .energy-chart {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .energy-meter .energy-area-chart {
  stroke: none;
}
:where(html[data-color-scheme="dark"]) .energy-meter .energy-chart-area {
  fill: url("#energy-area-fill");
  stroke: none;
}
:where(html[data-color-scheme="dark"]) .energy-chart-line {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .energy-chart-point {
  fill: currentcolor;
  stroke: var(--modern-surface, #fff);
}
:where(html[data-color-scheme="dark"]) .energy-auto-pay {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .energy-auto-pay small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .energy-auto-pay input {
  accent-color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-eligibility-hero > span,
:where(html[data-color-scheme="dark"]) .scf-eligibility-hero > small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-explainer {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-explainer > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-explainer p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-explainer .scf-role-map div {
  border-right: 2px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-explainer .scf-role-map dd {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-explainer > div > small {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-invoice {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-invoice.selected {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .scf-invoice > i {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-invoice small,
:where(html[data-color-scheme="dark"]) .scf-invoice em {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-invoice > b {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-legal-note,
:where(html[data-color-scheme="dark"]) .scf-confirmation {
  border: 1px solid var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-legal-note svg {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card header span {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card header small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-money-flow {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-money-flow small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-money-flow > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-money-flow .result {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-money-flow .result small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card dl div,
:where(html[data-color-scheme="dark"]) .scf-funded-details div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-quote-card dl div:last-child,
:where(html[data-color-scheme="dark"]) .scf-funded-details div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .scf-quote-card dt,
:where(html[data-color-scheme="dark"]) .scf-funded-details dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-confirmation {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-confirmation input {
  accent-color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-confirmation small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-error {
  color: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) .scf-status-card {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-status-card > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-status-card small,
:where(html[data-color-scheme="dark"]) .scf-status-card p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.funded {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.funded > span {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.funded small,
:where(html[data-color-scheme="dark"]) .scf-status-card.funded p {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.needs-info,
:where(html[data-color-scheme="dark"]) .scf-status-card.declined {
  border-color: var(--appearance-control);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.needs-info > span,
:where(html[data-color-scheme="dark"]) .scf-status-card.declined > span {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.approved {
  border-color: var(--appearance-control);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.approved > span {
  background: rgb(23, 99, 63);
}
:where(html[data-color-scheme="dark"]) .scf-status-card.settled {
  box-shadow: rgb(0 0 0 / 0.180) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .scf-requested-evidence {
  border: 1px solid var(--appearance-control);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-requested-evidence p,
:where(html[data-color-scheme="dark"]) .scf-requested-evidence small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-requested-evidence small {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-timeline li:not(:last-child)::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-timeline li > i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-timeline li.done > i,
:where(html[data-color-scheme="dark"]) .scf-timeline li.active > i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scf-timeline li.active > i::after {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-timeline small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-funded-details {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-requirements {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-requirements header {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-requirements header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-requirements li {
  border-bottom: 1px solid var(--appearance-line);
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .scf-requirements li:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .scf-requirements li i {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .scf-requirements li.done {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .scf-requirements li.done i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .focused-header > button.focused-header-help {
  border: 0px;
  background: transparent;
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .focused-header > button.focused-header-help:focus-visible {
  outline: var(--appearance-line) solid 2px;
}
:where(html[data-color-scheme="dark"]) .invoice-definition-note,
:where(html[data-color-scheme="dark"]) .invoice-plain-note {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-definition-note > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-definition-note p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-definition-note button {
  border-color: currentcolor currentcolor var(--appearance-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .invoice-explainer {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer > header > span {
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer header small,
:where(html[data-color-scheme="dark"]) .invoice-comparison span,
:where(html[data-color-scheme="dark"]) .invoice-decision article > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer li,
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer li:last-child,
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .invoice-explainer li > i,
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li > i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-explainer li small,
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-comparison article {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-comparison article.emphasis,
:where(html[data-color-scheme="dark"]) .invoice-decision article.emphasis {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-comparison p,
:where(html[data-color-scheme="dark"]) .invoice-decision article > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-comparison .emphasis span,
:where(html[data-color-scheme="dark"]) .invoice-comparison .emphasis p,
:where(html[data-color-scheme="dark"]) .invoice-decision article.emphasis > span,
:where(html[data-color-scheme="dark"]) .invoice-decision article.emphasis > p {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .invoice-plain-note {
  border: 0px;
  color: var(--muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-progress small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-progress > i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .invoice-progress > i > b {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-field > div {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-field input {
  border: 0px;
  outline: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .invoice-field > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-party-card,
:where(html[data-color-scheme="dark"]) .invoice-total-card,
:where(html[data-color-scheme="dark"]) .invoice-collection-card {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-party-card span,
:where(html[data-color-scheme="dark"]) .invoice-total-card span,
:where(html[data-color-scheme="dark"]) .invoice-collection-card small,
:where(html[data-color-scheme="dark"]) .invoice-party-card small,
:where(html[data-color-scheme="dark"]) .invoice-total-card small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-document,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-document > header,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-document header small,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt header span {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .invoice-document header b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-document dl > div,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt dl > div {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-document dl > div:last-child,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt dl > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .invoice-document dt,
:where(html[data-color-scheme="dark"]) .invoice-payment-receipt dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-document > footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-review-confirm > span {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-review-confirm b {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-review-confirm input:checked + span {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-review-confirm input:checked + span b {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-review-confirm small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-state-hero > span {
  border: 1px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-state-hero small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-link-card {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-link-card small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-link-card button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-status-timeline {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li.done > i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .invoice-status-timeline li.active > i {
  border: 6px solid var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 2px inset;
}
:where(html[data-color-scheme="dark"]) .invoice-decision {
  border: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-decision > header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .invoice-decision header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .invoice-decision article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-decision article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .invoice-decision article > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .invoice-decision article.emphasis > button {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .invoice-collection-card {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .receive-choice-note {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .receive-choice-note span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .receive-method-guide {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .receive-method-guide article,
:where(html[data-color-scheme="dark"]) .receive-facts article {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .receive-method-guide article:last-child,
:where(html[data-color-scheme="dark"]) .receive-facts article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .receive-method-guide i,
:where(html[data-color-scheme="dark"]) .receive-facts article > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .receive-method-guide small,
:where(html[data-color-scheme="dark"]) .receive-facts small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .receive-iban-card {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .receive-iban-card > small {
  color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .receive-iban-card button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .receive-iban-card button:last-child {
  color: rgb(255, 255, 255);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .receive-facts {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .receive-use-case {
  border: 1px dashed var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .receive-use-case > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .receive-use-case > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .pos-type-options > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .pos-type-options > button.selected {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .pos-type-options button > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .pos-type-options small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .pos-type-options i {
  border: 1px solid var(--appearance-line);
  color: transparent;
}
:where(html[data-color-scheme="dark"]) .pos-type-options button.selected i {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .hub-scenario-buttons button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .hub-scenario-buttons button.active {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .home-variant-control {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .home-variant-tabs {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .home-variant-tabs button {
  border: 0px !important;
}
:where(html[data-color-scheme="dark"]) .home-variant-tabs button.active {
  color: rgb(255, 255, 255);
  background: rgb(0, 86, 245);
}
:where(html[data-color-scheme="dark"]) .home-variant-control > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next {
  --nav-glass-surface: var(--appearance-canvas);
  border: 1px solid color-mix(in srgb, var(--appearance-line) 76.00%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--appearance-surface) 48.00%, transparent), color-mix(in srgb, var(--appearance-surface) 5.00%, transparent) 46%, color-mix(in srgb, var(--appearance-blue-soft) 14.00%, transparent)), var(--nav-glass-surface);
  box-shadow: rgb(0 0 0 / 0.550) 0px 1px 0px inset, rgb(0 0 0 / 0.380) 0px -1px 0px inset, rgb(0 0 0 / 0.120) 0px 14px 36px, rgb(0 0 0 / 0.080) 0px 2px 8px, rgb(0 0 0 / 0.080) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next .bottom-nav-selection {
  border: 0px;
  background: var(--appearance-canvas);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next button {
  color: var(--appearance-muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next button.active {
  color: var(--appearance-brand);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next .bottom-nav-icon {
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next button.active .bottom-nav-icon {
  color: var(--appearance-brand);
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next button:focus-visible {
  outline-color: var(--appearance-control);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
:where(html[data-color-scheme="dark"]) .bottom-nav-next {
  --nav-glass-surface: color-mix(in srgb, var(--appearance-canvas) 24.00%, transparent);
}
}
@media (prefers-reduced-transparency: reduce) {
:where(html[data-color-scheme="dark"]) .bottom-nav-next {
  --nav-glass-surface: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .bottom-nav-next .bottom-nav-selection {
  background: var(--appearance-canvas);
}
}
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut {
  color: var(--appearance-brand);
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut::after {
  border: 2px solid var(--appearance-line);
  background: rgb(14, 132, 255);
}
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut.is-frozen::after {
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut.is-empty::after,
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut.is-pending::after {
  color: rgb(255, 255, 255);
  background: rgb(0, 86, 245);
}
:where(html[data-color-scheme="dark"]) .header-actions .next-header-card-shortcut.is-pending::after {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .home-variant-next,
:where(html[data-color-scheme="dark"]) .home-layout-next,
:where(html[data-color-scheme="dark"]) .next-top-level-screen {
  --next-app-background: var(--appearance-canvas);
  --next-accent: var(--appearance-brand);
  --next-brand: var(--appearance-brand);
  --next-brand-bright: var(--appearance-brand);
  --next-accent-soft: var(--appearance-canvas);
  --next-surface: var(--appearance-canvas);
  --next-line: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .app-shell.home-variant-next,
:where(html[data-color-scheme="dark"]) .home-variant-next .app-header,
:where(html[data-color-scheme="dark"]) .home-variant-next .screen-stack,
:where(html[data-color-scheme="dark"]) .home-variant-next .app-screen {
  background: var(--next-app-background);
}
:where(html[data-color-scheme="dark"]) .home-variant-next .app-header {
  border-bottom-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .next-home-account {
  border: 1px solid var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .next-home-account > header small,
:where(html[data-color-scheme="dark"]) .next-home-section-header > div > span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-account > header button,
:where(html[data-color-scheme="dark"]) .next-home-section-header > button {
  border: 0px;
  background: transparent;
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-balance > span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-balance > div strong {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .next-home-balance > div small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-balance > p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-account-actions {
  border-top: 1px solid var(--next-line);
}
:where(html[data-color-scheme="dark"]) .next-home-account-actions button {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .next-home-account-actions button > span {
  border: 1px solid var(--appearance-line);
  color: var(--next-accent);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-title-row .next-home-info-button {
  color: var(--next-accent);
  border-color: var(--appearance-control) !important;
  background: var(--appearance-surface) !important;
}
:where(html[data-color-scheme="dark"]) .next-home-section-header > b {
  color: var(--next-accent);
  background: var(--next-accent-soft);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list > button {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .next-home-task-list > button.urgent .next-home-line-icon {
  color: var(--appearance-red);
  border-color: var(--appearance-control);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list > button.waiting .next-home-line-icon {
  color: var(--appearance-amber);
  border-color: var(--appearance-control);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .next-home-line-icon {
  border: 1px solid var(--appearance-line);
  color: var(--next-accent);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list small,
:where(html[data-color-scheme="dark"]) .next-home-task-list i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-task-list em {
  border: 1px solid var(--next-accent);
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-feature-list > button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-brand);
  background: linear-gradient(145deg, var(--appearance-surface), var(--appearance-canvas));
}
:where(html[data-color-scheme="dark"]) .next-home-feature-icon {
  border: 1px solid var(--appearance-control);
  color: var(--next-accent);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-feature-list small,
:where(html[data-color-scheme="dark"]) .next-home-feature-list i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-feature-list b {
  border-bottom: 1px solid var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-scf-card {
  border: 1px solid var(--appearance-control);
  color: var(--appearance-brand);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.080) 0px 10px 28px;
}
:where(html[data-color-scheme="dark"]) .next-home-scf-card > header > span {
  border: 1px solid var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-scf-card > div small {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .next-home-scf-card > div span {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .next-home-scf-card > footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-main small,
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-main i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-main strong {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-main > b {
  color: var(--next-accent);
  background: var(--next-accent-soft);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-metrics {
  border-top: 1px solid var(--next-line);
  border-bottom: 1px solid var(--next-line);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-metrics > span {
  border-left: 1px solid var(--next-line);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-metrics > span:last-child {
  border-left: 0px;
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-metrics small,
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-metrics i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-action > span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-summary-action > b {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span:not(:last-child)::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span > i {
  border: 2px solid var(--appearance-line);
  background: var(--appearance-soft);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span.in > i {
  background: var(--appearance-primary);
  box-shadow: 0 0 0 1px var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span.out > i {
  background: var(--appearance-amber-soft);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 1px;
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span.estimated > i {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span > b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span.in > b {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-breakdown > span.out > b {
  color: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-equation {
  border: 1px solid var(--next-line);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-equation b {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-equation small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-low {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-amber);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .next-home-cashflow-low small {
  color: var(--appearance-amber);
}
:where(html[data-color-scheme="dark"]) .next-home-tool-grid > button {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-tool-grid button > span {
  border: 1px solid var(--appearance-line);
  color: var(--next-accent);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-tool-grid small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-activity {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list {
  border-top: 1px solid var(--appearance-line);
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list > button {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--next-line);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list > button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list button > span:first-child {
  color: var(--next-accent);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-activity-list > button > svg {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-promo {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-promo::after {
  border: 24px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .next-home-promo-dismiss {
  border: 0px;
  color: var(--appearance-muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-promo-mark {
  border: 1px solid var(--appearance-control);
  color: var(--next-accent);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-home-promo > div small {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-home-promo p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-home-promo-action {
  border: 0px;
  color: var(--next-accent);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .next-page-intro > span {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-page-intro p,
:where(html[data-color-scheme="dark"]) .next-destination-section > header p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-business-summary {
  border: 1px solid var(--appearance-line);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-business-summary article {
  border-left: 1px solid var(--next-line);
}
:where(html[data-color-scheme="dark"]) .next-business-summary article:last-child {
  border-left: 0px;
}
:where(html[data-color-scheme="dark"]) .next-business-summary small,
:where(html[data-color-scheme="dark"]) .next-business-summary span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-business-summary strong {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-business-destination-grid > button {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-business-destination-grid button > span,
:where(html[data-color-scheme="dark"]) .next-more-group button > span:first-child {
  border: 1px solid var(--appearance-line);
  color: var(--next-accent);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-business-destination-grid small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-business-scf-entry {
  border: 1px solid var(--appearance-control);
  color: var(--appearance-brand);
  background: var(--next-accent-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-primary {
  border: 1px solid var(--biz-card-line, var(--modern-border));
  color: var(--biz-ink, var(--ink));
  background: var(--biz-surface, var(--modern-surface));
  box-shadow: var(--biz-shadow-card, var(--modern-shadow));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-heading h2 {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-heading p {
  color: var(--biz-muted, var(--modern-muted));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-mark {
  border: 0px;
  color: var(--biz-icon, var(--modern-secondary));
  background: var(--biz-surface-soft, var(--modern-surface-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-description {
  color: var(--biz-muted, var(--modern-muted));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-start {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--biz-brand, var(--modern-primary));
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-payments .next-payment-start:hover {
  background: color-mix(in srgb, var(--biz-brand, var(--modern-primary)), var(--appearance-raised) 8%);
}
:where(html[data-color-scheme="dark"]) .next-payment-upcoming {
  border: 1px dashed var(--appearance-line);
  background: var(--next-surface);
}
:where(html[data-color-scheme="dark"]) .next-payment-upcoming span,
:where(html[data-color-scheme="dark"]) .next-payment-upcoming small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-payment-upcoming button {
  border: 1px solid var(--next-accent);
  color: var(--next-accent);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-business-scf-entry > span:first-child {
  border: 1px solid var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-business-scf-entry small,
:where(html[data-color-scheme="dark"]) .next-business-scf-entry i {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .next-connected-links,
:where(html[data-color-scheme="dark"]) .next-more-group > div {
  border: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-connected-links > button,
:where(html[data-color-scheme="dark"]) .next-more-group button {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--next-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .next-connected-links > button:last-child,
:where(html[data-color-scheme="dark"]) .next-more-group button:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .next-connected-links > button > svg {
  color: var(--next-accent);
}
:where(html[data-color-scheme="dark"]) .next-connected-links small,
:where(html[data-color-scheme="dark"]) .next-more-group small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .next-connected-links em {
  color: var(--next-accent);
  background: var(--next-accent-soft);
}
:where(html[data-color-scheme="dark"]) .next-more-group button > svg {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-summary {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-case-summary article {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-case-summary article.action {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .scf-case-summary span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-summary article.action span {
  color: var(--appearance-amber);
}
:where(html[data-color-scheme="dark"]) .scf-case-filters button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-case-filters button span {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-case-filters button.active {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-control);
  background: rgb(43, 84, 132);
}
:where(html[data-color-scheme="dark"]) .scf-case-filters button.active span {
  color: var(--appearance-brand);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-case-row {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scf-case-row > header {
  border-bottom: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scf-case-row > header span {
  color: var(--appearance-brand);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-case-row.needs-info > header span,
:where(html[data-color-scheme="dark"]) .scf-case-row.ready > header span {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .scf-case-row.settled > header span {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .scf-case-row > header small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-row-main small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-row-main i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-row-main > b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .scf-case-row > footer {
  border-top: 1px solid var(--appearance-line);
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .scf-case-empty {
  border: 1px dashed var(--appearance-line);
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .scf-case-empty strong {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card {
  border: 0px;
  color: rgb(255, 255, 255);
  background: rgb(43, 84, 132);
  box-shadow: rgb(0 0 0 / 0.160) 0px 14px 30px;
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card > .card-top > i {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 28.00%, transparent);
  color: rgb(255, 255, 255);
  background: color-mix(in srgb, var(--appearance-surface) 10.00%, transparent);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card.frozen > .card-top > i {
  color: rgb(255, 255, 255);
  background: color-mix(in srgb, var(--appearance-surface) 10.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .chip {
  border-color: color-mix(in srgb, var(--appearance-line) 70.00%, transparent);
  background: var(--appearance-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .chip::before {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .chip::after {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card > .card-hardware > svg {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card > #card-detail-number {
  color: rgb(255, 255, 255);
  text-shadow: none;
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .card-holder small {
  color: rgba(255, 255, 255, 0.7);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .card-holder strong,
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .card-brand {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .card-brand > em::before,
:where(html[data-color-scheme="dark"]) .home-variant-next #screen-card-detail .physical-card .card-brand > em::after {
  background: rgb(14, 132, 255);
}
:where(html[data-color-scheme="dark"]) body.demo-mode,
:where(html[data-color-scheme="dark"]) body.demo-mode .prototype-stage {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .demo-mode-setting {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .demo-mode-setting.is-active {
  border-color: var(--appearance-control);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .demo-mode-setting-icon {
  color: var(--appearance-brand);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .demo-mode-setting-copy small {
  color: var(--muted);
}
@media (max-width: 1199px) {
:where(html[data-color-scheme="dark"]) body.demo-mode .demo-control-launcher {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 28.00%, transparent);
  color: rgb(255, 255, 255);
  background: rgb(37, 88, 143);
  box-shadow: rgb(0 0 0 / 0.280) 0px 10px 30px;
}
:where(html[data-color-scheme="dark"]) body.demo-mode .demo-control-launcher:hover {
  background: rgb(31, 76, 125);
}
:where(html[data-color-scheme="dark"]) body.demo-mode .demo-control-launcher:focus-visible {
  outline: color-mix(in srgb, var(--appearance-line) 90.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) body.demo-mode .scenario-control.mobile-visible {
  border: 0px;
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) body.demo-mode .scenario-control.mobile-visible .scenario-mobile-header {
  border-bottom: 1px solid var(--appearance-line);
  background: color-mix(in srgb, var(--appearance-canvas) 96.00%, transparent);
}
:where(html[data-color-scheme="dark"]) body.demo-mode .scenario-control.mobile-visible .scenario-mobile-header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) body.demo-mode .scenario-control.mobile-visible .scenario-mobile-header > button {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
}
:where(html[data-color-scheme="dark"]) .energy-meter .energy-area-chart:is(:focus, :focus-visible) {
  outline: none;
}
:where(html[data-color-scheme="dark"]) .energy-chart-cursor {
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .energy-chart-active-point {
  fill: currentcolor;
  stroke: var(--modern-surface, #fff);
}
:where(html[data-color-scheme="dark"]) .energy-chart-tooltip {
  background: var(--modern-surface, var(--appearance-surface));
  color: inherit;
  box-shadow: rgb(0 0 0 / 0.080) 0px 2px 12px;
}

/* readability.css */


/* guided-tour.css */
:where(html[data-color-scheme="dark"]) .guided-tour-control {
  border: 1px solid var(--appearance-line);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-mark {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control > header small,
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-shortcut {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
  background: color-mix(in srgb, var(--appearance-surface) 72.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .guided-tour-shortcut kbd {
  border-color: var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 1px 0px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-shortcut.is-active {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-shortcut.is-active kbd {
  color: var(--appearance-ink);
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-trigger {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-trigger:hover,
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-trigger[aria-expanded="true"] {
  border-color: var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 2px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-trigger small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-trigger > b {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-trigger > i {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-menu {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.100) 0px 12px 25px;
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-option {
  border: 1px solid transparent;
  color: var(--appearance-ink);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-option:hover,
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-option:focus-visible {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
  outline: 0px;
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-picker-option[aria-selected="true"] {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option > em {
  border: 1px solid var(--appearance-line);
  color: transparent;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option[aria-selected="true"] > em {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option > b {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option.is-complete > b {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option-progress {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option-progress > i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-picker-option.is-complete .guided-tour-picker-option-progress > i {
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow {
  border: 1px solid var(--appearance-line);
  background: color-mix(in srgb, var(--appearance-surface) 78.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow.is-selected {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 2px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow.is-complete {
  border-color: var(--appearance-control);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .scenario-control .guided-tour-control-flow > button {
  border-color: var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-progress {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-progress > i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow.is-paused .guided-tour-control-progress > i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control-flow.is-complete .guided-tour-control-progress > i {
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control > p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control > p i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-running {
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-running > p,
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-paused > p,
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-complete > p {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-running > p i {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-complete > p i {
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-control.is-paused > p i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress {
  border: 1px solid var(--appearance-line);
  background: color-mix(in srgb, var(--appearance-surface) 97.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.120) 0px 18px 48px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-header {
  border-bottom: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-icon {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-header small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-header button,
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip header button {
  border: 0px;
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-goal {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .guided-tour-goal small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-goal p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-heading span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li::before {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li:not(:last-child)::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-current {
  color: var(--appearance-ink);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-current::before {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-line);
  background: var(--appearance-raised);
  box-shadow: rgb(0 0 0 / 0.090) 0px 0px 0px 4px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-done {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-done::before {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-control);
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-done::after {
  background: var(--appearance-green-soft);
}
:where(html[data-color-scheme="dark"]) .guided-tour-success {
  border: 1px solid var(--appearance-control);
  color: var(--appearance-green);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .guided-tour-success > span {
  color: rgb(255, 255, 255);
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-success p {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress.is-complete .guided-tour-progress-icon {
  background: rgb(39, 138, 89);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-footer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-footer button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-footer small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip {
  border: 0px;
  color: var(--appearance-ink);
  background: color-mix(in srgb, var(--appearance-surface) 98.40%, transparent);
  box-shadow: rgb(0 0 0 / 0.200) 0px 18px 42px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip::before {
  border: 0px;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip.is-above::before {
  box-shadow: rgb(0 0 0 / 0.080) 3px 3px 7px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip.is-below::before {
  box-shadow: rgb(0 0 0 / 0.080) -3px -3px 7px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > header > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > header small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > p {
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > footer {
  border-top: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > footer i {
  border: 2px solid var(--appearance-line);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .guided-tour-tooltip > footer > button {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .guided-tour-target {
  outline: var(--appearance-line) solid 3px !important;
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 9px, rgb(0 0 0 / 0.120) 0px 9px 24px !important;
}

/* modern-theme.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme {
  --ink: var(--appearance-brand);
  --muted: var(--appearance-muted);
  --line: var(--appearance-line);
  --soft: var(--appearance-canvas);
  --paper: var(--appearance-surface);
  --modern-primary: var(--appearance-brand);
  --modern-primary-bright: var(--appearance-brand);
  --modern-secondary: var(--appearance-brand);
  --modern-canvas: var(--appearance-canvas);
  --modern-surface: var(--appearance-surface);
  --modern-surface-soft: var(--appearance-canvas);
  --modern-border: var(--appearance-line);
  --modern-border-strong: var(--appearance-line);
  --modern-shadow: 0 8px 24px rgb(0 0 0 / 0.080);
  --modern-shadow-raised: 0 14px 32px rgb(0 0 0 / 0.100);
  color: var(--ink);
  background: var(--modern-canvas);
  color-scheme: dark;
  accent-color: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(button, input, select, textarea):focus-visible {
  outline: color-mix(in srgb, var(--appearance-control) 22.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.login-screen, .app-shell, .screen-stack, .app-screen) {
  background: var(--modern-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-header {
  border-bottom: 1px solid transparent;
  background: color-mix(in srgb, var(--appearance-canvas) 90.00%, transparent);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-header.has-scrolled-content {
  border-bottom-color: var(--modern-border);
  box-shadow: rgb(0 0 0 / 0.550) 0px 1px 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .profile > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .profile small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .header-actions button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) h1 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.page-intro, .next-page-intro) > p:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-page-intro > span:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .page-heading > div > p:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-title > p:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-heading > span:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .welcome-copy > p:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .success-login-step > p:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .bottom-sheet > header small {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .focused-header > button:first-child {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .focused-header > button:last-child:not(:first-child),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .focused-header-help {
  color: var(--modern-secondary);
  box-shadow: none;
  border: 1px solid var(--modern-border) !important;
  background: var(--modern-surface) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.section-header, .next-home-section-header, .service-list-section > header) button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.recipient-heading, .smart-route > header) button {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-account, .next-home-activity, .next-home-task-list, .next-home-scf-card, .next-home-cashflow-summary, .next-home-tool-grid > button, .next-payment-primary, .next-payment-upcoming, .next-business-summary, .next-business-destination-grid > button, .next-business-scf-entry, .next-connected-links, .next-more-group > div, .total-summary, .account-detail-hero, .wide-account-switch, .statement-summary, .selected-recipient, .smart-route, .transfer-details-switch, .security-banner, .first-transfer-guide, .health-service-grid > button, .health-recommendation, .health-my-care, .cashflow-detail-summary, .cashflow-calculation, .energy-hero, .energy-meter, .energy-auto-pay, .expense-status-grid > article, .receive-identity-card, .receive-choice-note, .receive-iban-card, .receive-use-case, .invoice-state-hero, .invoice-party-card, .invoice-document, .invoice-total-card, .invoice-link-card, .invoice-payment-receipt, .scf-status-card, .scf-quote-card, .scf-eligibility-hero, .scf-funded-details, .cards-empty-state, .cards-pending-requests) {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-account, .next-home-activity, .next-home-task-list, .next-home-scf-card, .next-home-cashflow-summary) {
  border-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-account {
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list {
  border: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-features {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list > button {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-icon {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list strong {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list b {
  border-top: 1px solid var(--modern-border);
  border-bottom: 0px;
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-feature-list > button:active {
  border-color: var(--modern-border-strong);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-balance > div strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.total-summary, .statement-summary, .cashflow-detail-summary) strong {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-account-actions {
  border-top-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-account-actions, .quick-actions, .detail-quick-actions) button > span {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-account-actions, .quick-actions, .detail-quick-actions) button:first-child > span {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-activity-list,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-activity-list > button {
  border-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-activity-list, .next-home-task-list, .next-connected-links, .next-more-group > div) > button {
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-home-activity-list, .next-home-task-list) button > span:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.next-business-destination-grid, .next-home-tool-grid) button > span:first-child {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.row-list, .management-list, .cards-list, .detail-list, .recipient-list, .business-row-list, .account-activity-list, .identifiers-list, .route-options, .destination-sheet-details) {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.row-list, .management-list, .cards-list, .recipient-list, .business-row-list, .account-activity-list) > :is(button, article),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .detail-list > div,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .route-options > button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-sheet-details > div {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.row-list, .management-list, .cards-list, .recipient-list, .business-row-list, .account-activity-list) > :is(button, article):last-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .detail-list > div:last-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .route-options > button:last-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-sheet-details > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.account-icon, .round-symbol, .avatar, .management-icon, .row-symbol, .service-mark, .connector-icon) {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.management-list, .card-list-row, .recipient-row, .event-row, .business-row-list) > button > svg,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.management-list, .card-list-row, .recipient-row, .event-row, .business-row-list) > svg {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero > div:first-child > span {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero h1 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero > div:last-child {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-detail-hero i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .connection-chip {
  border-color: var(--appearance-line);
  color: var(--appearance-green);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .detail-quick-actions button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .control-grid button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-number-actions button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 15px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .detail-quick-actions button > span {
  color: currentcolor;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .management-section h2,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-danger-zone h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .management-section header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .management-list {
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .management-list .management-icon {
  border: 0px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-danger-zone > button {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.detail-quick-actions button:first-child, .control-grid button.active, .card-number-actions button:first-child) {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card {
  border: 1px solid var(--modern-border-strong);
  color: var(--ink);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.100) 0px 14px 32px, rgb(0 0 0 / 0.550) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card::before {
  border-color: color-mix(in srgb, var(--appearance-control) 7.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 20px, rgb(0 0 0 / 0.080) 0px 0px 0px 40px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card::after {
  background: rgba(14, 132, 255, 0.043);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card > .card-top > span {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card > .card-top > i {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-green);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.frozen > .card-top > i {
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .chip {
  border-color: var(--appearance-line);
  background: linear-gradient(135deg, var(--appearance-canvas), var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .chip::before {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .chip::after {
  border-color: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card > .card-hardware > svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card > #card-detail-number {
  color: var(--appearance-brand);
  text-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .card-holder small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .card-holder strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .card-brand {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .card-brand > em::before,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card .card-brand > em::after {
  background: var(--modern-primary-bright);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .detail-list {
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .detail-list dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .detail-list dd {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .control-grid button > span {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .control-grid button.active > span {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .danger-row {
  border-color: var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-danger-zone > button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .danger-row {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state {
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state > span {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state button {
  border: 1px solid var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.160) 0px 9px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-empty-state button:active {
  box-shadow: rgb(0 0 0 / 0.140) 0px 4px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests > header {
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests header p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests header > b {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests > button {
  border: 0px;
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests > button:active {
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .pending-card-thumb {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .pending-card-thumb::before {
  border: 1px solid;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests button small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests button strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests button i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cards-pending-requests button > svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-list {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-item,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-main {
  border-color: var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-icon {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-item.urgent .attention-icon {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-action,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .attention-all-button {
  color: var(--modern-secondary);
  border-bottom-color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .page-heading > button {
  border-color: var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .primary-button {
  border: 1px solid var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.160) 0px 9px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .primary-button:active {
  box-shadow: rgb(0 0 0 / 0.140) 0px 4px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .secondary-button {
  border: 1px solid var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.primary-button, .secondary-button):disabled {
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.account-manage-link, .recipient-heading button, .section-header button, .service-list-section > header button, .next-home-section-header > button) {
  border-bottom-color: var(--modern-secondary);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .address-confirm-action,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .profile-form > .address-confirm-action,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .postal-search-field > div > button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .alternate-address-query > button {
  border-color: var(--modern-primary) !important;
  color: rgb(255, 255, 255) !important;
  background: var(--modern-primary) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(input, select, textarea) {
  color: var(--ink);
  caret-color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(input, textarea)::placeholder {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap, .device-pin-fields input) {
  border: 1px solid var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 3px 10px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap):focus-within {
  border-color: var(--modern-primary);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .field > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-field > span {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .field > small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-field > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .search-field > svg,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .field > div > svg:first-child {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-amount-card {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-amount-card .amount-entry {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-amount-card .source-switch {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-amount-card .source-switch::before {
  background: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .amount-entry input {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .amount-suggestions button {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .amount-suggestions button.active {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) {
  border: 1px solid var(--modern-border);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) button {
  color: var(--muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) button.active {
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 3px 10px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.pos-type-options > button, .card-address-option, .delivery-option, .deposit-option, .biometric-card, .recovery-method-option, .card-design-option) {
  border-color: var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.pos-type-options > button.selected, .card-address-option.selected, .delivery-option.selected, .deposit-option.selected, .biometric-card.selected, .recovery-method-option.selected, .recovery-method-option.is-selected, .card-design-option.selected) {
  border-color: var(--modern-primary);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 2px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.pos-type-options > button.selected, .card-address-option.selected, .delivery-option.selected, .deposit-option.selected, .biometric-card.selected, .recovery-method-option.selected, .recovery-method-option.is-selected) > :is(i, b, span:first-child),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .route-options > button.selected > span:first-child {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .route-options > button.selected {
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
  box-shadow: inset 3px 0 0 var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.energy-auto-pay, .scf-confirmation, .save-recipient-toggle) input,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme input[type="checkbox"],
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme input[type="radio"] {
  accent-color: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-review-confirm > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-confirmation > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .consent-row > span {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-review-confirm input:checked + span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .consent-row input:checked + span {
  border-color: var(--modern-primary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-review-confirm input:checked + span b,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .consent-row input:checked + span b {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .statement-summary {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .statement-summary > p {
  border-top: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-header button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .stepper i {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .stepper i.active {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .selected-recipient {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .selected-recipient > span:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-person > span {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-route-main > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-route-main i {
  border-color: var(--modern-primary);
  color: var(--appearance-brand);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-source-note,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-route > p,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .security-banner {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .security-banner svg,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-source-note svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .success-mark {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.180) 0px 10px 24px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-primary-action {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-primary-action > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-primary-action strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-primary-action small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-primary-action:active {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface-soft);
  box-shadow: rgb(0 0 0 / 0.080) 0px 2px 8px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-progress, .invoice-comparison, .invoice-status-timeline, .scf-timeline) {
  border-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-progress, .invoice-status-timeline, .scf-timeline) li.done > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.operation-timeline, .card-delivery-timeline) li.done i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-progress, .invoice-status-timeline, .scf-timeline) li.active > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.operation-timeline, .card-delivery-timeline) li.active i {
  border-color: var(--modern-primary);
  color: var(--appearance-brand);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 4px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-state-hero, .scf-status-card, .scf-eligibility-hero) > span:first-child {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-link-card button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card button {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.cashflow-forecast, .receive-identity-card, .receive-iban-card, .energy-hero, .scf-eligibility-hero) {
  border-color: var(--modern-secondary);
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
  box-shadow: rgb(0 0 0 / 0.160) 0px 12px 28px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.cashflow-forecast, .receive-identity-card, .receive-iban-card, .energy-hero, .scf-eligibility-hero) :is(small, p, span) {
  color: rgba(255, 255, 255, 0.74);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero > div span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero > div small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero > div strong {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero footer {
  border-top: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero footer span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero footer span + span {
  border-right: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .service-summary-hero footer b {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.receive-identity-card, .receive-iban-card) > strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero strong {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-quote-card > header,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-document, .invoice-payment-receipt) > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.scf-quote-card, .invoice-document, .invoice-payment-receipt) > header :is(small, span) {
  color: rgba(255, 255, 255, 0.72);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-definition-note {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-definition-note > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-definition-note strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-definition-note p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-definition-note button {
  border: 0px;
  color: var(--modern-secondary);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer > header {
  border-bottom: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer > header > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer li {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer li > i {
  border-color: var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer li strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-explainer li small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-status-card.funded {
  border-color: var(--modern-secondary);
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-status-card.funded :is(small, p) {
  color: rgba(255, 255, 255, 0.72);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-status-card.funded > span {
  color: var(--modern-secondary);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-comparison article.emphasis, .invoice-decision article.emphasis) {
  border-color: var(--modern-border-strong);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-comparison article,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article {
  border-color: var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-comparison, .invoice-decision) article.emphasis > span {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.invoice-comparison, .invoice-decision) article.emphasis > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-plain-note {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-plain-note svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-progress > i > b {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.scf-explainer > span, .scf-invoice > i, .receive-method-guide i, .receive-facts article > span) {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-invoice.selected {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 2px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-money-flow .result {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-requirements li.done i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .pos-type-options button > span {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-state-hero {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-state-hero > span:first-child {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-state-hero > p {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-state-hero h1 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-state-hero small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision > header {
  border: 0px;
  color: var(--ink);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision > header h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article.emphasis {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article.emphasis > span {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article > strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article > p,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article.emphasis > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article > button {
  border: 1px solid var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-decision article.emphasis > button {
  border-color: var(--modern-primary);
  color: var(--appearance-brand);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-cashflow-breakdown > span > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-meter > div i {
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-cashflow-breakdown > span.in > i {
  background: var(--modern-primary-bright);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-cashflow-equation,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .next-home-cashflow-low,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .cashflow-calculation-note,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .connector-consent,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .invoice-plain-note,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-legal-note,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .operation-safe-note {
  border-color: var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-mark {
  color: var(--modern-secondary);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-case-filters button {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-case-filters button.active {
  border-color: var(--modern-secondary);
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-case-row {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-hero {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: linear-gradient(145deg, var(--modern-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.080) 0px 9px 28px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-hero-mark {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-hero p {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-hero > div > span {
  color: var(--modern-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-trust {
  border-top: 1px solid var(--modern-border);
  color: var(--modern-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-trust span {
  color: var(--modern-muted) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-trust span:first-child {
  color: var(--modern-secondary) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-trust svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-service-grid > button:first-child {
  color: var(--ink);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-service-grid > button > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-date {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-recommendation button {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-care-row {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .health-hero::after {
  border-color: color-mix(in srgb, var(--appearance-control) 12.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .sheet-backdrop {
  background: color-mix(in srgb, var(--appearance-blue-soft) 28.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .bottom-sheet {
  border-bottom: 0px;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.140) 0px -18px 42px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .bottom-sheet > header {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .bottom-sheet > header > button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .snapshot-info-button {
  color: var(--appearance-brand);
  box-shadow: none;
  border-color: var(--modern-border) !important;
  background: var(--modern-surface-soft) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .snapshot-info-button:focus-visible {
  outline-color: color-mix(in srgb, var(--appearance-control) 22.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-snapshot-info-sheet > .snapshot-info-lead,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet > .scf-role-intro {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .snapshot-info-points article {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .snapshot-info-points article > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-role-steps li > i {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.snapshot-info-points, .scf-role-steps) strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.snapshot-info-points, .scf-role-steps) small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .snapshot-info-position,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-role-finance {
  border-right: 3px solid var(--modern-primary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.snapshot-info-position, .scf-role-finance) strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.snapshot-info-position, .scf-role-finance) p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .business-snapshot-info-sheet > .snapshot-info-disclaimer,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet > .scf-role-note {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map article {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map article > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map article:last-child > span {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map article strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map article small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-home-info-sheet .scf-role-map > i {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-role-steps {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-role-steps li {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.sheet-account-list, .identifiers-list, .route-options, .service-picker) {
  border-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.default-account-entry, .sheet-account-row, .service-picker > button, .identifiers-list article) {
  border-color: var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-sheet-person {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-sheet-person > span {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-screen .transfer-title p {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-screen .transfer-title h1 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-screen .transfer-title > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-detection {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-detection > span {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-detection strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-detection small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-destination-action {
  border: 0px;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: inset 0 0 0 1px var(--modern-border), var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-destination-action > span:first-child {
  border: 0px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-destination-meta strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-destination-meta i {
  color: var(--biz-tile-green, var(--appearance-green));
  background: var(--biz-tile-green-soft, var(--appearance-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .smart-destination-cta {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .first-transfer-guide {
  border-right: 3px solid var(--modern-primary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .first-transfer-guide > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .first-transfer-guide strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .first-transfer-guide p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-heading strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-heading button {
  border-bottom: 0px;
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-list {
  border-color: var(--modern-border);
  box-shadow: rgb(0 0 0 / 0.080) 0px 6px 18px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-list .recipient-row {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-list .recipient-row .avatar {
  border: 1px solid var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-list .recipient-row > span:nth-child(2) small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-list .recipient-row > span:nth-child(3) {
  border: 0px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-empty {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-search-empty {
  border: 0px;
  background: var(--modern-surface);
  box-shadow: inset 0 0 0 1px var(--modern-border), 0 8px 24px rgb(0 0 0 / 0.080);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-caption {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list article {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--modern-border);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .identifiers-sheet .identifiers-list button:first-child {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet .transfer-help-list {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet .transfer-help-list article {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet .transfer-help-list article > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet .transfer-help-list strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet .transfer-help-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .transfer-help-sheet > .sheet-intro {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .toast {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: color-mix(in srgb, var(--appearance-surface) 96.00%, transparent);
  box-shadow: var(--modern-shadow-raised);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .toast > svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-screen {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-step {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-lockup,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-account-entry,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-channels, .device-pin-panel, .operation-ticket, .review-ticket, .opened-account-card, .contract-summary, .customer-found, .card-address-panel, .postal-result) {
  border-color: var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status {
  border: 1px solid var(--modern-border);
  background: linear-gradient(135deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.080) 0px 7px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status > span {
  border: 0px;
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status > i {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status > i::before {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-account-entry button:where(:not(.secondary-button)),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-text-button,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-inline-actions button {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.otp-symbol, .activation-success-mark, .account-opened-mark, .operation-status-mark, .queue-mark, .recovery-mark) {
  border-color: var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-complete-step .activation-success-mark {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 22px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .account-opened-mark {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.140) 0px 12px 30px, rgb(0 0 0 / 0.080) 0px 0px 0px 8px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .success-login-step > p {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-reset-success > h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-reset-success > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-complete-step > h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-complete-step > span {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list > span {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list > span:last-child {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list > span > i {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .completion-list small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header {
  color: rgb(255, 255, 255);
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary > header {
  color: var(--ink);
  background: var(--modern-surface-soft);
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary > button {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header small {
  color: rgba(255, 255, 255, 0.72);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.operation-ticket header > i, .action-badge, .next-card-prompt > span, .postal-result > span) {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-found > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-symbol > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .biometric-card.selected > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .device-methods .biometric-card.selected > i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-topbar > button {
  border-color: var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-lockup > i {
  border-color: var(--modern-secondary);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-timeline, .operation-timeline, .card-delivery-timeline) li.done > i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .password-strength > div i.active,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-progress i > b {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .physical-card-preview.design-black {
  background: var(--appearance-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .modern-status-icon {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.operation-status-mark.pending, .operation-status-mark.system) {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .operation-status-mark.success {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .operation-status-mark.error {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .operation-status-mark::after {
  border-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-approved-step .review-approved-mark,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .success-login-step .activation-success-mark,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .account-opened-mark,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .success-view .success-mark,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-status-mark.success {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: linear-gradient(145deg, var(--appearance-surface) 0%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.100) 0px 10px 26px, rgb(0 0 0 / 0.080) 0px 0px 0px 6px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .primary-button.is-loading {
  background: linear-gradient(135deg, var(--modern-primary), var(--modern-primary-bright));
  box-shadow: rgb(0 0 0 / 0.180) 0px 8px 18px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .button-loading-biometric {
  border-color: color-mix(in srgb, var(--appearance-line) 62.00%, transparent);
  background: color-mix(in srgb, var(--appearance-surface) 10.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-design-option {
  border-color: var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-design-option.selected {
  border-color: var(--appearance-control);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 2px, rgb(0 0 0 / 0.080) 0px 7px 18px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-design-option.black > i {
  background: radial-gradient(circle at 18% 12%, var(--appearance-soft) 0px, transparent 33%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-blue-soft) 72%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-design-option.light > i {
  background: radial-gradient(circle at 12% 16%, var(--appearance-surface) 0px, transparent 34%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-blue-soft) 65%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-design-option.wave > i {
  background: radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--appearance-blue-soft) 40.00%, transparent) 0px, transparent 34%), linear-gradient(150deg, var(--appearance-blue-soft), rgb(24, 54, 83) 55%, rgb(16, 43, 72));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .physical-card-preview.design-black {
  background: radial-gradient(circle at 12% 5%, var(--appearance-soft) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .physical-card-preview.design-light {
  color: var(--appearance-brand);
  background: radial-gradient(circle at 8% 8%, var(--appearance-surface) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-soft) 66%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .physical-card-preview.design-wave {
  background: radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--appearance-blue-soft) 36.00%, transparent) 0px, transparent 32%), linear-gradient(148deg, var(--appearance-blue-soft), rgb(29, 61, 92) 55%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-black,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-wave {
  border-color: color-mix(in srgb, var(--appearance-line) 16.00%, transparent);
  color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 0.190) 0px 18px 36px, rgb(0 0 0 / 0.120) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-black {
  background: radial-gradient(circle at 12% 5%, var(--appearance-soft) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-blue-soft), var(--appearance-raised) 70%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-light {
  border-color: var(--appearance-line);
  color: var(--appearance-brand);
  background: radial-gradient(circle at 8% 8%, var(--appearance-surface) 0px, transparent 32%), linear-gradient(145deg, var(--appearance-canvas), var(--appearance-soft) 66%, var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-wave {
  background: radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--appearance-blue-soft) 36.00%, transparent) 0px, transparent 32%), linear-gradient(148deg, var(--appearance-blue-soft), rgb(29, 61, 92) 55%, rgb(16, 44, 73));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) > .card-top > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) > #card-detail-number,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) .card-holder strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) .card-brand {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) .card-holder small {
  color: rgba(255, 255, 255, 0.66);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) .card-brand > em::before,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) .card-brand > em::after {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave) > .card-hardware > svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card:is(.design-black, .design-wave)::before {
  border-color: color-mix(in srgb, var(--appearance-line) 8.20%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 0px 0px 22px, rgb(0 0 0 / 0.080) 0px 0px 0px 44px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-card-detail .physical-card.design-wave::after {
  background: color-mix(in srgb, var(--appearance-blue-soft) 10.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contacts-back {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contacts-back svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contacts-search-field > button {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contact-filters {
  border-color: var(--modern-border);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contact-filters button {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contact-filters button.active {
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 3px 10px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contacts-summary strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .all-contacts-list {
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contacts-empty strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group {
  border-color: var(--modern-border);
  box-shadow: rgb(0 0 0 / 0.080) 0px 6px 18px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-header {
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-header .avatar {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-destinations {
  border-top-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-destination {
  border-bottom-color: var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-destination-icon {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-destination > i {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-destination.matched {
  background: var(--appearance-canvas);
  box-shadow: inset 3px 0 0 var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recipient-group-destination.matched > i {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step {
  background: var(--modern-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .login-heading > span {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .login-heading > p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > header {
  border-bottom: 1px solid var(--modern-border);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > header > i {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues > header {
  border-bottom: 1px solid var(--modern-border);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-issues article > b {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > footer {
  border-top: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-ticket > footer b {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-progress-card {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-progress-card > header {
  border-bottom: 1px solid var(--modern-border);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-progress-card > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-progress-card > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-timeline li:not(:last-child)::after {
  background: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step .operation-timeline li.error i {
  border-color: var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues > header {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article {
  border: 1px solid var(--modern-border);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article:last-child {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article > span {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article > b {
  border-color: transparent;
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .postal-code-card {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .postal-code-card small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .postal-code-card strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .postal-code-card button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .postal-code-card button:hover {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-activity-list {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .event-group > .event-list {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .activity-tabs {
  border: 1px solid var(--modern-border);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .activity-tabs button {
  color: var(--muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .activity-tabs button.active {
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 3px 10px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .event-row .round-symbol {
  border: 0px;
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-lockup {
  background: transparent;
  box-shadow: none;
  border: 0px !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-lockup .brand-placeholder {
  box-shadow: none;
  background: url("assets/logo-biz-mark.svg") center center / contain no-repeat transparent !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-lockup > i {
  border-color: var(--modern-primary);
  color: var(--modern-secondary);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-account-entry {
  border: 1px solid var(--modern-border);
  background: var(--appearance-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 6px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map > header {
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map > header small {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map article {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map article:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map article > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map article strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .new-customer-welcome .new-journey-map article small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .ready-note {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .ready-note > svg {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .ready-note strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .ready-note small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-options h3 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-options header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option:hover,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option:focus-visible {
  border-color: var(--modern-primary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option b {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option > i {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option:is(:hover, :focus-visible) > i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option.is-loading,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option.is-loading:hover {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .recovery-method-option.is-loading > i::after {
  border-top-color: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-identity-card {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-identity-card > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-identity-card > strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-identity-card > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-identity-card > button {
  border: 1px solid var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card > strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card button {
  border: 1px solid var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-iban-card button:last-child {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-method-grid > button {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-method-grid > button:is(:hover, :focus-visible) {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-method-grid > button > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .modern-receive-icon,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .modern-energy-icon {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-method-grid strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .receive-method-grid small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-mark {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero strong i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .energy-hero p b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-input-wrap input {
  color: var(--ink);
  caret-color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #card-serial {
  color: var(--ink);
  caret-color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button:is(:hover, :focus-visible) {
  border-color: var(--modern-primary);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button > span:first-child {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-help-button > svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure summary:focus-visible {
  outline: color-mix(in srgb, var(--appearance-control) 18.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure summary > span:first-child {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure summary strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure summary small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure summary > svg {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure[open] summary {
  border-bottom: 1px solid var(--modern-border);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure[open] summary > svg {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure dl {
  border-top: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure dl > div {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure dt {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure dd {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .registry-disclosure > button {
  border-top: 1px solid var(--modern-border);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-preserved-note,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-operator-message {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-preserved-note > svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.correction-preserved-note, .correction-operator-message) :is(small, p) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-card {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-card:is(:hover, :focus-visible) {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 22px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-number {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-content > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-content > strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-content > ul strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-content > ul small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-content > b {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-route {
  border-top-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-route small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-route strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-route svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-card.is-complete {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-card.is-complete .correction-task-number {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-task-card.is-complete .correction-task-content > b {
  border-color: var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .correction-plan-footnote {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header {
  color: var(--ink);
  background: var(--modern-surface-soft);
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header :is(i, b) {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > header i {
  border: 1px solid var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > div {
  border-bottom: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > div small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > div strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > div button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > footer {
  border-top: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > footer span + span {
  border-right: 1px solid var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > footer small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .opened-account-card > footer b {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .next-card-prompt {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .next-card-prompt > span {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .account-opened-step .next-card-prompt strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary {
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary > header b {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .contract-summary > button {
  border-top: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .national-card-back-guide {
  border: 1px solid var(--modern-border-strong);
  background: linear-gradient(145deg, var(--appearance-surface), var(--appearance-canvas));
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 24px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .guide-card-chip {
  border-color: var(--modern-secondary);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .guide-card-serial {
  border: 2px solid var(--modern-primary);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .guide-card-pointer {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .guide-card-pointer::after {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-serial-sheet-copy {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-scan {
  border: 1px solid var(--appearance-line);
  background: linear-gradient(var(--appearance-surface), var(--appearance-surface));
  box-shadow: rgb(0 0 0 / 0.080) 0px 14px 34px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera {
  border: 1px solid var(--appearance-line);
  background: radial-gradient(circle at 50% 42%, rgba(14, 132, 255, 0.14), transparent 43%), linear-gradient(150deg, var(--appearance-surface) 0%, var(--appearance-blue-soft) 56%, var(--appearance-canvas) 100%);
  box-shadow: rgb(0 0 0 / 0.550) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera::before {
  background: radial-gradient(circle at 15% 18%, rgba(14, 132, 255, 0.07) 0px, rgba(14, 132, 255, 0.07) 22px, transparent 23px), radial-gradient(circle at 86% 82%, rgba(0, 86, 245, 0.06) 0px, rgba(0, 86, 245, 0.06) 38px, transparent 39px);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera-toolbar > span {
  border-color: color-mix(in srgb, var(--appearance-control) 48.00%, transparent);
  color: var(--modern-secondary);
  background: color-mix(in srgb, var(--appearance-surface) 82.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .camera-secure svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .camera-rec-state i {
  border-color: var(--appearance-line);
  background: var(--appearance-blue-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame {
  border: 2px solid color-mix(in srgb, var(--appearance-control) 58.00%, transparent);
  background: var(--appearance-blue-soft);
  box-shadow: rgb(0 0 0 / 0.090) 0px 0px 0px 6px, rgb(0 0 0 / 0.140) 0px 16px 32px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame::before {
  border-color: color-mix(in srgb, var(--appearance-line) 44.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame::after {
  background: linear-gradient(var(--modern-primary-bright), var(--modern-primary-bright)) 50% 0/30px 2px no-repeat,
    linear-gradient(var(--modern-primary-bright), var(--modern-primary-bright)) 50% 100%/30px 2px no-repeat,
    linear-gradient(var(--modern-primary-bright), var(--modern-primary-bright)) 0 50%/2px 30px no-repeat,
    linear-gradient(var(--modern-primary-bright), var(--modern-primary-bright)) 100% 50%/2px 30px no-repeat;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .camera-guide-copy {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 38.00%, transparent);
  color: var(--modern-secondary);
  background: color-mix(in srgb, var(--appearance-surface) 86.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 14px;
  text-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-scan.scanning {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-scan.scanning .face-camera .face-frame {
  border-color: var(--modern-primary-bright);
  box-shadow: rgb(0 0 0 / 0.130) 0px 0px 0px 6px, rgb(0 0 0 / 0.180) 0px 16px 34px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-scan.verified .face-camera {
  background: radial-gradient(circle at 50% 42%, rgba(14, 132, 255, 0.16), transparent 43%), linear-gradient(150deg, var(--appearance-surface) 0%, var(--appearance-blue-soft) 56%, var(--appearance-canvas) 100%);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-scan.verified .camera-rec-state i {
  border-color: var(--appearance-control);
  background: var(--appearance-green-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame > i {
  background: var(--modern-primary-bright);
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame > b {
  border: 3px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: linear-gradient(145deg, var(--modern-primary-bright), var(--modern-primary));
  box-shadow: rgb(0 0 0 / 0.200) 0px 0px 0px 4px, rgb(0 0 0 / 0.300) 0px 9px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame > b::after {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .liveness-points span {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .liveness-points b {
  border-color: var(--modern-primary);
  color: var(--appearance-brand);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .verified-person {
  border: 1px solid var(--modern-border);
  background: var(--appearance-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .verified-person > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .verified-person > b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .verified-person > b svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .activity-context > b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > span {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div {
  border-color: var(--modern-border-strong);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div:focus-within {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div > svg:first-child {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels > header {
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels > header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-sms,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify > span {
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 1px solid var(--modern-border);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-sms > b,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify b {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-sms strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-sms small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-sms > i {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify > span > i {
  border: 1px solid var(--modern-border-strong);
  background: var(--appearance-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify > span > i::after {
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.240) 0px 1px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify input:checked + span > i {
  border-color: var(--modern-primary);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .review-channels .review-notify input:focus-visible + span > i {
  box-shadow: rgb(0 0 0 / 0.180) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-eligibility-hero {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-eligibility-hero > span:first-child {
  color: var(--muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-eligibility-hero > strong {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-eligibility-hero > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer strong,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer dt {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer p,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer dd {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-explainer .scf-role-map div {
  border: 0px;
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice-list > header :is(h2, small) {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice-list > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice.selected {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 2px, rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice > i {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice :is(strong, small, em) {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice :is(small, em) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice > b {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice.disabled {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice.disabled > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-invoice.disabled > b {
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-legal-note {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-legal-note svg {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card > header {
  color: var(--ink);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card > header span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card > header small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card > header strong {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow {
  border-bottom-color: var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow > i {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow b {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow .result {
  color: var(--modern-secondary);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-money-flow .result :is(small, b) {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-quote-card dl div,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-funded-details div {
  border-bottom-color: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen :is(.scf-quote-card dt, .scf-funded-details dt) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen :is(.scf-quote-card dd, .scf-funded-details dd) {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-confirmation {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-confirmation input {
  accent-color: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-confirmation span {
  color: var(--ink);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-confirmation strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-confirmation small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.funded,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.approved,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.needs-info,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.declined {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.funded > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.approved > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.needs-info > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.declined > span {
  border: 1px solid var(--modern-border);
  color: var(--appearance-brand);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.needs-info > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.declined > span {
  border-color: var(--appearance-line);
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card :is(small, p),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card.funded :is(small, p) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-status-card h2.sensitive {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline li:not(:last-child)::after {
  background: var(--modern-border);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline li > i {
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline li.done > i {
  border-color: var(--modern-primary);
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline li.active > i {
  border-color: var(--modern-primary);
  color: var(--appearance-brand);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline li.active > i::after {
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline :is(strong, small) {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-timeline small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-funded-details,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requirements,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requested-evidence {
  border: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requested-evidence :is(p, small) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requirements > header {
  border-bottom: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requirements header small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requirements li {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-requirements li.done {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-case-summary {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-case-summary article {
  color: var(--ink);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-case-summary article.action {
  color: var(--appearance-amber);
  background: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-case-row :is(strong, b) {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .scf-screen .scf-case-row :is(small, i) {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(#login-step-new-card-request, .card-tracking-step) {
  background: var(--modern-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step > .login-topbar > button {
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 14px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .tracking-reference small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .tracking-reference strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .tracking-card-mini {
  border-color: var(--appearance-control);
  box-shadow: rgb(0 0 0 / 0.150) 0px 12px 28px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 6px 20px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card > .login-heading {
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card > .login-heading > span {
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card > .login-heading h2 {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card > .login-heading p {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card .postal-code-card {
  background: var(--modern-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li:not(:last-child)::after {
  background: var(--modern-border-strong);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li > i {
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-address-summary {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-address-summary header strong {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-address-summary header button {
  border-bottom-color: var(--modern-secondary);
  color: var(--modern-secondary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-address-summary p {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-address-summary small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-tracking-step .delivery-issue-note {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-new-card-request .card-design-picker,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-new-card-request .card-address-panel {
  border: 1px solid var(--modern-border);
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.card-auth-sheet, .biometric-offer-sheet) {
  border-top: 0px;
  background: var(--modern-surface);
  box-shadow: rgb(0 0 0 / 0.160) 0px -18px 48px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-source {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-source > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-source > i {
  color: rgb(255, 255, 255);
  background: var(--modern-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-sheet :is(.field > div, .card-auth-expiry input) {
  border-color: var(--modern-border-strong);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-sheet :is(.field > div, .card-auth-expiry input):focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-sheet .card-auth-expiry input:focus {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-otp-field > div > button {
  color: var(--appearance-brand);
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-otp-field > div > button:disabled {
  color: var(--appearance-brand);
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-sheet :is(.card-auth-cvv-field > div, .card-auth-expiry-control) {
  border-color: var(--modern-border-strong);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-sheet :is(.card-auth-cvv-field > div, .card-auth-expiry-control):focus-within {
  border-color: var(--modern-primary);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-security {
  background: var(--appearance-canvas);
  color: var(--appearance-brand) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .card-auth-security svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .biometric-offer-hero {
  border-color: var(--appearance-line);
  background: linear-gradient(135deg, var(--appearance-canvas), var(--appearance-surface));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .biometric-offer-mark {
  color: rgb(255, 255, 255);
  border-color: color-mix(in srgb, var(--appearance-line) 62.00%, transparent);
  background: linear-gradient(145deg, var(--modern-primary), var(--modern-primary-bright));
  box-shadow: rgb(0 0 0 / 0.200) 0px 10px 22px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .biometric-offer-benefits svg {
  color: var(--appearance-brand);
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}

/* login-modern.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .login-screen .returning-login-step {
  --login-ink: var(--appearance-brand);
  --login-muted: var(--appearance-muted);
  --login-primary: var(--appearance-brand);
  --login-primary-strong: var(--appearance-brand);
  --login-line: var(--appearance-line);
  --login-soft: var(--appearance-canvas);
  color: var(--login-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup .brand-placeholder {
  border: 0px;
  color: transparent;
  box-shadow: none;
  background: url("assets/logo-biz-mark.svg") center center / contain no-repeat transparent !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup strong {
  color: var(--login-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup small {
  color: var(--login-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup > i {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 18.00%, transparent);
  color: var(--appearance-brand);
  background: color-mix(in srgb, var(--appearance-surface) 72.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 5px 16px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-lockup > i svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-welcome-copy h1 {
  color: var(--login-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-welcome-copy h1 > .theme-next-only {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone:not(.next-ui-theme) .returning-login-step .login-welcome-copy h1 > .theme-current-only {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-welcome-copy h1 em {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .customer-login-form {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 90.00%, transparent);
  background: color-mix(in srgb, var(--appearance-surface) 94.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.090) 0px 18px 44px, rgb(0 0 0 / 0.080) 0px 2px 6px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-form-heading strong {
  color: var(--login-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-form-heading small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-form-heading small svg {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-heading > span {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field > div {
  border: 1px solid var(--login-line);
  color: var(--appearance-brand);
  background: var(--login-soft);
  box-shadow: rgb(0 0 0 / 0.550) 0px 1px 0px inset;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field > div:focus-within {
  border-color: color-mix(in srgb, var(--appearance-control) 72.00%, transparent);
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 4px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field > div > svg:first-child {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field input {
  color: var(--login-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .field > small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-heading button {
  border: 0px;
  color: var(--appearance-brand);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-field > div > button {
  border: 0px;
  color: var(--appearance-brand);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-field > div > button:active {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-error {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .customer-login-form > .primary-button {
  border: 0px;
  color: rgb(255, 255, 255);
  background: linear-gradient(135deg, #0e72ff 0%, var(--login-primary) 55%, var(--login-primary-strong) 100%);
  box-shadow: rgb(0 0 0 / 0.240) 0px 12px 24px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .customer-login-form > .primary-button:hover {
  box-shadow: rgb(0 0 0 / 0.280) 0px 14px 28px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .customer-login-form > .primary-button:active {
  box-shadow: rgb(0 0 0 / 0.220) 0px 7px 15px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .customer-login-form > .primary-button svg {
  background: color-mix(in srgb, var(--appearance-surface) 14.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-secure-note {
  border: 0px;
  color: var(--appearance-muted);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-secure-note:hover,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-secure-note:focus-visible {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-secure-note svg {
  color: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .new-account-entry {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 12.00%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--appearance-blue-soft) 95.00%, transparent), color-mix(in srgb, var(--appearance-canvas) 78.00%, transparent));
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .new-account-entry small {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .new-account-entry strong {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .new-account-entry button:where(:not(.secondary-button)) {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 14.00%, transparent);
  color: var(--appearance-brand);
  background: color-mix(in srgb, var(--appearance-surface) 86.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 12px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-page-footer {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-page-footer i {
  background: rgb(49, 185, 135);
  box-shadow: rgb(0 0 0 / 0.110) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step :is(button, input):focus-visible {
  outline: color-mix(in srgb, var(--appearance-control) 20.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #biometric-login-submit {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 22.00%, transparent);
  color: rgb(255, 255, 255);
  background: linear-gradient(135deg, var(--login-primary), #087de7);
  box-shadow: rgb(0 0 0 / 0.200) 0px 12px 24px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .biometric-login-entry small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .biometric-login-entry b {
  color: rgba(255, 255, 255, 0.78);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .biometric-login-divider {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .biometric-login-divider::before,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .biometric-login-divider::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch:hover,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch:focus-visible {
  border-color: var(--appearance-line);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch > svg:first-child {
  color: var(--appearance-brand);
  background: var(--appearance-blue-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-password-switch strong {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .login-form-heading > span > small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #return-to-biometric-login {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #return-to-biometric-login > span {
  color: rgb(255, 255, 255);
  background: var(--login-primary);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #return-to-biometric-login b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #biometric-login-submit .biometric-login-mark {
  background: color-mix(in srgb, var(--appearance-surface) 8.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #biometric-login-submit small {
  color: rgba(255, 255, 255, 0.76);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #biometric-login-submit strong {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step #biometric-login-submit b {
  color: rgba(255, 255, 255, 0.86);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .recognized-user-actions {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .recognized-user-actions > button {
  border: 0px;
  color: var(--appearance-brand);
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .returning-login-step .recognized-user-actions > button:hover {
  color: var(--appearance-brand);
}

/* font-families.css */
:where(html[data-color-scheme="dark"]) :is(input, select, textarea):is(:focus, :focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* mock-data.css */
:where(html[data-color-scheme="dark"]) .mock-data-menu {
  border: 1px solid color-mix(in srgb, var(--appearance-control) 22.00%, transparent);
  background: linear-gradient(145deg, rgba(91, 82, 241, 0.1), rgba(80, 201, 178, 0.08));
}
:where(html[data-color-scheme="dark"]) .mock-data-menu-mark {
  color: rgb(255, 255, 255);
  background: linear-gradient(145deg, var(--appearance-blue-soft), rgb(58, 131, 218));
  box-shadow: rgb(0 0 0 / 0.220) 0px 8px 20px;
}
:where(html[data-color-scheme="dark"]) .mock-data-menu-mark svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .mock-data-menu > header strong {
  color: var(--ink, var(--appearance-ink));
}
:where(html[data-color-scheme="dark"]) .mock-data-menu > header small {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .mock-data-menu > header > b {
  color: var(--appearance-green);
  background: rgba(63, 198, 164, 0.15);
}
:where(html[data-color-scheme="dark"]) .scenario-control .mock-data-menu-action {
  border: 0px;
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scenario-control .mock-data-menu-action:hover {
  color: rgb(255, 255, 255);
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .scenario-control .mock-data-menu-action strong {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .scenario-control .mock-data-menu-action small {
  color: rgba(255, 255, 255, 0.68);
}
:where(html[data-color-scheme="dark"]) .scenario-control .mock-data-menu-action > b {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .mock-data-modal {
  background: color-mix(in srgb, var(--appearance-raised) 62.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 70.00%, transparent);
  color: var(--appearance-ink);
  background: var(--appearance-canvas);
  box-shadow: rgb(0 0 0 / 0.280) 0px 32px 90px;
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog > header {
  border-bottom: 1px solid var(--appearance-line);
  background: color-mix(in srgb, var(--appearance-canvas) 94.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog > header > span:first-child {
  color: rgb(255, 255, 255);
  background: linear-gradient(145deg, var(--appearance-blue-soft), rgb(59, 143, 221));
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog > header > span:first-child svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog > header small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-data-dialog > header button {
  border: 0px;
  color: var(--appearance-muted);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .mock-data-builder {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-data-builder > header span,
:where(html[data-color-scheme="dark"]) .mock-data-library > header span {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .mock-data-builder > header p,
:where(html[data-color-scheme="dark"]) .mock-data-library > header p {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-profile-form label span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-profile-form input {
  border: 1px solid var(--appearance-line);
  outline: 0px;
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-profile-form input:focus {
  border-color: var(--appearance-control);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .mock-gender-field {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .mock-gender-field legend {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-gender-field label span {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-gender-field input:checked + span {
  border-color: var(--appearance-control);
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
  box-shadow: rgb(0 0 0 / 0.120) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .mock-gender-field input:focus-visible + span {
  box-shadow: rgb(0 0 0 / 0.140) 0px 0px 0px 3px;
}
:where(html[data-color-scheme="dark"]) .mock-profile-form > button {
  border: 0px;
  color: rgb(255, 255, 255);
  background: linear-gradient(135deg, var(--appearance-blue-soft), rgb(62, 131, 222));
  box-shadow: rgb(0 0 0 / 0.180) 0px 10px 22px;
}
:where(html[data-color-scheme="dark"]) .mock-profile-error {
  color: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) .mock-generation-status {
  color: var(--appearance-muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .mock-generation-status i {
  background: var(--appearance-blue-soft);
}
:where(html[data-color-scheme="dark"]) .mock-generation-status.complete {
  color: var(--appearance-green);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .mock-generation-status.complete i {
  background: rgb(52, 167, 137);
}
:where(html[data-color-scheme="dark"]) .mock-data-explainer {
  border-top: 1px solid var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .mock-data-explainer span {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-data-explainer i {
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .active-mock-card {
  color: rgb(255, 255, 255);
  background: linear-gradient(135deg, var(--appearance-raised), var(--appearance-blue-soft));
}
:where(html[data-color-scheme="dark"]) .active-mock-card > span:first-child {
  background: linear-gradient(145deg, var(--appearance-blue-soft), rgb(86, 180, 211));
}
:where(html[data-color-scheme="dark"]) .active-mock-card small {
  color: rgba(255, 255, 255, 0.62);
}
:where(html[data-color-scheme="dark"]) .active-mock-card > b {
  color: var(--appearance-green);
  background: rgba(83, 214, 177, 0.14);
}
:where(html[data-color-scheme="dark"]) .mock-credentials > span {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-credentials small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-credentials button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-muted);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-credentials .disable-mock-session {
  border-color: color-mix(in srgb, var(--appearance-control) 24.00%, transparent);
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .mock-profile-select {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .mock-profile-row.active .mock-profile-select {
  border-color: color-mix(in srgb, var(--appearance-control) 45.00%, transparent);
  box-shadow: rgb(0 0 0 / 0.100) 0px 0px 0px 1px inset;
}
:where(html[data-color-scheme="dark"]) .mock-profile-avatar {
  color: var(--appearance-brand);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .mock-profile-select small {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-profile-select i {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .mock-profile-select > b {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .mock-profile-delete {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-surface);
}
@media (max-width: 1199px) {
:where(html[data-color-scheme="dark"]) .mock-data-launcher,
:where(html[data-color-scheme="dark"]) body.demo-mode .demo-control-launcher {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 28.00%, transparent);
  color: rgb(255, 255, 255);
  background: rgb(37, 88, 143);
  box-shadow: rgb(0 0 0 / 0.280) 0px 10px 30px;
}
:where(html[data-color-scheme="dark"]) .mock-data-launcher:hover {
  background: rgb(31, 76, 125);
}
:where(html[data-color-scheme="dark"]) .mock-data-launcher svg {
  fill: none;
  stroke: currentcolor;
}
}

/* check-icons.css */
:root:where([data-color-scheme="dark"]) {
  --modern-check-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--appearance-ink)' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5 10 17l8.5-9.5'/%3E%3C/svg%3E");
  --modern-check-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5 10 17l8.5-9.5'/%3E%3C/svg%3E");
}
:where(html[data-color-scheme="dark"]) .phone :is(.modern-check-icon, svg:has(> use[href="#i-check"])) {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .otp-delivery-status > i::before {
  background-image: var(--modern-check-light);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme select:not([multiple]),
:where(html[data-color-scheme="dark"]) .admin-app select:not([multiple]) {
  background-image: var(--modern-select-chevron) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .destination-help-button.modern-icon-only {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .password-requirements span.passed::before {
  background-color: currentcolor;
}
:where(html[data-color-scheme="dark"]) .guided-tour-progress-list li.is-done::before,
:where(html[data-color-scheme="dark"]) .admin-guide-list li.is-done::before {
  background-image: var(--modern-check-light);
}
:where(html[data-color-scheme="dark"]) .face-scan.verified .face-frame > b::after,
:where(html[data-color-scheme="dark"]) .face-camera .face-frame > b::after {
  background: var(--modern-check-dark) center / contain no-repeat;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .face-camera .face-frame > b::after {
  border: 0px;
  background: var(--modern-check-light) center / contain no-repeat;
}

/* profile.css */
:where(html[data-color-scheme="dark"]) .app-header > .profile {
  border: 0px;
  color: inherit;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .app-header > .profile:focus-visible {
  outline: color-mix(in srgb, var(--appearance-control) 20.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) .profile-screen {
  background: var(--modern-canvas, var(--appearance-canvas)) !important;
}
:where(html[data-color-scheme="dark"]) .profile-screen .focused-header {
  background: color-mix(in srgb, var(--appearance-canvas) 92.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .profile-screen .focused-header > strong {
  color: var(--ink, var(--appearance-brand));
}
:where(html[data-color-scheme="dark"]) .profile-hero {
  border: 1px solid var(--modern-border, var(--appearance-line));
  background: radial-gradient(circle at 18% 12%, rgba(14, 132, 255, 0.12), transparent 34%), linear-gradient(145deg, var(--appearance-surface), var(--appearance-canvas));
  box-shadow: rgb(0 0 0 / 0.080) 0px 10px 28px;
}
:where(html[data-color-scheme="dark"]) .profile-avatar-large {
  border: 4px solid var(--appearance-line);
  color: var(--modern-secondary, var(--appearance-brand));
  background: var(--appearance-canvas);
  box-shadow: 0 0 0 1px var(--modern-border-strong, rgb(0 0 0 / 0.550)), 0 10px 24px rgb(0 0 0 / 0.120);
}
:where(html[data-color-scheme="dark"]) .profile-photo-edit {
  border: 3px solid var(--appearance-line);
  color: rgb(255, 255, 255);
  background: var(--modern-primary, #0056f5);
  box-shadow: rgb(0 0 0 / 0.240) 0px 5px 13px;
}
:where(html[data-color-scheme="dark"]) .profile-hero > p {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-identity-badges > span {
  border: 1px solid var(--appearance-line);
  color: var(--modern-secondary, var(--appearance-brand));
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-section > header small {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-menu-card,
:where(html[data-color-scheme="dark"]) .profile-biometric-card {
  border: 1px solid var(--modern-border, var(--appearance-line));
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 7px 20px;
}
:where(html[data-color-scheme="dark"]) .profile-menu-row {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--modern-border, var(--appearance-line));
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .profile-menu-row:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .profile-menu-row:active {
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-row-icon,
:where(html[data-color-scheme="dark"]) .profile-device-icon {
  color: var(--modern-secondary, var(--appearance-brand));
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-menu-row > span:nth-child(2) small {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-menu-row > svg {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .profile-biometric-mark {
  color: rgb(255, 255, 255);
  background: linear-gradient(145deg, var(--modern-primary, #0056f5), var(--modern-primary-bright, #0e84ff));
}
:where(html[data-color-scheme="dark"]) .profile-biometric-copy small {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-switch i {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .profile-switch i::after {
  background: var(--appearance-surface);
  box-shadow: rgb(0 0 0 / 0.220) 0px 2px 7px;
}
:where(html[data-color-scheme="dark"]) .profile-switch input:checked + i {
  border-color: var(--modern-primary, var(--appearance-control));
  background: var(--modern-primary, #0056f5);
}
:where(html[data-color-scheme="dark"]) .profile-switch input:focus-visible + i {
  outline: color-mix(in srgb, var(--appearance-control) 22.00%, transparent) solid 3px;
}
:where(html[data-color-scheme="dark"]) .profile-logout-button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-version {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-sheet-form .field input[readonly] {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .profile-form-error {
  color: var(--appearance-red) !important;
}
:where(html[data-color-scheme="dark"]) .profile-photo-preview {
  border: 1px solid var(--modern-border-strong, var(--appearance-line));
  color: var(--modern-secondary, var(--appearance-brand));
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .profile-photo-actions button {
  border: 1px solid var(--modern-border, var(--appearance-line));
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .profile-photo-actions button:first-child {
  color: rgb(255, 255, 255);
  border-color: var(--modern-primary, var(--appearance-control));
  background: var(--modern-primary, #0056f5);
}
:where(html[data-color-scheme="dark"]) .profile-device-summary {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-device-list {
  border: 1px solid var(--modern-border, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) .profile-device-row {
  border-bottom: 1px solid var(--modern-border, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) .profile-device-row:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .profile-device-row small {
  color: var(--muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .profile-device-row > b {
  color: var(--appearance-green);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) .profile-device-row > button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-red);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .profile-logout-note {
  background: var(--appearance-canvas);
  color: var(--muted, var(--appearance-muted)) !important;
}
:where(html[data-color-scheme="dark"]) .profile-logout-confirm {
  color: rgb(255, 255, 255) !important;
  border-color: var(--appearance-control) !important;
  background: rgb(159, 48, 48) !important;
}
:where(html[data-color-scheme="dark"]) .profile-crop-stage {
  background: var(--appearance-raised);
}
:where(html[data-color-scheme="dark"]) .profile-crop-stage > .profile-crop-frame {
  border: 2px solid var(--appearance-line);
  background: transparent;
  box-shadow: rgb(0 0 0 / 0.550) 0px 0px 0px 100vmax;
}
:where(html[data-color-scheme="dark"]) .profile-crop-frame:focus-visible {
  outline: 3px solid var(--modern-primary, var(--appearance-control));
}
:where(html[data-color-scheme="dark"]) .profile-crop-size input {
  accent-color: var(--modern-primary, var(--appearance-brand));
}

/* app-theme-tokens.css */
:where(html[data-color-scheme="dark"]) .phone {
  --biz-brand: var(--appearance-brand);
  --biz-brand-bright: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined {
  --biz-canvas: var(--appearance-canvas);
  --biz-surface: var(--appearance-surface);
  --biz-surface-soft: var(--appearance-canvas);
  --biz-ink: var(--appearance-ink);
  --biz-muted: var(--appearance-muted);
  --biz-icon: var(--appearance-ink);
  --biz-line: var(--appearance-line);
  --biz-control-line: var(--appearance-line);
  --biz-focus: var(--appearance-brand);
  --biz-selected: var(--appearance-canvas);
  --biz-success: var(--appearance-green);
  --biz-success-soft: var(--appearance-canvas);
  --biz-warning: var(--appearance-amber);
  --biz-warning-soft: var(--appearance-canvas);
  --biz-danger: var(--appearance-red);
  --biz-danger-soft: var(--appearance-canvas);
  --biz-info: var(--appearance-brand);
  --biz-info-soft: var(--appearance-canvas);
  --biz-shadow-card: 0 1px 2px rgb(0 0 0 / 0.080), 0 8px 24px rgb(0 0 0 / 0.080);
  --biz-shadow-raised: 0 8px 32px rgb(0 0 0 / 0.080), 0 2px 8px rgb(0 0 0 / 0.080);
  --biz-shadow-nav: 0 8px 28px rgb(0 0 0 / 0.080), 0 2px 6px rgb(0 0 0 / 0.080);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined[data-app-theme="subtle-depth"] {
  --biz-canvas: var(--appearance-canvas);
  --biz-card-line: var(--appearance-line);
  --biz-shadow-card: 0 2px 4px rgb(0 0 0 / 0.080), 0 8px 20px rgb(0 0 0 / 0.080);
  --biz-shadow-account: 0 2px 5px rgb(0 0 0 / 0.080), 0 12px 28px rgb(0 0 0 / 0.080);
}

/* app-theme-components.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined {
  color: var(--biz-ink);
  background: var(--biz-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-balance > div strong, .hero-amount strong, .total-summary strong, .statement-summary strong, .account-detail-hero > div:last-child strong, .amount-entry input, .review-amount) {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-cashflow-summary-main strong, .cashflow-detail-summary strong) {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.app-shell, .screen-stack, .app-screen, .login-screen) {
  background: var(--biz-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .app-header {
  background: var(--biz-canvas);
  border-bottom-color: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .app-header.has-scrolled-content {
  border-bottom-color: var(--biz-line);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .profile > span {
  border: 0px;
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .header-actions button {
  border: 0px;
  color: var(--biz-icon);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.section-header, .next-home-section-header) > button {
  color: var(--biz-icon);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-title-row .next-home-info-button {
  color: var(--biz-muted);
  border: 0px !important;
  background: radial-gradient(circle, var(--biz-surface-soft) 12px, transparent 13px) !important;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-account, .next-home-activity, .next-home-task-list, .next-home-scf-card, .next-home-cashflow-summary, .next-home-tool-grid > button, .next-home-feature-list > button, .next-payment-primary, .next-payment-upcoming, .next-business-summary, .next-business-destination-grid > button, .next-business-scf-entry, .next-connected-links, .next-more-group > div, .total-summary, .account-detail-hero, .statement-summary, .wide-account-switch, .selected-recipient, .smart-route, .transfer-details-switch, .security-banner, .first-transfer-guide, .health-service-grid > button, .health-recommendation, .health-my-care, .cashflow-detail-summary, .cashflow-calculation, .energy-hero, .energy-meter, .energy-auto-pay, .expense-status-grid > article, .receive-identity-card, .receive-choice-note, .receive-iban-card, .receive-use-case, .invoice-state-hero, .invoice-party-card, .invoice-document, .invoice-total-card, .invoice-link-card, .invoice-payment-receipt, .scf-status-card, .scf-quote-card, .scf-eligibility-hero, .scf-funded-details, .cards-empty-state, .cards-pending-requests, .profile-hero) {
  border-color: var(--biz-card-line);
  color: var(--biz-ink);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.receive-identity-card, .receive-iban-card, .energy-hero, .scf-eligibility-hero) :is(small, p, span) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .energy-hero :is(strong, p b) {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .energy-hero .energy-mark {
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.row-list, .management-list, .cards-list, .detail-list, .recipient-list, .business-row-list, .account-activity-list, .identifiers-list, .route-options, .destination-sheet-details) {
  border-color: var(--biz-card-line);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.account-icon, .round-symbol, .avatar, .management-icon, .row-symbol, .service-mark, .connector-icon, .next-home-feature-icon) {
  border-color: transparent;
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-account {
  box-shadow: var(--biz-shadow-account);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-account > header button {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-account-actions, .quick-actions) button > span {
  border: 0px;
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-account-actions, .quick-actions) button:first-child > span {
  color: #ffffff;
  background: var(--biz-brand);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-scf-card > header > span {
  border-color: var(--biz-line);
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-scf-card > div :is(small, span) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-scf-card > footer {
  border-color: var(--biz-line);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-cashflow-summary-main > b {
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.primary-button, .secondary-button) {
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .primary-button {
  background: var(--biz-brand);
  border-color: var(--biz-brand);
  color: #ffffff;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .secondary-button {
  background: var(--biz-surface);
  border-color: var(--biz-control-line);
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.field > div, .search-field, .returning-login-step .field > div) {
  border-color: var(--biz-control-line);
  background: var(--biz-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .transfer-amount-card {
  border-color: var(--biz-card-line);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .amount-suggestions button {
  border: 0px;
  background: transparent;
  color: var(--biz-icon);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .amount-suggestions button::before {
  border: var(--biz-control-stroke) solid var(--biz-line);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .amount-suggestions button.active {
  color: #ffffff;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .amount-suggestions button.active::before {
  border-color: var(--biz-brand);
  background: var(--biz-brand);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined #transfer-source-switch {
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 1px solid var(--biz-line);
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined #transfer-source-balance {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined button:focus-visible {
  outline: 2px solid var(--biz-focus) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(input, select, textarea):focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(select, textarea):focus-visible {
  border-color: var(--biz-focus);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.field > div, .search-field):focus-within {
  border-color: var(--biz-focus);
  box-shadow: 0 0 0 3px var(--biz-selected);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .amount-entry > div:focus-within {
  box-shadow: 0 0 0 2px var(--biz-selected);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.bottom-sheet, .card-auth-sheet, .biometric-offer-sheet) {
  border-color: var(--biz-line);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-raised);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .login-step {
  background-color: var(--biz-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .login-screen .returning-login-step {
  background: var(--biz-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .returning-login-step .customer-login-form {
  border-color: var(--biz-card-line);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .returning-login-step #customer-login-submit {
  background: var(--biz-brand);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .returning-login-step .new-account-entry {
  background: var(--biz-surface-soft);
  border-color: var(--biz-line);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .profile-screen .focused-header {
  background: var(--biz-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .profile-avatar-large {
  background: var(--biz-surface-soft);
  border-color: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .bottom-nav-next button {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .bottom-nav-next button.active,
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .bottom-nav-next button.active .bottom-nav-icon {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .scenario-control .app-theme-options > button {
  border: 1px solid var(--appearance-line);
  color: var(--appearance-ink);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .scenario-control .app-theme-options > button[aria-checked="true"] {
  color: rgb(255, 255, 255);
  border-color: var(--appearance-control);
  background: rgb(0, 86, 245);
}
:where(html[data-color-scheme="dark"]) .scenario-control .app-theme-options > button:focus-visible {
  outline: var(--appearance-control) solid 2px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(input, textarea)::placeholder {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.returning-login-step .field > small, .biometric-login-divider, .login-page-footer, .profile-sheet-form .field input[readonly]) {
  color: var(--biz-muted);
}

/* app-theme-documents.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document, .invoice-payment-receipt, .scf-quote-card, .scf-funded-details) {
  border: 1px solid var(--biz-line);
  color: var(--biz-ink);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document, .invoice-payment-receipt, .scf-quote-card) > header {
  border-bottom: 1px solid var(--biz-line);
  color: var(--biz-ink);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document, .invoice-payment-receipt, .scf-quote-card) > header > :is(span, small),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .invoice-document > header > span > small {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .invoice-document > header strong {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .invoice-document > header > b {
  border: 1px solid var(--biz-line);
  color: var(--biz-muted);
  background: var(--biz-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.scf-funded-details, .detail-list) {
  border-color: var(--biz-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document > dl, .invoice-payment-receipt > dl, .scf-quote-card > dl, .scf-funded-details, .detail-list) > div {
  border-bottom: 1px solid var(--biz-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document > dl, .invoice-payment-receipt > dl, .scf-quote-card > dl, .scf-funded-details, .detail-list) > div:last-child {
  border-bottom: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document, .invoice-payment-receipt, .scf-quote-card, .scf-funded-details, .detail-list) dt {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document, .invoice-payment-receipt, .scf-quote-card, .scf-funded-details, .detail-list) dd {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .invoice-document > footer {
  border-top: 1px solid var(--biz-line);
  color: var(--biz-ink);
  background: var(--biz-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .invoice-document > footer > span {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document > footer > strong, .invoice-payment-receipt > header > strong, .scf-quote-card > header > strong, .invoice-total-card > strong) {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-quote-card > header > strong > i {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-party-card, .invoice-total-card, .invoice-collection-card, .invoice-link-card) {
  border: 1px solid var(--biz-line);
  color: var(--biz-ink);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-party-card, .invoice-total-card, .invoice-collection-card, .invoice-link-card) > :is(small, span) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-party-card, .invoice-collection-card, .invoice-link-card) > strong {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow {
  border-bottom: 1px solid var(--biz-line);
  background: var(--biz-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow .result {
  color: var(--biz-ink);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow b {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow small,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow > i,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow .result small {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .scf-screen .scf-money-flow .result b {
  color: var(--biz-ink);
}

/* app-theme-icons.css */
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-tool-grid > button > span:first-child, .next-business-destination-grid > button > span:first-child, .next-more-group button > span:first-child, .next-home-feature-icon, .next-home-line-icon, .next-home-activity-list button > span:first-child, .account-icon, .management-icon, .round-symbol, .row-symbol, .service-mark, .service-grid > button > span:first-child, .service-picker button > span:first-child, .receive-method-grid > button > span, .health-service-grid > button > span, .profile-row-icon, .profile-device-icon, .smart-route-main > span, .smart-destination-action > span:first-child, .card-serial-help-button > span:first-child, .registry-disclosure summary > span:first-child, .recovery-method-option > span:first-child, .connector-icon, .recipient-destination-icon, .otp-delivery-status > span, .next-home-account-actions button > span, .quick-actions button > span, .next-payment-primary > span:first-child, .next-business-scf-entry > span:first-child, .business-primary-action > span, .energy-mark, .health-hero-mark) {
  border: 0px;
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-account-actions, .quick-actions) button:first-child > span,
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-payment-primary > span:first-child {
  color: #ffffff;
  background: var(--biz-brand);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .row-symbol.approved {
  color: var(--biz-success);
  background: var(--biz-success-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .row-symbol.waiting,
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-task-list > button.waiting .next-home-line-icon {
  color: var(--biz-icon-warning);
  background: var(--biz-icon-warning-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-task-list > button.urgent .next-home-line-icon {
  color: var(--biz-icon-attention);
  background: var(--biz-icon-attention-soft);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .scf-screen .scf-invoice > i {
  border: 0px;
  color: var(--biz-icon);
  background: var(--biz-surface-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .scf-screen .scf-invoice.selected > i {
  color: var(--appearance-brand);
  background: var(--biz-selected);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .scf-screen .scf-invoice.disabled > i {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-tool-grid > button > span:first-child, .next-business-destination-grid > button > span:first-child, .next-more-group button > span:first-child, .next-home-feature-icon, .next-home-line-icon, .next-home-activity-list button > span:first-child, .account-icon, .management-icon, .round-symbol, .row-symbol, .service-mark, .service-grid > button > span:first-child, .service-picker button > span:first-child, .receive-method-grid > button > span, .health-service-grid > button > span, .profile-row-icon, .profile-device-icon, .smart-route-main > span, .smart-destination-action > span:first-child, .card-serial-help-button > span:first-child, .registry-disclosure summary > span:first-child, .recovery-method-option > span:first-child, .connector-icon, .recipient-destination-icon, .otp-delivery-status > span, .next-home-account-actions button > span, .quick-actions button > span, .next-payment-primary > span:first-child, .business-primary-action > span, .energy-mark, .health-hero-mark, .scf-screen .scf-invoice > i, .header-actions button, .field > div, .search-field, .card-number-actions button, .detail-quick-actions button > span, .control-grid button > span, .login-topbar > button) > svg:not(.modern-check-icon):not(:has(> use[href="#i-check"], > use[href="#i-status-success"])) {
  fill: none;
  stroke: currentcolor;
}

/* app-theme-forms.css */
:where(html[data-color-scheme="dark"]) .phone .field-control-label {
  color: var(--ink);
}
:where(html[data-color-scheme="dark"]) .phone .field-action-group > div > input {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone .field-action-group > small {
  color: var(--muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.field > div, .search-field, .card-auth-cvv-field > div, .card-auth-expiry-control) {
  border-color: var(--biz-control-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-otp-field > div > .field-action-button {
  border: 0px;
  color: var(--biz-info);
  background: var(--biz-info-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-otp-field > div > .field-action-button:disabled {
  color: var(--biz-muted);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.card-auth-cvv-field > div, .card-auth-expiry-control) {
  background: var(--biz-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-expiry-control:focus-within {
  border-color: var(--biz-focus);
  box-shadow: 0 0 0 3px var(--biz-selected);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-source {
  border: var(--biz-control-stroke) solid var(--biz-line);
  background: var(--biz-surface-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-source > span {
  color: var(--biz-info);
  background: var(--biz-info-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-security {
  background: var(--biz-surface-soft);
  color: var(--biz-muted) !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .card-auth-security svg {
  color: var(--biz-info);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .postal-result.streamlined {
  border: var(--biz-control-stroke) solid var(--biz-line);
  background: var(--biz-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .postal-result.streamlined > span {
  color: var(--biz-success);
  background: var(--biz-success-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .postal-result.streamlined > button {
  border: 0px;
  color: var(--biz-info);
  background: var(--biz-info-soft);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.smart-source-note, .security-banner, .face-privacy, .recovery-security-note, .activation-footnote, .correction-plan-footnote, .health-note, .connector-consent, .invoice-plain-note, .scf-legal-note, .cashflow-calculation-note) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .recovery-security-note small {
  color: var(--biz-muted);
}

/* app-theme-semantics.css */
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is([data-icon-tone], .account-icon, .next-home-tool-grid > button > span:first-child, .next-business-destination-grid > button > span:first-child, .next-more-group button > span:first-child, .next-home-feature-icon, .receive-method-grid > button > span:first-child, .energy-mark, .health-hero-mark, .health-service-grid > button > span:first-child) {
  color: var(--biz-accent-ink, var(--biz-icon));
  background: var(--biz-accent-surface, var(--biz-surface-soft));
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-account-actions button[data-hub-target="receive"] > span {
  color: var(--biz-accent-ink);
  background: var(--biz-accent-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is([data-tag-tone], .connection-chip, .next-connected-links em, .profile-identity-badges > span) {
  border: 0px;
  color: var(--biz-tag-ink, var(--biz-muted));
  background: var(--biz-tag-surface, var(--biz-surface-soft));
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined :is(.invoice-document > header > b, .scf-screen .scf-invoice > b)[data-tag-tone] {
  color: var(--biz-tag-ink, var(--biz-muted));
  background: var(--biz-tag-surface, var(--biz-surface-soft));
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-task-list > button > em {
  border: 0px;
  color: var(--biz-info);
  background: var(--biz-info-soft);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen :is(.scf-case-filters, .scf-case-list, .scf-case-summary) {
  --scf-tag-neutral: var(--appearance-brand);
  --scf-tag-neutral-soft: var(--appearance-soft);
  --scf-tag-warning: var(--appearance-amber);
  --scf-tag-warning-soft: var(--appearance-amber-soft);
  --scf-tag-info: var(--appearance-brand);
  --scf-tag-info-soft: var(--appearance-blue-soft);
  --scf-tag-success: var(--appearance-green);
  --scf-tag-success-soft: var(--appearance-green-soft);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-summary.scf-summary-cards {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-summary.scf-summary-cards > .scf-summary-card {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 70.00%, transparent);
  color: var(--scf-tag-ink);
  background: var(--scf-tag-surface);
  box-shadow: rgb(0 0 0 / 0.080) 0px 2px 4px;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-summary-card strong {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-summary-card > span {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-summary-card svg {
  color: inherit;
  background: color-mix(in srgb, var(--appearance-surface) 65.00%, transparent);
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button {
  border: 1px solid transparent;
  color: var(--scf-tag-ink);
  background: var(--scf-tag-surface);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button > span {
  color: inherit;
  background: color-mix(in srgb, var(--appearance-surface) 72.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button.active {
  border-color: var(--scf-tag-ink);
  color: rgb(255, 255, 255);
  background: var(--scf-tag-ink);
  box-shadow: rgb(0 0 0 / 0.080) 0px 3px 8px;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button.active > span {
  color: rgb(255, 255, 255);
  background: color-mix(in srgb, var(--appearance-surface) 19.00%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button:focus-visible {
  outline: 2px solid var(--scf-tag-ink);
}
@media (hover: hover) {
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-filters button:hover {
  box-shadow: inset 0 0 0 1px var(--scf-tag-ink);
}
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-row > header {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-case-row > header > .scf-case-status[data-tag-tone] {
  border: 0px;
  color: var(--scf-tag-ink);
  background: var(--scf-tag-surface);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen :is(.scf-case-filters button, .scf-case-status) > svg {
  color: inherit;
  fill: none;
  stroke: currentcolor;
}

/* app-theme-promo.css */
:where(html[data-color-scheme="dark"]) .phone .next-home-feature-card > .next-home-feature-art {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo, .feature-promo) {
  border: var(--biz-control-stroke) solid var(--biz-line);
  color: var(--biz-ink);
  background: var(--biz-surface);
  box-shadow: var(--biz-shadow-card);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-promo-mark {
  border: 0px;
  color: var(--biz-info);
  background: var(--biz-info-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo > div > small, .feature-promo > span) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo h2, .feature-promo h2) {
  color: var(--biz-ink);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo p, .feature-promo p) {
  color: var(--biz-muted);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo-dismiss, .feature-promo > button:first-child) {
  border: 0px;
  color: var(--biz-muted);
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo-action, .feature-promo > button:last-child) {
  border: 0px;
  color: var(--appearance-brand);
  background: transparent;
  box-shadow: none;
}
@media (hover: hover) {
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :is(.next-home-promo-dismiss, .feature-promo > button:first-child):hover {
  color: var(--biz-ink);
  background: var(--biz-surface-soft);
}
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo.next-home-promo-illustrated {
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo-illustrated > .next-home-promo-copy > small {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo-illustrated > .next-home-promo-copy > h2 {
  color: var(--biz-ink, var(--appearance-ink));
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo-illustrated > .next-home-promo-copy > .next-home-promo-description {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo-illustrated > .next-home-promo-dismiss {
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone .next-home-promo-illustrated > .next-home-promo-copy > .next-home-promo-action {
  color: var(--appearance-brand, var(--appearance-brand));
}

/* business-page.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme {
  --business-hero-surface: var(--appearance-soft);
  --business-hero-ink: var(--appearance-green);
  --business-hero-accent: var(--appearance-green);
  --business-hero-line: var(--appearance-line);
  --business-summary-surface: var(--biz-surface, var(--appearance-surface));
  --business-summary-ink: var(--biz-ink, var(--appearance-ink));
  --business-summary-muted: var(--biz-muted, var(--appearance-muted));
  --business-summary-line: var(--appearance-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header {
  background: var(--business-hero-surface);
  color: var(--business-hero-ink);
  border-bottom-color: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header.has-scrolled-content {
  border-bottom-color: var(--business-hero-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header .profile :is(small, strong),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header .header-actions button {
  color: var(--business-hero-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header .header-actions button {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .app-shell:has(#screen-business.active) > .app-header .next-header-card-shortcut::after {
  border-color: var(--business-hero-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro {
  background: var(--business-hero-surface);
  color: var(--business-hero-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro::before {
  background: var(--business-hero-surface);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro::after {
  background: var(--business-hero-accent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro > p {
  color: var(--business-hero-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-page-intro > h1 {
  color: var(--business-hero-accent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-business-summary {
  border: 1px solid var(--business-summary-line);
  background: var(--business-summary-surface);
  color: var(--business-summary-ink);
  box-shadow: rgb(0 0 0 / 0.080) 0px 8px 22px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-business-summary > article {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-business-summary > .business-summary-sales {
  border-bottom: 1px solid var(--business-summary-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business .business-summary-cashflow::before {
  background: var(--business-summary-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-business-summary :is(small, span) {
  color: var(--business-summary-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business > .next-business-summary strong {
  color: var(--business-summary-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business .business-summary-sales .business-summary-icon {
  color: var(--business-hero-accent);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #screen-business .business-summary-cashflow strong.is-positive {
  color: var(--business-hero-accent);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #next-business-scf-entry {
  border: 1px solid var(--business-summary-line, var(--appearance-line));
  color: var(--business-summary-ink, var(--appearance-ink));
  background: var(--business-summary-surface, var(--appearance-surface));
  box-shadow: rgb(0 0 0 / 0.080) 0px 2px 12px;
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry > .business-scf-mark {
  border: 0px;
  color: var(--business-hero-accent, var(--appearance-green));
  background: var(--appearance-canvas);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-mark > svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-heading > strong {
  color: var(--business-summary-ink, var(--appearance-ink));
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-heading > small {
  color: var(--business-summary-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry > .business-scf-footer {
  border-top: 1px solid var(--business-summary-line, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-status {
  border: 0px;
  color: var(--biz-tag-ink, var(--appearance-muted));
  background: var(--biz-tag-surface, var(--appearance-canvas));
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-action {
  color: var(--business-hero-accent, var(--appearance-green));
}
:where(html[data-color-scheme="dark"]) #next-business-scf-entry .business-scf-action > svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #next-business-scf-entry:focus-visible {
  outline: 2px solid var(--business-hero-accent, var(--appearance-control));
}

/* scf-home-card.css */
:where(html[data-color-scheme="dark"]) .phone #next-home-scf-card {
  border: 1px solid var(--biz-line, var(--appearance-line));
  background: var(--biz-surface, var(--appearance-surface));
  color: var(--biz-ink, var(--appearance-ink));
  box-shadow: var(--biz-shadow-card, 0 2px 8px rgb(0 0 0 / 0.080));
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-mark {
  color: var(--appearance-ink);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-title {
  color: var(--biz-ink, var(--appearance-ink));
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card :is(.scf-card-buyer, .scf-card-metric-label, .scf-card-value > small, .scf-card-note) {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-steps {
  --scf-current-ink: var(--appearance-brand);
  --scf-current-surface: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-steps[data-current-tone="warning"] {
  --scf-current-ink: var(--appearance-amber);
  --scf-current-surface: var(--appearance-amber-soft);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-steps[data-current-tone="success"] {
  --scf-current-ink: var(--appearance-green);
  --scf-current-surface: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step:not(:last-child)::after {
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step-icon {
  border: 1px solid transparent;
  color: var(--appearance-muted);
  background: var(--appearance-canvas);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step.is-complete .scf-card-step-icon {
  color: var(--appearance-muted);
  background: var(--appearance-soft);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step.is-current {
  color: var(--scf-current-ink);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-step.is-current .scf-card-step-icon {
  color: var(--scf-current-ink);
  background: var(--scf-current-surface);
  border: 1.5px solid;
  box-shadow: 0 0 0 3px var(--scf-current-surface);
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card :is(.scf-card-mark, .scf-card-step-icon, .scf-card-action) > svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-footer {
  border-top: 1px solid var(--biz-line, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-status {
  border: 0px;
  color: var(--biz-muted, var(--appearance-muted));
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) #next-home-scf-card .scf-card-action {
  color: var(--appearance-brand, var(--appearance-brand));
}
:where(html[data-color-scheme="dark"]) .phone #next-home-scf-card:focus-visible {
  outline: 2px solid var(--biz-brand, var(--appearance-control));
}

/* login-personal.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning {
  --entry-ink: var(--biz-ink, var(--appearance-ink));
  --entry-muted: var(--biz-muted, var(--appearance-muted));
  --entry-icon: var(--biz-icon, var(--appearance-ink));
  --entry-brand: var(--biz-brand, var(--appearance-brand));
  --entry-surface: var(--biz-surface, var(--appearance-surface));
  --entry-line: var(--biz-line, var(--appearance-line));
  --entry-control-line: var(--biz-control-line, var(--appearance-line));
  --entry-shadow: var(--biz-shadow-card, var(--modern-shadow, 0 8px 24px rgb(0 0 0 / 0.080)));
  background: var(--biz-canvas, var(--appearance-canvas));
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-lockup strong {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-lockup small.theme-next-only {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-lockup > i {
  border: 1px solid var(--appearance-line);
  background: var(--entry-surface);
  box-shadow: var(--entry-shadow);
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-lockup > i svg {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-welcome-copy h1,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-welcome-copy h1 > .theme-next-only {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-welcome-copy h1 em {
  color: var(--appearance-brand);
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-personal-avatar {
  border: 0px;
  background: var(--biz-surface-soft, var(--appearance-canvas));
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-personal-context {
  border: 0px;
  background: transparent;
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-personal-context span {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-personal-context svg {
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-biometric-intro {
  border-block: 1px solid var(--entry-line);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-biometric-intro > span {
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-biometric-intro h2 {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-biometric-intro p {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning :is(#biometric-login-submit, #customer-login-submit) {
  border: 0px;
  color: #ffffff;
  background: var(--entry-brand);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #biometric-login-title {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #biometric-login-submit .biometric-login-mark {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning :is(#biometric-login-submit, #customer-login-submit) svg {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #use-password-login {
  border: 0px;
  background: transparent;
  box-shadow: none;
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #use-password-login strong {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning :is(.login-biometric-secure, .login-secure-note) {
  border: 0px;
  background: transparent;
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning :is(.login-biometric-secure, .login-secure-note) svg {
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .recognized-user-actions {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .recognized-user-actions button {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .customer-login-form {
  border: 1px solid var(--biz-card-line, var(--appearance-line));
  background: var(--entry-surface);
  box-shadow: var(--entry-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-form-heading strong {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-form-heading small {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #return-to-biometric-login {
  border: 1px solid var(--entry-control-line);
  background: var(--entry-surface);
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #return-to-biometric-login > span {
  border: 0px;
  background: transparent;
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #return-to-biometric-login b {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > span,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-password-heading > span {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div {
  border: 1px solid var(--entry-control-line);
  background: var(--entry-surface);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div > svg:first-child {
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field input {
  border: 0px;
  background: transparent;
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field input,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field input:focus,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div:focus-within {
  border-color: var(--entry-brand);
  box-shadow: 0 0 0 3px var(--biz-selected, rgb(0 0 0 / 0.550));
  outline: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning button:focus-visible {
  outline: 2px solid var(--entry-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > small {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .login-password-heading button {
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning #toggle-customer-password {
  color: var(--entry-icon);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .new-account-entry {
  border: 1px solid var(--entry-line);
  background: var(--biz-surface-soft, var(--appearance-canvas));
  box-shadow: var(--entry-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .new-account-entry strong.theme-next-only {
  color: var(--entry-ink);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .new-account-entry small {
  color: var(--entry-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen button.is-loading .button-loading-biometric {
  border: 0px;
  background: transparent;
  box-shadow: none;
}

/* scf-payout-card.css */
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-eligibility-hero.scf-payout-card {
  --scf-payout-ink: var(--appearance-green);
  --scf-payout-tint: var(--appearance-canvas);
  border: 1px solid var(--biz-line, var(--appearance-line));
  color: var(--biz-ink, var(--appearance-ink));
  background: var(--biz-surface, var(--appearance-surface));
  box-shadow: var(--biz-shadow-card, 0 2px 4px rgb(0 0 0 / 0.080), 0 8px 24px rgb(0 0 0 / 0.080));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-card .scf-payout-label {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-card .scf-payout-icon {
  color: var(--scf-payout-ink);
  background: var(--scf-payout-tint);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-icon svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-card .scf-payout-amount {
  color: var(--scf-payout-ink);
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-card .scf-payout-amount small {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-breakdown {
  border-top: 1px solid var(--biz-line, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-breakdown > div + div {
  border-inline-start: 1px solid var(--biz-line, var(--appearance-line));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-breakdown dt {
  color: var(--biz-muted, var(--appearance-muted));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-breakdown dd {
  color: var(--biz-ink, var(--appearance-ink));
}
:where(html[data-color-scheme="dark"]) .phone .scf-screen .scf-payout-breakdown small {
  color: var(--biz-muted, var(--appearance-muted));
}

/* field-focus.css */
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme {
  --field-border-color: var(--appearance-line);
  --field-focus-color: var(--appearance-brand);
  --field-focus-halo: rgb(0 86 245 / 10%);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap, .card-auth-expiry-control, .device-pin-fields input, .returning-login-step .field > div, .card-auth-sheet .field > div, .card-auth-sheet .card-auth-expiry-control):not(:focus-within),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div:not(:focus-within),
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div:not(:focus-within) {
  border-color: var(--field-border-color);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap, .card-auth-expiry-control, .returning-login-step .field > div, .card-auth-sheet .field > div, .card-auth-sheet .card-auth-expiry-control):focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div:focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div:focus-within {
  border-color: var(--field-focus-color);
  background: var(--biz-surface, var(--modern-surface));
  box-shadow: var(--field-focus-shadow);
  outline: none;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .amount-entry > div:focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .amount-entry > div:focus-within {
  box-shadow: inset 0 0 0 1px var(--field-focus-color),
    var(--field-focus-shadow);
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme .device-pin-fields input:is(:focus, :focus-visible) {
  border-color: var(--field-focus-color);
  box-shadow: var(--field-focus-shadow) !important;
  outline: none !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap, .card-auth-expiry-control, .amount-entry > div) :is(input, select, textarea):is(:focus, :focus-visible) {
  caret-color: var(--field-focus-accent);
  outline: none !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .returning-login-step .field > div):focus-within > svg:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div:focus-within > svg:first-child,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div:focus-within > svg:first-child {
  color: var(--field-focus-accent);
}
@media (forced-colors: active) {
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap, .card-auth-expiry-control, .device-pin-fields input, .amount-entry > div):focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #login-step-returning .field > div:focus-within,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme #new-financial-form .annual-activity-field > div:focus-within {
  outline: highlight solid 2px !important;
}
}

/* pwa.css */
:where(html[data-color-scheme="dark"]) dialog.pwa-install-guide {
  border: 0px;
  color: var(--biz-ink, var(--ink));
  background: var(--biz-surface, var(--paper));
  box-shadow: rgb(0 0 0 / 0.240) 0px 24px 80px;
}
:where(html[data-color-scheme="dark"]) .pwa-install-guide::backdrop {
  background: rgba(10, 18, 30, 0.46);
}
:where(html[data-color-scheme="dark"]) .pwa-install-guide button:focus-visible {
  outline: 2px solid var(--biz-focus, var(--appearance-control));
}
:where(html[data-color-scheme="dark"]) .pwa-install-close {
  border: 0px;
  color: var(--biz-muted, var(--muted));
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .pwa-install-close:hover {
  background: var(--biz-surface-soft, var(--soft));
}
:where(html[data-color-scheme="dark"]) .pwa-install-platform {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) #pwa-install-description {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .pwa-install-steps li::before {
  background: var(--biz-surface-soft, var(--soft));
}
:where(html[data-color-scheme="dark"]) .pwa-install-steps p {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .pwa-install-note {
  background: var(--biz-surface-soft, var(--soft));
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .pwa-install-actions button {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .pwa-install-primary {
  color: rgb(255, 255, 255);
  background: var(--biz-brand, #0056f5);
}
:where(html[data-color-scheme="dark"]) .pwa-install-dismiss {
  color: var(--biz-ink, var(--ink));
  background: var(--biz-surface-soft, var(--soft));
}

/* app-scroll.css */
:where(html[data-color-scheme="dark"]) .viewport-diagnostics {
  border: 1px solid var(--line);
}
:where(html[data-color-scheme="dark"]) .viewport-diagnostics p {
  color: var(--muted);
}
@media (max-width: 767px) {
html:where([data-color-scheme="dark"]),
html:where([data-color-scheme="dark"]) body,
html:where([data-color-scheme="dark"]) body.demo-mode,
html:where([data-color-scheme="dark"]) body .prototype-stage,
html:where([data-color-scheme="dark"]) body.demo-mode .prototype-stage {
  background: var(--app-viewport-canvas, var(--appearance-canvas));
}
:where(html[data-color-scheme="dark"]) .phone > .app-status-surface {
  background: var(--app-viewport-canvas, var(--appearance-canvas));
}
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme:has(#app-shell.active #screen-business.active) {
  background: var(--business-hero-surface);
}
}

/* app-list-dividers.css */
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined {
  --biz-divider-color: var(--appearance-subtle);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :where(.account-row, .space-row, .card-list-row, .recipient-row, .event-row, .transaction-list > article, .sheet-account-row, .management-list > button, .business-row-list > button, .connected-list > button, .route-options > button, .service-picker-row, .next-home-task-list > button, .next-home-activity-list > button, .next-connected-links > button, .next-more-group > div > button, .profile-menu-row, .profile-device-row, .recipient-group-destination, .attention-item, .transfer-help-list > article, .receive-method-guide > article, .receive-facts > article, .scf-role-steps > li, .scf-requirements li, .invoice-explainer li, .onboarding-map > article, .new-journey-map > article, .customer-operation-step:not([data-operation-scenario="system-error"]) .operation-issues > article, .identifiers-list > article, .detail-list > div, .destination-sheet-details > div, .registry-disclosure dl > div, .invoice-document > dl > div, .invoice-payment-receipt > dl > div, .scf-quote-card > dl > div, .scf-funded-details > div, .review-ticket dl > div, .deposit-option dl > div, .contract-summary dl > div, .invoice-decision > article) {
  border-bottom-color: transparent !important;
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined :where(.account-row, .space-row, .card-list-row, .recipient-row, .event-row, .transaction-list > article, .sheet-account-row, .management-list > button, .business-row-list > button, .connected-list > button, .route-options > button, .service-picker-row, .next-home-task-list > button, .next-home-activity-list > button, .next-connected-links > button, .next-more-group > div > button, .profile-menu-row, .profile-device-row, .recipient-group-destination, .attention-item, .transfer-help-list > article, .receive-method-guide > article, .receive-facts > article, .scf-role-steps > li, .scf-requirements li, .invoice-explainer li, .onboarding-map > article, .new-journey-map > article, .customer-operation-step:not([data-operation-scenario="system-error"]) .operation-issues > article, .identifiers-list > article, .detail-list > div, .destination-sheet-details > div, .registry-disclosure dl > div, .invoice-document > dl > div, .invoice-payment-receipt > dl > div, .scf-quote-card > dl > div, .scf-funded-details > div, .review-ticket dl > div, .deposit-option dl > div, .contract-summary dl > div, .invoice-decision > article):not([hidden]):has(~ :not([hidden]))::after {
  background: var(--biz-divider-color);
}
:where(html[data-color-scheme="dark"]) .phone.app-theme-refined .next-home-activity-list {
  border-top-color: transparent;
}

/* app-list-groups.css */
:where(html[data-color-scheme="dark"]) .phone {
  --app-list-surface: var(--biz-surface, var(--modern-surface, var(--paper, var(--appearance-surface))));
  --app-list-border: var(--biz-card-line, var(--modern-border, var(--line, var(--appearance-line))));
  --app-list-shadow: var(--biz-shadow-card, 0 5px 16px rgb(0 0 0 / 0.080));
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.account-activity-list, .statement-transactions, .recipient-list.grouped-recipient-list, .event-group, .transaction-group, .recipient-group, .next-home-activity) {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.row-list, .event-group > .event-list, .management-list, .cards-list, .detail-list, .attention-list, .recipient-list:not(.grouped-recipient-list), .recipient-group-destinations, .sheet-account-list, .business-row-list, .identifiers-list, .destination-sheet-details, .connected-list, .route-options, .service-picker, .transfer-help-list, .next-home-task-list, .next-home-activity-list, .next-connected-links, .next-more-group > div, .profile-menu-card, .profile-device-list) {
  border: 1px solid var(--app-list-border);
  background: var(--app-list-surface);
  box-shadow: var(--app-list-shadow);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.event-group > header, .transaction-group > header, .recipient-group-header, .section-header, .next-home-section-header, .service-list-section > header, .next-destination-section > header, .next-more-group > header, .profile-section > header) {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.recipient-heading, .contacts-summary) {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="rose"] {
  --contact-ink: var(--appearance-red);
  --contact-soft: var(--appearance-canvas);
  --contact-night: var(--appearance-purple);
  --contact-bright: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="blue"] {
  --contact-ink: var(--appearance-brand);
  --contact-soft: var(--appearance-canvas);
  --contact-night: var(--appearance-brand);
  --contact-bright: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="teal"] {
  --contact-ink: var(--appearance-green);
  --contact-soft: var(--appearance-soft);
  --contact-night: var(--appearance-green);
  --contact-bright: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="violet"] {
  --contact-ink: var(--appearance-purple);
  --contact-soft: var(--appearance-canvas);
  --contact-night: var(--appearance-purple);
  --contact-bright: var(--appearance-purple);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="amber"] {
  --contact-ink: var(--appearance-amber);
  --contact-soft: var(--appearance-amber-soft);
  --contact-night: var(--appearance-amber);
  --contact-bright: var(--appearance-amber);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] .contact-avatar[data-avatar-tone="coral"] {
  --contact-ink: var(--appearance-red);
  --contact-soft: var(--appearance-canvas);
  --contact-night: var(--appearance-red);
  --contact-bright: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.recipient-group-header, .recipient-row) .avatar.contact-avatar {
  border: 0px;
  color: var(--contact-ink);
  background: var(--contact-soft);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) :where(html[data-color-scheme="dark"]) .phone[data-app-theme] :is(.recipient-group-header, .recipient-row) .avatar.contact-avatar {
  color: var(--contact-bright);
  background: var(--contact-night);
}

/* info-boxes.css */
:where(html[data-color-scheme="dark"]) .biz-info-box {
  --info-box-ink: var(--appearance-ink);
  --info-box-copy: var(--appearance-brand);
  --info-box-surface: var(--appearance-canvas);
  --info-box-icon-surface: var(--appearance-blue-soft);
  --info-box-icon-ink: var(--appearance-brand);
  --info-box-link: var(--appearance-brand);
  border: 0px !important;
  box-shadow: none !important;
  background: var(--info-box-surface) !important;
  color: var(--info-box-copy) !important;
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .biz-info-box {
  --info-box-ink: #edf2f8;
  --info-box-copy: var(--appearance-brand);
  --info-box-surface: var(--appearance-blue-soft);
  --info-box-icon-surface: var(--appearance-blue-soft);
  --info-box-icon-ink: var(--appearance-brand);
  --info-box-link: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .biz-info-box > .biz-info-icon {
  border: 0px !important;
  box-shadow: none !important;
  background: var(--info-box-icon-surface) !important;
  color: var(--info-box-icon-ink) !important;
}
:where(html[data-color-scheme="dark"]) .biz-info-box > svg.biz-info-icon,
:where(html[data-color-scheme="dark"]) .biz-info-box > .biz-info-icon > svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .biz-info-box > .biz-info-icon > svg {
  border: 0px !important;
  background: transparent !important;
  color: inherit !important;
}
:where(html[data-color-scheme="dark"]) .biz-info-box > .biz-info-content,
:where(html[data-color-scheme="dark"]) .phone.next-ui-theme.app-theme-refined .biz-info-box > .biz-info-content,
:where(html[data-color-scheme="dark"]) .biz-info-box > .biz-info-content > :is(p, small, span) {
  border: 0px !important;
  background: transparent !important;
  color: var(--info-box-copy) !important;
}
:where(html[data-color-scheme="dark"]) .biz-info-box .biz-info-content > strong {
  color: var(--info-box-ink) !important;
}
:where(html[data-color-scheme="dark"]) .biz-info-box .biz-info-content :is(button, a) {
  border: 0px !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--info-box-link) !important;
}
:where(html[data-color-scheme="dark"]) .biz-info-box .biz-info-content :is(button, a) > svg {
  fill: none;
  stroke: currentcolor;
}

/* account-card-details.css */
:where(html[data-color-scheme="dark"]) .phone .detail-page {
  --detail-surface: var(--biz-surface, var(--paper, var(--appearance-surface)));
  --detail-soft: var(--biz-surface-soft, var(--soft, var(--appearance-canvas)));
  --detail-ink: var(--biz-ink, var(--ink, var(--appearance-brand)));
  --detail-muted: var(--biz-muted, var(--muted, var(--appearance-muted)));
  --detail-line: var(--biz-line, var(--line, var(--appearance-line)));
  --detail-primary: var(--biz-brand, var(--appearance-brand));
  --detail-selected: var(--biz-selected, var(--appearance-canvas));
  --detail-success: var(--biz-success, var(--appearance-green));
  --detail-success-soft: var(--biz-success-soft, var(--appearance-canvas));
  --detail-danger: var(--biz-danger, var(--appearance-red));
  color: var(--detail-ink);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-header > button {
  color: var(--detail-muted);
  border: 0px;
  background: transparent;
  box-shadow: none;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-page-caption {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-surface {
  background: var(--detail-surface);
  border: 1px solid var(--detail-line);
  box-shadow: rgb(0 0 0 / 0.080) 0px 4px 18px;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-caption {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-status {
  color: var(--detail-success);
  background: var(--detail-success-soft);
  border: 0px;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-status::before {
  background: currentcolor;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-status.is-frozen {
  color: var(--biz-info, var(--appearance-brand));
  background: var(--detail-selected);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-status.is-limited {
  color: var(--biz-warning, var(--appearance-amber));
  background: var(--biz-warning-soft, var(--appearance-canvas));
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-balance-label {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-icon-button {
  border: 0px;
  color: var(--detail-muted);
  background: transparent;
  box-shadow: none;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-icon-button:hover {
  background: var(--detail-soft);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-balance-amount strong {
  color: var(--detail-ink);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-balance-amount > span {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-number-row {
  border-top: 1px solid var(--detail-line);
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-number-row bdi {
  color: var(--detail-ink);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-button {
  border: 1px solid var(--detail-line);
  background: var(--detail-surface);
  color: var(--detail-ink);
  box-shadow: none;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-primary {
  border-color: var(--detail-primary);
  background: var(--detail-primary);
  color: rgb(255, 255, 255);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-row {
  border: 0px;
  background: transparent;
  color: var(--detail-ink);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-row > svg {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-thumb {
  border: 1px solid var(--detail-line);
  background: var(--bank-card-art) center / cover no-repeat;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-row-copy small {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-linked-card small[data-card-status="active"] {
  color: var(--detail-success);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-chevron {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-section {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-section > h2 {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-row-list .detail-row + .detail-row {
  border-top: 1px solid var(--detail-line);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-risk {
  border-top: var(--biz-divider-thickness) solid var(--detail-line);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-blocked-row {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone #screen-card-detail #card-hero .detail-card-label {
  color: var(--bank-card-ink);
}
html:where([data-color-scheme="dark"]) body .phone #screen-card-detail #card-hero #card-detail-number-toggle {
  color: var(--bank-card-ink);
}
html:where([data-color-scheme="dark"]) body .phone #screen-card-detail #card-hero #card-detail-number-toggle:hover {
  background: color-mix(in srgb, var(--appearance-surface) 15.00%, transparent);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-info-header {
  border-bottom: 1px solid var(--detail-line);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-icon-well {
  background: var(--detail-soft);
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-info-title p {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-account-link bdi {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-controls > button {
  border: 1px solid var(--detail-line);
  background: var(--detail-surface);
  color: var(--detail-ink);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-controls svg {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-card-controls small {
  color: var(--detail-muted);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-confirm {
  color: var(--detail-ink);
  background: var(--detail-surface);
  border: 1px solid var(--detail-line);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-confirm::backdrop {
  background: rgba(12, 22, 36, 0.45);
}
html:where([data-color-scheme="dark"]) body .phone .detail-page .detail-confirm p {
  color: var(--detail-muted);
}

/* toast.css */
:where(html[data-color-scheme="dark"]) #toast.typed-toast {
  --toast-accent: var(--appearance-brand);
  --toast-surface: var(--appearance-surface);
  --toast-ink: var(--appearance-brand);
  --toast-muted: var(--appearance-brand);
  --toast-glass-highlight: #ffffffcc;
  border: 1px solid color-mix(in srgb, var(--appearance-line) 70.00%, transparent);
  background-image: linear-gradient(125deg, color-mix(in srgb, var(--appearance-surface) 15.00%, transparent), rgba(255, 255, 255, 0) 65%);
  color: var(--toast-ink);
  box-shadow: inset 0 1px 0 var(--toast-glass-highlight), 0 10px 28px rgb(0 0 0 / 0.122), 0 2px 6px rgb(0 0 0 / 0.080);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast::before {
  background: var(--toast-accent);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast[data-toast-type="warning"] {
  --toast-accent: var(--appearance-amber);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast[data-toast-type="success"] {
  --toast-accent: var(--appearance-green);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast[data-toast-type="error"] {
  --toast-accent: var(--appearance-red);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast:focus-visible {
  outline: 2px solid var(--toast-accent);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast .toast-icon {
  background: var(--toast-accent);
  color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 0.190) 0px 1px 0px inset, rgb(0 0 0 / 0.080) 0px 3px 8px;
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast .toast-title {
  color: var(--toast-ink);
}
:where(html[data-color-scheme="dark"]) #toast.typed-toast .toast-subtitle {
  color: var(--toast-muted);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] #toast.typed-toast {
  --toast-surface: var(--appearance-blue-soft);
  --toast-ink: #edf2f8;
  --toast-muted: var(--appearance-brand);
  --toast-glass-highlight: #ffffff20;
  background-image: linear-gradient(125deg, color-mix(in srgb, var(--appearance-surface) 5.00%, transparent), rgba(255, 255, 255, 0) 65%);
  border-color: color-mix(in srgb, var(--appearance-line) 14.00%, transparent);
  box-shadow: inset 0 1px 0 var(--toast-glass-highlight), 0 12px 32px rgb(0 0 0 / 0.400);
}

/* login-bottom-sheet.css */
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] {
  --sheet-paper: var(--appearance-surface);
  --sheet-ink: var(--appearance-brand);
  --sheet-muted: var(--appearance-muted);
  --sheet-line: var(--appearance-line);
  --sheet-field: #f5f7fb;
  --sheet-blue: var(--appearance-brand);
  --sheet-biometric-surface: var(--appearance-canvas);
  --sheet-return-surface: var(--appearance-canvas);
  --sheet-return-ink: var(--appearance-muted);
  --sheet-biometric-ink: var(--appearance-brand);
  --entry-icon: var(--appearance-brand);
  color: var(--sheet-ink);
  background: linear-gradient(155deg, rgb(6, 55, 129), rgb(16, 69, 189) 48%, rgb(19, 45, 131)) rgb(8, 56, 165);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-aura::before {
  background: radial-gradient(ellipse at var(--aura-a-center-0, 85% 22%), #22c3d0a6, transparent 48%), radial-gradient(ellipse at var(--aura-a-center-1, 15% 62%), #227fffad, transparent 52%);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-aura::after {
  background: radial-gradient(ellipse at var(--aura-b-center-0, 12% 22%), color-mix(in srgb, var(--appearance-blue-soft) 47.84%, transparent), transparent 45%), radial-gradient(ellipse at var(--aura-b-center-1, 78% 80%), #5268f0a3, transparent 48%);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-lockup {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-symbol {
  fill: rgb(255, 255, 255);
  stroke: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-hero-avatar {
  background: var(--appearance-surface);
  color: var(--appearance-brand);
  box-shadow: rgb(0 0 0 / 0.280) 0px 16px 32px, rgb(0 0 0 / 0.160) 0px 4px 12px !important;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-hero-name {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-hero-identifier {
  color: rgb(225, 237, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-wing.first {
  fill: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-wing.second {
  fill: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-name {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-tagline {
  color: rgb(225, 237, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-brand-tagline strong {
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-open {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 27.00%, transparent);
  background: color-mix(in srgb, var(--appearance-surface) 9.00%, transparent);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-entry-sheet {
  border: 0px;
  background: var(--sheet-paper);
  box-shadow: rgb(0 0 0 / 0.125) 0px -12px 48px;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-handle {
  border: 0px;
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-handle span {
  background: var(--sheet-line);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-heading h2 {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-heading p {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp {
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .login-topbar > button {
  background: var(--sheet-field);
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .otp-heading h2 {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .otp-heading p {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .otp-mobile {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .otp-form > small {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .otp-form > .primary-button {
  background: var(--sheet-blue);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .resend-row {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .resend-row > button {
  color: var(--sheet-blue);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp .resend-row > button:disabled {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-otp #otp-alternative {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .customer-login-form {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login {
  border: 0px;
  background: var(--sheet-return-surface);
  color: var(--sheet-return-ink);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login > span {
  border: 0px;
  background: transparent;
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login svg {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login b {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login:hover {
  background: color-mix(in srgb, var(--sheet-ink) 4%, var(--sheet-return-surface));
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #return-to-biometric-login:active {
  background: color-mix(in srgb, var(--sheet-ink) 8%, var(--sheet-return-surface));
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] :is(#customer-login-submit, #biometric-login-submit) {
  border: 0px;
  background: var(--sheet-blue);
  color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 0.100) 0px 6px 14px;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #customer-login-submit span {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .new-account-entry {
  border: 0px;
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding {
  border: 1px solid color-mix(in srgb, var(--sheet-biometric-ink) 14%, transparent);
  background: var(--sheet-paper);
  color: var(--sheet-ink);
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding .login-signup-icon {
  background: var(--sheet-paper);
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding .login-signup-copy strong {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding .login-signup-copy small {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding:hover {
  background: color-mix(in srgb, var(--sheet-ink) 3%, var(--sheet-paper));
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #start-onboarding:active {
  background: color-mix(in srgb, var(--sheet-ink) 6%, var(--sheet-paper));
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet][data-auth-view="biometric"] .login-welcome-copy {
  border: 1px solid color-mix(in srgb, var(--sheet-biometric-ink) 12%, var(--sheet-paper));
  background: var(--sheet-paper);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--sheet-blue) 4%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #returning-title {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-context {
  border: 1px solid color-mix(in srgb, var(--sheet-biometric-ink) 12%, var(--sheet-paper));
  background: var(--sheet-paper);
  box-shadow: none;
  color: var(--sheet-biometric-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-business {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-context .login-account-switch-label {
  color: var(--sheet-biometric-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-context svg {
  color: var(--sheet-biometric-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-context:hover {
  background: var(--sheet-biometric-surface);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #login-personal-context:active {
  background: color-mix(in srgb, var(--sheet-biometric-ink) 10%, var(--sheet-paper));
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-biometric-intro {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-biometric-intro > span {
  border: 1px solid color-mix(in srgb, var(--sheet-biometric-ink) 14%, transparent);
  background: var(--sheet-biometric-surface);
  box-shadow: 0 0 0 8px color-mix(in srgb, var(--sheet-biometric-surface) 45%, transparent);
  color: var(--sheet-biometric-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-biometric-intro h2 {
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-biometric-intro p {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #use-password-login {
  border: 1px solid var(--sheet-line);
  background: var(--sheet-paper);
  box-shadow: none;
  color: var(--sheet-ink);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #use-password-login > svg:first-child {
  color: var(--sheet-muted);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #use-password-login strong {
  color: inherit;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] #use-password-login:hover {
  background: var(--sheet-field);
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .recognized-user-actions {
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 1px solid var(--sheet-line);
  background: transparent;
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] button:focus-visible {
  outline: var(--appearance-control) solid 3px;
}
:where(html[data-color-scheme="dark"]) .phone #login-screen #login-step-returning[data-login-sheet] .login-sheet-heading h2:focus {
  outline: none;
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone #login-screen #login-step-returning[data-login-sheet] {
  --sheet-paper: var(--appearance-blue-soft);
  --sheet-ink: #edf3ff;
  --sheet-muted: var(--appearance-brand);
  --sheet-line: var(--appearance-control);
  --sheet-field: var(--appearance-brand);
  --sheet-blue: var(--appearance-brand);
  --sheet-biometric-surface: var(--appearance-blue-soft);
  --sheet-return-surface: var(--appearance-raised);
  --sheet-return-ink: var(--appearance-subtle);
  --sheet-biometric-ink: var(--appearance-brand);
  background-color: rgb(8, 35, 89);
  background-image: linear-gradient(155deg, rgb(7, 27, 61), rgb(16, 56, 120) 48%, rgb(17, 30, 80));
}
@media (max-width: 767px) {
:where(html[data-color-scheme="dark"]) .phone:has(#login-screen.visible #login-step-returning:is(.active, [data-sheet-view="otp"])[data-login-sheet]) {
  --app-chrome-color: var(--appearance-brand);
  background: var(--app-chrome-color);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone:has(#login-screen.visible #login-step-returning:is(.active, [data-sheet-view="otp"])[data-login-sheet]) {
  --app-chrome-color: var(--appearance-brand);
}
html:where([data-color-scheme="dark"]).app-keyboard-open .phone:has(#login-screen.visible #login-step-returning:is(.active, [data-sheet-view="otp"])[data-login-sheet]) {
  --app-chrome-color: #fff;
}
html:where([data-color-scheme="dark"]).app-keyboard-open[data-color-scheme="dark"] .phone:has(#login-screen.visible #login-step-returning:is(.active, [data-sheet-view="otp"])[data-login-sheet]) {
  --app-chrome-color: var(--appearance-brand);
}
html:where([data-color-scheme="dark"]).app-keyboard-open .phone #login-screen #login-step-returning[data-login-sheet] {
  background: var(--sheet-paper);
}
}

/* otp-input.css */
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input] {
  border: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:where([data-color-scheme="dark"]) body .phone.next-ui-theme .otp-input-wrap[data-otp-input]:focus-within,
html:where([data-color-scheme="dark"]) body .phone .otp-input-wrap[data-otp-input]:focus-within {
  border: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0px !important;
}
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input] > .otp-digit {
  outline: 0px;
  color: var(--ui-ink, var(--appearance-ink));
  caret-color: var(--ui-focus, var(--appearance-brand));
  border: var(--ui-field-stroke, 1px) solid var(--ui-field-line, var(--appearance-line)) !important;
  background: var(--ui-field-fill, var(--appearance-canvas)) !important;
  box-shadow: none !important;
}
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input] > .otp-digit:focus {
  border-color: var(--ui-focus, var(--appearance-control)) !important;
  box-shadow: 0 0 0 2px var(--ui-focus, rgb(0 0 0 / 0.550)), 0 0 0 5px var(--ui-focus-halo, rgb(0 0 0 / 0.100)) !important;
}
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input].is-invalid > .otp-digit {
  border-color: var(--biz-danger, var(--appearance-control)) !important;
}
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input].is-invalid > .otp-digit:focus {
  box-shadow: 0 0 0 2px var(--biz-danger, rgb(0 0 0 / 0.550)), 0 0 0 5px color-mix(in srgb, var(--biz-danger, rgb(0 0 0 / 0.550)) 12%, transparent) !important;
}
@media (forced-colors: active) {
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input] > .otp-digit {
  border: 1px solid canvastext !important;
}
:where(html[data-color-scheme="dark"]) .phone .otp-input-wrap[data-otp-input] > .otp-digit:focus {
  outline: highlight solid 2px;
}
}

/* notifications.css */
:where(html[data-color-scheme="dark"]) .phone {
  --notification-unread: var(--biz-brand, var(--modern-primary, var(--appearance-brand)));
}
html:where([data-color-scheme="dark"]) body .phone .focused-header > button.biz-header-text-action.notification-mark-all:last-child:not(:first-child) {
  border: 1px solid color-mix(in srgb, var(--appearance-line) 32.00%, transparent) !important;
  color: rgb(255, 255, 255) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--appearance-surface) 28.00%, transparent), transparent 58%),
    color-mix(in srgb, var(--biz-brand, var(--modern-primary, #0056f5)) 88%, transparent) !important;
  box-shadow: inset 0 1px 0 rgb(0 0 0 / 0.380),
    0 6px 18px color-mix(in srgb, var(--biz-brand, var(--modern-primary, rgb(0 0 0 / 0.550))) 24%, transparent) !important;
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] body .phone .focused-header > button.biz-header-text-action.notification-mark-all:last-child:not(:first-child) {
  border-color: color-mix(in srgb, var(--appearance-line) 18.00%, transparent) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--appearance-surface) 20.00%, transparent), transparent 58%),
    color-mix(in srgb, var(--biz-brand, var(--modern-primary, #0056f5)) 82%, transparent) !important;
  box-shadow: rgb(0 0 0 / 0.240) 0px 1px 0px inset, rgb(0 0 0 / 0.180) 0px 6px 18px !important;
}
:where(html[data-color-scheme="dark"]) .phone .notification-mark-all > svg {
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone .notification-group > header h2 {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-group > header span {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .phone .notification-list {
  border: 1px solid var(--biz-card-line, var(--line));
  background: var(--biz-surface, var(--paper));
  box-shadow: var(--biz-shadow-card, none);
}
:where(html[data-color-scheme="dark"]) .phone .notification-item {
  border: 0px;
  color: var(--biz-ink, var(--ink));
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone .notification-item + .notification-item::before {
  background: var(--biz-line, var(--line));
}
:where(html[data-color-scheme="dark"]) .phone .notification-item.is-unread {
  background: transparent;
}
:where(html[data-color-scheme="dark"]) .phone .notification-time {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .phone .notification-copy strong {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-copy small {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .phone .notification-unread-dot {
  background: var(--notification-unread);
}
:where(html[data-color-scheme="dark"]) .phone .notification-meta svg {
  color: var(--biz-muted, var(--muted));
  fill: none;
  stroke: currentcolor;
}
:where(html[data-color-scheme="dark"]) .phone .notification-empty {
  color: var(--biz-muted, var(--muted));
  background: var(--biz-surface, var(--paper));
}
:where(html[data-color-scheme="dark"]) .phone .notification-empty .biz-icon-tile {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .phone .notification-empty h2 {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-sheet {
  border-top: 0px;
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-sheet > header small {
  color: var(--appearance-brand, var(--appearance-brand));
  background: color-mix(in srgb, var(--biz-brand, var(--modern-primary)) 9%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-sheet > header h2 {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-summary {
  border: 1px solid var(--biz-card-line, var(--line));
  background: var(--biz-surface, var(--paper, var(--appearance-surface)));
  box-shadow: none;
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-summary .biz-icon-tile {
  box-shadow: color-mix(in srgb, currentcolor 10%, transparent 90%) 0px 8px 20px;
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-summary time {
  color: var(--biz-ink, var(--ink));
  background: color-mix(in srgb, var(--biz-surface, var(--paper)) 76%, transparent);
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-summary p {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-context {
  border: 1px solid color-mix(in srgb, var(--biz-brand, var(--modern-primary)) 12%, var(--biz-card-line, var(--line)));
  background: color-mix(in srgb, var(--biz-brand, var(--modern-primary)) 4%, var(--biz-surface, var(--paper)));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-context::before {
  background: var(--biz-brand, var(--modern-primary));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-context strong {
  color: var(--biz-ink, var(--ink));
}
:where(html[data-color-scheme="dark"]) .phone .notification-detail-context p {
  color: var(--biz-muted, var(--muted));
}
:where(html[data-color-scheme="dark"]) .phone .header-notification-badge {
  border: 2px solid var(--biz-surface, var(--appearance-line));
  color: rgb(255, 255, 255);
  background: rgb(210, 52, 69);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone .notification-list,
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone .notification-empty,
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone .notification-detail-summary {
  border-color: transparent;
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .phone .header-notification-badge {
  border-color: var(--biz-surface, var(--appearance-control));
  background: rgb(210, 52, 69);
  color: rgb(255, 255, 255);
}
:where(html[data-color-scheme="dark"]) .phone[data-app-theme="soft-precise"] .notification-list {
  border-color: transparent;
}
@media (forced-colors: active) {
:where(html[data-color-scheme="dark"]) .phone .notification-list {
  border: 1px solid canvastext;
}
:where(html[data-color-scheme="dark"]) .phone .notification-unread-dot {
  background: highlight;
}
}

/* control-center.css */
html:where([data-color-scheme="dark"])[data-control-center="admin"] body {
  background: var(--surface,var(--appearance-surface));
}
html:where([data-color-scheme="dark"])[data-control-center="admin"] .scenario-control {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .nova-palette-control {
  background: var(--appearance-canvas);
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .nova-palette-control :is(small, p) {
  color: var(--appearance-muted);
}
:where(html[data-color-scheme="dark"]) .nova-palette-mode select {
  border: 1px solid var(--appearance-line);
  color: inherit;
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .nova-palette-control fieldset {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .nova-colour-input input[type="color"] {
  border: 1px solid var(--appearance-line);
  background: var(--appearance-surface);
}
:where(html[data-color-scheme="dark"]) .nova-colour-input input::-webkit-color-swatch {
  border: 0px;
}
:where(html[data-color-scheme="dark"]) .nova-palette-control button {
  border: 0px;
  background: var(--appearance-canvas);
  color: var(--appearance-brand);
}
:where(html[data-color-scheme="dark"]) .nova-palette-control :is(input, select, button):focus-visible {
  outline: var(--appearance-control) solid 2px;
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .nova-palette-control {
  background: var(--appearance-raised);
  color: rgb(242, 243, 245);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .nova-palette-control :is(small, p) {
  color: var(--appearance-subtle);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .nova-palette-control :is(select, input[type="color"]) {
  background: var(--appearance-raised);
  border-color: var(--appearance-line);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .nova-palette-control button {
  background: var(--appearance-blue-soft);
  color: var(--appearance-brand);
}
html:where([data-color-scheme="dark"])[data-color-scheme="dark"] .nova-palette-control :is(input, select, button):focus-visible {
  outline-color: var(--appearance-line);
}