/* LEGENDARY EXTRAS - Additional aesthetics, micro-animations, global polish
   Loaded in layout or pages for extra depth without breaking existing styles.
*/

/* Hero Enhancements */
.hero {
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  top: -40%; left: -20%;
  width: 60%; height: 140%;
  background: radial-gradient(circle at 30% 30%, rgba(0,255,242,.12), transparent 70%);
  pointer-events: none;
  animation: heroPulse 18s ease-in-out infinite;
}
.hero::after {
  content: '';
  position: absolute;
  bottom: -30%; right: -15%;
  width: 45%; height: 90%;
  background: radial-gradient(circle at 70% 70%, rgba(255,0,229,.09), transparent 65%);
  pointer-events: none;
  animation: heroPulse 22s ease-in-out infinite reverse;
}
@keyframes heroPulse {
  0%,100% { transform: scale(1) translate(0,0); opacity: .7; }
  50% { transform: scale(1.08) translate(2%, -1%); opacity: .95; }
}

.hero h1 {
  position: relative;
  display: inline-block;
}
.hero h1::after {
  content: '';
  position: absolute;
  bottom: -8px; left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(to right, var(--cyan), var(--magenta));
  transition: width .8s cubic-bezier(.23,1,.32,1);
}
.hero:hover h1::after { width: 100%; }

/* Stat Cards - Number Pop */
.stat {
  transition: transform .3s cubic-bezier(.23,1,.32,1);
}
.card:hover .stat {
  transform: scale(1.04);
}

/* Enhanced Button Micro-Interactions */
.btn {
  position: relative;
  overflow: hidden;
}
.btn .btn-glow {
  position: absolute;
  inset: -40% -100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-25deg);
  animation: btnShimmer 2.8s infinite;
  opacity: 0.6;
  pointer-events: none;
}
@keyframes btnShimmer {
  0% { transform: translateX(-200%) skewX(-25deg); }
  25% { transform: translateX(400%) skewX(-25deg); }
  100% { transform: translateX(400%) skewX(-25deg); }
}

/* OTP Reveal Animation */
.otp-display.revealing {
  animation: otpReveal 420ms cubic-bezier(.23,1,.32,1);
  color: var(--green);
  text-shadow: 0 0 32px rgba(0,255,133,.9), 0 0 60px rgba(0,255,133,.5);
}
@keyframes otpReveal {
  0% { transform: scale(0.6) rotate(-4deg); filter: blur(6px); opacity: 0; }
  40% { transform: scale(1.08) rotate(2deg); }
  70% { transform: scale(0.97); }
  100% { transform: scale(1) rotate(0); filter: blur(0); opacity: 1; }
}

/* Form Field Glow on Focus */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(0,255,242,.18), 0 0 0 1px var(--cyan), 0 0 24px rgba(0,255,242,.22) !important;
}

/* Loading Skeleton - Cyber Style */
.loading-skeleton {
  background: linear-gradient(90deg, rgba(255,255,255,.04) 25%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.04) 75%);
  background-size: 200% 100%;
  animation: skeletonShimmer 1.4s infinite linear;
  border-radius: 10px;
}
@keyframes skeletonShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Floating Data Particles Overlay (CSS only, lightweight) */
.data-float {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.data-float span {
  position: absolute;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  color: rgba(0,255,242,.08);
  opacity: .6;
  animation: floatUp linear infinite;
  user-select: none;
  white-space: nowrap;
}
@keyframes floatUp {
  to { transform: translateY(-120vh) rotate(8deg); opacity: 0; }
}

/* Card Inner Glow on Hover */
.card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,255,242,.03), transparent 30%, rgba(255,0,229,.015));
  opacity: 0;
  transition: opacity .4s;
  border-radius: inherit;
  pointer-events: none;
}
.card:hover::after { opacity: 1; }

/* Table Row Hover */
tr:hover td {
  background: rgba(0,255,242,.025);
  transition: background .15s;
}

/* Modal Polish */
.buy-modal-dialog {
  animation: modalEnter .32s cubic-bezier(.23,1,.32,1);
}
@keyframes modalEnter {
  from { transform: translateY(30px) scale(0.96); opacity: 0; }
  to { transform: none; opacity: 1; }
}

