/* Shared wallet navigation; the account composition below stays scoped. */
.app-layout .wallet-sticky-header > .module-tabs { gap:10px; padding:0 0 18px; margin-bottom:8px; border:0; }
.app-layout .wallet-sticky-header > .module-tabs a { position:relative; min-height:44px; padding:10px 18px; gap:8px; border-radius:14px; background:transparent; box-shadow:none; color:#fff; font-size:14px; font-weight:600; }
.app-layout .wallet-sticky-header > .module-tabs a:hover { background:transparent; color:var(--accent); }
.app-layout .wallet-sticky-header > .module-tabs a.active,
.app-layout .wallet-sticky-header > .module-tabs a.active:hover { background:transparent; color:var(--accent); box-shadow:none; text-shadow:none; }
.app-layout .wallet-sticky-header > .module-tabs a > svg { width:24px; height:24px; flex:0 0 24px; animation:none; transform-box:view-box; transform-origin:50% 50%; }
.app-layout .wallet-sticky-header > .module-tabs a.active::after { content:""; position:absolute; left:50px; right:18px; bottom:3px; height:2px; border-radius:2px; background:var(--accent); pointer-events:none; }
.app-layout .wallet-sticky-header > .module-tabs a:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.accounts-workspace { min-width:0; font-size:14px; color:#fff; }
.accounts-panel-header .accounts-type-tabs { flex:0 1 auto; min-width:0; width:auto; gap:16px; padding:0 2px; border-bottom:0; scrollbar-width:none; }
.accounts-panel-header .accounts-type-tabs::-webkit-scrollbar { display:none; }
/* This compact search has its own disclosure behavior instead of a floating label. */
.accounts-search-control { position:relative; flex:0 0 auto; width:42px; max-width:224px; height:42px; border-radius:12px; transition:width .28s ease,box-shadow .28s ease; }
.accounts-search-control.is-expanded { width:224px; background:color-mix(in srgb,var(--bg) 82%,transparent); box-shadow:inset 0 0 0 1px var(--accent); }
:root body .accounts-workspace .accounts-search-trigger { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:42px; height:42px; min-width:42px; min-height:42px; margin:0; padding:0; border-radius:12px; }
:root body .accounts-workspace .accounts-search-control.is-expanded .accounts-search-trigger { box-shadow:none; }
.accounts-search-control input { position:absolute; inset:0 0 0 42px; width:calc(100% - 42px); min-width:0; height:42px; padding:0 12px 0 0; border:0; outline:none; background:transparent; color:#fff; caret-color:#fff; font-size:16px; line-height:1.4; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.accounts-search-control input::placeholder { color:#fff; opacity:1; }
.accounts-search-control.is-expanded input { opacity:1; pointer-events:auto; }
.accounts-search-control:focus-within { outline:2px solid var(--accent); outline-offset:3px; }

/* Narrow exceptions: these are data rows and filters, not animated action buttons. */
:root body .accounts-workspace .accounts-type-tabs .tab {
  background:transparent!important; border:0!important; border-radius:0; box-shadow:none!important;
  animation:none!important; transform:none!important; color:#fff;
}
:root body .accounts-workspace .accounts-type-tabs .tab { position:relative; flex:0 0 auto; min-height:46px; padding:12px 0 14px; font-size:14px; font-weight:500; line-height:1.4; }
:root body .accounts-workspace .accounts-type-tabs .tab:hover,
:root body .accounts-workspace .accounts-type-tabs .tab.active { color:var(--accent)!important; }
:root body .accounts-workspace .accounts-type-tabs .tab.active::after { content:""; display:block; position:absolute; inset:auto 0 0; height:2px; border-radius:2px; background:var(--accent); }
:root body .accounts-workspace .accounts-type-tabs .tab:focus-visible { outline-offset:-2px; }

.accounts-workspace .accounts-panel { position:relative; overflow:hidden; border-radius:22px; }
.accounts-panel-header { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:16px 20px; }
.accounts-header-actions { display:flex; align-items:center; flex:0 0 auto; gap:10px; margin-left:auto; }
:root body .accounts-workspace .accounts-header-actions .button { flex-shrink:0; min-height:42px; padding:10px 14px; font-size:14px; white-space:nowrap; }
.accounts-table-scroll { max-width:100%; overflow-x:auto; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--accent) 55%,transparent) transparent; }
.accounts-table-scroll:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.accounts-workspace .account-table { min-width:720px; }
.accounts-workspace #account-rows { display:grid; gap:14px; padding:20px; }
.accounts-workspace .account-table-head,
:root body .accounts-workspace .accounts-panel .account-row {
  display:grid; grid-template-columns:minmax(190px,1.6fr) minmax(108px,.85fr) minmax(124px,1fr) minmax(148px,1fr);
  align-items:center; gap:14px; width:100%; padding-inline:24px;
}
.accounts-workspace .account-table-head { padding:16px 45px; color:#dbe8f6; font-size:14px; font-weight:500; background:#ffffff03; border-block:1px solid #ffffff0d; }
.accounts-workspace .account-table-head>span:nth-child(4),
.accounts-workspace .account-row>.approval-status { display:flex; }
:root body .accounts-workspace .accounts-panel .account-row {
  --account-fill:linear-gradient(160deg,#1c2a40,#111d30 70%);
  position:relative; min-height:72px; padding-block:10px;
  border:1px solid #ffffff12!important; border-radius:999px;
  background:var(--account-fill)!important;
  box-shadow:inset 0 1px 0 #ffffff0a,inset 0 -1px 0 #0092f557,0 6px 13px #0092f512,0 3px 8px #00000033!important;
  color:#fff; font-size:14px; line-height:1.45; text-align:left; white-space:normal;
  animation:none!important; transform:none!important;
}
:root body .accounts-workspace .accounts-panel .account-row::after {
  content:""; position:absolute; left:18%; right:18%; bottom:-1px; height:2px; border-radius:50%;
  background:linear-gradient(90deg,transparent,#0092f599,transparent); box-shadow:0 2px 9px #0092f533; pointer-events:none;
}
:root body .accounts-workspace .accounts-panel .account-row:hover { --account-fill:linear-gradient(160deg,#20334c,#14243a 70%); }
:root body .accounts-workspace .accounts-panel .account-row:active { --account-fill:linear-gradient(160deg,#1a304a,#0e1d32 70%); }
:root body .accounts-workspace .accounts-panel .account-row:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.accounts-workspace .account-row .account-name { gap:12px; }
.accounts-workspace .account-row .account-name>span:last-child { min-width:0; }
.accounts-workspace .account-row .account-name strong { max-width:none; color:#fff; font-size:14px; font-weight:600; white-space:normal; overflow-wrap:anywhere; }
.accounts-workspace .account-row .account-name small { color:#bdcee2; font-size:14px; line-height:1.45; }
.accounts-workspace .account-row .account-symbol { width:40px; height:40px; border-radius:12px; color:var(--accent); background:linear-gradient(145deg,#ffffff0c,#ffffff00),var(--accent-soft); box-shadow:inset 0 1px 0 #ffffff1a,0 4px 12px #00000016; }
.accounts-workspace .account-row .account-type { display:block; }
.accounts-workspace .account-row .type-pill { padding:0; border:0; background:transparent; color:#fff; font-size:14px; }
.accounts-workspace .account-row .account-balance { text-align:left; }
#app:has(.app-layout) .accounts-workspace .account-row .account-balance>strong { font-size:16px; color:#fff; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:-.2px; }
.accounts-workspace .account-row .account-balance>small { justify-content:flex-start; gap:6px; margin-top:3px; }
.accounts-workspace .account-row .mini-label { font-size:14px; line-height:1.4; padding:1px 8px; border-radius:999px; color:#dbe8f6; background:#ffffff06; border-color:#ffffff1a; }
.accounts-workspace .account-row .mini-label.primary { color:var(--accent); background:var(--accent-soft); }
.accounts-workspace .account-row .approval-status { font-size:14px; color:#fff; }
.accounts-workspace .account-row > .row-arrow { display:none; }
.accounts-workspace .table-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 24px; border-top:1px solid color-mix(in srgb,var(--accent) 14%,transparent); color:#fff; font-size:14px; line-height:1.45; }
.accounts-workspace .table-footer>span { display:inline-flex; align-items:center; gap:7px; }
.accounts-workspace .empty { color:#fff; font-size:14px; }
.accounts-context-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-top:22px; padding:0 4px; font-size:14px; }
.accounts-receiving-note { display:flex; align-items:flex-start; gap:10px; flex:1 1 260px; }
.accounts-receiving-note>svg { margin-top:2px; color:var(--accent); }
.accounts-receiving-note p { font-size:14px; line-height:1.5; color:#fff; }
.accounts-receiving-note p+p { margin-top:3px; }

/* Accounts and History share the same compact coin settings. */
.workspace.has-coins:has(.accounts-workspace,.history-panel) { display:grid; grid-template-columns:minmax(0,1fr) 200px; align-items:start; gap:20px; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel {
  position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; margin-top:0; padding:22px 18px; border-radius:20px;
  max-height:var(--coins-panel-max-height,min(640px,70vh)); max-height:var(--coins-panel-max-height,min(640px,70dvh));
  top:auto;
}
.coins-panel>.section-head,.coins-panel>p,.coins-panel>.coin-toggle.all { flex:none; }
.coins-panel>.coins-panel-list {
  min-height:0; min-width:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain;
  touch-action:pan-y; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--accent) 65%,transparent) transparent;
  scrollbar-gutter:stable; margin-right:-7px; padding-right:7px; padding-bottom:6px;
}
.coins-panel>.coins-panel-list:focus-visible { outline:2px solid var(--accent); outline-offset:2px; border-radius:6px; }
.coins-panel>.coins-panel-list::-webkit-scrollbar { width:6px; }
.coins-panel>.coins-panel-list::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--accent) 65%,transparent); border-radius:6px; }
.coins-panel-list .coin-toggle>span:first-child { min-width:0; }
.coins-panel-list .coin-toggle strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Match the authentication/profile glass without adding layers to table rows. */
.accounts-workspace .accounts-panel,
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel {
  background:radial-gradient(ellipse at top left,#ffffff14,#ffffff00 58%),
    linear-gradient(135deg,#ffffff0a,#ffffff00),var(--bg);
  border:1px solid #ffffff24;
  box-shadow:inset 0 1px 0 #ffffff14,0 0 32px color-mix(in srgb,var(--accent) 20%,transparent),
    0 0 64px color-mix(in srgb,var(--accent) 10%,transparent),0 24px 64px #00000040;
}
.accounts-workspace .accounts-panel::before,
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel::before {
  content:""; position:absolute; inset:-1px; z-index:1; padding:1px; border-radius:inherit;
  background:linear-gradient(135deg,#ffffffb3 0%,color-mix(in srgb,var(--accent) 60%,#fff) 12%,
    color-mix(in srgb,var(--accent) 35%,transparent) 28%,transparent 48%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude; pointer-events:none;
}
@supports ((backdrop-filter:blur(18px)) or (-webkit-backdrop-filter:blur(18px))) {
  .accounts-workspace .accounts-panel,
  .workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel {
    background:radial-gradient(ellipse at top left,#ffffff14,#ffffff00 58%),
      linear-gradient(135deg,#ffffff0a,#ffffff00),color-mix(in srgb,var(--bg) 58%,transparent);
    -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%);
  }
}
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .section-head h3 { font-size:18px; color:#fff; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel :is(p,.count,.coin-toggle,.coin-toggle>span:first-child,.coin-toggle strong,.coins-foot) { color:#fff; font-size:14px; line-height:1.5; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel>p { margin-top:8px; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .coin-toggle { min-height:38px; margin-top:12px; gap:10px; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .coin-toggle.all { margin-top:18px; padding-bottom:14px; border-color:color-mix(in srgb,var(--accent) 17%,transparent); }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .switch { width:32px; height:18px; background:color-mix(in srgb,var(--accent) 12%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent); }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .switch::after { width:14px; height:14px; top:2px; left:2px; background:#fff; }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel input:checked+.switch { background:var(--accent); }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel input:checked+.switch::after { background:#fff; transform:translateX(14px); }
.workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel .coins-foot { margin-top:18px; padding-top:14px; border-color:color-mix(in srgb,var(--accent) 17%,transparent); }
:root body .workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel>.text-button { width:100%; min-height:40px; padding:9px 10px; margin-top:16px; font-size:14px; }
@media (max-width:1280px) {
  .workspace.has-coins:has(.accounts-workspace,.history-panel) { grid-template-columns:minmax(0,1fr); }
  .workspace.has-coins:has(.accounts-workspace,.history-panel)>.coins-panel { position:relative; top:auto; margin-top:0; max-width:420px; width:100%; }
}
@media (max-width:700px) {
  .accounts-panel-header { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; }
  .accounts-panel-header .accounts-type-tabs { width:100%; }
  .accounts-search-control { max-width:calc(100% - 146px); }
  .accounts-header-actions { grid-column:1/-1; justify-self:end; justify-content:flex-end; width:100%; max-width:100%; }
  .accounts-workspace .table-footer { padding:16px 18px; }
  .accounts-context-footer { gap:16px; margin-top:18px; }
}

/* Account details expand within their own capsule instead of opening a dialog. */
.accounts-workspace .account-entry { min-width:0; }
.accounts-workspace .account-entry.is-expanded {
  border-radius:36px; background:linear-gradient(160deg,#1c2a40e6,#111d30e6 70%);
  box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -1px 0 #0092f557,0 6px 13px #0092f512;
}
.accounts-workspace .account-inline-detail[hidden] { display:none; }
.accounts-workspace .account-inline-detail { min-width:0; padding:20px 24px 24px; color:#fff; }
.accounts-workspace .account-inline-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.accounts-workspace .account-inline-grid>div { min-width:0; }
.accounts-workspace .account-inline-detail h3 { margin:0 0 14px; font-size:16px; line-height:1.4; }
.accounts-workspace .account-inline-detail h3:not(:first-child) { margin-top:20px; }
.accounts-workspace .account-inline-detail p { color:#bdcee2; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.accounts-workspace .account-inline-detail .sub-list>div { flex-wrap:wrap; gap:8px; border-color:color-mix(in srgb,var(--accent) 18%,transparent); }
.accounts-workspace .account-inline-detail .sub-list>div>span { font-size:14px; overflow-wrap:anywhere; }
.accounts-workspace .account-inline-detail .inline-form { align-items:stretch; }
.accounts-workspace .account-inline-detail .inline-form input { min-width:0; width:100%; border-color:color-mix(in srgb,var(--accent) 45%,transparent); }
.accounts-workspace .account-inline-detail .inline-form .button { flex:0 0 auto; }
.accounts-workspace .account-inline-detail .control-list { margin-top:12px; }
.accounts-workspace .account-inline-detail .control-list button { min-height:42px; padding:10px 12px; border-color:color-mix(in srgb,var(--accent) 18%,transparent); }
.accounts-workspace .account-inline-detail .control-list button>span { gap:8px; line-height:1.45; }
.accounts-workspace .account-inline-detail .control-list svg { flex-shrink:0; }
.accounts-workspace .account-inline-detail .button { white-space:normal; }
.accounts-workspace .account-inline-detail .notice { margin-bottom:14px; }
.accounts-workspace .account-inline-detail .form-error { margin-top:12px; }
@media (max-width:900px) {
  .accounts-workspace .account-inline-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
}