/* The choice is explicit: Desktop also works on a phone, without changing theme. */
.wallet-desktop-header { display:none; }
html body .wallet-mode-switch {
 display:flex; align-items:center; gap:10px; flex-shrink:0; margin:0 20px 14px; padding:10px 12px;
 min-height:44px; border:2px solid var(--cm-ink)!important; border-radius:14px!important;
 background:var(--cm-yellow)!important; --cm-fg:var(--cm-ink)!important; cursor:pointer;
 font:700 14px/1.2 'Comic Neue',sans-serif;
}
.wallet-mode-switch small { margin-left:auto; font-size:11px; }
html[data-wallet-mode=desktop] body.wallet-shell { padding-top:82px!important; padding-bottom:24px!important; }
html[data-wallet-mode=desktop] body.wallet-shell .wallet-nav,
html[data-wallet-mode=desktop] body.wallet-shell .fixed-navbar > .ah-bar { display:none!important; }
html[data-wallet-mode=desktop] body.wallet-shell .fixed-navbar {
 border-radius:0!important; background:var(--cm-white)!important; --cm-fg:var(--cm-ink)!important;
 border-bottom:3px solid var(--cm-ink)!important; box-shadow:0 3px 0 var(--cm-yellow)!important;
}
html[data-wallet-mode=desktop] body.wallet-shell .wallet-desktop-header {
 display:flex; align-items:center; justify-content:space-between; gap:12px;
 min-height:72px; max-width:1200px; margin:auto; padding:10px 18px;
}
.wallet-desktop-brand { display:flex; align-items:center; gap:10px; min-width:0; text-decoration:none!important; }
.wallet-desktop-brand img,.wallet-desktop-brand > i {
 width:40px; height:40px; flex-shrink:0; object-fit:contain; border-radius:10px;
}
.wallet-desktop-brand > i { display:grid; place-items:center; background:var(--cm-yellow); font-size:22px; }
.wallet-desktop-brand strong { font-size:clamp(17px,4.5vw,23px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wallet-desktop-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.wallet-desktop-user { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
html body .wallet-desktop-actions button {
 display:grid; place-items:center; position:relative; width:42px; height:42px; cursor:pointer;
 border:2px solid var(--cm-ink)!important; border-radius:12px!important; box-shadow:2px 2px 0 var(--cm-ink)!important;
 background:var(--cm-white)!important; --cm-fg:var(--cm-ink)!important; font-size:18px;
}
html body .wallet-desktop-actions .wallet-desktop-menu { background:var(--cm-yellow)!important; }
html[data-wallet-mode=desktop] body.wallet-shell dialog#comicMenuSheet {
 inset:auto auto auto 0!important; top:var(--cm-vtop,0px)!important; margin:0!important;
 transform:none!important; width:min(360px,86vw)!important; max-width:none!important;
 height:var(--cm-vheight,100dvh)!important; max-height:var(--cm-vheight,100dvh)!important;
 border:0!important; border-right:3px solid var(--cm-yellow)!important; border-radius:0!important;
 box-shadow:10px 0 40px #0004!important; background:var(--cm-ink)!important; --cm-fg:var(--cm-white)!important;
 padding-bottom:env(safe-area-inset-bottom,0px);
}
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet::backdrop { background:#0007; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-handle { display:none; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-header { padding:20px; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-header h3 { font:700 24px/1.2 'Comic Neue',sans-serif; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-search { border-bottom:1px solid color-mix(in srgb,var(--cm-white) 25%,transparent); }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-search > i { background:var(--cm-white)!important; --cm-fg:var(--cm-ink)!important; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-body { display:flex; flex-direction:column; gap:6px; padding:8px 12px 24px; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-section-title { margin:18px 8px 8px; flex-shrink:0; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-item {
 flex-direction:row; align-items:center; flex-shrink:0; gap:14px; padding:12px 10px; min-height:60px;
 background:transparent!important; --cm-fg:var(--cm-white)!important; border:0!important; border-radius:10px!important; box-shadow:none!important;
}
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-item[aria-current=page],
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-item:hover {
 background:color-mix(in srgb,var(--cm-white) 15%,var(--cm-ink))!important;
 box-shadow:inset 4px 0 var(--cm-yellow)!important;
}
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-icon { width:38px; height:38px; border:0!important; border-radius:10px!important; box-shadow:none!important; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-item-text strong { font-size:16px; }
html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet .comic-menu-item-text small { opacity:.8; }
html body.wallet-shell [data-wallet-mode-toggle]:focus-visible,
html body.wallet-shell .wallet-desktop-actions button:focus-visible { outline:3px solid var(--cm-green); outline-offset:4px; }
@media(min-width:1000px){
 html[data-wallet-mode=desktop] body.wallet-dashboard .wallet-hero-inner,
 html[data-wallet-mode=desktop] body.wallet-dashboard .wallet-home { max-width:960px!important; }
}
@media(max-width:420px){
 .wallet-desktop-user { display:none; }
 .wallet-desktop-actions { gap:8px; }
}
@media(prefers-reduced-motion:no-preference){
 html[data-wallet-mode=desktop] body.wallet-shell #comicMenuSheet[open] { animation:walletDrawerIn .22s ease-out; }
 html body.wallet-shell [data-wallet-mode-toggle] i { transition:transform .25s ease; }
 html[data-wallet-mode=desktop] body.wallet-shell [data-wallet-mode-toggle] i { transform:rotate(180deg); }
 @keyframes walletDrawerIn { from { opacity:0; translate:-100% 0; } to { opacity:1; translate:0 0; } }
}