/* Fiji Bank Suite — UI Pack (mobile-first polish) */
.fbs-app, .fbs-app * { box-sizing: border-box; }
.fbs-app__bar, .fbs-hero { color: #0B2230; }
.fbs-hero h2, .fbs-app__bar .fbs-app__brand { color: #0B2230; }
.fbs-app__nav { display:none !important; } /* hide duplicate menu */
.fbs-app__main { padding: clamp(12px, 2.5vw, 28px); }

.fbs-tiles { display:grid; grid-template-columns:1fr; gap:14px; margin-top:14px; }
@media (min-width:768px){ .fbs-tiles { grid-template-columns:repeat(2,1fr); gap:16px; } }
@media (min-width:1100px){ .fbs-tiles { grid-template-columns:repeat(3,1fr); gap:18px; } }

.fbs-tile {
  display:flex; align-items:center; gap:12px;
  padding:16px 18px; border-radius:14px;
  background:#fff; border:1px solid rgba(13,52,77,.08);
  box-shadow:0 6px 18px rgba(13,52,77,.08);
  transition:transform .18s ease, box-shadow .18s ease;
  text-decoration:none; color:#0B2230;
}
.fbs-tile:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(13,52,77,.12); }
.fbs-tile .fbs-i { width:36px; height:36px; flex:0 0 36px; border-radius:10px; display:grid; place-items:center;
  background:#0D344D; color:#fff; }
.fbs-tile .fbs-i svg{ width:18px; height:18px; }

.fbs-hero .fbs-welcome {
  color:#0B2230; background:linear-gradient(90deg, rgba(13,52,77,.08), rgba(13,52,77,.02));
  border:1px solid rgba(13,52,77,.12); border-radius:14px; padding:10px 14px; display:inline-block;
}

.fbs-cardcard{ border-radius:18px !important;
  background: radial-gradient(120% 140% at 90% 10%, #2bbfd4 0%, #0ea5b1 35%, #0d6e91 85%) !important;
  box-shadow:0 25px 60px rgba(13,52,77,.25); position:relative; overflow:hidden; }
.fbs-cardcard::after{ content:''; position:absolute; inset:-30% -20% auto auto; width:70%; height:70%;
  background: radial-gradient(closest-side, rgba(255,255,255,.22), transparent 60%); transform:rotate(12deg); }
.fbs-cardcard .fbs-chip{ background:linear-gradient(180deg,#ffd67a,#f4b84a); }
.fbs-cardcard .fbs-name{ letter-spacing:1.6px; font-weight:700; }

.fbs-balance{ border:1px solid rgba(13,52,77,.12); background:#fff; border-radius:14px; padding:16px 18px;
  box-shadow:0 8px 22px rgba(13,52,77,.08); }
.fbs-balance strong{ color:#072235; }

.fbs-btn, .fbs-pill, .fbs-btn--primary { border-radius:12px !important; }
.fbs-btn--primary { background:#0D344D !important; border-color:#0D344D !important; }

.fbs-badges{ gap:12px; }
.fbs-badges span{ background:#fff; color:#0B2230; border:1px solid rgba(13,52,77,.12); border-radius:999px;
  padding:8px 12px; box-shadow:0 6px 14px rgba(13,52,77,.08); }

@keyframes fbs-fade-up { from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:translateY(0);} }
.fbs-animate{ animation:fbs-fade-up .38s ease both; }