/* Dashboard presentation only. Wallet operations and mobile viewport handling
   remain in their existing components. */
#agentApp {
 --surface-canvas:#050706; --surface-panel:#0a0f0c; --surface-raised:#111a15;
 --surface-hover:#18271e; --surface-selected:#1d3024;
 --text:#eeefee; --text-secondary:#b3bab6; --text-muted:#929b95; --text-faint:#77827b;
 --line:#242b27; --line-strong:#3c4840; --accent:#86cfa4; --accent-strong:#78bd95;
 --green:var(--accent); --button-primary:#dce9e1; --on-primary:#102117;
 font-family:'DM Sans',sans-serif; font-size:14px;
}
[data-theme="light"] #agentApp {
 --surface-canvas:#f7f8f7; --surface-panel:#f0f2f0; --surface-raised:#fff;
 --surface-hover:#e5e9e6; --surface-selected:#dde5df;
 --text:#1a231d; --text-secondary:#46574b; --text-muted:#607166; --text-faint:#6d7e72;
 --line:#dce2dd; --line-strong:#b5c3b9; --accent:#286c47; --accent-strong:#317d53;
 --button-primary:#245d40; --on-primary:#f5fff6;
}
#agentApp :is(button,a) {transition:background-color .15s,color .15s,border-color .15s;}
#agentApp :is(button,a):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
#agentApp .sidebar {background:var(--surface-panel);}
#agentApp .wallet {background:color-mix(in srgb,var(--surface-panel) 70%,var(--surface-raised));}
#agentApp .sidebar {padding:24px 14px 16px;}
#agentApp .brand {gap:10px;padding:0 10px;font:600 18px 'DM Sans',sans-serif;letter-spacing:0;}
#agentApp .brand img {width:27px;height:32px;}
#agentApp .primary-nav {margin:28px 0 18px;gap:3px;}
#agentApp .nav {position:relative;height:40px;gap:12px;padding:0 12px;font-size:13px;border:0;border-radius:8px;font-weight:500;}
#agentApp .nav .icon {width:18px;height:18px;color:var(--text-muted);}
#agentApp .nav.active {background:var(--surface-hover);color:var(--text);box-shadow:none;}
#agentApp .nav.active::before {content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--accent);}
#agentApp .nav.active .icon {color:var(--accent);}
#agentApp .chats-heading {padding:6px 10px 2px;border:0;}
#agentApp .chats-heading h2 {font:500 12px 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;}
#agentApp .new-chat-plus {width:30px;height:30px;font-size:22px;color:var(--text-muted);opacity:.65;}
#agentApp .chats-heading:hover .new-chat-plus,#agentApp .new-chat-plus:focus-visible {opacity:1;}
#agentApp .history-group {font-size:11px;padding:18px 10px 6px;}
#agentApp .history {padding:8px 10px;line-height:18px;font-size:13px;border-radius:8px;}
#agentApp .profile {padding:12px 6px 0;gap:10px;font-size:13px;font-weight:400;}
#agentApp .avatar {width:30px;height:30px;background:var(--surface-hover);border:0;font-weight:500;}
#agentApp .side-bottom {padding-top:12px;}
#agentApp #assistantPanel {background:var(--surface-canvas);}
#agentApp>#assistantPanel>header {height:64px;min-height:64px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface-canvas);}
#agentApp .agent-title {font-size:16px;font-weight:600;letter-spacing:0;}
#agentApp #chat {padding:28px;}
#agentApp #messages,#agentApp #welcome,#agentApp #agentContext {width:100%;max-width:720px;margin-left:auto;margin-right:auto;}
#agentApp #welcome {padding:clamp(32px,7vh,64px) 0 24px;}
#agentApp #welcome h1 {font:600 24px/1.4 'DM Sans',sans-serif;letter-spacing:-.4px;margin:0 0 4px;}
#agentApp #welcome p {font-size:15px;color:var(--text-muted);line-height:1.6;margin:0;}
#agentApp .welcome-identity {display:flex;gap:16px;align-items:center;}
#agentApp .welcome-mark {width:52px;height:56px;flex:0 0 52px;display:grid;place-items:center;border-radius:12px;background:var(--surface-raised);border:1px solid var(--line);}
#agentApp .welcome-mark>img {width:28px;height:34px;object-fit:contain;}
#agentApp .welcome-mark .muse-avatar {width:38px;height:38px;}
#agentApp .chat-starters {display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;}
#agentApp .chat-starters button {display:flex;align-items:center;gap:8px;min-height:40px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel);color:var(--text-secondary);font-size:12px;}
#agentApp .chat-starters button .icon {width:16px;height:16px;color:var(--accent);}
#agentApp .chat-starters button:hover {background:var(--surface-hover);color:var(--text);border-color:var(--line-strong);}
[data-theme="light"] #agentApp .welcome-mark>img {filter:brightness(.6) saturate(.8);}
#agentApp #chat.fresh-chat #messages {padding-top:0;}
#agentApp #messages {gap:24px;padding-bottom:12px;}
#agentApp #messages .message {max-width:100%;gap:12px;font-size:14px;line-height:1.7;background:none;border:0;box-shadow:none;}
#agentApp #messages .message.user {max-width:85%;margin-left:40px;}
#agentApp .message-avatar {width:28px;height:30px;border:0;background:none;border-radius:8px;box-shadow:none;}
#agentApp .message-avatar img {width:19px;height:23px;}
#agentApp .message-avatar .muse-avatar {width:28px;height:28px;}
#agentApp .message-bubble {padding:2px 0;background:none;border:0;border-radius:0;backdrop-filter:none;}
#agentApp .message.user .message-bubble {padding:10px 14px;background:var(--surface-raised);border:0;border-radius:10px;}
#agentApp .message strong {font:600 14px 'DM Sans',sans-serif;letter-spacing:0;}
#agentApp .typing-dots {height:30px;min-width:40px;justify-content:flex-start;}
#agentApp .typing-dots i {background:var(--text-muted);animation:none;width:5px;height:5px;}
#agentApp #assistantPanel .composer-wrap {padding:12px 28px 24px;background:var(--surface-canvas);}
#agentApp #composer {max-width:720px;margin:0 auto;min-height:60px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);box-shadow:none;backdrop-filter:none;}
#agentApp #composer:focus-within {border-color:var(--accent);}
#agentApp .composer-input-row {display:flex;gap:8px;align-items:center;min-height:38px;}
#agentApp #prompt {min-height:24px;line-height:24px;max-height:120px;margin:0;padding:0;font-size:14px;}
#agentApp #composer .attach-image {width:32px;height:38px;padding:6px;border-radius:8px;}
#agentApp .attach-image svg {width:20px;height:20px;}
#agentApp #composer .send-button {width:38px;height:38px;min-width:38px;border-radius:8px;font-size:26px;box-shadow:none;background:var(--accent);color:var(--on-primary);}
#agentApp #composer .send-button:hover {background:var(--accent-strong);}
#agentApp #composer .send-button.is-stopping {font-size:16px;}
#agentApp #agentNetworkRoot {flex-shrink:0;}
#agentApp #composer .network-trigger {padding:6px;gap:6px;min-height:36px;border-radius:8px;}
#agentApp #composer .network-trigger strong {font-size:11px;font-weight:500;}
#agentApp #composer .network-badge {width:18px;height:18px;flex-basis:18px;}
#agentApp #composer .network-badge svg {width:15px;height:15px;}
#agentApp #composer .network-menu {left:auto;right:0;box-shadow:0 4px 16px #0003;}
#agentApp .attachment-preview {margin:0 0 10px 40px;}
#agentApp .wallet {padding:24px 22px;}
#agentApp .wallet-header {font-size:17px;font-weight:600;min-height:32px;}
#agentApp .wallet-header-controls {gap:6px;}
#agentApp .theme-orb {width:30px;height:30px;padding:6px;border-color:var(--line);box-shadow:none;}
#agentApp .theme-orb:hover {transform:none;background:var(--surface-hover);}
#agentApp .wallet-address-copy {margin-top:8px;font:12px 'DM Sans',sans-serif;color:var(--text-muted);min-height:28px;}
#agentApp #livePortfolio .wallet-address-copy {display:flex;}
#agentApp #livePortfolio .balance-label {margin-top:24px;font:400 12px 'DM Sans',sans-serif;letter-spacing:0;color:var(--text-muted);}
#agentApp #livePortfolio .live-total {font:500 38px/1.2 'DM Sans',sans-serif;letter-spacing:-1px;margin-top:10px;padding-left:12px;border-left:2px solid var(--accent);}
#agentApp #livePortfolio .balance-note {margin-top:8px;font-size:11px;gap:8px;}
#agentApp #livePortfolio .balance-note>span {font:400 11px/1.5 'DM Sans',sans-serif;}
#agentApp .alerts-launcher {font-size:12px;min-height:30px;margin:4px 0 0;padding:4px 0;}
#agentApp #livePortfolio .wallet-actions {margin:18px 0 24px;gap:4px;padding:5px;background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;}
#agentApp #livePortfolio .wallet-actions button {font-size:12px;gap:5px;padding:6px 0;border-radius:8px;font-weight:500;}
#agentApp #livePortfolio .wallet-actions button>span {height:32px;width:36px;padding:5px;border:0;border-radius:8px;background:none;}
#agentApp #livePortfolio .wallet-actions .icon {width:20px;height:20px;color:var(--accent);}
#agentApp #livePortfolio .wallet-actions button:hover {background:var(--surface-hover);}
#agentApp #livePortfolio .wallet-actions button:hover>span {background:none;}
#agentApp .wallet-tabs {gap:22px;}
#agentApp .wallet-tabs button {font-size:13px;padding:0 0 12px;font-weight:500;}
#agentApp .wallet-tabs button.selected {color:var(--text);border-bottom:2px solid var(--accent);}
#agentApp .wallet-tabs>span {font:400 11px 'DM Sans',sans-serif;background:none;padding:0;margin-bottom:12px;}
#agentApp #livePortfolio .live-asset {gap:10px;padding:15px 0;border-color:color-mix(in srgb,var(--line) 65%,transparent);}
#agentApp #livePortfolio .token-avatar {width:32px;height:32px;flex:0 0 32px;}
#agentApp #livePortfolio .live-asset-info>span {font-size:13px;font-weight:500;max-width:none;}
#agentApp #livePortfolio .live-asset-info small {font-size:11px;line-height:1.5;margin-top:3px;max-width:none;}
#agentApp #livePortfolio .asset-chain {font:400 11px 'DM Sans',sans-serif;margin-top:3px;color:var(--text-faint);}
#agentApp #livePortfolio .asset-value {font-size:13px;font-weight:500;max-width:100px;}
#agentApp #livePortfolio .asset-value small {font-size:11px;font-weight:400;}
#agentApp #livePortfolio .asset-value small:empty {display:none;}
#agentApp .asset-details-link {font-size:11px;padding:3px 0;margin-top:3px;color:var(--text-muted);}
#agentApp .last-updated {font-size:11px;margin:14px 0;color:var(--text-faint);}
#agentApp .hidden-assets {margin-top:10px;padding-top:6px;}
#agentApp .contract-footer {padding-top:20px;}
#agentApp .contract-footer-label {letter-spacing:0;}
#agentApp .balance-loading i {background:var(--surface-hover);animation:none;}
#agentApp .assistant-fab,#agentApp .assistant-hint {box-shadow:none;animation:none;backdrop-filter:none;transition:background-color .15s;}
#agentApp .assistant-fab:active {transform:none;}
#agentApp .assistant-hint {border-radius:10px;background:var(--surface-panel);border-color:var(--line);color:var(--text);}
#agentApp .assistant-hint::after {background:var(--surface-panel);border-color:var(--line);}
@media(min-width:901px) {
 #agentApp {grid-template-columns:220px minmax(0,1fr) 320px;min-height:0;}
 #agentApp .live-portfolio {min-height:calc(100dvh - 48px);}
}
@media(min-width:1600px) {#agentApp {grid-template-columns:232px minmax(0,1fr) 340px;}}
@media(min-width:901px) and (max-width:1150px) {
 #agentApp {grid-template-columns:192px minmax(0,1fr) 294px;}
 #agentApp .wallet {padding:22px 18px;}
 #agentApp #chat {padding:24px;}
 #agentApp #assistantPanel .composer-wrap {padding-left:20px;padding-right:20px;}
 #agentApp #composer .network-trigger strong {display:none;}
}
@media(max-width:768px),(max-width:1024px) and (max-height:600px) and (pointer:coarse) {
 #agentApp>#assistantPanel>header {height:calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;}
 #agentApp>#assistantPanel>header>.mobile-agent-network {display:none;}
 #agentApp>main#assistantPanel {transform:none;transition:opacity .15s ease,visibility .15s;}
 #agentApp #assistantPanel #chat {padding:22px 18px;}
 #agentApp #welcome {padding-top:24px;}
 #agentApp #assistantPanel .composer-wrap {padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));}
 #agentApp #assistantPanel.keyboard-open .composer-wrap {padding-bottom:6px;}
 #agentApp #composer {padding:8px;min-height:60px;}
 #agentApp .composer-input-row {min-height:42px;gap:6px;}
 #agentApp #composer .attach-image {width:32px;height:42px;}
 #agentApp #prompt {font-size:16px;max-height:96px;}
 #agentApp #composer .network-trigger {min-height:42px;}
 #agentApp #composer .network-trigger strong {display:none;}
 #agentApp #livePortfolio .wallet-header {margin-bottom:4px;}
 #agentApp #livePortfolio .wallet-actions {margin:18px 0 22px;}
 #agentApp #livePortfolio .wallet-actions button {min-height:60px;}
 #agentApp #livePortfolio .wallet-tabs button {min-height:44px;}
 #agentApp .mobile-wallet-title {font-size:18px;letter-spacing:0;}
 #agentApp #livePortfolio .wallet-profile {width:40px;height:40px;}
 #agentApp #livePortfolio .asset-value {max-width:32%;}
}
@media(prefers-reduced-motion:reduce) {#agentApp :is(button,a) {transition:none;}}