/* The wallet uses the selected site palette; provider logos keep their real colors. */
html[data-ui-theme] #connectWallet {
  gap:9px;min-height:38px;border-radius:12px;border-color:var(--line-strong);
  background-color:var(--panel);color:var(--paper);font-weight:500;
}
html[data-ui-theme] #connectWallet[data-wallet-state="connected"] {
  border-color:color-mix(in srgb,var(--acid) 28%,var(--line));
  background-color:var(--panel);color:var(--paper);
}
html[data-ui-theme] #connectWallet[data-wallet-state="connected"] > svg { color:var(--acid); }
html[data-ui-theme] #connectWallet:hover {
  background-color:var(--panel-2);border-color:var(--secondary);
  box-shadow:var(--finish-raised);transform:translateY(-1px);
}
html[data-ui-theme] #connectWallet[data-wallet-state="wrong-network"] { border-color:#c78c68;color:#eabda0; }
html[data-ui-theme] #connectWallet:focus-visible { outline:2px solid var(--acid);outline-offset:3px; }

#walletDialog {
  width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;
  overflow-y:auto;overscroll-behavior:contain;
  border:1px solid var(--line-strong);border-radius:22px;color:var(--paper);
  background:var(--finish-surface),var(--panel);
  box-shadow:inset 0 1px 0 var(--finish-glint),0 24px 80px -18px rgb(0 0 0 / .5);
  scrollbar-color:var(--panel-3) var(--panel);scrollbar-width:thin;
}
/* One landscape behind the existing dialog, like the listing garden. Loading
   is limited to the open wallet; native backgrounds never intercept controls. */
