/* Super App V1.15 — Me hub + bank logo refinement */

.account-icon.v15-brand-local,
.v13-account-logo.v15-brand-local {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.v15-bank-logo {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.v15-bank-ccb { width:88%; height:88%; margin:auto; }
.v15-bank-posb { width:86%; height:86%; margin:auto; }

.v15-me-page-head { margin-bottom:18px; }
.v15-me-page-head h2 { margin-bottom:4px; }
.v15-me-root { display:grid; gap:18px; }
.v15-me-hub { display:grid; gap:16px; }
.v15-profile-card {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:22px;
  border:1px solid rgba(20,68,55,.10);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(225,236,226,.94),rgba(251,248,239,.98));
  box-shadow:0 8px 26px rgba(27,56,47,.05);
}
.v15-profile-card::after {
  content:'';
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  right:-50px;
  top:-60px;
  border:1px solid rgba(158,135,82,.13);
  pointer-events:none;
}
.v15-profile-avatar {
  width:58px;
  height:58px;
  border-radius:19px;
  display:grid;
  place-items:center;
  background:#dce6df;
  color:#16493c;
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:.04em;
  border:1px solid rgba(20,68,55,.08);
}
.v15-profile-copy { min-width:0; display:grid; gap:2px; }
.v15-profile-copy > span {
  color:#81877f;
  font-size:.69rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.v15-profile-copy h3 {
  margin:0;
  color:#123f34;
  font-family:Georgia,serif;
  font-size:1.45rem;
  line-height:1.1;
}
.v15-profile-copy small { color:#737c75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v15-version-pill {
  position:relative;
  z-index:1;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#6f643f;
  border:1px solid rgba(158,135,82,.17);
  font-size:.72rem;
  font-weight:800;
}

.v15-settings-list {
  overflow:hidden;
  border:1px solid rgba(20,68,55,.09);
  border-radius:24px;
  background:rgba(251,250,246,.96);
  box-shadow:0 6px 22px rgba(27,56,47,.035);
}
.v15-settings-row {
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 18px;
  gap:12px;
  align-items:center;
  padding:14px 18px;
  border:0;
  border-top:1px solid #ece7dc;
  background:transparent;
  color:inherit;
  text-align:left;
}
.v15-settings-row:first-child { border-top:0; }
.v15-settings-row:hover { background:rgba(226,235,226,.45); }
.v15-settings-icon {
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#edf1e8;
  color:#15483b;
  font-weight:800;
  font-size:1rem;
}
.v15-settings-copy { min-width:0; display:grid; gap:3px; }
.v15-settings-copy strong { color:#143f35; font-size:1rem; }
.v15-settings-copy small { color:#777f79; font-size:.8rem; line-height:1.25; }
.v15-settings-status {
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7d755e;
  font-size:.77rem;
  font-weight:700;
  text-align:right;
}
.v15-settings-chevron { color:#9aa09b; font-size:1.4rem; line-height:1; }

.v15-me-panels[hidden],
.v15-me-hub[hidden] { display:none !important; }
.v15-me-panel { display:none; }
.v15-me-panel.active { display:grid; gap:14px; }
.v15-panel-head {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:2px 2px 8px;
}
.v15-panel-head > div { min-width:0; }
.v15-panel-head span {
  display:block;
  color:#8a8f89;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.v15-panel-head h3 {
  margin:2px 0 1px;
  color:#143f35;
  font-family:Georgia,serif;
  font-size:1.65rem;
}
.v15-panel-head small { color:#747c76; }
.v15-panel-back {
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid #ded9cf;
  background:#fbfaf6;
  color:#18483c;
  font-size:1.1rem;
  font-weight:800;
}
.v15-panel-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.v15-panel-cards > .card { min-width:0; }
.v15-panel-cards > .cloud-card,
.v15-panel-cards > .personalization-card,
.v15-panel-cards > .v15-about-card { grid-column:1 / -1; }

.v15-about-card {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
}
.v15-about-mark {
  width:62px;
  height:62px;
  border-radius:18px;
  overflow:hidden;
}
.v15-about-mark img { width:100%; height:100%; object-fit:cover; }
.v15-about-card h3 { margin:2px 0 4px; font-family:Georgia,serif; color:#143f35; font-size:1.45rem; }
.v15-about-card p { margin:0; }
.v15-about-grid {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.v15-about-grid > div {
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:15px;
  background:#f5f2e9;
}
.v15-about-grid span { color:#818780; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.v15-about-grid strong { color:#18483c; font-size:.9rem; }
.v15-about-card > p:last-child { grid-column:1 / -1; }

/* The destructive reset remains available, but only inside Backup & Recovery. */
.v15-me-panel[data-v15-panel="backup"] .danger-button { margin-top:8px; }

@media (max-width:820px) {
  .v15-me-page-head { margin-bottom:14px; }
  .v15-me-page-head p:not(.eyebrow) { max-width:92%; }
  .v15-profile-card { padding:18px; border-radius:21px; grid-template-columns:auto minmax(0,1fr) auto; }
  .v15-profile-avatar { width:52px; height:52px; border-radius:17px; }
  .v15-profile-copy h3 { font-size:1.28rem; }
  .v15-settings-list { border-radius:21px; }
  .v15-settings-row { min-height:72px; padding:12px 15px; grid-template-columns:38px minmax(0,1fr) auto 14px; gap:10px; }
  .v15-settings-icon { width:36px; height:36px; border-radius:11px; }
  .v15-settings-copy small { font-size:.76rem; }
  .v15-settings-status { max-width:92px; font-size:.72rem; }
  .v15-panel-cards { grid-template-columns:1fr; gap:12px; }
  .v15-panel-cards > .card,
  .v15-panel-cards > .cloud-card,
  .v15-panel-cards > .personalization-card { grid-column:auto; }
  .v15-panel-head h3 { font-size:1.45rem; }
  .v15-about-grid { grid-template-columns:1fr; }
  .v15-about-card { grid-template-columns:54px 1fr; }
  .v15-about-mark { width:54px; height:54px; border-radius:16px; }
  .v15-bank-ccb { width:90%; height:90%; }
  .v15-bank-posb { width:88%; height:88%; }
}