/* AWallet: one shared stylesheet. Native Roboto assets from the APK. */
@font-face {
  font-family: 'AWallet Sans';
  src: url('../../../../fonts/apk/roboto-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AWallet Sans';
  src: url('../../../../fonts/apk/roboto-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --surface: #f4f5fb;
  --white: #fff;
  --ink: #1d212f;
  --secondary: #555963;
  --action: #009242;
  --active: #009242;
  --divider: #f0f0f3;
  --soft: #e3e8f5;
  --navy: #073568;
  --gutter: 14px;
  font-family: 'AWallet Sans',Roboto,sans-serif;
  color: var(--ink);
  background: #e8eaf1;
  font-size: 15px;
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
button,input,select,textarea {
  font: inherit;
  color: inherit;
}
button,a {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
button:disabled:not(.primary-button):not(.secondary-button) {
  opacity: 1;
}
button,input,select {
  max-width: 100%;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {
  outline: 2px solid #0877ab;
  outline-offset: 3px;
}
svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  vertical-align: middle;
}
h1,h2,h3,p {
  margin: 0;
}
button {
  border: 0;
  background: none;
}
strong,b {
  font-weight: 500;
}
.app {
  width: 100%;
  max-width: 480px;
  min-height: 100svh;
  margin: auto;
  background: var(--surface);
  padding-bottom: calc(90px + env(safe-area-inset-bottom));
}
.toolbar {
  position: sticky;
  z-index: 40;
  background: var(--surface);
  display: grid;
  align-items: center;
  padding: 0 var(--gutter);
}
.toolbar>div:last-child {
  justify-self: end;
}
.compact-title {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-collapsed .compact-title {
  opacity: 1;
}
.icon-button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 40px;
  color: var(--action);
  padding: 0;
  font-size: 23px;
}
.icon-button svg {
  width: 25px;
  height: 25px;
}
.page-title {
  font-size: 23px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.5px;
  padding: 12px 18px 16px;
}
.white-card,.menu-card,.market-card,.confirmation-card {
  background: white;
  border-radius: 8px;
  margin: 0 var(--gutter) 15px;
  overflow: hidden;
}
.section-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin: 16px var(--gutter) 8px;
}
.section-title.split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.section-title.split>.text-action {
  font-size: 12px;
  white-space: nowrap;
  padding: 0;
}
.card-heading {
  font-size: 16px;
  font-weight: 500;
  padding: 12px 11px 0;
  line-height: 1.4;
}
.value-list {
  margin: 0;
  padding: 7px 11px;
}
.value-list>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.45;
  padding: 3px 0;
}
.value-list dt {
  font-weight: 300;
  flex: 1;
  color: #3c404b;
}
.value-list dd {
  margin: 0;
  text-align: right;
  max-width: 70%;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.divider {
  height: 1px;
  background: var(--divider);
  margin-top: 8px;
}
.text-action {
  color: var(--action);
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}
.text-action.inset {
  padding: 2px 11px 10px;
}
.text-action.centered {
  justify-content: center;
  display: flex;
  min-height: 35px;
}
.account-summary {
  margin: 0 var(--gutter) 5px;
  font-size: 14px;
}
.account-summary>div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.4;
  margin: 6px 0;
}
.account-summary>div+div {
  font-weight: 300;
}
.account-summary>a {
  display: inline-flex;
  align-items: center;
  color: var(--action);
  margin-top: 10px;
  gap: 5px;
}
.account-summary>a svg {
  width: 17px;
}
.button-stack {
  margin: 15px var(--gutter);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.primary-button,.secondary-button,.button {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 11px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  background: var(--action);
  color: white;
  gap: 8px;
}
.primary-button:disabled {
  opacity: .88;
}
.secondary-button,.button.secondary {
  background: white;
  color: var(--action);
}
.menu-card {
  margin-bottom: 16px;
}
.menu-row {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 12px;
  padding: 13px 11px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--divider);
  min-height: 46px;
  line-height: 1.35;
}
.menu-row:last-child {
  border-bottom: 0;
}
.menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  color: var(--action);
  flex-shrink: 0;
}
.menu-icon svg {
  height: 23px;
  width: 23px;
}
.menu-text {
  flex: 1;
  font-weight: 300;
  font-size: 16px;
  min-width: 0;
}
.menu-text>span {
  display: block;
}
.menu-text small {
  display: block;
  font-size: 14px;
  margin-top: 2px;
  line-height: 1.3;
}
.badge {
  display: inline-block;
  background: #f35e61;
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 4px;
}
.trailing {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #171a23;
}
.trailing svg {
  height: 17px;
  width: 17px;
}
.market-card button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  gap: 11px;
  padding: 13px 11px;
  background: white;
  min-height: 60px;
}
.market-card img {
  object-fit: contain;
  flex-shrink: 0;
}
.market-card button>span {
  font-size: 16px;
  font-weight: 300;
  flex: 1;
  min-width: 0;
}
.market-card small {
  display: block;
  font-size: 14px;
  margin-top: 3px;
}
.market-card button>svg {
  width: 17px;
}
.account-item {
  display: block;
  width: 100%;
  padding: 11px;
  background: white;
  text-align: left;
  border-bottom: 1px solid var(--divider);
  font-size: 14px;
  line-height: 1.35;
}
.account-item:last-child {
  border-bottom: 0;
}
.account-item>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px;
}
.account-item>div:first-child {
  margin-top: 0;
}
.account-item>div:first-child strong {
  font-size: 16px;
}
.account-item>div>span:first-child {
  font-weight: 300;
}
.account-item>div>span:last-child {
  white-space: nowrap;
}
.account-item>strong+div {
  margin-top: 7px;
}
.promo-card {
  position: relative;
  background: var(--soft);
  border-radius: 8px;
  margin: 16px var(--gutter);
  padding: 11px;
  min-height: 146px;
}
.promo-card>.badge {
  margin-left: 0;
}
.promo-card h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 5px 0;
}
.promo-card>p {
  font-size: 14px;
  line-height: 1.3;
  padding-right: 65px;
  min-height: 46px;
  font-weight: 300;
}
.promo-card>img {
  position: absolute;
  right: 8px;
  top: 35px;
  object-fit: contain;
}
.promo-card>.text-action {
  font-size: 14px;
  margin-top: 12px;
}
.net-assets {
  margin: 0 var(--gutter) 15px;
}
.net-assets>span {
  font-size: 14px;
  display: block;
}
.net-assets>strong {
  font-size: 27px;
  line-height: 1.15;
  display: block;
  font-weight: 500;
}
.net-assets>p {
  font-size: 11px;
  font-weight: 300;
  margin-top: 8px;
}
.net-assets b {
  color: var(--active);
  margin-left: 7px;
  font-weight: 500;
}
.chips {
  display: flex;
  gap: 8px;
  padding: 3px 11px 12px;
}
.chips span {
  font-size: 11px;
  background: var(--surface);
  border-radius: 20px;
  padding: 5px 10px;
}
.plan-card>p {
  padding: 10px 11px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
.plan-card .text-action {
  margin-top: 8px;
}
.recent-people {
  display: flex;
  gap: 8px;
  overflow: auto;
  padding: 4px var(--gutter) 15px;
  scrollbar-width: none;
  margin-bottom: 0;
}
.recent-card {
  flex: 0 0 145px;
  border-radius: 8px;
  background: white;
  padding: 12px;
  min-height: 107px;
  display: flex;
  flex-direction: column;
}
.recipient-mark {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #009242;
  color: white;
  font-size: 12px;
  margin-bottom: 9px;
}
.recent-card strong {
  font-size: 14px;
  line-height: 1.3;
}
.recent-card small {
  font-size: 12px;
  font-weight: 300;
  margin-top: auto;
  padding-top: 20px;
}
.section-caption {
  color: #5c6069;
  font-size: 13px;
  font-weight: 300;
  margin: 20px var(--gutter) 5px;
}
.segments {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 var(--gutter) 14px;
  background: var(--soft);
  padding: 2px;
  border-radius: 7px;
  text-align: center;
  min-height: 34px;
}
.segments>* {
  padding: 6px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
}
.segments .selected {
  background: var(--navy);
  color: white;
}
.segments>button {
  background: none;
}
.account-picker {
  background: white;
  margin: 0 0 20px;
}
.account-picker .account-item {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.account-picker .account-item>div:first-child>span {
  font-size: 12px;
  color: #626670;
}
.transfer-form {
  margin: 0 var(--gutter);
}
.transfer-field {
  display: block;
  background: white;
  border: 0;
  border-radius: 0;
  padding: 13px 11px;
  margin-bottom: 13px;
  min-height: 59px;
}
.transfer-field>label:not(.radio-row):not(.checkbox-row) {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #565a63;
  margin-bottom: 7px;
}
.transfer-field input:not([type=radio]):not([type=checkbox]),.transfer-field select {
  background: white;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
  min-height: 22px;
  font-size: 16px;
  line-height: 1.4;
  outline-offset: 2px;
}
.transfer-field input[readonly] {
  font-weight: 500;
}
.radio-row {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 16px;
  min-height: 36px;
  font-weight: 300;
}
.radio-row+.radio-row {
  border-top: 1px solid var(--divider);
  margin-top: 5px;
  padding-top: 7px;
}
.radio-row input {
  width: 22px;
  height: 22px;
  accent-color: var(--action);
  margin: 0;
}
.info-panel {
  background: var(--soft);
  border-radius: 8px;
  padding: 13px;
  display: flex;
  align-items: start;
  gap: 12px;
  margin: 14px 0;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 300;
}
.info-panel>span {
  font-size: 22px;
  line-height: 1;
}
.sender-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sender-field small {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #51565f;
  line-height: 1.4;
}
.sender-field strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 3px 0;
}
.sender-field>svg {
  color: var(--action);
  width: 20px;
}
.amount-field {
  display: flex;
  align-items: center;
  gap: 10px;
}
.amount-field>span {
  font-size: 15px;
  font-weight: 300;
}
.checkbox-row {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 300;
  font-size: 16px;
}
.checkbox-row>input {
  accent-color: var(--action);
  width: 17px;
  height: 17px;
  margin: 0;
}
.checkbox-row>small {
  color: #7b7e86;
  font-size: 10px;
  margin-left: auto;
}
.transfer-form>.primary-button {
  margin: 16px 0 10px;
  border-radius: 2px;
}
.screen-intro {
  font-size: 14px;
  margin: 0 var(--gutter) 15px;
  font-weight: 300;
}
.confirmation-card {
  border-radius: 8px;
}
.confirmation-card>div {
  padding: 12px 11px;
  border-bottom: 1px solid var(--divider);
}
.confirmation-card>div:last-child {
  border-bottom: 0;
}
.confirmation-card span {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #656970;
  margin-bottom: 5px;
}
.confirmation-card strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  overflow-wrap: anywhere;
}
.transfer-result {
  text-align: center;
  margin: 5px var(--gutter) 17px;
}
.result-symbol {
  display: grid;
  place-items: center;
  margin: 10px auto 28px;
  background: white;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  color: white;
}
.result-symbol svg {
  background: var(--active);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 9px;
}
.transfer-result h2 {
  font-size: 15px;
  font-weight: 400;
}
.transfer-result>p {
  font-size: 11px;
  color: #67707a;
  margin-top: 8px;
}
.result-actions {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-top: 15px;
}
.result-actions .text-action {
  font-size: 13px;
}
.result-actions svg {
  width: 16px;
  height: 16px;
}
.recipient-result {
  padding: 13px 11px;
  font-size: 14px;
}
.recipient-result>strong {
  font-size: 16px;
  display: block;
}
.recipient-result>p {
  font-weight: 300;
  margin-top: 4px;
}
.recipient-result>b {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  color: #67717c;
}
.tabs {
  position: fixed;
  z-index: 50;
  bottom: 0;
  width: 100%;
  max-width: 480px;
  background: white;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  border-top: 1px solid #dedee5;
}
.tabs>a {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  min-height: 62px;
  font-size: 9px;
  color: #5c5f6a;
  font-weight: 300;
  padding: 10px 0 0;
  text-align: center;
  white-space: nowrap;
}
.tabs svg {
  width: 22px;
  height: 22px;
}
.tabs>a.active {
  color: var(--active);
  font-weight: 500;
}
.tabs>a.active:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--active);
}
.skip {
  position: fixed;
  left: 10px;
  top: -100px;
  padding: 10px;
  background: white;
  z-index: 100;
}
.skip:focus {
  top: 10px;
}
.search-box {
  padding: 0 var(--gutter) 18px;
}
.search-box>label {
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.search-box>input {
  width: 100%;
  border: 1px solid #dce1e9;
  border-radius: 6px;
  padding: 10px;
  background: white;
  font-size: 15px;
}
.alert {
  margin: 0 var(--gutter) 15px;
  padding: 12px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 6px;
}
.alert.error {
  background: #fff0ef;
  color: #9e3333;
  border: 1px solid #edc5c5;
}
dialog {
  border: 0;
  border-radius: 12px;
  padding: 22px;
  max-width: calc(100% - 35px);
  width: 350px;
  color: var(--ink);
  font: inherit;
}
dialog::backdrop {
  background: #142d4566;
}
.dialog-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.dialog-heading h2 {
  font-size: 18px;
}
.dialog-heading+p {
  line-height: 1.6;
  margin: 12px 0;
  font-size: 14px;
}
.empty {
  padding: 30px 15px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.sr-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(0,0,0,0);
  overflow: hidden;
}
.tx-list {
  margin: 0 var(--gutter) 15px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.tx {
  display: flex;
  padding: 13px 11px;
  gap: 14px;
  border-bottom: 1px solid var(--divider);
}
.tx:last-child {
  border-bottom: 0;
}
.tx-date {
  width: 37px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #6c7180;
  font-size: 8px;
  line-height: 1.1;
}
.tx-date strong {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4px;
}
.tx-body {
  min-width: 0;
  flex: 1;
}
.tx-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
}
.tx-top h3 {
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.tx-amount {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}
.tx-amount.positive {
  color: var(--action);
}
.tx-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
  font-weight: 300;
  color: #555b67;
  margin-top: 7px;
  line-height: 1.35;
}
.tx-body>p {
  font-size: 13px;
  font-weight: 300;
  margin-top: 6px;
  line-height: 1.4;
}
.tx-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
  min-height: 27px;
}
.tx-actions>a {
  font-size: 13px;
  color: var(--action);
}
.tx-tools {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.plain-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 30px;
  color: var(--action);
  padding: 0;
}
.plain-control svg {
  width: 21px;
  height: 21px;
}
.history-filters {
  margin: 0 var(--gutter) 20px;
}
.filter-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.filter-pair select {
  width: 100%;
  background: white;
  border: 0;
  border-radius: 6px;
  min-height: 42px;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
}
.history-search {
  margin-top: 12px;
}
.history-search label {
  font-size: 12px;
}
.search-row {
  display: flex;
  background: white;
  border-radius: 6px;
  padding: 5px;
}
.search-row>input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 8px;
  font-size: 14px;
}
.quick-actions {
  display: flex;
  gap: 5px;
  overflow: auto;
  margin: 0 0 14px;
  padding: 0 var(--gutter);
  scrollbar-width: none;
}
.quick-actions>a,.quick-actions>button {
  min-height: 100px;
  flex: 0 0 92px;
  background: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  padding: 12px 6px;
  font-size: 12px;
  text-align: center;
}
.quick-actions span {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  background: var(--action);
  border-radius: 50%;
  color: white;
}
.quick-actions svg {
  width: 24px;
}
.quick-actions b {
  font-weight: 400;
}
.panel {
  margin: 0 var(--gutter) 15px;
  background: white;
  border-radius: 8px;
  padding: 13px 11px;
}
.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  margin-bottom: 8px;
}
.section-heading>a {
  color: var(--action);
}
.balance-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.balance-label form {
  margin: 0;
}
.balance-label .plain-control {
  min-height: 20px;
}
.balance {
  display: flex;
  align-items: baseline;
  line-height: 1.1;
}
.balance-major {
  font-size: 27px;
  font-weight: 700;
}
.balance-minor {
  font-size: 17px;
  font-weight: 500;
}
.balance-currency {
  font-size: 12px;
  margin-left: 3px;
}
.balance-description {
  font-size: 14px;
  margin-top: 9px;
}
.last-transaction {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  font-weight: 300;
  margin-top: 9px;
}
.account-link {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  font-size: 14px;
  color: var(--action);
}
.account-link svg {
  width: 18px;
}
.networth summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  gap: 10px;
  cursor: pointer;
}
.networth h2 {
  font-size: 15px;
  font-weight: 500;
}
.networth p {
  font-size: 13px;
  font-weight: 300;
  margin-top: 8px;
  line-height: 1.3;
}
.networth-detail {
  font-size: 13px;
  margin-top: 15px;
}
.life-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 4px;
  margin: 0 var(--gutter) 15px;
}
.life-grid>button {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: white;
  border-radius: 6px;
  padding: 12px 5px;
  min-height: 82px;
  font-size: 12px;
}
.life-grid img {
  width: 36px;
  height: 34px;
  object-fit: contain;
}
.new-badge {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 8px;
  color: white;
  background: #f35e61;
  border-radius: 3px;
  padding: 3px;
}
.session-notice {
  margin: 0 var(--gutter) 20px;
  background: var(--soft);
  border-radius: 6px;
  padding: 12px;
  font-size: 12px;
}
.session-notice summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  list-style: none;
  cursor: pointer;
}
.session-notice p {
  font-size: 11px;
  margin-top: 10px;
}
.compact h2 {
  font-size: 17px;
  margin-bottom: 15px;
}
.compact .note,.screen-note,.note {
  font-size: 12px;
  line-height: 1.6;
  color: #626a75;
  margin-top: 12px;
}
.compact form input:not([type=hidden]),.compact form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #dfe2eb;
  border-radius: 4px;
}
.compact form label {
  display: block;
  margin: 15px 0 7px;
}
.compact .button {
  margin-top: 14px;
}
.profile {
  display: flex;
  align-items: center;
  gap: 12px;
}
.avatar {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--soft);
  color: var(--action);
}
.setting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--divider);
  padding: 15px 0;
  margin-top: 15px;
}
.setting h3 {
  font-size: 14px;
}
.setting p {
  font-size: 12px;
  color: #626a75;
  margin-top: 5px;
}
.text-button {
  color: var(--action);
}
.wallet-card {
  background: var(--navy);
  color: white;
  padding: 18px;
  border-radius: 10px;
  min-height: 180px;
  margin-bottom: 18px;
}
.wallet-card>div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11px;
}
.wallet-card>p {
  font-size: 20px;
  letter-spacing: 2px;
  margin: 25px 0;
}
.wallet-card .card-chip {
  width: 30px;
  height: 22px;
  background: #d5c99a;
  margin: 16px 0 0;
  border-radius: 4px;
}
.status {
  font-size: 11px;
  color: var(--active);
  padding: 4px 6px;
  background: #e8f6ee;
  border-radius: 4px;
}
.status.frozen {
  color: #826235;
  background: #f8efdf;
}
.screen-note {
  margin: 0 var(--gutter) 15px;
}
.summary-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 var(--gutter) 15px;
}
.summary-pair>.panel {
  margin: 0;
}
.summary-pair strong {
  font-size: 17px;
  overflow-wrap: anywhere;
}
.summary-pair p {
  font-size: 12px;
  margin: 8px 0;
}
.balance-hero h2 {
  font-size: 26px;
  margin: 10px 0;
}
.ui-values {
  margin: 0;
}
.ui-values>div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--divider);
  font-size: 14px;
}
.ui-values dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
.ui-values dt {
  color: #626a75;
}
.screen-islem-detay .balance-hero>p {
  font-size: 15px;
}
.section-label {
  font-size: 15px;
  margin: 15px var(--gutter) 10px;
}
.screen-transfer .page-title {
  font-size: 22px;
}
.screen-transfer main {
  padding-bottom: 10px;
}
@media(max-width:359px) {
  :root {
    font-size: 14px;
    --gutter: 12px;
  }
  .menu-text {
    font-size: 14px;
  }
  .menu-text small {
    font-size: 12px;
  }
  .menu-row {
    gap: 9px;
  }
  .page-title {
    font-size: 21px;
    padding-left: 15px;
  }
  .value-list>div {
    font-size: 12px;
    gap: 8px;
  }
  .section-title {
    font-size: 15px;
  }
  .account-item {
    font-size: 12px;
  }
  .account-item>div:first-child strong {
    font-size: 14px;
  }
  .tabs>a {
    font-size: 8px;
  }
  .net-assets>strong {
    font-size: 25px;
  }
  .section-title.split {
    flex-wrap: wrap;
  }
  .transfer-field input:not([type=radio]):not([type=checkbox]),.transfer-field select {
    font-size: 14px;
  }
  .screen-transfer .page-title {
    font-size: 20px;
  }
  .result-actions {
    gap: 12px;
  }
  .result-actions .text-action {
    font-size: 11px;
  }
  .badge {
    font-size: 8px;
  }
  .tx {
    gap: 8px;
  }
  .tx-top h3,.tx-amount {
    font-size: 12px;
  }
  .tx-meta {
    font-size: 11px;
  }
  .account-summary {
    font-size: 12px;
  }
  .market-card button>span {
    font-size: 14px;
  }
  .market-card small {
    font-size: 12px;
  }
  .promo-card h2 {
    font-size: 14px;
  }
  .promo-card>p {
    font-size: 12px;
  }
  .summary-pair strong {
    font-size: 14px;
  }
}
.plan-card {
  position: relative;
}
.plan-card>img {
  position: absolute;
  right: 10px;
  top: 15px;
  object-fit: contain;
}
.plan-card>.card-heading,.plan-card>p {
  padding-right: 88px;
}
.menu-icon img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}
.force-compact .compact-title {
  opacity: 1;
}
.force-compact .page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.force-compact .screen-intro {
  margin-top: 12px;
}
.toolbar {
  top: 0;
  min-height: 72px;
  padding-top: calc(8px + env(safe-area-inset-top));
}
.dashboard-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbar {
  grid-template-columns: minmax(44px,78px) 1fr minmax(36px,44px);
}
.dashboard-tools .avatar.mini {
  width: 32px;
  height: 32px;
  font-size: 11px;
  background: #e2e7ec;
  color: #4e5d67;
}
.screen-dashboard .page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.screen-dashboard .compact-title {
  visibility: hidden;
  opacity: 0;
}
.tabs {
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
}
.account-identity {
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}
.account-identity>.plain-control {
  min-width: 24px;
}
.account-identity svg {
  width: 16px;
  height: 16px;
}
.receipt-paper {
  padding: 20px 15px;
}
.receipt-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #dfe4ec;
  padding-bottom: 15px;
  color: #0d355e;
}
.receipt-brand>strong {
  font-size: 23px;
}
.receipt-brand>span {
  font-size: 11px;
  font-weight: 500;
  border: 1px solid #7f929e;
  padding: 5px;
  border-radius: 3px;
}
.receipt-paper h2 {
  font-size: 18px;
  margin-top: 22px;
}
.receipt-disclaimer {
  font-size: 12px;
  line-height: 1.7;
  background: #fff5de;
  border: 1px solid #e9d4a9;
  padding: 12px;
  margin: 16px 0;
}
.receipt-paper .value-list {
  padding: 5px 0;
}
.receipt-paper .value-list>div {
  padding: 12px 0;
  border-bottom: 1px solid #edf0f5;
}
.receipt-stamp {
  font-size: 11px;
  text-align: center;
  color: #68727e;
  border: 1px dashed #a8b6c0;
  padding: 12px;
  margin-top: 24px;
}
.receipt-description {
  font-size: 13px;
  line-height: 1.5;
  padding: 15px 0;
}
.menu-row:enabled:active,.menu-row[href]:active,.account-item[href]:active {
  background: #edf7f7;
}
.primary-button:active,.quick-actions>a:active {
  filter: brightness(.94);
}
@media(prefers-reduced-motion:no-preference) {
  .compact-title {
    transition: opacity .14s ease;
  }
  .menu-row:enabled,.menu-row[href],.primary-button {
    transition: background .12s ease,filter .12s ease;
  }
}
.receipt-mask {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 13px;
}
.receipt-mask>input {
  width: 18px;
  height: 18px;
  accent-color: var(--action);
}
.featured-credit-card {
  padding: 12px;
  margin: 16px 16px 0;
  border-radius: 8px;
}
.credit-summary-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  min-height: 52px;
}
.credit-summary-top h2 {
  margin: 0;
}
.credit-available strong {
  display: block;
  letter-spacing: 0;
}
.credit-available small {
  letter-spacing: 0;
}
.credit-summary-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.credit-summary-side>a:first-child {
  color: var(--action);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.credit-card-thumbnail {
  width: 36px;
  height: 24px;
  border-radius: 3px;
  background: #494c50;
  color: #fff;
  padding: 4px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  box-shadow: inset 0 0 0 1px #ffffff30;
}
.credit-card-thumbnail svg {
  width: 15px;
  height: 15px;
}
.credit-card-thumbnail>small {
  font-size: 5px;
  line-height: 1.3;
  letter-spacing: .2px;
}
.credit-current-debt,.credit-last-transaction {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.credit-current-debt {
  margin-top: 12px;
}
.credit-last-transaction {
  margin-top: 8px;
}
.credit-last-transaction>span:first-child {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.credit-last-transaction>span:last-child {
  white-space: nowrap;
}
.credit-activity-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--action);
  font-size: 14px;
  font-weight: 500;
  min-height: 28px;
  margin-top: 4px;
}
.credit-activity-link svg {
  width: 18px;
  height: 18px;
}
.screen-dashboard .credit-summary-side>a:active,.credit-activity-link:active {
  opacity: .65;
}
@media(max-width:359px) {
  .credit-available strong {
    font-size: 22px;
  }
  .credit-current-debt,.credit-last-transaction {
    font-size: 13px;
  }
}
.featured-credit-card+.networth {
  margin-top: 16px;
}
.credit-activity-link {
  line-height: 20px;
}
.screen-dashboard .toolbar {
  grid-template-columns: 78px 1fr 80px;
}
.dashboard-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.assistant-button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 40px;
  padding: 0;
  flex-shrink: 0;
}
.assistant-button>img {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.dashboard-header-actions .icon-button {
  width: 36px;
}
.tabs>a>svg {
  width: 24px;
  height: 24px;
}
.round-control {
  width: 36px;
  height: 36px;
  min-height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: white;
  color: var(--brand);
}
.round-control svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.5;
}
.landing {
  background: #e9eaf0;
}
.landing .app {
  padding-bottom: 0;
  min-height: 100dvh;
  background: linear-gradient(#0b26372b,#14232c20),url('../../../../img/reference/landscape.jpg') center/cover no-repeat;
  color: white;
  position: relative;
  display: flex;
  flex-direction: column;
}
.landing main {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}
.landing-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(28px + env(safe-area-inset-top)) 16px 12px;
  min-height: 76px;
}
.landing-brand {
  font-size: 23px;
  letter-spacing: -.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 7px;
}
.landing-brand span {
  font-size: 8px;
  letter-spacing: 1px;
  border: 1px solid #ffffff75;
  border-radius: 3px;
  padding: 3px 4px;
  font-weight: 400;
}
.landing-top .round-control {
  position: absolute;
  right: 16px;
  top: calc(22px + env(safe-area-inset-top));
  background: #ffffff25;
  color: white;
}
.landing-center {
  padding: 0 14px;
  text-align: center;
  margin: auto 0;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.avatar.large {
  width: 78px;
  height: 78px;
  border: 2px solid #ffffffa0;
  background: #ffffff20;
  color: white;
  font-size: 26px;
  font-weight: 400;
  margin: 20px auto 12px;
  backdrop-filter: blur(8px);
}
.landing-center h1 {
  font-size: 23px;
  font-weight: 500;
  margin: 0 0 6px;
}
.landing-center>p {
  font-size: 11px;
  color: #ffffffbb;
}
.landing-center form {
  margin-top: 25px;
}
.landing-enter {
  width: 100%;
  border: 0;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: white;
  color: var(--action);
  border-radius: 7px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 14px;
}
.landing-enter svg {
  width: 22px;
  height: 22px;
}
.landing-links {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 20px;
  gap: 12px;
}
.landing-links button {
  border: 0;
  background: none;
  color: white;
  font-size: 12px;
  min-height: 40px;
  padding: 0 10px;
}
.landing-bottom {
  margin-top: auto;
}
.promo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 0 14px 15px;
}
.promo-row>button {
  border: 0;
  border-radius: 7px;
  background: #ffffff2b;
  backdrop-filter: blur(10px);
  color: white;
  text-align: left;
  min-height: 60px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  line-height: 1.2;
}
.promo-row svg {
  height: 27px;
  width: 27px;
  border: 1px solid #ffffff90;
  border-radius: 50%;
  padding: 4px;
  box-sizing: content-box;
}
.promo-row b {
  font-weight: 500;
}
.landing-sheet {
  padding: 5px 14px calc(15px + env(safe-area-inset-bottom));
  background: var(--surface);
  border-radius: 18px 18px 0 0;
  color: var(--ink);
}
.sheet-handle {
  display: block;
  text-align: center;
  font-size: 20px;
  height: 29px;
}
.landing-sheet nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 4px;
}
.landing-sheet nav>button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  min-height: 96px;
  background: white;
  border: 0;
  border-radius: 7px;
  padding: 11px 5px 8px;
  font-size: 12px;
  line-height: 1.15;
}
.landing-sheet nav>button>span {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--action);
  color: white;
}
.landing-sheet nav svg {
  width: 23px;
  height: 23px;
  stroke-width: 1.3;
}
.landing-sheet b {
  font-weight: 500;
}
.landing-sheet>p {
  font-size: 8px;
  color: #777983;
  text-align: center;
  line-height: 1.4;
  margin-top: 9px;
}
@media(min-height:850px) {
  .landing-center {
    min-height: 420px;
  }
}
@media(max-width:359px) {
  .landing-sheet nav>button {
    font-size: 10px;
  }
  .promo-row>button {
    padding: 7px;
    font-size: 10px;
  }
}
[hidden] {
  display: none!important;
}
.aw-splash {
  margin: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  text-align: center;
}
.splash-mark {
  display: grid;
  place-items: center;
  margin: auto;
  width: 76px;
  height: 76px;
  border: 2px solid #fff;
  border-radius: 22px;
  font-size: 52px;
  font-weight: 600;
}
.aw-splash p {
  font-size: 10px;
  letter-spacing: 3px;
}
.aw-splash a {
  display: inline-block;
  font-size: 12px;
  margin-top: 35px;
  text-decoration: underline;
}
.reference-login .app {
  max-width: 590px;
}
.reference-login main {
  min-height: 100svh;
}
.reference-login .landing-top {
  padding-top: calc(28px + env(safe-area-inset-top));
  min-height: 84px;
}
.reference-login .landing-brand {
  font-size: 26px;
  font-weight: 600;
}
.reference-login .landing-center {
  min-height: 0;
  flex: 1;
  margin: 0;
  padding: 0 14px;
  justify-content: center;
  position: relative;
}
.reference-login .avatar.large {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 38px auto 12px;
  font-size: 27px;
}
.reference-login .landing-center h1 {
  font-size: 23px;
  margin: 0 0 4px;
}
.reference-login .landing-center>p {
  font-size: 10px;
  margin: 0;
  color: #ffffffdf;
}
.entry-modes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 26px;
}
.entry-modes button {
  background: #fff;
  border: 0;
  border-radius: 8px;
  min-height: 46px;
  color: var(--action);
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}
.reference-login .landing-links {
  margin-top: 8px;
  margin-bottom: 22px;
}
.reference-login .landing-links button {
  font-size: 12px;
  padding: 0 10px;
}
.reference-login #login-entry {
  position: relative;
  margin-top: 26px;
}
.reference-login .landing-enter {
  min-height: 46px;
  justify-content: space-between;
  font-size: 14px;
}
.reference-login #entry-back {
  position: absolute;
  top: -45px;
  left: 0;
  color: #fff;
  border: 0;
  background: none;
  min-width: 44px;
  min-height: 44px;
  font-size: 30px;
  font-weight: 300;
}
.reference-login .promo-row {
  gap: 4px;
  padding: 0 14px 14px;
}
.reference-login .promo-row>button {
  min-height: 60px;
}
.reference-login .landing-sheet {
  border-radius: 20px 20px 0 0;
  padding-top: 5px;
}
.reference-login .sheet-handle {
  height: 38px;
}
.reference-login .landing-sheet nav>button {
  min-height: 99px;
  padding-top: 11px;
  gap: 11px;
}
.reference-login .landing-sheet nav>button>span {
  width: 42px;
  height: 42px;
}
.reference-login button:focus-visible,.reference-login a:focus-visible {
  outline: 3px solid #ffdf7b;
  outline-offset: 3px;
}
@media(min-height:900px) {
  .reference-login .landing-center {
    min-height: 0;
  }
  .reference-login .avatar.large {
    margin-top: 80px;
  }
}
@media(min-width:480px) {
  .reference-login .landing-center {
    padding-left: 22px;
    padding-right: 22px;
  }
  .reference-login .entry-modes button {
    min-height: 60px;
    font-size: 20px;
  }
  .reference-login .landing-enter {
    min-height: 60px;
  }
  .reference-login .avatar.large {
    width: 112px;
    height: 112px;
    font-size: 36px;
  }
  .reference-login .landing-center h1 {
    font-size: 29px;
  }
  .reference-login .landing-sheet nav>button {
    min-height: 133px;
    font-size: 15px;
  }
  .reference-login .landing-sheet nav>button>span {
    width: 56px;
    height: 56px;
  }
  .reference-login .promo-row>button {
    min-height: 82px;
    font-size: 14px;
  }
}
@media(max-height:650px) {
  .reference-login .landing-center {
    min-height: 315px;
  }
  .reference-login .avatar.large {
    margin-top: 20px;
  }
}
.aw-splash {
  background: #f4f5fb;
  color: #0d355e;
}
.aw-splash main {
  width: 100%;
  padding: 24px;
}
.aw-splash h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: clamp(30px,8vw,44px);
  font-weight: 600;
  letter-spacing: -1.3px;
}
.splash-aw {
  display: grid;
  place-items: center;
  background: var(--action);
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -2px;
}
.aw-splash a {
  color: #0d355e;
}
/* Dashboard typography: APK Roboto Regular / Medium plus Android's variable Semibold face.
   Native references: dashboard_card_amount_view_layout.xml (29/22/15sp),
   row_type_account_activity_secure_dashboard.xml (15sp),
   dashboard_quick_action_button.xml (13sp), GBMediumStyleBoldIfLessThanAPI21.
   Scale against the app content width, rather than the surrounding desktop window. */
