:root {
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--title-size: 2.125rem;
	--body-size: 1.0625rem;
	--caption-size: 0.8125rem;
	/* iOS motion */
	--ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
	--ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-pop: cubic-bezier(0.34, 1.4, 0.64, 1);
	--dur-fast: 0.18s;
	--dur-base: 0.32s;
	--dur-slow: 0.42s;

	/* Fallback até o phone injetar data-theme (evita tema hardcoded brigando) */
	--phone-color-primary: #0a0a0a;
	--phone-text-primary: #f2f2f7;
	--phone-text-secondary: #8e8e93;
	--phone-color-blue: #0a84ff;
	--phone-color-green: #30d158;
	--phone-color-red: #ff453a;
	--phone-color-border: #96969633;
	--phone-color-highlight3: #2c2c2e;
	--app-bg: #0a0a0a;
	--app-secondary: #222222;
	--numpad-bg: rgba(20, 20, 22, 0.55);
	--numpad-key: rgba(255, 255, 255, 0.22);
	--numpad-key-hover: rgba(110, 110, 116, 0.58);
	--numpad-key-active: rgba(55, 55, 58, 0.88);
	--tabbar-bg: rgba(28, 28, 30, 0.82);
	--tabbar-border: rgba(84, 84, 88, 0.55);
	--tab-inactive: #8e8e93;
	--safe-bottom: 1.1rem;
	--tabbar-height: 5.55rem;
	--status-ok-bg: rgba(48, 209, 88, 0.18);
	--status-ok-fg: #30d158;
	color-scheme: dark;
}

html[data-theme="light"],
body[data-theme="light"],
.wallet-app-container[data-theme="light"] {
	--phone-color-primary: #f0f0f0;
	--phone-text-primary: #000000;
	--phone-text-secondary: #8e8e93;
	--phone-color-blue: #007aff;
	--phone-color-green: #34c759;
	--phone-color-red: #ff3b30;
	--phone-color-border: #c8c8c866;
	--phone-color-highlight3: #d6d6d6;
	--app-bg: #e0e0e0;
	--app-secondary: #f0f0f0;
	--numpad-bg: rgba(209, 211, 217, 0.72);
	--numpad-key: rgba(255, 255, 255, 0.72);
	--numpad-key-hover: rgba(198, 200, 206, 0.82);
	--numpad-key-active: rgba(160, 162, 168, 0.95);
	--tabbar-bg: rgba(249, 249, 249, 0.82);
	--tabbar-border: rgba(60, 60, 67, 0.18);
	--tab-inactive: #999999;
	--safe-bottom: 1.1rem;
	--tabbar-height: 5.55rem;
	--status-ok-bg: rgba(52, 199, 89, 0.14);
	--status-ok-fg: #1b7a36;
	color-scheme: light;
}

html[data-theme="dark"],
body[data-theme="dark"],
.wallet-app-container[data-theme="dark"],
[data-theme="dark"] {
	--phone-color-primary: #0a0a0a;
	--phone-text-primary: #f2f2f7;
	--phone-text-secondary: #8e8e93;
	--phone-color-blue: #0a84ff;
	--phone-color-green: #30d158;
	--phone-color-red: #ff453a;
	--phone-color-border: #96969633;
	--phone-color-highlight3: #2c2c2e;
	--app-bg: #0a0a0a;
	--app-secondary: #222222;
	--numpad-bg: rgba(20, 20, 22, 0.55);
	--numpad-key: rgba(255, 255, 255, 0.22);
	--numpad-key-hover: rgba(110, 110, 116, 0.58);
	--numpad-key-active: rgba(55, 55, 58, 0.88);
	--tabbar-bg: rgba(28, 28, 30, 0.82);
	--tabbar-border: rgba(84, 84, 88, 0.55);
	--tab-inactive: #8e8e93;
	--safe-bottom: 1.1rem;
	--tabbar-height: 5.55rem;
	--status-ok-bg: rgba(48, 209, 88, 0.18);
	--status-ok-fg: #30d158;
	color-scheme: dark;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent !important;
	user-select: none;
}

*:focus,
*:focus-visible,
*:active {
	outline: none !important;
	outline-offset: 0 !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0 !important;
}

html,
body {
	width: 100%;
	height: 100%;
	background: transparent;
	overflow: hidden;
}

html {
	/* Escala estável do iframe do lb-phone (evita rem estourar ao trocar tema) */
	font-size: calc((1vh + 1vw) * 1.214);
}

html.in-phone,
body.in-phone {
	background: var(--app-bg);
}

.hidden {
	display: none !important;
}

.wallet-app-container {
	background-color: var(--app-bg);
	flex-direction: column;
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
}

/* ---------- TAB SHELL ---------- */
.wallet-app-container .tab-views {
	position: absolute;
	inset: 0 0 var(--tabbar-height) 0;
	overflow: hidden;
	background: var(--app-bg);
}

.wallet-app-container .tab-view {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, 0, 0);
	background: var(--app-bg);
	z-index: 0;
	will-change: transform, opacity;
}

.wallet-app-container .tab-view.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	z-index: 1;
}

.wallet-app-container .tab-view.is-enter-right {
	z-index: 2;
	animation: walletTabEnterRight var(--dur-base) var(--ease-ios) both;
}

.wallet-app-container .tab-view.is-enter-left {
	z-index: 2;
	animation: walletTabEnterLeft var(--dur-base) var(--ease-ios) both;
}

.wallet-app-container .tab-view.is-exit-left {
	z-index: 0;
	pointer-events: none;
	animation: walletTabExitLeft var(--dur-base) var(--ease-ios) both;
}

.wallet-app-container .tab-view.is-exit-right {
	z-index: 0;
	pointer-events: none;
	animation: walletTabExitRight var(--dur-base) var(--ease-ios) both;
}

.wallet-app-container .tabbar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	padding: 0.45rem 0.35rem calc(0.45rem + var(--safe-bottom));
	background: var(--tabbar-bg);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-top: 0.5px solid var(--tabbar-border);
	transition: opacity 0.18s ease, visibility 0.18s ease;
}

.wallet-app-container.is-overlay-open .tabbar {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.wallet-app-container .tab {
	border: none;
	outline: none;
	background: transparent;
	color: var(--tab-inactive);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.12rem;
	font-size: 0.75rem;
	font-weight: 500;
	min-width: 4.25rem;
	cursor: pointer;
	padding: 0.15rem 0.35rem;
	transition: color 0.15s ease, transform 0.12s ease;
}

.wallet-app-container .tab:active {
	transform: scale(0.94);
}

.wallet-app-container .tab .tab-icon {
	width: 1.55rem;
	height: 1.55rem;
	fill: currentColor;
}

.wallet-app-container .tab.is-active {
	color: var(--phone-color-blue);
}

/* ---------- VIEWS / SLIDE ---------- */
.wallet-app-container .overview {
	position: relative;
	width: 100%;
	height: 100%;
	flex-direction: column;
	gap: 1.1rem;
	max-height: 100%;
	padding: 3.85rem 1rem 1.25rem;
	display: flex;
	overflow: hidden;
	z-index: 1;
	background-color: var(--app-bg);
	transform: none;
	transition: transform var(--dur-base) var(--ease-ios), opacity var(--dur-base) var(--ease-ios);
}

.wallet-app-container .send-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	transition: transform var(--dur-base) var(--ease-ios), opacity var(--dur-base) var(--ease-ios);
	will-change: transform, opacity;
}