/* Improved Mobile Touch States */
@media (hover: none) {
  .app-card:active, .country-row:active, .btn:active, .provider-option:active {
    transform: scale(0.985);
    filter: brightness(1.1);
  }
}

/* Global Neon Text Shadow for Key Elements */
.display, .stat, .otp-display {
  text-shadow: 0 0 12px currentColor, 0 0 28px rgba(0, 255, 242, .3);
}

/* Scrollbar - Global Cyber */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,.03); }
::-webkit-scrollbar-thumb { background: linear-gradient(#00fff2, #9d00ff); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #22e7ff; }

/* ===== LEGENDARY ADDITIONS: Staggered Card Entrances & Section Polish ===== */
.card, .app-card, .country-row {
  opacity: 0;
  transform: translateY(12px);
  animation: cardEntrance 0.55s cubic-bezier(.23,1,.32,1) forwards;
}
.card:nth-child(1) { animation-delay: 60ms; }
.card:nth-child(2) { animation-delay: 140ms; }
.card:nth-child(3) { animation-delay: 220ms; }
.app-card:nth-child(1) { animation-delay: 40ms; }
.app-card:nth-child(2) { animation-delay: 95ms; }
.app-card:nth-child(3) { animation-delay: 150ms; }
.app-card:nth-child(4) { animation-delay: 205ms; }
.country-row:nth-child(1) { animation-delay: 30ms; }
.country-row:nth-child(2) { animation-delay: 75ms; }
.country-row:nth-child(3) { animation-delay: 120ms; }

@keyframes cardEntrance {
  to { opacity: 1; transform: translateY(0); }
}

/* Hero text scramble effect on load (subtle) */
.hero h1 {
  animation: heroGlitchIn 1.1s cubic-bezier(.23,1,.32,1) forwards;
}
@keyframes heroGlitchIn {
  0% { opacity: 0; transform: translateY(20px) skewX(-8deg); filter: blur(3px); }
  40% { opacity: 1; transform: translateY(-2px) skewX(3deg); }
  70% { transform: translateY(1px) skewX(-1deg); }
  100% { transform: none; filter: none; }
}

/* Pill tabs micro hover */
.pill-tabs button {
  position: relative;
}
.pill-tabs button::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 50%;
  width: 0;
  height: 2px;
  background: var(--cyan);
  transition: width .2s, left .2s;
}
.pill-tabs button.active::after,
.pill-tabs button:hover::after {
  width: 60%;
  left: 20%;
}

/* Price pill pop on change */
.price-pill {
  transition: transform .2s cubic-bezier(.23,1,.32,1), box-shadow .2s;
}
.country-row:hover .price-pill {
  transform: scale(1.06);
}

/* Section headers with underline glow */
.section-head h2 {
  position: relative;
  display: inline-block;
}
.section-head h2::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 38%;
  height: 1px;
  background: linear-gradient(to right, var(--cyan), transparent);
}

/* Wallet chip pulse when balance changes (via JS if needed) */
.wallet-chip.pulse {
  animation: walletPulse 1.2s ease;
}
@keyframes walletPulse {
  0%,100% { box-shadow: 0 0 0 1px rgba(0,255,242,.1),0 4px 14px rgba(0,0,0,.5); }
  50% { box-shadow: 0 0 0 1px rgba(0,255,242,.6), 0 0 30px rgba(0,255,242,.3); }
}

/* Final touch: subtle grid in nav on hover */
.nav:hover {
  background: linear-gradient(90deg, rgba(0,255,242,.07), rgba(157,0,255,.07), rgba(0,255,242,.05));
}

/* Accessibility: focus visible */
*:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}


/* 2026-06-26 mobile order-list stability fix
   Disable staggered entrance transforms on dynamic app/country rows. These animations
   were fighting JS Show More inserts on mobile and made rows overlap/disappear. */