#walletDialog[open] {
  background-image:
    linear-gradient(90deg,
      color-mix(in srgb,var(--panel) 72%,transparent),
      color-mix(in srgb,var(--panel) 30%,transparent) 62%,transparent),
    linear-gradient(180deg,
      color-mix(in srgb,var(--panel) 16%,transparent) 0,
      color-mix(in srgb,var(--panel) 12%,transparent) 150px,
      color-mix(in srgb,var(--panel) 54%,transparent) 280px,
      color-mix(in srgb,var(--panel) 94%,transparent) 460px,
      var(--panel) 620px),
    url('/assets/generated/ui/wallet-horizon-v1/field-background.webp');
  background-size:100% 100%,100% 100%,100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:local;
}
#walletDialog::before { content:none; }
#walletDialog::backdrop { background:color-mix(in srgb,var(--ink) 78%,transparent);backdrop-filter:blur(5px); }
#walletDialog .wallet-dialog-brand { min-height:66px;padding:0 22px;gap:10px;border-color:var(--line);background:transparent; }
#walletDialog .wallet-dialog-brand .brand-mark { width:30px;height:30px;transform:none;margin:0; }
#walletDialog .wallet-dialog-brand b { color:var(--paper);font:550 14px var(--sans); }
#walletDialog .wallet-dialog-back {
  margin-left:auto;margin-right:0;width:32px;height:32px;border-radius:50%;
  background:transparent;border-color:var(--line);color:var(--muted);
}
#walletDialog .wallet-dialog-head { padding:24px 24px 0;min-height:158px; }
#walletDialog .wallet-dialog-head h2 { font-size:29px;letter-spacing:-.045em;margin-bottom:10px; }
#walletDialog .wallet-dialog-head .section-kicker { color:var(--secondary-text);font-size:9px;letter-spacing:.13em;margin-bottom:10px; }
#walletDialog .wallet-dialog-head > p:last-child { color:var(--muted);font-size:13px;line-height:1.6; }
#walletDialog[open] .wallet-dialog-head > p:last-child { max-width:34ch;color:var(--paper); }
#walletDialog[open] :is(.wallet-dialog-head h2,.wallet-dialog-head p,.wallet-dialog-brand b) {
  text-shadow:0 1px 12px color-mix(in srgb,var(--panel) 80%,transparent);
}
#walletDialog[open] .wallet-dialog-back { background:var(--panel); }
#walletDialog :is(.wallet-connect-view,.wallet-account-view) { padding:22px 24px 0; }
#walletDialog .wallet-network-target { min-height:56px;padding:12px 14px;border-radius:12px;border-color:var(--line);background:var(--panel-2); }
#walletDialog .wallet-network-target small { color:var(--muted);font-size:9px;letter-spacing:.08em; }
#walletDialog .wallet-network-target strong { color:var(--paper);font-size:13px;margin-top:5px; }
#walletDialog .wallet-provider-head { margin:22px 0 10px;color:var(--muted);font-size:9px;letter-spacing:.08em; }
#walletDialog .wallet-provider-head small { color:var(--secondary-text); }
#walletDialog .wallet-options { gap:9px; }
#walletDialog .wallet-options button {
  min-height:72px;padding:12px 14px;grid-template-columns:42px minmax(0,1fr) 20px;column-gap:12px;
  border-radius:13px;border-color:var(--line);background:var(--panel-2);color:var(--paper);
  box-shadow:inset 0 1px 0 var(--finish-glint);
}
#walletDialog .wallet-options strong { font-size:14px; }
#walletDialog .wallet-options small { color:var(--muted);font-size:11px;line-height:1.45; }
#walletDialog .wallet-options b { color:var(--secondary-text);font-size:16px; }
#walletDialog .wallet-provider-mark { width:40px;height:40px;border-radius:11px;background:#f3f4ef;color:#28352e; }
#walletDialog .wallet-provider-mark img { width:29px;height:29px; }
#walletDialog .wallet-provider-mark.fallback { background:var(--acid);color:var(--on-accent);font-size:11px; }
#walletDialog .wallet-empty { padding:14px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--panel-2); }
#walletDialog .wallet-empty > span { color:var(--secondary-text);border-color:var(--line-strong); }
#walletDialog .wallet-empty strong { color:var(--paper);font-size:13px; }
#walletDialog .wallet-empty small { color:var(--muted);font-size:11px;line-height:1.6; }
#walletDialog .wallet-catalog { gap:8px; }
#walletDialog .wallet-catalog-option { min-height:64px;padding:10px;grid-template-columns:34px minmax(0,1fr) 12px;gap:9px;border-radius:12px;background:var(--panel-2);border-color:var(--line); }
#walletDialog .wallet-catalog .wallet-provider-mark { width:34px;height:34px;border-radius:9px; }
#walletDialog .wallet-catalog-option strong { color:var(--paper);font-size:12px; }
#walletDialog .wallet-catalog-option small { color:var(--muted);font-size:10px;margin-top:4px; }
#walletDialog .wallet-catalog-option > b { color:var(--secondary-text);font-size:0; }
#walletDialog .wallet-catalog-option > b::after { content:'↗';font:14px var(--sans); }
#walletDialog .wallet-account-card { min-height:96px;padding:17px;gap:12px;border-radius:15px 15px 0 0;border-color:var(--line-strong);background:var(--finish-surface),var(--panel-2); }
#walletDialog .wallet-identicon { border-color:color-mix(in srgb,var(--acid) 40%,var(--panel-3));border-radius:13px;background:var(--primary-selection);color:var(--acid);box-shadow:inset 0 1px 0 var(--finish-glint);font-size:12px; }
#walletDialog .wallet-account-card small { color:var(--muted);font-size:10px; }
#walletDialog .wallet-account-card strong { color:var(--paper);font-size:14px;margin-top:7px; }
#walletDialog .wallet-account-card > b { padding:6px 8px;border:1px solid color-mix(in srgb,var(--acid) 28%,transparent);border-radius:20px;background:var(--primary-selection);color:var(--acid);font-size:9px; }
#walletDialog .wallet-account-network { padding:13px 17px;gap:8px;border-radius:0 0 15px 15px;border-color:var(--line-strong);color:var(--muted);background:var(--panel-2);font-size:9px; }
#walletDialog .wallet-account-network strong { color:var(--paper);font:500 12px var(--sans); }
#walletDialog .wallet-account-network code { border-color:var(--line);color:var(--secondary-text);font-size:10px; }
#walletDialog .wallet-network-target { min-width:0; }
#walletDialog .wallet-network-target strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#walletDialog .wallet-account-network { min-width:0;flex-wrap:wrap; }
#walletDialog .wallet-account-network strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#walletDialog .wallet-account-network code { flex:none; }
#walletDialog #walletCreatorDashboard { width:100%;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;min-height:50px; }
#walletDialog #walletCreatorDashboard svg { display:block;flex:0 0 20px;width:20px;height:20px; }
#walletDialog .wallet-disconnect { min-height:44px;margin-top:15px;border-radius:11px;border-color:var(--line-strong);color:var(--muted);font-size:12px; }
#walletDialog .wallet-disconnect:hover { color:#f0aaa1;border-color:#ac746d;background:color-mix(in srgb,#ac746d 10%,var(--panel)); }
#walletDialog .wallet-message { margin:12px 24px 0!important;color:var(--muted)!important;font:12px/1.5 var(--sans)!important; }
#walletDialog .wallet-message:empty { display:none; }
#walletDialog .wallet-message[data-tone="busy"] { color:var(--secondary-text)!important; }
#walletDialog .wallet-message[data-tone="error"] { color:#f0aaa1!important; }
#walletDialog .wallet-safety { gap:9px;margin:20px 24px 0;padding:17px 0 24px;color:var(--muted);font-size:11px;line-height:1.65; }
#walletDialog .wallet-safety svg { color:var(--secondary-text);width:16px;height:16px; }
#walletDialog .wallet-safety strong { color:var(--secondary-text);font-size:9px;margin-bottom:6px; }
#walletDialog .wallet-account-card > b[data-state="warning"] { color:#eabda0;border-color:#c78c68;background:color-mix(in srgb,#c78c68 10%,var(--panel)); }
#walletDialog :is(.wallet-options button,.wallet-catalog-option,.wallet-dialog-back) { transition:background .16s,border-color .16s,box-shadow .16s,transform .16s; }
#walletDialog :is(.wallet-options button,.wallet-catalog-option,.wallet-dialog-back):hover:not(:disabled) { border-color:var(--secondary);background:var(--panel-3);box-shadow:inset 0 1px 0 var(--finish-glint); }
#walletDialog :is(button,a):focus-visible { outline:2px solid var(--acid);outline-offset:3px; }
#walletDialog :is(.wallet-options button,.wallet-catalog-option).unsupported { opacity:.65; }
#walletDialog .wallet-options button.unsupported b { color:#eabda0; }
@media(max-width:390px) {
  #walletDialog .wallet-catalog { grid-template-columns:1fr; }
  #walletDialog .wallet-account-card { grid-template-columns:42px minmax(0,1fr); }
  #walletDialog .wallet-account-card > b { grid-column:2;justify-self:start; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-ui-theme] #connectWallet:hover,#walletDialog :is(button,a):hover { transform:none; }
  #walletDialog :is(button,a) { transition:none; }
}
html[data-theme-mode="light"] #walletDialog[open] {
  background-image:
    linear-gradient(90deg,
      color-mix(in srgb,var(--panel) 88%,transparent),
      color-mix(in srgb,var(--panel) 38%,transparent) 70%,
      color-mix(in srgb,var(--panel) 12%,transparent)),
    linear-gradient(180deg,transparent 100px,var(--panel) 480px),
    url('/assets/generated/ui/wallet-horizon-v1/field-background.webp');
}
@media(forced-colors:active) {
  html[data-theme-mode] #walletDialog[open],#walletDialog[open] { background-image:none; }
  #walletDialog[open] :is(.wallet-dialog-head h2,.wallet-dialog-head p,.wallet-dialog-brand b) { text-shadow:none; }
}