.wallet-app-container .overview.is-active {
	display: flex;
	transform: translateX(0);
}

.wallet-app-container .overview.is-exit-left {
	display: flex;
	transform: translate3d(-28%, 0, 0);
	opacity: 0.92;
}

.wallet-app-container .overview.is-exit-right {
	display: flex;
	transform: translate3d(100%, 0, 0);
	opacity: 0.96;
}

.wallet-app-container .overview.is-enter-left {
	display: flex;
	transform: translateX(0);
	animation: walletSlideFromLeft 0.32s cubic-bezier(0.32, 0.72, 0, 1);
}

.wallet-app-container .overview::-webkit-scrollbar {
	display: none;
}

.wallet-app-container .overview .wallet-header {
	flex-direction: column;
	gap: 0.5rem;
	display: flex;
	flex-shrink: 0;
}

.wallet-app-container .overview .wallet-header .title {
	color: var(--phone-text-primary);
	font-size: var(--title-size);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.12;
}

.wallet-app-container .overview .wrapper {
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	display: flex;
	width: 100%;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.wallet-app-container .overview .wrapper .card {
	aspect-ratio: 1.59;
	filter: drop-shadow(0 0 0.625rem #0003);
	background-color: transparent;
	background-image: url("assets/card.png");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 0;
	height: 13.8rem;
	width: auto;
	max-width: 100%;
	flex-shrink: 0;
}

.wallet-app-container .overview .wrapper section {
	background-color: var(--app-secondary);
	box-sizing: border-box;
	border-radius: 0.875rem;
	flex-direction: column;
	width: 100%;
	padding: 1.05rem 1.1rem;
	display: flex;
	flex-shrink: 0;
}

.wallet-app-container .overview .wrapper section .item.space {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	display: flex;
	gap: 0.75rem;
}

.wallet-app-container .overview .wrapper section .item .button {
	background-color: var(--phone-color-blue);
	color: #ffffff;
	cursor: pointer;
	border-radius: 999px;
	padding: 0.55rem 1.2rem;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	transition: opacity 0.2s ease-in-out, transform 0.12s ease, filter 0.12s ease;
}

.wallet-app-container .overview .wrapper section .item .button:hover {
	opacity: 0.92;
}

.wallet-app-container .overview .wrapper section .item .button:active {
	transform: scale(0.97);
	filter: brightness(0.96);
}

.wallet-app-container .overview .wrapper section .item .balance {
	width: auto;
	color: var(--phone-text-primary);
	flex-direction: column;
	gap: 0.2rem;
	display: flex;
	min-width: 0;
}

.wallet-app-container .overview .wrapper section .item .balance .title {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
}

.wallet-app-container .overview .wrapper section .item .balance .value {
	font-size: 1.55rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
}

.wallet-app-container .overview .wrapper .subtitle {
	color: var(--phone-text-primary);
	justify-content: space-between;
	align-items: center;
	width: 95%;
	margin-bottom: -1rem;
	display: flex;
}

.wallet-app-container .overview .wrapper .subtitle .title {
	font-size: 1.125rem;
	font-weight: 700;
}

.wallet-app-container .overview .wrapper .transactions-block {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
	flex: 1;
	min-height: 0;
	overflow: hidden;
	padding-bottom: 0.25rem;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-header {
	width: 100%;
	padding: 0 0.15rem;
	flex-shrink: 0;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-header .title {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-search {
	background-color: var(--phone-color-highlight3);
	border-radius: 0.625rem;
	align-items: center;
	gap: 0.45rem;
	width: 100%;
	min-height: 2.25rem;
	padding: 0.45rem 0.7rem;
	display: flex;
	color: var(--phone-text-secondary);
	flex-shrink: 0;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-search svg {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	opacity: 0.9;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-search input {
	background: transparent;
	border: 0;
	outline: none;
	box-shadow: none;
	width: 100%;
	min-width: 0;
	color: var(--phone-text-primary);
	font-size: 1.0625rem;
	font-weight: 400;
	font-family: inherit;
	caret-color: var(--phone-color-blue);
	user-select: text;
	-webkit-user-select: text;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-search input::placeholder {
	color: var(--phone-text-secondary);
	opacity: 1;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-search input::-webkit-search-decoration,
.wallet-app-container .overview .wrapper .transactions-block .recent-search input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-list {
	background-color: var(--app-secondary);
	box-sizing: border-box;
	border-radius: 0.875rem;
	flex-direction: column;
	width: 100%;
	padding: 0.25rem 1rem;
	display: flex;
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-list::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-list:empty {
	display: none;
}

.wallet-app-container .overview .wrapper .transactions-block .recent-empty {
	color: var(--phone-text-secondary);
	text-align: center;
	font-size: 0.9375rem;
	font-weight: 400;
	padding: 1.75rem 1rem 1rem;
	flex: 1;
	min-height: 0;
	overflow-y: auto;
}

.wallet-app-container .overview .wrapper section .item.multi,
.wallet-app-container .overview .wrapper .recent-list .item.multi {
	border-top: 0.0625rem solid var(--phone-color-border);
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: 0.75rem 0;
	display: flex;
	gap: 0.75rem;
	min-height: 3.65rem;
}

.wallet-app-container .overview .wrapper section .item.multi:first-child,
.wallet-app-container .overview .wrapper .recent-list .item.multi:first-child {
	border: none;
	padding-top: 0.75rem;
}

.wallet-app-container .overview .wrapper section .item.multi:last-child,
.wallet-app-container .overview .wrapper .recent-list .item.multi:last-child {
	padding-bottom: 0.75rem;
}

.wallet-app-container .overview .wrapper section .item.multi img,
.wallet-app-container .overview .wrapper .recent-list .item.multi img {
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
	border-radius: 0.5rem;
	height: 2.5rem;
}

.wallet-app-container .overview .wrapper section .item.multi .image,
.wallet-app-container .overview .wrapper .recent-list .item.multi .image {
	aspect-ratio: 1;
	color: #fff;
	background: linear-gradient(180deg, #c7c7cc 0%, #8e8e93 100%);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	width: 2.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: flex;
	box-shadow: inset 0 0.15rem 0.5rem 0 #00000033;
	flex-shrink: 0;
}

.wallet-app-container .overview .wrapper section .item.multi .info,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	display: flex;
	gap: 0.5rem;
	min-width: 0;
}

.wallet-app-container .overview .wrapper section .item.multi .info .transaction-details,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-details {
	flex-direction: column;
	display: flex;
	min-width: 0;
	flex: 1;
	gap: 0.1rem;
}

.wallet-app-container .overview .wrapper section .item.multi .info .transaction-details .title,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-details .title {
	color: var(--phone-text-primary);
	font-size: var(--body-size);
	font-weight: 600;
	letter-spacing: -0.022em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-app-container .overview .wrapper section .item.multi .info .transaction-details .date,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-details .date,
.wallet-app-container .overview .wrapper section .item.multi .info .transaction-details .transaction-person,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-details .transaction-person {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.15;
}

.wallet-app-container .overview .wrapper section .item.multi .info .transaction-right,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	flex-shrink: 0;
	gap: 0.12rem;
	min-width: 0;
	text-align: right;
}

.wallet-app-container .overview .wrapper section .item.multi .info .transaction-right .date,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .transaction-right .date {
	color: var(--phone-text-secondary);
	font-size: 0.8125rem;
	font-weight: 400;
	white-space: nowrap;
	line-height: 1.15;
}

.wallet-app-container .overview .wrapper section .item.multi .info .amount,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .amount {
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
	font-size: 1.0625rem;
	font-weight: 600;
	flex-shrink: 0;
	color: var(--phone-text-primary);
	line-height: 1.2;
}

.wallet-app-container .overview .wrapper section .item.multi .info .amount.green,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .amount.green {
	color: var(--phone-color-green);
}

.wallet-app-container .overview .wrapper section .item.multi .info .amount.red,
.wallet-app-container .overview .wrapper .recent-list .item.multi .info .amount.red {
	color: var(--phone-text-primary);
}

/* ---------- SEND ---------- */
.wallet-app-container .send-container {
	z-index: 12;
	background-color: var(--app-bg);
	flex-direction: column;
	align-items: center;
	gap: 4rem;
	display: none;
	transform: translateX(100%);
}

.wallet-app-container .send-container.is-active {
	display: flex;
	transform: translateX(0);
}

.wallet-app-container .send-container.is-enter-right {
	display: flex;
	animation: walletSlideFromRight 0.32s cubic-bezier(0.32, 0.72, 0, 1);
}

.wallet-app-container .send-container.is-enter-left {
	display: flex;
	animation: walletSlideFromLeft 0.32s cubic-bezier(0.32, 0.72, 0, 1);
}

.wallet-app-container .send-container.is-exit-right {
	display: flex;
	transform: translate3d(100%, 0, 0);
	opacity: 0.96;
}

.wallet-app-container .send-container.is-exit-left {
	display: flex;
	transform: translate3d(-28%, 0, 0);
	opacity: 0.92;
}

@keyframes walletSlideFromRight {
	from {
		transform: translate3d(100%, 0, 0);
		opacity: 0.92;
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes walletSlideFromLeft {
	from {
		transform: translate3d(-28%, 0, 0);
		opacity: 0.92;
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.wallet-app-container .send-container .send-header {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 88%;
	margin-top: 4rem;
	display: flex;
}

.wallet-app-container .send-container .send-header div {
	color: var(--phone-color-blue);
	cursor: pointer;
	align-items: center;
	font-size: 1.125rem;
	display: flex;
	gap: 0.05rem;
	font-weight: 400;
}

.wallet-app-container .send-container .send-header div svg {
	font-size: 1.5rem;
	width: 1.35rem;
	height: 1.35rem;
	margin-left: -0.35rem;
}

.wallet-app-container .send-container .send-header div.disabled {
	color: var(--phone-text-secondary);
	cursor: not-allowed;
	pointer-events: none;
}

.wallet-app-container .send-container .send-header .send-action {
	color: var(--phone-color-blue);
	font-weight: 600;
}

.wallet-app-container .send-container .send-header .send-action.disabled {
	color: rgba(10, 132, 255, 0.34);
	cursor: not-allowed;
	pointer-events: none;
	opacity: 1;
}

[data-theme="dark"] .wallet-app-container .send-container .send-header .send-action.disabled {
	color: rgba(10, 132, 255, 0.38);
}

.wallet-app-container .send-container .send-wrapper {
	flex-direction: column;
	align-items: center;
	width: 90%;
	display: flex;
}

.wallet-app-container .send-container .send-wrapper .passport-stage {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.28s ease, margin 0.22s ease;
	max-height: 10rem;
	overflow: hidden;
}

.wallet-app-container .send-container.is-amount-mode .send-wrapper .passport-stage {
	opacity: 0;
	transform: translateY(-0.6rem) scale(0.96);
	max-height: 0;
	margin: 0;
	pointer-events: none;
}

.wallet-app-container .send-container .send-wrapper .amount-stage {
	width: 100%;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(-1.25rem) scale(0.97);
	pointer-events: none;
	transition: max-height 0.34s ease, opacity 0.28s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.wallet-app-container .send-container.is-amount-mode .send-wrapper .amount-stage {
	max-height: 8rem;
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.wallet-app-container .send-container .send-wrapper .reason-stage {
	width: 100%;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(0.85rem) scale(0.98);
	pointer-events: none;
	margin-top: 0;
	transition:
		max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.32s ease,
		transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		margin 0.32s ease;
}

.wallet-app-container .send-container.is-reason-mode .send-wrapper .reason-stage {
	max-height: 9.75rem;
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
	margin-top: 1.25rem;
}

.wallet-app-container .send-container .send-wrapper.center {
	justify-content: center;
	flex: 1;
	margin-bottom: 6rem;
}

.wallet-app-container .send-container .send-wrapper .success {
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	display: flex;
}

.wallet-app-container .send-container .send-wrapper .success .title {
	color: var(--phone-text-primary);
	font-size: 1.25rem;
	font-weight: 400;
}

.wallet-app-container .send-container .send-wrapper .success .subtitle {
	color: var(--phone-text-secondary);
	font-size: 0.9375rem;
	font-weight: 400;
	text-align: center;
	padding: 0 1rem;
}

.wallet-app-container .send-container .send-wrapper .success svg {
	color: var(--phone-color-blue);
	font-size: 5rem;
	width: 5rem;
	height: 5rem;
}

.wallet-app-container .send-container .send-wrapper .amount,
.wallet-app-container .send-container .send-wrapper .user {
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
	gap: 0.2rem;
	width: 100%;
	display: flex;
}

.wallet-app-container .send-container .send-wrapper .amount {
	min-height: 4.5rem;
	padding: 0 2.4rem;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	overflow: visible;
}

.wallet-app-container .send-container .send-wrapper .amount .amount-cluster {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	width: max-content;
	max-width: 100%;
	min-width: 0;
}

.wallet-app-container .send-container .send-wrapper .amount .symbol {
	position: absolute;
	right: 100%;
	bottom: 0.08em;
	top: auto;
	margin-right: 0.08rem;
	text-align: right;
	color: var(--phone-text-primary);
	font-size: calc(var(--amount-font-size, 3.6rem) * 0.52);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	white-space: nowrap;
	pointer-events: none;
}

.wallet-app-container .send-container .send-wrapper .amount input,
.wallet-app-container .send-container .send-wrapper .user input {
	color: var(--phone-text-primary);
	text-align: center;
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	width: auto;
	min-width: 1.5rem;
	max-width: 100%;
	font-size: 4.0625rem;
	font-weight: 500;
	caret-color: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.wallet-app-container .send-container .send-wrapper .amount input {
	text-align: center;
	font-size: var(--amount-font-size, 3.6rem);
	line-height: 1.05;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.04em;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	field-sizing: content;
}

.wallet-app-container .send-container .send-wrapper .user input.number_input {
	width: 20rem;
	max-width: 100%;
	font-size: 2.5rem;
	font-weight: 600;
	caret-color: var(--phone-text-primary);
	cursor: pointer;
	user-select: text;
}

.wallet-app-container .send-container .send-wrapper .user input.number_input:focus,
.wallet-app-container .send-container .send-wrapper .user input.number_input:focus-visible,
.wallet-app-container .send-container .send-wrapper .user input.number_input:active {
	outline: none;
	border: none;
	box-shadow: none;
	caret-color: var(--phone-text-primary);
}

.wallet-app-container .send-container .send-wrapper .user input.number_input::placeholder {
	color: var(--phone-text-secondary);
	opacity: 0.55;
	font-weight: 400;
}

.wallet-app-container .send-container .send-wrapper .button {
	background-color: var(--phone-color-highlight3);
	color: var(--phone-text-primary);
	cursor: pointer;
	border-radius: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	padding: 0.4rem 0.8rem;
	font-size: 1rem;
	transition: filter 0.2s ease-in-out;
}

.wallet-app-container .send-container .send-wrapper .button:hover {
	filter: brightness(0.9);
}

.wallet-app-container .send-container .send-wrapper .description {
	color: var(--phone-text-secondary);
	text-align: center;
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.35;
	max-width: 16rem;
}

.wallet-app-container .send-container .send-wrapper .recipient-preview {
	width: 100%;
	max-width: 20rem;
	margin-top: 1.1rem;
	padding: 0.72rem 0.85rem;
	border-radius: 0.9rem;
	background: var(--phone-color-highlight2, rgba(120, 120, 128, 0.12));
	display: flex;
	align-items: center;
	gap: 0.75rem;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease, margin-top 0.28s ease;
	box-sizing: border-box;
}

.wallet-app-container .send-container.is-amount-mode .send-wrapper .recipient-preview {
	margin-top: 0.85rem;
}

.wallet-app-container .send-container .send-wrapper .recipient-preview:active {
	transform: scale(0.985);
}

.wallet-app-container .send-container .send-wrapper .recipient-preview.is-loading {
	opacity: 0.72;
	pointer-events: none;
}

.wallet-app-container .send-container .send-wrapper .recipient-preview.is-selected {
	background: color-mix(in srgb, var(--phone-color-blue, #0a84ff) 14%, var(--phone-color-highlight2, rgba(120, 120, 128, 0.12)));
	box-shadow: inset 0 0 0 1.5px var(--phone-color-blue, #0a84ff);
}

.wallet-app-container .send-container .send-wrapper .recipient-preview.is-self {
	opacity: 0.62;
	cursor: not-allowed;
	pointer-events: none;
	box-shadow: none;
}

.wallet-app-container .send-container .send-wrapper .recipient-preview.is-self .recipient-check {
	opacity: 0;
}

.wallet-app-container .send-container .send-wrapper .recipient-avatar {
	width: 2.6rem;
	height: 2.6rem;
	min-width: 2.6rem;
	border-radius: 50%;
	background: #8e8e93;
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.wallet-app-container .send-container .send-wrapper .recipient-avatar.has-photo {
	color: transparent;
	background-color: #d1d1d6;
}

.wallet-app-container .send-container .send-wrapper .recipient-meta {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	text-align: left;
}

.wallet-app-container .send-container .send-wrapper .recipient-name {
	color: var(--phone-text-primary);
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-app-container .send-container .send-wrapper .recipient-id {
	color: var(--phone-text-secondary);
	font-size: 0.88rem;
	font-weight: 400;
}

.wallet-app-container .send-container .send-wrapper .recipient-check {
	width: 1.35rem;
	height: 1.35rem;
	min-width: 1.35rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: transparent;
	background: transparent;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.wallet-app-container .send-container .send-wrapper .recipient-preview.is-selected .recipient-check {
	opacity: 1;
	color: #fff;
	background: var(--phone-color-blue, #0a84ff);
}

.wallet-app-container .send-container .send-wrapper .recipient-check svg {
	width: 0.85rem;
	height: 0.85rem;
}

.wallet-app-container .send-container .send-wrapper .recipient-hint {
	color: var(--phone-text-secondary);
	text-align: center;
	margin-top: 0.55rem;
	font-size: 0.88rem;
	line-height: 1.3;
	max-width: 16rem;
}

.wallet-app-container .send-container .send-wrapper .error {
	color: var(--phone-color-red);
	margin-top: 1rem;
	font-size: 1rem;
	text-align: center;
}

.wallet-app-container .send-container .numpad-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 8;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity 0.28s ease,
		transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.wallet-app-container .send-container.is-numpad-hidden .numpad-wrapper {
	opacity: 0;
	transform: translateY(1.35rem);
	pointer-events: none;
}

.wallet-app-container .invoice-create.is-amount-mode #invoiceAmountBox {
	cursor: pointer;
}

.numpad {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.45rem;
	width: 100%;
	background: var(--numpad-bg);
	-webkit-backdrop-filter: saturate(180%) blur(28px);
	backdrop-filter: saturate(180%) blur(28px);
	padding: 0.55rem 0.45rem calc(0.55rem + var(--safe-bottom));
	border-radius: 0;
	box-sizing: border-box;
}

.numpad-key {
	background: var(--numpad-key);
	-webkit-backdrop-filter: saturate(180%) blur(18px);
	backdrop-filter: saturate(180%) blur(18px);
	border: none;
	border-radius: 0.5rem;
	min-height: 4.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	color: var(--phone-text-primary);
	transition: background 0.14s ease, transform 0.1s ease;
}

.numpad-key:hover {
	background: var(--numpad-key-hover);
}

.numpad-key:active {
	background: var(--numpad-key-active);
	transform: scale(0.97);
}

.numpad-key.empty {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	pointer-events: none;
}

.numpad-key.empty:hover,
.numpad-key.empty:active {
	background: transparent;
	transform: none;
}

.numpad-key .digit {
	font-size: 1.85rem;
	font-weight: 400;
	line-height: 1;
	opacity: 1;
	color: var(--phone-text-primary);
	text-align: center;
}

.numpad-key.backspace {
	padding: 0;
}

.numpad-key.backspace svg {
	width: 1.65rem;
	height: 1.65rem;
	opacity: 1;
	color: var(--phone-text-primary);
}

/* ---------- CONFIRM SEND ---------- */
.confirm-overlay {
	position: absolute;
	inset: 0;
	z-index: 60;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.24s ease;
}

.confirm-overlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.confirm-box {
	width: 100%;
	max-width: 17rem;
	background: rgba(242, 242, 247, 0.94);
	border-radius: 0.875rem;
	overflow: hidden;
	text-align: center;
	transform: scale(1.1);
	opacity: 0;
	transition: transform 0.34s var(--ease-spring), opacity 0.24s ease;
}

.confirm-overlay.is-visible .confirm-box {
	transform: scale(1);
	opacity: 1;
}

[data-theme="dark"] .confirm-box {
	background: rgba(44, 44, 46, 0.94);
}

.confirm-title {
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--phone-text-primary);
	padding: 1.15rem 1rem 0.85rem;
	letter-spacing: -0.01em;
}

.confirm-recipient {
	width: calc(100% - 1.5rem);
	margin: 0 auto 1rem;
	padding: 0.65rem 0.75rem;
	border-radius: 0.75rem;
	background: var(--phone-color-highlight2, rgba(120, 120, 128, 0.12));
	display: flex;
	align-items: center;
	gap: 0.65rem;
	text-align: left;
	box-sizing: border-box;
}

[data-theme="dark"] .confirm-recipient {
	background: rgba(120, 120, 128, 0.18);
}

.confirm-recipient .recipient-avatar {
	width: 2.35rem;
	height: 2.35rem;
	min-width: 2.35rem;
	border-radius: 50%;
	background: #8e8e93;
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 0.88rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.confirm-recipient .recipient-avatar.has-photo {
	color: transparent;
	background-color: #d1d1d6;
}

.confirm-recipient .recipient-meta {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.confirm-recipient .recipient-name {
	color: var(--phone-text-primary);
	font-size: 0.98rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.confirm-recipient-amount {
	flex: 0 0 auto;
	color: var(--phone-text-primary);
	font-size: 0.98rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	white-space: nowrap;
	padding-left: 0.25rem;
}

.confirm-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 0.5px solid var(--phone-color-border);
}

.confirm-btn {
	border: none;
	background: transparent;
	font-size: 1.0625rem;
	padding: 0.78rem 0.5rem;
	cursor: pointer;
	color: var(--phone-color-blue);
}

.confirm-btn.cancel {
	font-weight: 400;
	border-right: 0.5px solid var(--phone-color-border);
}

.confirm-btn.send {
	font-weight: 600;
}

.confirm-btn.send.danger {
	color: var(--phone-color-red);
	font-weight: 600;
}

.confirm-btn:disabled {
	opacity: 0.45;
	pointer-events: none;
}

.confirm-btn:active:not(:disabled) {
	background: rgba(120, 120, 128, 0.12);
}

/* ---------- SUCCESS TRANSFER (iOS) ---------- */
.success-overlay {
	position: absolute;
	inset: 0;
	z-index: 70;
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding: 0;
	background: rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.28s ease;
}

.success-overlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.success-overlay.is-leaving {
	opacity: 0;
	pointer-events: none;
}

.success-sheet {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.75rem;
	box-sizing: border-box;
	transform: translateY(0.4rem) scale(0.985);
	opacity: 0;
	transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

.success-desc {
	display: none;
}

.success-overlay.is-visible .success-sheet {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.success-body {
	flex: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.85rem;
	padding: 0 1rem 1rem;
}

.success-icon {
	width: 5.25rem;
	height: 5.25rem;
	margin-bottom: 0.35rem;
}

.success-check-svg {
	width: 100%;
	height: 100%;
	overflow: visible;
	display: block;
}

.success-check-circle {
	fill: #ffffff;
}

[data-theme="dark"] .success-check-circle {
	fill: #0a84ff;
}

.success-check-mark {
	fill: none;
	stroke: #0a84ff;
	stroke-width: 5.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 72;
	stroke-dashoffset: 72;
}

[data-theme="dark"] .success-check-mark {
	stroke: #ffffff;
}

.success-overlay.is-visible .success-check-mark {
	animation: wallet-check-mark 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}

.success-title {
	color: var(--phone-text-primary);
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.15;
}

@keyframes wallet-check-mark {
	0% {
		stroke-dashoffset: 72;
		opacity: 0.35;
	}
	100% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
}

/* ---------- ALERT ---------- */
.alert-overlay {
	position: absolute;
	inset: 0;
	z-index: 50;
	background: rgba(0, 0, 0, 0.28);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--dur-fast) ease;
}

.alert-overlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.alert-box {
	width: 100%;
	max-width: 17rem;
	background: rgba(242, 242, 247, 0.94);
	border-radius: 0.875rem;
	overflow: hidden;
	text-align: center;
	transform: scale(1.08);
	opacity: 0;
	transition: transform 0.3s var(--ease-spring), opacity var(--dur-fast) ease;
}

.alert-overlay.is-visible .alert-box {
	transform: scale(1);
	opacity: 1;
}

[data-theme="dark"] .alert-box {
	background: rgba(44, 44, 46, 0.94);
}

.alert-title {
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--phone-text-primary);
	padding: 1.1rem 1rem 0.25rem;
}

.alert-desc {
	font-size: 0.8125rem;
	color: var(--phone-text-primary);
	padding: 0 1rem 1rem;
	line-height: 1.35;
}

.alert-ok {
	width: 100%;
	border: none;
	border-top: 0.5px solid var(--phone-color-border);
	background: transparent;
	color: var(--phone-color-blue);
	font-size: 1.0625rem;
	font-weight: 600;
	padding: 0.75rem;
	cursor: pointer;
}

/* ---------- PANEL TABS (Faturas / Multas) ---------- */
.wallet-app-container .panel {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 3.85rem 1rem 0.75rem;
	overflow: hidden;
	background: var(--app-bg);
}

.wallet-app-container .panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-shrink: 0;
	margin-bottom: 0.85rem;
}

.wallet-app-container .panel-header .title {
	color: var(--phone-text-primary);
	font-size: var(--title-size);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.12;
}

.wallet-app-container .panel-action {
	border: none;
	background: transparent;
	color: var(--phone-color-blue);
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	padding: 0.25rem 0;
}

.wallet-app-container .panel-action:disabled {
	opacity: 0.38;
	pointer-events: none;
}

.wallet-app-container .panel-scroll {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding-bottom: 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

.wallet-app-container .panel-scroll::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.wallet-app-container .panel-block {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
	flex-shrink: 0;
}

.wallet-app-container .panel .recent-header {
	width: 100%;
	padding: 0 0.15rem;
	flex-shrink: 0;
}

.wallet-app-container .panel .recent-header .title {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.wallet-app-container .panel .recent-list {
	background-color: var(--app-secondary);
	box-sizing: border-box;
	border-radius: 0.875rem;
	flex-direction: column;
	width: 100%;
	padding: 0.25rem 1rem;
	display: flex;
	overflow: hidden;
}

.wallet-app-container .panel .recent-list.hidden,
.wallet-app-container .panel .recent-empty.hidden {
	display: none !important;
}

.wallet-app-container .panel .recent-list:empty {
	display: none;
}

.wallet-app-container .panel .recent-empty {
	color: var(--phone-text-secondary);
	text-align: center;
	font-size: 0.9375rem;
	font-weight: 400;
	padding: 1.25rem 1rem;
	background-color: var(--app-secondary);
	border-radius: 0.875rem;
}

.wallet-app-container .panel .recent-empty.is-status-ok {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	text-align: left;
	background: var(--status-ok-bg);
	color: var(--status-ok-fg);
	box-shadow: none;
	font-weight: 500;
	font-size: 0.9375rem;
	line-height: 1.35;
	padding: 0.95rem 1rem;
}

.wallet-app-container .panel .recent-empty.is-status-ok .status-ok-icon {
	width: 1.35rem;
	height: 1.35rem;
	min-width: 1.35rem;
	border-radius: 50%;
	background: var(--phone-color-green);
	color: #fff;
	display: grid;
	place-items: center;
}

.wallet-app-container .panel .recent-empty.is-status-ok .status-ok-icon svg {
	width: 0.8rem;
	height: 0.8rem;
	fill: currentColor;
}

.wallet-app-container .panel .recent-list .item.multi {
	border-top: 0.0625rem solid var(--phone-color-border);
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: 0.85rem 0;
	display: flex;
	gap: 0.75rem;
	min-height: 3.85rem;
}

.wallet-app-container .panel .recent-list .item.multi:first-child {
	border: none;
	padding-top: 0.85rem;
}

.wallet-app-container .panel .recent-list .item.multi:last-child {
	padding-bottom: 0.85rem;
}

.wallet-app-container .panel .recent-list .item.multi .image {
	aspect-ratio: 1;
	color: #fff;
	background: linear-gradient(180deg, #c7c7cc 0%, #8e8e93 100%);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	width: 2.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: flex;
	box-shadow: inset 0 0.15rem 0.5rem 0 #00000033;
	flex-shrink: 0;
}

.wallet-app-container .panel .recent-list .item.multi .info {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	display: flex;
	gap: 0.5rem;
	min-width: 0;
}

.wallet-app-container .panel .recent-list .item.multi .info .transaction-details {
	flex-direction: column;
	display: flex;
	min-width: 0;
	flex: 1;
	gap: 0.1rem;
}

.wallet-app-container .panel .recent-list .item.multi .info .transaction-details .title {
	color: var(--phone-text-primary);
	font-size: var(--body-size);
	font-weight: 600;
	letter-spacing: -0.022em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-app-container .panel .recent-list .item.multi .info .transaction-details .date {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}

.wallet-app-container .panel .recent-list .item.multi .info .transaction-right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	gap: 0;
	min-width: 0;
	text-align: right;
}

.wallet-app-container .panel .recent-list .item.multi .info .bill-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0.12rem;
	min-width: 0;
	transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.wallet-app-container .panel .recent-list .item.multi .info .transaction-right .date,
.wallet-app-container .panel .recent-list .item.multi .info .bill-meta .date {
	color: var(--phone-text-secondary);
	font-size: 0.8125rem;
	font-weight: 400;
	white-space: nowrap;
	line-height: 1.15;
}

.wallet-app-container .panel .recent-list .item.multi .info .amount {
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
	font-size: 1.0625rem;
	font-weight: 600;
	flex-shrink: 0;
	color: var(--phone-text-primary);
	line-height: 1.2;
}

.wallet-app-container .panel .recent-list .item.multi .info .amount.green {
	color: var(--phone-color-green);
}

/* Pay / cancel: cifrão azul (hit area um pouco maior que o glifo) */
.wallet-app-container .panel .recent-list .item.multi .bill-action {
	appearance: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 0;
	min-width: 0;
	height: 1.7rem;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	cursor: pointer;
	opacity: 0;
	transform: scale(0.78) translateX(0.2rem);
	pointer-events: none;
	color: var(--phone-color-blue);
	background: transparent;
	transition:
		width 0.36s cubic-bezier(0.22, 1, 0.36, 1),
		min-width 0.36s cubic-bezier(0.22, 1, 0.36, 1),
		margin 0.36s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.24s ease,
		transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1),
		color 0.2s ease;
}

.wallet-app-container .panel .recent-list .item.multi .bill-action.danger {
	color: var(--phone-color-red);
}

.wallet-app-container .panel .recent-list .item.multi .bill-action .bill-action-symbol {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	opacity: 0;
	transform: scale(0.7);
	transition:
		opacity 0.2s ease 0.04s,
		transform 0.38s cubic-bezier(0.34, 1.4, 0.64, 1) 0.02s;
	user-select: none;
	pointer-events: none;
}

.wallet-app-container .panel .recent-list .item.multi.has-action:hover .bill-meta,
.wallet-app-container .panel .recent-list .item.multi.has-action:focus-within .bill-meta {
	transform: translateX(-0.12rem);
}

.wallet-app-container .panel .recent-list .item.multi.has-action:hover .bill-action,
.wallet-app-container .panel .recent-list .item.multi.has-action:focus-within .bill-action {
	width: 1.7rem;
	min-width: 1.7rem;
	margin-left: 0.35rem;
	opacity: 1;
	transform: scale(1) translateX(0);
	pointer-events: auto;
}

.wallet-app-container .panel .recent-list .item.multi.has-action:hover .bill-action .bill-action-symbol,
.wallet-app-container .panel .recent-list .item.multi.has-action:focus-within .bill-action .bill-action-symbol {
	opacity: 1;
	transform: scale(1);
}

.wallet-app-container .panel .recent-list .item.multi .bill-action:hover {
	transform: scale(1.08) translateX(0);
}

.wallet-app-container .panel .recent-list .item.multi .bill-action:active {
	transform: scale(0.94) translateX(0);
	opacity: 0.78;
	transition-duration: 0.1s;
}

@media (hover: none) {
	.wallet-app-container .panel .recent-list .item.multi.has-action .bill-action {
		width: 1.7rem;
		min-width: 1.7rem;
		margin-left: 0.35rem;
		opacity: 1;
		transform: scale(1) translateX(0);
		pointer-events: auto;
	}

	.wallet-app-container .panel .recent-list .item.multi.has-action .bill-action .bill-action-symbol {
		opacity: 1;
		transform: scale(1);
	}
}

.wallet-app-container .panel-block.hidden {
	display: none !important;
}

.wallet-app-container .summary-card {
	background: var(--app-secondary);
	border-radius: 0.875rem;
	padding: 0.95rem 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.15rem;
	box-sizing: border-box;
}

.wallet-app-container .summary-label {
	color: var(--phone-text-secondary);
	font-size: 0.8125rem;
	font-weight: 400;
}

.wallet-app-container .summary-value {
	color: var(--phone-text-primary);
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
}

/* ---------- FINES (iOS grouped expandable cards) ---------- */
.wallet-app-container .fine-list {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	width: 100%;
}

.wallet-app-container .fine-list.hidden {
	display: none !important;
}

.wallet-app-container .fine-card {
	background: var(--app-secondary);
	border-radius: 0.875rem;
	overflow: hidden;
	transform: translateZ(0);
	transition: box-shadow 0.28s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.wallet-app-container .fine-card.is-open {
	box-shadow: 0 0.45rem 1.1rem rgba(0, 0, 0, 0.08);
}

.wallet-app-container .fine-card-toggle {
	appearance: none;
	border: none;
	background: transparent;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.85rem 0.95rem;
	cursor: pointer;
	text-align: left;
	color: inherit;
	font: inherit;
}

.wallet-app-container .fine-card-toggle:active {
	background: color-mix(in srgb, var(--phone-color-border) 55%, transparent);
}

.wallet-app-container .fine-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	background: linear-gradient(180deg, #7aa7ff 0%, var(--phone-color-blue) 100%);
	box-shadow: inset 0 0.12rem 0.4rem #00000022;
}

.wallet-app-container .fine-card.kind-detention .fine-icon {
	background: linear-gradient(180deg, #ff9f7a 0%, #ff6b3d 100%);
}

.wallet-app-container .fine-card-main {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.18rem;
}

.wallet-app-container .fine-card-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	min-width: 0;
}

.wallet-app-container .fine-title {
	color: var(--phone-text-primary);
	font-size: var(--body-size);
	font-weight: 600;
	letter-spacing: -0.022em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-app-container .fine-amount {
	color: var(--phone-text-primary);
	font-size: 1.0625rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
	letter-spacing: -0.01em;
}

.wallet-app-container .fine-amount.is-paid {
	color: var(--phone-text-secondary);
}

.wallet-app-container .fine-sub {
	color: var(--phone-text-secondary);
	font-size: var(--caption-size);
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}

.wallet-app-container .fine-chevron {
	width: 0.45rem;
	height: 0.45rem;
	border-right: 0.12rem solid var(--phone-text-secondary);
	border-bottom: 0.12rem solid var(--phone-text-secondary);
	transform: rotate(-45deg);
	opacity: 0.55;
	flex-shrink: 0;
	margin-left: 0.15rem;
	transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}

.wallet-app-container .fine-card.is-open .fine-chevron {
	transform: rotate(45deg);
	opacity: 0.85;
}

.wallet-app-container .fine-card-panel {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	max-height: 0;
	opacity: 0;
	padding: 0 0.95rem;
	border-top: 0 solid transparent;
	pointer-events: none;
	transition:
		max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.28s ease,
		padding 0.32s ease,
		border-color 0.24s ease;
}

.wallet-app-container .fine-card.is-open .fine-card-panel {
	max-height: 42rem;
	opacity: 1;
	padding: 0 0.95rem 0.95rem;
	border-top: 0.5px solid var(--phone-color-border);
	pointer-events: auto;
}

.wallet-app-container .fine-section {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding-top: 0.75rem;
}

.wallet-app-container .fine-section:first-child {
	padding-top: 0.85rem;
}

.wallet-app-container .fine-section-label {
	color: var(--phone-text-secondary);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wallet-app-container .fine-kv-list {
	background: color-mix(in srgb, var(--app-bg) 72%, var(--app-secondary));
	border-radius: 0.75rem;
	overflow: hidden;
}

.wallet-app-container .fine-kv {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.7rem 0.8rem;
	border-top: 0.5px solid var(--phone-color-border);
}

.wallet-app-container .fine-kv:first-child {
	border-top: none;
}

.wallet-app-container .fine-kv span {
	color: var(--phone-text-secondary);
	font-size: 0.9rem;
	flex-shrink: 0;
}

.wallet-app-container .fine-kv strong {
	color: var(--phone-text-primary);
	font-size: 0.9rem;
	font-weight: 500;
	text-align: right;
	line-height: 1.3;
}

.wallet-app-container .fine-kv strong.is-green {
	color: var(--phone-color-green);
}

.wallet-app-container .fine-status.is-pending {
	color: var(--phone-color-red);
}

.wallet-app-container .fine-status.is-paid {
	color: var(--phone-color-green);
}

.wallet-app-container .fine-crime-list {
	list-style: none;
	margin: 0;
	padding: 0;
	background: color-mix(in srgb, var(--app-bg) 72%, var(--app-secondary));
	border-radius: 0.75rem;
	overflow: hidden;
}

.wallet-app-container .fine-crime-list li {
	padding: 0.7rem 0.8rem;
	color: var(--phone-text-primary);
	font-size: 0.9rem;
	font-weight: 500;
	border-top: 0.5px solid var(--phone-color-border);
	line-height: 1.3;
}

.wallet-app-container .fine-crime-list li:first-child {
	border-top: none;
}

.wallet-app-container .fine-notes {
	background: color-mix(in srgb, var(--app-bg) 72%, var(--app-secondary));
	border-radius: 0.75rem;
	padding: 0.75rem 0.8rem;
	color: var(--phone-text-primary);
	font-size: 0.9rem;
	line-height: 1.45;
	word-break: break-word;
}

.wallet-app-container .fine-notes p {
	margin: 0 0 0.55rem;
}

.wallet-app-container .fine-notes p:last-child {
	margin-bottom: 0;
}

.wallet-app-container .fine-notes ul,
.wallet-app-container .fine-notes ol {
	margin: 0.35rem 0 0.55rem;
	padding-left: 1.15rem;
}

.wallet-app-container .fine-notes li {
	margin: 0.15rem 0;
}

.wallet-app-container .fine-notes br {
	content: "";
}

.wallet-app-container .fine-muted {
	color: var(--phone-text-secondary);
	font-size: 0.875rem;
	padding: 0.35rem 0.1rem;
}

.wallet-app-container .fine-pay-cta {
	appearance: none;
	border: none;
	width: 100%;
	border-radius: 0.8rem;
	padding: 0.85rem 1rem;
	background: var(--phone-color-blue);
	color: #fff;
	font-size: 1.05rem;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), filter 0.18s ease;
}

.wallet-app-container .fine-pay-cta:active {
	transform: scale(0.98);
	filter: brightness(0.96);
}

.wallet-app-container .confirm-recipient .recipient-sub {
	color: var(--phone-text-secondary);
	font-size: 0.8rem;
	margin-top: 0.1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-app-container .confirm-recipient .recipient-sub.hidden {
	display: none !important;
}

.wallet-app-container .invoice-reason {
	width: 100%;
	min-height: 5.1rem;
	resize: none;
	border: none;
	border-radius: 0.875rem;
	padding: 0.85rem 0.95rem;
	font: inherit;
	font-size: 1.0625rem;
	font-weight: 400;
	color: var(--phone-text-primary);
	background: var(--app-secondary);
	outline: none;
	line-height: 1.35;
	box-shadow: inset 0 0 0 0.5px var(--phone-color-border);
}

.wallet-app-container .invoice-reason::placeholder {
	color: var(--phone-text-secondary);
}

.wallet-app-container .invoice-reason:focus {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--phone-color-blue) 55%, transparent);
}

/* ---------- iOS MOTION SYSTEM ---------- */
@keyframes walletTabEnterRight {
	from {
		opacity: 0;
		transform: translate3d(12%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes walletTabEnterLeft {
	from {
		opacity: 0;
		transform: translate3d(-12%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes walletTabExitLeft {
	from {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(-8%, 0, 0);
	}
}

@keyframes walletTabExitRight {
	from {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(8%, 0, 0);
	}
}

@keyframes walletListIn {
	from {
		opacity: 0;
		transform: translate3d(0, 0.55rem, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes walletSoftIn {
	from {
		opacity: 0;
		transform: translate3d(0, 0.7rem, 0) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes walletCardIn {
	from {
		opacity: 0;
		transform: translate3d(0, 0.85rem, 0) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes walletStatusIn {
	from {
		opacity: 0;
		transform: translate3d(0, 0.4rem, 0) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes walletCheckPop {
	0% {
		opacity: 0;
		transform: scale(0.55);
	}
	70% {
		opacity: 1;
		transform: scale(1.08);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes walletBalanceTick {
	from {
		opacity: 0.45;
		transform: translate3d(0, 0.25rem, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.wallet-app-container .tab-view.is-enter-right .overview .wrapper .card,
.wallet-app-container .tab-view.is-enter-left .overview .wrapper .card {
	animation: walletCardIn 0.48s var(--ease-spring) 0.02s both;
}

.wallet-app-container .tab-view.is-enter-right .overview .wrapper > section,
.wallet-app-container .tab-view.is-enter-left .overview .wrapper > section {
	animation: walletSoftIn 0.42s var(--ease-spring) 0.06s both;
}

.wallet-app-container .tab-view.is-enter-right .panel-header,
.wallet-app-container .tab-view.is-enter-left .panel-header {
	animation: walletSoftIn 0.38s var(--ease-spring) both;
}

.wallet-app-container .tab-view.is-enter-right .panel-scroll,
.wallet-app-container .tab-view.is-enter-left .panel-scroll {
	animation: walletSoftIn 0.4s var(--ease-spring) 0.05s both;
}

/* First paint (home já ativa no boot) */
.wallet-app-container.is-booting .overview .wrapper .card {
	animation: walletCardIn 0.5s var(--ease-spring) 0.04s both;
}

.wallet-app-container.is-booting .overview .wrapper > section,
.wallet-app-container.is-booting .overview .wrapper .transactions-block {
	animation: walletSoftIn 0.44s var(--ease-spring) 0.1s both;
}

.wallet-app-container .overview .wrapper section .item .balance .value.is-ticking {
	animation: walletBalanceTick 0.34s var(--ease-spring) both;
}

.wallet-app-container .recent-list.is-list-in > .item.multi,
.wallet-app-container .fine-list.is-list-in > .fine-card {
	animation: walletListIn 0.4s var(--ease-spring) both;
}

.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(1),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(1) { animation-delay: 0.02s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(2),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(2) { animation-delay: 0.05s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(3),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(3) { animation-delay: 0.08s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(4),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(4) { animation-delay: 0.11s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(5),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(5) { animation-delay: 0.14s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(6),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(6) { animation-delay: 0.17s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(7),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(7) { animation-delay: 0.2s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(8),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(8) { animation-delay: 0.23s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(9),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(9) { animation-delay: 0.26s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(10),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(10) { animation-delay: 0.29s; }
.wallet-app-container .recent-list.is-list-in > .item.multi:nth-child(n+11),
.wallet-app-container .fine-list.is-list-in > .fine-card:nth-child(n+11) { animation-delay: 0.32s; }

.wallet-app-container .recent-empty.is-list-in,
.wallet-app-container .summary-card.is-list-in {
	animation: walletStatusIn 0.38s var(--ease-spring) both;
}

.wallet-app-container .recent-empty.is-status-ok.is-list-in .status-ok-icon {
	animation: walletCheckPop 0.48s var(--ease-pop) 0.06s both;
}

.wallet-app-container .overview .wrapper section .item.multi,
.wallet-app-container .overview .wrapper .recent-list .item.multi,
.wallet-app-container .panel .recent-list .item.multi,
.wallet-app-container .fine-card {
	transition: background 0.16s ease, transform 0.16s var(--ease-spring), opacity 0.16s ease;
}

.wallet-app-container .overview .wrapper .recent-list .item.multi:active,
.wallet-app-container .panel .recent-list .item.multi:active {
	transform: scale(0.985);
	opacity: 0.92;
}

.wallet-app-container .fine-card:active:not(.is-open) {
	transform: scale(0.985);
}

.wallet-app-container .panel-action,
.wallet-app-container .tab {
	transition: color 0.15s ease, transform 0.14s var(--ease-spring), opacity 0.15s ease;
}

.wallet-app-container .panel-action:active {
	transform: scale(0.94);
	opacity: 0.72;
}

.wallet-app-container .success-overlay {
	background: rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.wallet-app-container .success-overlay.is-visible .success-sheet {
	transition: transform 0.42s var(--ease-spring), opacity 0.3s ease;
}

.wallet-app-container .success-overlay.is-visible .success-icon {
	animation: walletCheckPop 0.5s var(--ease-pop) both;
}

@media (prefers-reduced-motion: reduce) {
	.wallet-app-container *,
	.wallet-app-container *::before,
	.wallet-app-container *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}