#app-grid .app-card,
.country-list .country-row,
.country-list .country-item,
#app-grid .show-more-btn,
.country-list .show-more-btn {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
#app-grid .app-card:hover,
.country-list .country-row:hover,
#app-grid .app-card.selected,
.country-list .country-row.selected {
  transform: none !important;
}
#app-grid, .country-list {
  contain: content;
}
.country-list .country-item {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}
.country-list .country-row {
  min-height: 64px !important;
}
@media(max-width:720px){
  #app-grid, .country-list { max-height: 380px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
  .country-list .country-row { grid-template-columns: 38px minmax(0,1fr) auto 28px !important; gap: 9px !important; padding: 12px !important; }
  .country-copy { min-width: 0 !important; }
  .country-copy strong, .country-copy em { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .price-pill { font-size: .78rem !important; padding: 7px 9px !important; max-width: 112px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .provider-menu { position: static !important; }
}


/* 2026-06-26 client-side server selector */
.server-selector{display:flex;align-items:center;gap:10px;margin:8px 0 12px;flex-wrap:wrap}
.server-tabs{display:flex;gap:7px;flex-wrap:wrap}
.server-tab{border:1px solid rgba(34,231,255,.25);background:rgba(255,255,255,.035);color:#d7edff;border-radius:999px;padding:7px 13px;font-family:'Rajdhani';font-weight:800;cursor:pointer;transition:.15s}
.server-tab.active,.server-tab:hover{background:linear-gradient(90deg,var(--cyan),#18a7ff);color:#02060a;box-shadow:0 0 18px rgba(0,255,242,.25)}
@media(max-width:720px){.server-selector{align-items:flex-start}.server-tabs{width:100%}.server-tab{flex:1;min-width:92px}}


/* 2026-06-27 clean country rows + local country flag/logo assets */
.provider-menu,.provider-toggle{display:none!important}
.country-flag{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;overflow:hidden;flex:0 0 34px;background:rgba(0,255,242,.08);border:1px solid rgba(34,231,255,.22)}
.country-flag-img{width:100%;height:100%;display:block;object-fit:cover}
.country-row{cursor:pointer}
.country-copy strong{letter-spacing:.01em}

/* 2026-06-27 premium client dashboard */
.dash-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:center;margin:8px 0 20px}
.dash-hero h1{margin:.1rem 0 1rem;font-size:clamp(1.65rem,3vw,2.65rem);text-shadow:0 0 28px rgba(0,255,242,.18)}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.balance-orb{position:relative;overflow:hidden;border:1px solid rgba(0,255,242,.35);border-radius:26px;padding:22px;background:radial-gradient(circle at 20% 10%,rgba(0,255,242,.28),transparent 34%),linear-gradient(135deg,rgba(0,255,242,.08),rgba(255,77,248,.07));box-shadow:0 0 34px rgba(0,255,242,.18), inset 0 0 32px rgba(255,255,255,.035)}
.balance-orb:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,rgba(0,255,242,.22),transparent,rgba(255,77,248,.18),transparent);animation:dashSpin 8s linear infinite;opacity:.65}
.balance-orb>*{position:relative;z-index:1}.balance-orb span{display:block;color:var(--muted);font-family:'Rajdhani';text-transform:uppercase;letter-spacing:.08em}.balance-orb strong{display:block;font-size:2.15rem;color:#fff;margin:8px 0}.balance-orb small{color:var(--green);font-family:'JetBrains Mono'}
@keyframes dashSpin{to{transform:rotate(360deg)}}
.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;border-radius:20px;padding:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(14,20,36,.9),rgba(7,10,20,.92));min-height:142px}.metric-card:before{content:"";position:absolute;inset:auto -20% -45% -20%;height:90px;filter:blur(24px);opacity:.32}.metric-card.cyan:before{background:#00fff2}.metric-card.blue:before{background:#38a8ff}.metric-card.green:before{background:#1fff8f}.metric-card.yellow:before{background:#ffd447}.metric-card.magenta:before{background:#ff4df8}.metric-card span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;font-size:1.7rem;margin:8px 0;color:#fff}.sparkline{position:absolute;left:12px;right:12px;bottom:10px;width:calc(100% - 24px);height:46px;opacity:.85}.progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 14px rgba(0,255,242,.35)}.skeleton-line{height:10px;border-radius:999px;margin-top:18px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.2),rgba(255,255,255,.06));background-size:220% 100%;animation:skeletonSweep 1.5s infinite}@keyframes skeletonSweep{to{background-position:-220% 0}}
.dash-panels{margin-top:18px}.dashboard-panel{border-color:rgba(0,255,242,.22)}.bar-chart{height:220px;display:flex;align-items:end;gap:12px;padding:12px 4px 2px}.bar-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.bar-chart b{width:100%;min-height:8px;max-width:42px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--cyan),#157cff);box-shadow:0 0 18px rgba(0,255,242,.24)}.bar-chart.spend b{background:linear-gradient(180deg,#ff4df8,#7c4dff)}.bar-chart span,.bar-chart em{font-size:.72rem;color:var(--muted);font-style:normal}.bar-chart em{font-family:'JetBrains Mono';white-space:nowrap}
.quick-buy-list{display:grid;gap:10px}.quick-buy-card{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(34,231,255,.14);border-radius:16px;background:rgba(255,255,255,.035)}.service-chip,.country-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 10px;font-family:'Rajdhani';font-weight:800}.service-chip img,.country-chip img{width:22px;height:22px;object-fit:cover;border-radius:7px}.country-chip img{border-radius:5px}.success-badge{display:inline-flex;align-items:center;border:1px solid rgba(31,255,143,.35);background:rgba(31,255,143,.1);color:var(--green);border-radius:999px;padding:4px 9px;font-size:.78rem;font-family:'JetBrains Mono'}
.timeline{position:relative;display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:6px}.timeline-item{position:relative;padding:11px 12px 11px 34px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px}.timeline-item span{position:absolute;left:12px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.timeline-item.unread{border-color:rgba(255,212,71,.35);background:rgba(255,212,71,.055)}.timeline-item strong{display:block}.timeline-item p{margin:3px 0;color:var(--muted)}.timeline-item em{font-size:.72rem;color:var(--muted);font-family:'JetBrains Mono';font-style:normal}.notify-chip{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(34,231,255,.22);background:rgba(0,255,242,.06)}.notify-chip b{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:var(--magenta);color:#fff;font-size:.68rem;display:grid;place-items:center}.api-copy-value{word-break:break-all}.copy-btn{margin-top:4px}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero{grid-template-columns:1fr}.quick-buy-card{grid-template-columns:1fr}.bar-chart{gap:7px}}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:126px}.dash-hero{margin-top:0}.balance-orb strong{font-size:1.6rem}.bar-chart{height:180px}.service-chip,.country-chip{width:100%;justify-content:flex-start}.quick-actions .btn{flex:1;text-align:center}}


/* 2026-06-28 legendary loader + homepage stats + transfer/tickets */
.legendary-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(0,255,242,.2),transparent 34%),radial-gradient(circle at 70% 75%,rgba(255,0,255,.18),transparent 32%),#030610;transition:opacity .45s ease,visibility .45s ease}.legendary-loader.hide{opacity:0;visibility:hidden}.loader-core{position:relative;width:min(320px,80vw);height:220px;display:grid;place-items:center;text-align:center;border:1px solid rgba(0,255,242,.25);border-radius:30px;background:rgba(3,8,20,.74);box-shadow:0 0 60px rgba(0,255,242,.22),inset 0 0 45px rgba(255,255,255,.035);overflow:hidden}.loader-core:before{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent,rgba(0,255,242,.55),transparent,rgba(255,0,255,.45),transparent);animation:dashSpin 1.6s linear infinite}.loader-core:after{content:"";position:absolute;inset:2px;border-radius:28px;background:linear-gradient(180deg,#050a18,#080315)}.loader-core span{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;border:4px solid rgba(0,255,242,.18);border-top-color:var(--cyan);border-right-color:var(--magenta);animation:dashSpin .85s linear infinite;box-shadow:0 0 25px rgba(0,255,242,.35)}.loader-core b,.loader-core em{position:relative;z-index:2}.loader-core b{font-family:'Orbitron';color:var(--cyan);letter-spacing:.08em;text-shadow:0 0 20px var(--cyan)}.loader-core em{font-style:normal;color:var(--muted);font-size:.82rem}
.legendary-public-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:-24px auto 32px}.legendary-stat-card{position:relative;overflow:hidden;min-height:190px;border:1px solid rgba(34,231,255,.25);border-radius:28px;padding:26px;text-align:center;background:linear-gradient(145deg,rgba(0,255,242,.08),rgba(255,0,255,.075),rgba(8,12,28,.9));box-shadow:0 0 45px rgba(0,255,242,.14),inset 0 0 38px rgba(255,255,255,.035);isolation:isolate}.legendary-stat-card:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(0,255,242,.22),transparent,rgba(255,0,255,.22),transparent);animation:dashSpin 9s linear infinite;z-index:-1}.stat-ring{position:absolute;inset:18px;border-radius:24px;border:1px dashed rgba(255,255,255,.18);animation:pulseGlow 2.2s ease-in-out infinite}.stat-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(0,255,242,.12);box-shadow:0 0 22px rgba(0,255,242,.22);font-size:1.4rem}.legendary-stat-card small{display:block;margin-top:14px;color:var(--muted);font-family:'Rajdhani';text-transform:uppercase;letter-spacing:.1em}.legendary-stat-card strong{display:block;margin:6px 0;font-size:2.45rem;color:#fff;font-family:'Orbitron';text-shadow:0 0 18px rgba(0,255,242,.3)}.legendary-stat-card em{font-style:normal;color:var(--muted);font-size:.82rem}.users-card{border-color:rgba(255,77,248,.25)}.users-card .stat-icon{background:rgba(255,77,248,.13);box-shadow:0 0 22px rgba(255,77,248,.24)}@keyframes pulseGlow{50%{transform:scale(.985);opacity:.55}}
.ticket-thread{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:6px}.ticket-message{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;background:rgba(255,255,255,.035)}.ticket-message.admin-msg{border-color:rgba(0,255,242,.25);background:rgba(0,255,242,.055)}.ticket-message.user-msg{border-color:rgba(255,77,248,.2);background:rgba(255,77,248,.045)}.ticket-message strong{display:block;margin-bottom:4px}.ticket-message p{margin:0 0 6px;color:var(--text)}.ticket-message em{font-style:normal;color:var(--muted);font-size:.76rem;font-family:'JetBrains Mono'}textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:rgba(2,6,18,.68);color:var(--text);padding:12px;resize:vertical;font-family:inherit}.transfer-note{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(31,255,143,.28);background:rgba(31,255,143,.08);color:var(--green);border-radius:999px;padding:8px 12px;font-family:'JetBrains Mono';font-size:.82rem}
@media(max-width:760px){.legendary-public-stats{grid-template-columns:1fr;margin-top:0}.legendary-stat-card strong{font-size:2rem}}