@font-face {
  font-family: 'AWallet Sans';
  src: url('../../../../fonts/apk/roboto-android-variable.ttf') format('truetype');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
.screen-dashboard main {
  container-type: inline-size;
  --home-heading: clamp(12.3px, 3.846154vw, 18.46px);
  --home-body: clamp(12.3px, 3.846154vw, 18.46px);
  --home-meta: clamp(10.67px, 3.333333vw, 16px);
  --home-small: clamp(10px, 2.820513vw, 13.54px);
  --home-amount: clamp(23.79px, 7.435897vw, 35.69px);
  --home-decimal: clamp(18.05px, 5.641026vw, 27.08px);
  --home-currency: clamp(12.3px, 3.846154vw, 18.46px);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
@supports (font-size: 1cqw) {
  .screen-dashboard main {
    --home-heading: clamp(12.3px, 3.846154cqw, 18.46px);
    --home-body: clamp(12.3px, 3.846154cqw, 18.46px);
    --home-meta: clamp(10.67px, 3.333333cqw, 16px);
    --home-small: clamp(10px, 2.820513cqw, 13.54px);
    --home-amount: clamp(23.79px, 7.435897cqw, 35.69px);
    --home-decimal: clamp(18.05px, 5.641026cqw, 27.08px);
    --home-currency: clamp(12.3px, 3.846154cqw, 18.46px);
  }
}
.screen-dashboard .balance-label,
.screen-dashboard .balance-description,
.screen-dashboard .credit-summary-top h2,
.screen-dashboard .account-link,
.screen-dashboard .credit-activity-link,
.screen-dashboard .networth h2 {
  font-size: var(--home-heading);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
}
.screen-dashboard .balance-major,
.screen-dashboard .credit-available strong {
  font-size: var(--home-amount);
  line-height: 1.17;
  font-weight: 600;
  letter-spacing: 0;
  font-variant-numeric: proportional-nums;
}
.screen-dashboard .balance-minor,
.screen-dashboard .credit-available small {
  font-size: var(--home-decimal);
  line-height: 1.2;
  font-weight: 600;
}
.screen-dashboard .balance-currency,
.screen-dashboard .credit-available .credit-currency {
  font-size: var(--home-currency);
  line-height: 1.2;
  font-weight: 500;
}
.screen-dashboard .last-transaction,
.screen-dashboard .credit-current-debt,
.screen-dashboard .credit-last-transaction,
.screen-dashboard .account .section-heading,
.screen-dashboard .networth p {
  font-size: var(--home-body);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.screen-dashboard .account .section-heading>a,
.screen-dashboard .credit-summary-side>a:first-child {
  font-size: var(--home-body);
  line-height: 1.4;
  font-weight: 500;
}
.screen-dashboard .quick-actions b {
  font-size: var(--home-meta);
  line-height: 1.25;
  font-weight: 500;
}
.screen-dashboard .life-grid>button,
.screen-dashboard .session-notice,
.screen-dashboard .networth-detail {
  font-size: var(--home-meta);
  line-height: 1.3;
  font-weight: 400;
}
.screen-dashboard .session-notice b { font-weight: 500; }
.screen-dashboard .credit-card-header>div>small,
.screen-dashboard .session-notice p {
  font-size: var(--home-small);
  line-height: 1.4;
}
.screen-dashboard .credit-summary-top>div:first-child { min-width: 0; }
.screen-dashboard .credit-current-debt>span:first-child { min-width: 0; }
.screen-dashboard .credit-current-debt>span:last-child,
.screen-dashboard .last-transaction>span:last-child { white-space: nowrap; }

.screen-dashboard .networth-illustration {
  display: block;
  width: clamp(59px, 18.461538vw, 88.62px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  flex-shrink: 0;
  margin-left: auto;
}
@supports (width: 1cqw) {
  .screen-dashboard .networth-illustration { width: clamp(59px, 18.461538cqw, 88.62px); }
}

/* Screen extensions: preserve all accepted original-theme rules above. */
.form-card{padding:16px;margin:16px var(--gutter)}.form-card label:not(.switch-row):not(.checkbox-row){display:block;margin:14px 0 7px}.form-card input:not([type=checkbox]):not([type=radio]),.form-card select,.form-card textarea{width:100%;padding:12px;border:1px solid #c8cbd2;border-radius:7px;background:var(--white);color:var(--ink);font:inherit}.form-card .primary-button,.form-card .secondary-button{margin-top:16px}.form-card h2{font-size:16px;font-weight:500}.form-card .note{margin-top:14px}.block-link{display:block}.outline-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--action);border-radius:5px;padding:7px 9px;color:var(--action);font-size:12px;background:transparent;white-space:nowrap}.profile-overview{display:flex;align-items:center;gap:12px;padding:12px}.profile-overview>div{flex:1}.profile-overview strong,.profile-overview a{display:block}.profile-overview a{margin-top:5px}.profile-overview form{margin:0}.contact-search{display:flex;align-items:center;gap:6px;background:var(--white);border-radius:8px;margin:0 var(--gutter) 14px;padding:9px}.contact-search input{border:0;min-width:0;flex:1;background:transparent;font:inherit;padding:3px}.contact-search button{color:var(--secondary)}.contact-list{overflow:hidden}.contact-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--divider)}.contact-row:last-child{border:0}.contact-name{flex:1;min-width:0}.contact-name strong{font-size:14px;font-weight:500}.contact-name span,.contact-name small{display:block;color:var(--secondary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.contact-row>a:last-child{color:var(--action)}.card-list-item>a{display:flex;align-items:center;padding:12px;gap:12px}.card-list-item>a>span:nth-child(2){flex:1;min-width:0}.card-list-item small{display:block;color:var(--secondary);margin-top:5px}.wallet-card-thumb{display:block;background:linear-gradient(130deg,#e7f4e1,#8ec77b);border-radius:5px;width:78px;aspect-ratio:1.6;padding:8px;color:#235035;font-size:9px;font-weight:500;flex-shrink:0}.card-empty{text-align:center;padding:55px 24px 45px}.card-empty p{font-size:14px;line-height:1.5;margin:20px 0 16px}.card-empty .primary-button{display:inline-block;min-height:auto;padding:12px 16px;width:auto}.empty-card-icon{display:grid;place-items:center;width:112px;height:112px;border:13px solid var(--soft);border-radius:50%;margin:0 auto;color:#b8becb}.empty-card-icon svg{width:44px;height:44px}.switch-form{padding:0 12px;border-bottom:1px solid var(--divider)}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;position:relative;min-height:48px;margin:0!important;padding:12px 0;font-size:14px}.switch-row input{position:absolute;right:0;opacity:0;width:44px;height:28px;margin:0;z-index:1;cursor:pointer}.switch-visual{position:relative;width:42px;height:25px;border-radius:20px;background:#d6d9df;flex-shrink:0}.switch-visual:after{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:white;transition:transform 140ms ease}.switch-row input:checked+.switch-visual{background:var(--action)}.switch-row input:checked+.switch-visual:after{transform:translateX(17px)}.switch-row input:focus-visible+.switch-visual{outline:2px solid #0877ab;outline-offset:3px}.mode-choices{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #aaa}.mode-choices>label{flex:1;display:flex!important;flex-direction:column;align-items:center;gap:8px;margin:0!important;font-weight:400}.mode-choices img{object-fit:contain}.mode-choices input{accent-color:var(--action);width:20px;height:20px}.notification-row{display:flex;gap:10px;padding:14px 12px;border-bottom:1px solid var(--divider)}.notification-row p{font-size:14px;line-height:1.4}.notification-row small{display:block;margin-top:8px;color:var(--secondary);font-size:12px}.notification-dot{width:9px;height:9px;border-radius:50%;background:var(--action);flex-shrink:0;margin-top:5px}.notification-dot.warning{background:#f06267}.notification-dot.info{background:#3697bf}.notification-dot.read{opacity:.35}.request-row{padding:14px;border-bottom:1px solid var(--divider)}.request-row p{font-size:14px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.request-row small{font-size:11px;color:var(--secondary)}.application-carousel{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:0 var(--gutter) 12px}.application-carousel .promo-card{flex:0 0 92%;margin:0;scroll-snap-align:center}.analytics-filters{display:flex;gap:10px;padding:0 var(--gutter) 14px}.analytics-filters select{flex:1;width:0;min-width:0;border:0;border-radius:8px;background:var(--white);color:var(--ink);padding:14px 10px;font:inherit}.chart-surface{background:var(--white);padding:15px;margin-bottom:16px}.donut-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--white);gap:10px;padding:6px 45px 15px}.donut-carousel>a{flex:0 0 100%;min-width:0;scroll-snap-align:center}.donut{position:relative;color:#0c9700;width:min(100%,250px);aspect-ratio:1;margin:5px auto 15px}.donut.orange,.category-dot.orange{color:#ee8834}.donut.blue{color:#0062ac}.donut svg{width:100%;height:100%}.donut>div{position:absolute;inset:30%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}.donut strong{font-size:17px;color:var(--ink);white-space:nowrap}.donut span{font-size:12px;color:var(--secondary);white-space:nowrap}.category-list>a{display:flex;align-items:center;gap:9px;padding:13px 12px;border-bottom:1px solid var(--divider)}.category-list>a>span:nth-child(2){flex:1;min-width:0}.category-list strong{display:block;font-weight:400}.category-list small{display:block;color:var(--secondary);font-size:11px;margin-top:4px}.category-list b{font-size:13px;white-space:nowrap}.category-list>a>svg{color:var(--action);width:17px}.category-dot{background:#119900;color:white;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.category-dot.orange{background:#ee8834;color:white}.category-dot svg{width:18px}.bar-chart,.line-chart{width:100%;height:auto;display:block}.bar-chart text,.line-chart text{font:9px 'AWallet Sans',sans-serif;fill:var(--secondary)}.chart-total{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--divider);font-size:13px}.category-transactions>a{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--divider);align-items:flex-start}.big-date{text-align:center;color:var(--secondary)}.big-date b{display:block;font-size:32px;line-height:1;font-weight:400}.big-date small{font-size:10px}.category-transactions>a>span:nth-child(2){flex:1}.category-transactions>a>span:nth-child(2)>small{display:block;font-size:12px;margin-top:3px}.category-transactions strong{font-size:13px}.asset-stat{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--divider)}.asset-stat>div,.asset-stat>span:not(.asset-key){flex:1}.asset-stat small{display:block;color:var(--secondary);font-size:11px;margin-top:4px}.asset-stat b{font-size:14px;white-space:nowrap;margin-left:auto}.asset-key{width:10px;height:3px;background:#009242}.asset-key.debts{background:#ee8834}.asset-key.net{background:#c5e5cd}.screen-dashboard .networth[open] summary p,.screen-dashboard .networth[open] .networth-illustration{display:none}.screen-dashboard .networth[open] summary>svg{transform:rotate(180deg)}.screen-dashboard .networth-value{font-size:var(--home-amount);font-weight:600;display:block}.screen-dashboard .networth-detail{margin-top:8px}.screen-dashboard .networth-detail .value-list{margin-left:-10px;margin-right:-10px}.login-credential{width:100%;padding:14px;border:0;border-radius:7px;background:white;color:#1d212f;font:inherit;margin-bottom:10px}.login-error{padding:10px;border-radius:8px;background:#fff;color:#a22;font-size:13px;margin-bottom:10px}.reference-login #login-entry{margin-top:12px}.prelogin-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 var(--gutter) 16px}.prelogin-actions>a{display:flex;flex-direction:column;align-items:center;background:var(--white);border-radius:8px;padding:12px 4px;gap:10px;text-align:center;font-size:12px}.prelogin-actions>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--action);color:white}.prelogin-lock{display:flex;align-items:center;gap:15px;padding:16px}.prelogin-lock .empty-card-icon{width:70px;height:70px;border-width:8px;flex-shrink:0}.prelogin-lock>div{min-width:0}.prelogin-lock h2{font-size:16px}.prelogin-lock p{font-size:13px;margin:8px 0;line-height:1.5}.panel-close{display:block;text-align:right;margin:0 18px 12px;font-size:28px}.market-row{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:13px}.market-row strong{flex:1;min-width:0}.market-row small{font-size:10px;color:var(--action)}.market-code{width:30px;height:30px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-size:9px;flex-shrink:0}.market-buttons{display:flex;gap:8px;margin:12px 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.module-grid a{display:flex;flex-direction:column;align-items:center;font-size:12px;gap:7px}.conversion-result{text-align:center;margin:20px 0}.receipt-preview{border-radius:0;border:1px solid var(--divider);min-height:600px;box-shadow:0 1px 6px #00000012}.receipt-preview .receipt-brand{background:#178c39;color:#fff;padding:14px}.receipt-preview .receipt-brand span{color:white}.receipt-preview .receipt-disclaimer{border:2px solid #178c39;padding:9px;font-size:12px;font-weight:500}.receipt-preview .value-list{font-size:12px}.receipt-preview .receipt-stamp{font-size:13px;letter-spacing:1px}.avatar-image{width:100%;height:100%;object-fit:contain;border-radius:50%}
/* Native pressed selectors -> subtle inset overlay, without changing resting colors. */
:where(.menu-row,.contact-row>a,.quick-actions>a,.quick-actions>button,.account-item,.tabs>a,.primary-button,.secondary-button,.outline-action){transition:box-shadow 140ms ease,opacity 140ms ease;}
:where(.menu-row,.quick-actions>a,.quick-actions>button,.account-item,.tabs>a,.primary-button,.secondary-button,.outline-action):active{box-shadow:inset 0 0 0 999px #0000000d;}
.press-feedback{animation:pressFeedback 175ms ease-out}
@keyframes pressFeedback{from{filter:brightness(.94)}to{filter:brightness(1)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:pageFadeOut 140ms ease-in both}
::view-transition-new(root){animation:pageFadeIn 175ms ease-out both}
@keyframes pageFadeOut{to{opacity:0}}
@keyframes pageFadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
html[data-appearance=dark]{--surface:#141a22;--white:#222a35;--ink:#edf1f5;--secondary:#b9c2cd;--divider:#35404d;--soft:#303c50;--action:#48c69a;--active:#48c69a;background:#11151c;color-scheme:dark}
html[data-appearance=dark] :where(.panel,.white-card,.menu-card,.market-card,.quick-actions>a,.quick-actions>button,.life-grid>button,.tabs){background:var(--white)}
@media(prefers-color-scheme:dark){html[data-appearance=system]{--surface:#141a22;--white:#222a35;--ink:#edf1f5;--secondary:#b9c2cd;--divider:#35404d;--soft:#303c50;--action:#48c69a;--active:#48c69a;background:#11151c;color-scheme:dark}html[data-appearance=system] :where(.panel,.white-card,.menu-card,.market-card,.quick-actions>a,.quick-actions>button,.life-grid>button,.tabs){background:var(--white)}}
@media(max-width:350px){.contact-row{gap:6px;padding:10px 8px}.contact-name strong{font-size:12px}.outline-action{font-size:10px;padding:6px}.category-list>a{gap:6px;padding:12px 8px}.category-list b{font-size:11px}.category-dot{display:none}.donut-carousel{padding-inline:25px}.market-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.press-feedback{animation:none!important}.switch-visual:after{transition:none}:where(.menu-row,.quick-actions>a,.quick-actions>button,.account-item,.tabs>a,.primary-button,.secondary-button,.outline-action){transition:none}}
a.white-card.menu-row{width:auto}
.empty-card-original{display:block;margin:0 auto;max-width:128px;height:auto}
.form-card:has(input[name=system]:checked) .mode-choices img{filter:grayscale(1);opacity:.65}
.debit-card-hero{background:var(--action);padding:25px 16px 48px}.debit-card-hero .wallet-card{max-width:260px;aspect-ratio:1.6;margin:0 auto;background:linear-gradient(135deg,#f3faeb,#92c979);color:#24583a}.debit-card-hero .wallet-card p{font-size:15px}.debit-detail-sheet{position:relative;margin-top:-30px;padding:14px}.debit-account-balance{display:block;font-size:24px;font-weight:600;margin:3px 0 14px}.screen-kart-detay:has(.debit-card-hero) .toolbar{background:var(--action);color:white}.screen-kart-detay:has(.debit-card-hero) .page-title{display:none}.screen-kart-detay:has(.debit-card-hero) .compact-title{opacity:1;font-size:13px}
.screen-kart-detay:has(.debit-card-hero) .toolbar .icon-button{color:white}
/* Corrections: in-page controls remain still; document navigation owns the transition. */
:where(.menu-row,.quick-actions>a,.quick-actions>button,.account-item,.tabs>a,.primary-button,.secondary-button,.outline-action,.credit-activity-link){transition:none}
:where(.menu-row,.quick-actions>a,.quick-actions>button,.account-item,.tabs>a,.primary-button,.secondary-button,.outline-action,.credit-activity-link):active{filter:none;box-shadow:none}
.screen-dashboard .credit-summary-side>a:active{filter:none;background:transparent}
.transfer-form :is(input:not([type=radio]):not([type=checkbox]),textarea):focus,
.transfer-form :is(input:not([type=radio]):not([type=checkbox]),textarea):focus-visible{outline:none;box-shadow:none;border:0}
.screen-bildirimler .notification-list{margin-top:16px;overflow:hidden;border-radius:8px}
.screen-bildirimler .notification-row{padding:12px 11px;gap:11px}
.screen-bildirimler .notification-row:last-child{border-bottom:0}
.screen-bildirimler .notification-row p{font-weight:400;font-size:13px;line-height:1.2}
.screen-bildirimler .notification-row small{font-weight:400;font-size:11px;margin-top:8px}
.screen-bildirimler .notification-dot{width:9px;height:9px;margin-top:4px}
.reference-login .landing-center .switch-profile{margin:0}
.reference-login .pin-entry{display:flex;align-items:center;background:white;border-radius:8px;min-height:46px;padding:0 12px;gap:8px}
.reference-login .pin-entry input{font:inherit;width:0;flex:1;min-width:0;min-height:46px;border:0;outline:none;background:transparent;color:var(--ink);letter-spacing:6px}
.reference-login .pin-entry input::placeholder{color:#e2e6f1;font-size:16px;letter-spacing:3px}
.reference-login .pin-entry button{color:var(--action);display:grid;place-items:center;width:32px;height:44px}
.reference-login .pin-entry svg{width:25px;height:25px}
.reference-login .forgot-pin{color:white;font-size:14px;display:block;margin:45px auto 0;padding:8px}
.reference-login .landing-sheet{position:relative}
.reference-login .sheet-handle{width:100%;background:transparent;color:var(--ink)}
.sheet-collapse{display:none}
.reference-login .landing-sheet.expanded{position:fixed;z-index:50;top:17%;bottom:0;width:min(100%,590px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:44px 0 20px;text-align:left;scrollbar-width:none}
.reference-login .landing-sheet.expanded .sheet-handle,.reference-login .landing-sheet.expanded .collapsed-quick{display:none}
.reference-login .landing-sheet.expanded .sheet-collapse{display:block;position:absolute;right:14px;top:7px;font-size:28px;width:30px;height:30px;color:var(--ink)}
.quick-sheet-open{overflow:hidden}
.reference-login .prelogin-actions{padding-bottom:0}
.reference-login .prelogin-actions>a{font-weight:400}
.reference-login .prelogin-actions>b,.reference-login .prelogin-actions b{font-weight:500}
.reference-login .landing-sheet .form-card{padding:12px}
.reference-login .landing-sheet h2{font-weight:500}
.reference-login .landing-sheet p{color:var(--ink)}
.reference-login .landing-sheet .note{color:var(--secondary)}
.reference-login .landing-links:has(+*){margin-top:8px}
.reference-login:has(#login-entry:not([hidden])) .landing-links{visibility:hidden;min-height:40px}
@media(max-height:700px){.reference-login .avatar.large{margin-top:12px}.reference-login .forgot-pin{margin-top:16px}.reference-login .landing-sheet nav>button{min-height:85px}}
.menu-row:enabled:active,.menu-row[href]:active,.account-item[href]:active{background:var(--white)}
.notification-swipe{position:relative;overflow:hidden;touch-action:pan-y;border-bottom:1px solid var(--divider)}
.notification-swipe:last-child{border-bottom:0}
.notification-delete{position:absolute;inset:0 0 0 auto;width:70px;display:flex;margin:0}
.notification-delete button{background:#f06267;color:white;width:100%;font-size:12px}
.notification-swipe .notification-row{position:relative;background:var(--white);border-bottom:0}
.notification-swipe.delete-visible .notification-row{transform:translateX(-70px)}
.notification-delete:focus-within+.notification-row{transform:translateX(-70px)}
.notification-promo{margin-top:15px;margin-bottom:15px;padding:12px}
.notification-promo h2{font-size:16px;font-weight:500}
.notification-promo p{font-size:13px;line-height:1.25;margin-top:5px;max-width:80%}
.notification-promo>div{display:flex;gap:20px;margin-top:24px}
.notification-promo .text-action{font-size:13px;font-weight:400}
.reference-login .prelogin-lock .outline-action{margin-top:8px}
.reference-login .landing-sheet .white-card{margin-top:14px;margin-bottom:14px}
.reference-login .landing-center{justify-content:flex-start;padding-top:clamp(30px,calc(35svh - 140px),160px)}
.reference-login .landing-center .avatar.large{margin:0 auto 12px}
.reference-login #login-entry{margin-top:26px}
.reference-login:has(#login-entry:not([hidden])) .landing-links{display:none}
.notification-delete button{opacity:0}
.notification-swipe.delete-visible .notification-delete button,.notification-delete:focus-within button{opacity:1}
@media(max-height:700px){.reference-login .landing-center{padding-top:45px}.reference-login .forgot-pin{margin-top:16px}}
/* APK redesign: BentonSans faces from res/font, scoped to the dashboard. */
@font-face{font-family:'AWallet Dashboard';src:url('../../../../fonts/apk/benton-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AWallet Dashboard';src:url('../../../../fonts/apk/benton-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'AWallet Dashboard';src:url('../../../../fonts/apk/benton-bold.otf') format('opentype');font-weight:600 700;font-style:normal;font-display:swap}
.screen-dashboard{font-family:'AWallet Dashboard','AWallet Sans',sans-serif;font-synthesis:none}
.screen-dashboard main{--home-heading:14px;--home-body:13.5px;--home-meta:12px;--home-small:11px;--home-amount:22px;--home-decimal:15px;--home-currency:13px}
.screen-dashboard .panel{padding:10px 11px;margin-bottom:14px}
.screen-dashboard .account .section-heading{margin-bottom:6px}
.screen-dashboard .balance-description{margin-top:3px;font-weight:400}
.screen-dashboard .balance-major,.screen-dashboard .balance-minor,.screen-dashboard .credit-available strong,.screen-dashboard .credit-available small,.screen-dashboard .networth-value{font-weight:700}
.screen-dashboard .last-transaction{margin-top:7px;color:var(--secondary)}
.screen-dashboard .account-link{margin-top:6px}
.screen-dashboard .quick-actions>a,.screen-dashboard .quick-actions>button{min-height:100px;flex-basis:88px;padding:11px 5px;gap:11px}
.screen-dashboard .quick-actions b{font-weight:500;line-height:1.2}
.screen-dashboard .life-grid>button{min-height:76px;padding:10px 5px;gap:8px}
.screen-dashboard .life-grid img{width:34px;height:32px}
.screen-dashboard .networth summary{min-height:52px}
.screen-dashboard .networth-value{font-size:22px;line-height:1.25}
.screen-dashboard .networth-detail .value-list{padding-block:5px}
.screen-dashboard .networth-detail .value-list>div{font-size:13.5px}
.screen-dashboard .networth-detail .value-list dt{font-weight:400}
.screen-dashboard .networth-detail .text-action{font-size:13px}
.screen-dashboard .session-notice{padding:10px 11px}
.screen-dashboard .failed-login-history{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid #d5dbea}
.screen-dashboard .failed-login-history li{padding:8px 0 0;color:var(--secondary);font-size:11px}
.native-alert{background:var(--surface);border-radius:8px;padding:20px 16px 16px;width:350px;color:var(--ink);box-shadow:0 8px 32px #102e4b22}
.native-alert::backdrop{background:#073568b3}
.native-alert h2{font-size:14px;line-height:1.4;font-weight:500;margin-bottom:9px}
.native-alert p{font-size:14px;line-height:1.45;color:var(--ink);margin-bottom:18px}
.native-alert .primary-button{min-height:40px;font-size:14px;border-radius:5px}
.public-notification-tabs{display:flex;margin:0 14px 18px;padding:2px;background:var(--soft);border-radius:8px;gap:3px}
.public-notification-tabs a{flex:1;text-align:center;padding:9px;font-size:13px;border-radius:6px}
.public-notification-tabs .selected{background:var(--navy);color:white;font-weight:500}
.public-notification-login{padding:16px;display:flex;gap:12px;align-items:flex-start}
.notification-login-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--soft);border-radius:50%;color:var(--action)}
.public-notification-login h2{font-size:16px;font-weight:500;margin-bottom:8px}
.public-notification-login p{font-size:14px;line-height:1.4;color:var(--secondary);margin-bottom:16px}
.public-notification-login .primary-button{width:auto;min-height:40px;display:inline-flex;font-size:14px;padding-inline:25px}
.public-notification-explanation{font-size:13px;line-height:1.5;margin:20px 16px;color:var(--secondary)}
@media(max-width:350px){.screen-dashboard main{--home-heading:13px;--home-body:12px;--home-meta:11px}.screen-dashboard .quick-actions>a,.screen-dashboard .quick-actions>button{flex-basis:76px}.screen-dashboard .account-identity{font-size:12px}}

.native-alert h2:focus{outline:none}

/* Shared viewport navigation: same anchored position across long/short pages. */
:root{--bottom-navigation-space:calc(96px + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:var(--bottom-navigation-space)}
.app:has(>nav.tabs){padding-bottom:var(--bottom-navigation-space)}
nav.tabs{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);width:min(100%,480px);max-width:480px;z-index:60;isolation:isolate;background:var(--white);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-shrink:0}
nav.tabs>a{min-height:62px;min-width:0;touch-action:manipulation}
main :is(input,select,textarea,button,a){scroll-margin-bottom:var(--bottom-navigation-space)}
.toolbar .icon-button{width:44px;height:44px}
.recent-empty{background:var(--white);color:var(--secondary);border-radius:8px;padding:14px;font-size:13px;line-height:1.5;min-width:0;margin:0;width:100%}
.white-card,.menu-card,.market-card,.confirmation-card,.menu-row,.transfer-field,.chart-surface,.donut-carousel{background:var(--white)}
html[data-appearance=dark] :is(.value-list dt,.menu-text small,.transfer-field label,.account-summary){color:var(--secondary)}
@media(prefers-color-scheme:dark){html[data-appearance=system] :is(.value-list dt,.menu-text small,.transfer-field label,.account-summary){color:var(--secondary)}}
@media(max-height:500px){nav.tabs>a{min-height:50px;gap:4px;padding-top:7px}nav.tabs{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}


/* Dekont görüntüleme: gölgeli beyaz PDF sayfası + alt işlem paneli */
.screen-dekont .app{padding-bottom:0}
.receipt-viewer{margin:16px 16px 24px;background:#fff;box-shadow:0 1px 6px #0000001f;aspect-ratio:595/842;overflow:auto;touch-action:pan-x pan-y;overscroll-behavior:contain}
.receipt-zoom{width:calc(100% * var(--receipt-zoom,1))}
.receipt-page{display:block;width:100%;height:auto;user-select:none}
.receipt-actions{position:sticky;bottom:0;background:var(--white);padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.receipt-actions .receipt-mask{display:flex;align-items:center;gap:14px;font-size:16px;margin-bottom:6px}
.receipt-actions .receipt-mask input{width:22px;height:22px;accent-color:var(--action)}
.receipt-actions .primary-button{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:17px}
/* Hesap hareketleri: iki başlık ikonu varken başlık ortada kalsın */
.screen-hareketler .toolbar{grid-template-columns:78px 1fr 78px}

/* Tema: panelden yüklenen açılış logosu */
.splash-logo{display:block;height:64px;width:64px;max-width:min(240px,55vw);background-position:center;background-size:contain;background-repeat:no-repeat}
/* Giriş ekranı: üst başlık logosu (tema.css gömer) ve ilk kez gelen kullanıcıya karşılama */
.landing-brand.landing-logo{display:block;height:34px;width:120px;max-width:60vw;background-position:center;background-size:contain;background-repeat:no-repeat}
.reference-login .landing-center .welcome-title{margin:0 0 20px}
.reference-login .entry-modes .signup-button{grid-column:1/-1;background:transparent;border:1px solid #ffffffb3;color:#fff;font-size:15px}
/* Yer imi: sunucuya kaydedilen işaret (form, düzeni bozmasın) */
.tx-tools form{display:contents}
.tx-tools [aria-pressed="true"] svg{fill:currentColor}
.notification-read-all{display:flex;justify-content:flex-end;margin:0 var(--gutter) 8px}
.avatar.special-day{box-shadow:0 0 0 2px #e30a17,0 0 0 4px #fff}
/* Tema seçimi (Görünüm ve Tema Ayarları) */
.theme-choices{display:grid;gap:10px;margin:14px 0}
.theme-choice{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:12px;border:1px solid var(--divider);border-radius:10px;background:var(--white);cursor:pointer}
.theme-choice:has(input:checked){border-color:var(--action);box-shadow:0 0 0 1px var(--action)}
.theme-choice input{accent-color:var(--action);width:20px;height:20px;flex-shrink:0}
.theme-swatches{display:flex;flex-shrink:0}
.theme-swatches i{width:22px;height:22px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px var(--divider);margin-left:-6px}
.theme-swatches i:first-child{margin-left:0}
.theme-choice b{display:block;font-weight:500;font-size:14px}
.theme-choice small{display:block;color:var(--secondary);font-size:12px;line-height:1.4;margin-top:2px}
/* Grafik renkleri (önceden PHP içinde yazılıydı; tema değiştirebilsin diye CSS'te) */
.chart-grid{stroke:#ddd}
.chart-bar{fill:#119400}
.chart-line{fill:none;stroke-width:2}
.chart-line-assets{stroke:#009242}
.chart-line-debts{stroke:#f18a32}