#arc-defi-root { --bg:#080d0c; --ink:#f0f5f2; --muted:#97aaa3; --mint:#99ffd5; --line:#293c35; position:fixed; inset:0; z-index:160; display:flex; justify-content:flex-end; color:var(--ink); font:14px/1.7 Inter,system-ui,sans-serif; background:#02060545; }
#arc-defi-root [hidden], #arc-defi-root[hidden] { display:none !important; }
#arc-defi-root * { box-sizing:border-box; }
#arc-defi-root :is(button,a,input):focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
#arc-defi-root button { cursor:pointer; font:inherit; color:inherit; border:1px solid var(--line); background:#101b16; min-height:40px; padding:8px 14px; }
#arc-defi-root button:hover { border-color:var(--mint); }
#arc-defi-root button:disabled { cursor:not-allowed; opacity:.6; }
#arc-defi-root a { color:var(--mint); }
.defi-shell { display:flex; flex-direction:column; width:min(1120px,82vw); height:100dvh; background:var(--bg); border-left:1px solid var(--line); box-shadow:-20px 0 80px #0005; outline:none; }
#arc-defi-root[data-mode="manage"] .defi-shell { width:100%; }
.defi-header { min-height:72px; padding:12px 24px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.defi-heading { display:flex; align-items:center; gap:16px; white-space:nowrap; }
.defi-wordmark { font:700 23px/1 'Barlow Condensed',sans-serif; letter-spacing:.035em; }
.defi-heading>span:last-child { color:var(--muted); }
.defi-divider { height:20px; width:1px; background:var(--line); }
.defi-controls { display:flex; gap:8px; }
#arc-defi-root .defi-controls button { font:12px/1.5 'IBM Plex Mono',monospace; }
[data-count] { color:var(--mint); margin-left:4px; }
.defi-layout { display:flex; min-height:0; flex:1; }
.defi-nav { width:84px; flex-shrink:0; border-right:1px solid var(--line); padding:16px 10px; display:flex; flex-direction:column; gap:12px; }
#arc-defi-root .defi-nav button { padding:12px 3px; border-color:transparent; background:transparent; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:11px; }
#arc-defi-root .defi-nav button[aria-current="true"] { border-color:var(--line); background:#15251c; color:var(--mint); }
.defi-nav img { width:30px; height:30px; object-fit:contain; }
.defi-main { flex:1; min-width:0; position:relative; }
.defi-main>[data-view] { height:100%; overflow:auto; }
.defi-overview { padding:clamp(24px,5vw,76px); }
.defi-eyebrow { color:var(--mint); letter-spacing:.12em; font:12px/1.7 'IBM Plex Mono',monospace; margin:0 0 14px; }
#arc-defi-root h1 { font:700 clamp(36px,4vw,58px)/1.08 'Barlow Condensed',Inter,sans-serif; letter-spacing:-.025em; margin:0 0 20px; }
.defi-lead { color:var(--muted); font-size:16px; max-width:580px; margin:0 0 36px; }
.defi-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.defi-card { padding:28px 24px; border:1px solid var(--line); background:linear-gradient(135deg,#17281f55,transparent); display:flex; flex-direction:column; align-items:start; }
.defi-card>img { width:48px; height:48px; object-fit:contain; margin-bottom:24px; }
.defi-card h2 { margin:0 0 8px; font-size:23px; }
.defi-card p { color:var(--muted); min-height:52px; margin:0 0 22px; }
#arc-defi-root .defi-primary { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; background:var(--mint); border:1px solid var(--mint); color:#0a2116; font-weight:650; text-decoration:none; }
#arc-defi-root .defi-favorite { padding:8px 0 0; border:0; color:var(--muted); background:transparent; font-size:12px; }
.defi-shortcuts { margin-top:38px; padding-top:24px; border-top:1px solid var(--line); }
.defi-shortcuts h2 { margin:0 0 14px; font-size:16px; }
[data-shortcuts] { display:flex; flex-wrap:wrap; gap:8px; }
.defi-recent { flex:0 0 100%; font-size:12px; color:var(--muted); }
.defi-footnote { color:var(--muted); font-size:12px; line-height:1.75; max-width:620px; margin-top:26px; }
.defi-activity { width:290px; flex-shrink:0; border-left:1px solid var(--line); padding:24px 20px; overflow:auto; background:#0d1612; }
.defi-activity h2 { font-size:20px; margin:0 0 20px; }.defi-activity h3 { font-size:14px; margin-top:30px; }
.defi-activity p { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.defi-activity-line { padding:14px 0; border-bottom:1px solid var(--line); }
.defi-protocol-bar { padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.defi-protocol-bar strong,.defi-protocol-bar span { display:block; }.defi-protocol-bar span { color:var(--muted); font-size:12px; }
.defi-aave { display:flex; flex-direction:column; }.defi-frame-help { padding:10px 24px; margin:0; color:var(--muted); font-size:12px; }
.defi-frame { flex:1; min-height:400px; }.defi-frame iframe { width:100%; height:100%; border:0; background:#f7f7f7; }
.defi-argus { padding:clamp(24px,5vw,72px); background:radial-gradient(ellipse at top right,#183c2440,transparent 70%); }
.defi-argus-logo { width:72px; height:72px; object-fit:contain; margin-bottom:32px; }.defi-quest-summary { margin-top:36px; border-top:1px solid var(--line); padding-top:20px; max-width:620px; }.defi-quest-summary h2 { font-size:18px; }.defi-quest-summary p { color:var(--muted); }
.defi-loading { padding:40px; color:var(--muted); }
.defi-toast { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); max-width:min(620px,90vw); padding:12px 20px; background:#183728; border:1px solid var(--mint); box-shadow:0 10px 40px #0008; z-index:10; }
/* O painel existente ocupa o host comum sem outro modal por cima. */
#arc-defi-root #arc-morpho-root { height:100%; }
#arc-defi-root .morpho-overlay { position:relative; height:100%; background:transparent; }
#arc-defi-root .morpho-panel { width:100%; height:100%; border:0; box-shadow:none; }
#arc-defi-root .morpho-overlay { font:inherit; }
#arc-defi-root .morpho-close,#arc-defi-root .morpho-brand-line,#arc-defi-root .morpho-brand>span:last-child { display:none; }
#arc-defi-root .morpho-header { padding:12px 24px; gap:12px; min-height:68px; }
#arc-defi-root .morpho-header-actions { gap:12px; }
#arc-defi-root .morpho-content { padding:20px 28px 28px; }
#arc-defi-root .morpho-connection-consent { padding:12px 24px; font-size:12px; }
#arc-defi-root .morpho-hero { display:none; }
#arc-defi-root .morpho-context { margin-bottom:18px; }
#arc-defi-root .morpho-hero-art { height:100px; flex-basis:130px; transform:scale(.7); }
#arc-defi-root .morpho-notice,#arc-defi-root .morpho-collateral-explain,#arc-defi-root .morpho-available { font-size:12px; }
#arc-defi-root .morpho-pane { grid-template-columns:minmax(0,.85fr) minmax(300px,1fr); gap:20px; }
#arc-defi-root:has(.defi-activity:not([hidden])) .morpho-pane { grid-template-columns:1fr; }
#arc-defi-root:has(.defi-activity:not([hidden])) .morpho-header { flex-wrap:wrap; }
@media(max-width:1050px) { .defi-shell { width:94vw; }.defi-cards { gap:10px; }.defi-card { padding:22px 16px; }.defi-overview { padding:32px; }.defi-activity { position:absolute; right:0; top:72px; bottom:0; z-index:10; box-shadow:-20px 0 50px #0007; } }
@media(max-width:800px) { .defi-shell { width:100%; }.defi-header { padding:10px 14px; gap:10px; flex-wrap:wrap; }.defi-heading { gap:10px; }.defi-controls { gap:5px; }#arc-defi-root .defi-controls button { padding:7px 9px; }.defi-nav { width:65px; padding:12px 4px; }.defi-cards { grid-template-columns:1fr; }.defi-card { display:grid; grid-template-columns:44px 1fr; column-gap:16px; }.defi-card>img { width:40px; height:40px; grid-row:1/3; margin:0; }.defi-card h2 { font-size:20px; }.defi-card p { min-height:0; margin:0 0 16px; }.defi-card .defi-primary { grid-column:2; }.defi-favorite { grid-column:2; }#arc-defi-root .morpho-pane { grid-template-columns:1fr; }#arc-defi-root .morpho-header { flex-wrap:wrap; }#arc-defi-root .morpho-header-actions { flex-wrap:wrap; }#arc-defi-root .morpho-content { padding:18px; }.defi-activity { top:0; width:min(330px,calc(100% - 65px)); position:relative; }.defi-layout:has(.defi-activity:not([hidden])) .defi-main { display:none; }.defi-overview { padding:28px 20px; }.defi-argus { padding:28px 22px; }.defi-protocol-bar { padding:16px; flex-wrap:wrap; }.defi-frame-help { padding:10px 16px; } }
@media(max-width:520px) { .defi-header { min-height:105px; }.defi-controls { width:100%; justify-content:space-between; }#arc-defi-root h1 { font-size:36px; }.defi-lead { font-size:14px; }.defi-nav { width:58px; }#arc-defi-root .defi-nav button { font-size:10px; }.defi-nav img { width:25px; height:25px; }#arc-defi-root .morpho-header { padding:12px 14px; }#arc-defi-root .morpho-connection-consent { padding:10px 14px; }#arc-defi-root .morpho-content { padding:16px 14px; }#arc-defi-root .morpho-hero-art { display:none; }#arc-defi-root .morpho-tabs { gap:6px; }#arc-defi-root .morpho-tabs button { gap:7px; padding:8px; }#arc-defi-root .morpho-tab-icon { display:none; }#arc-defi-root .morpho-action-card { padding:12px; }#arc-defi-root .morpho-action-tabs button { padding:7px 4px; min-width:0; font-size:12px; overflow-wrap:anywhere; }#arc-defi-root .morpho-asset { padding:12px 8px; gap:7px; }#arc-defi-root .morpho-asset-action { white-space:normal; max-width:85px; }#arc-defi-root .morpho-context { flex-direction:column; gap:3px; }#arc-defi-root .morpho-quote>div { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { #arc-defi-root * { transition:none !important; animation:none !important; } }