.legendary-stat-card.counter-bump{animation:counterPop .42s ease}.legendary-stat-card.counter-bump strong{color:var(--green);text-shadow:0 0 28px rgba(31,255,143,.55)}@keyframes counterPop{50%{transform:translateY(-3px) scale(1.015);box-shadow:0 0 70px rgba(31,255,143,.24)}}


/* 2026-06-28 username account chip + privacy editor */
.account-chip{display:inline-flex!important;align-items:center;gap:8px;border:1px solid rgba(34,231,255,.25);background:linear-gradient(90deg,rgba(0,255,242,.09),rgba(255,77,248,.07));border-radius:999px;padding:5px 10px 5px 5px;box-shadow:0 0 18px rgba(0,255,242,.08);max-width:190px}
.account-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#02060a;font-family:'Orbitron';font-weight:900;font-size:.78rem;box-shadow:0 0 16px rgba(0,255,242,.28)}
.account-chip strong{font-family:'Rajdhani';font-weight:800;color:#dffcff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;text-transform:none;letter-spacing:.02em}
#privacy-editor textarea{min-height:320px;line-height:1.5;background:rgba(3,8,20,.84);border-color:rgba(0,255,242,.22)}
@media(max-width:900px){.account-chip{max-width:100%;justify-content:flex-start}.account-chip strong{max-width:180px}}