/* 03/10/2026. Acabamento visual dos painéis ARC CITY.
   Reversão: remover somente o link de modern.css. Não modifica dados, ordem ou ações financeiras. */
#arc-defi-root {
  --surface-1:#101a16;
  --surface-2:#16231c;
  --surface-3:#21372a;
  --line-soft:#22372c;
  --radius-card:20px;
  --radius-inner:14px;
  --radius-control:12px;
  padding:14px;
  background:#02060566;
  font:14px/1.55 Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
#arc-defi-root .defi-shell {
  width:min(1160px,calc(100vw - 28px));
  height:calc(100dvh - 28px);
  max-width:100%;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:0 24px 80px #0007;
  overflow:hidden;
}
#arc-defi-root[data-mode="manage"] .defi-shell { width:100%; }
#arc-defi-root button {
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius-control);
  background:var(--surface-2);
  color:var(--ink);
  font:500 13px/1.4 Inter,system-ui,sans-serif;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
#arc-defi-root button:disabled { opacity:.52; }
#arc-defi-root :is(button,a,input,select,summary):focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
#arc-defi-root .defi-primary,#arc-defi-root .morpho-quote-button,#arc-defi-root .morpho-confirm {
  min-height:46px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:var(--radius-control);
  background:var(--mint);
  color:#0a2116;
  font:650 14px/1.4 Inter,system-ui,sans-serif;
}
#arc-defi-root h1 { font:650 clamp(28px,3vw,42px)/1.12 Inter,system-ui,sans-serif; letter-spacing:-.035em; }
#arc-defi-root h2,#arc-defi-root h3 { letter-spacing:-.02em; }
#arc-defi-root .defi-eyebrow { font-size:12px; line-height:1.5; letter-spacing:.1em; }
#arc-defi-root .defi-lead { font-size:15px; line-height:1.6; margin-bottom:24px; max-width:62ch; }
#arc-defi-root .defi-footnote { font-size:12px; line-height:1.6; }
#arc-defi-root select { border-radius:var(--radius-control); background:var(--surface-2); font-family:Inter,system-ui,sans-serif; }

/* O host mantém os mesmos controles e destinos. */
#arc-defi-root .defi-header { min-height:68px; padding:12px 20px; gap:16px; background:#0c1411; border-bottom-color:var(--line-soft); }
#arc-defi-root .defi-heading { gap:12px; }
#arc-defi-root .defi-wordmark { font:700 23px/1 'Barlow Condensed',Inter,system-ui,sans-serif; letter-spacing:.025em; }
#arc-defi-root .defi-controls { gap:8px; }
#arc-defi-root .defi-controls button { min-height:40px; padding:8px 12px; font:500 12px/1.4 Inter,system-ui,sans-serif; }
#arc-defi-root .defi-controls button[aria-expanded="true"] { background:var(--surface-3); border-color:#41664f; color:var(--mint); }
#arc-defi-root .defi-nav { width:84px; padding:14px 8px; gap:8px; background:#0c1411; border-right-color:var(--line-soft); }
#arc-defi-root .defi-nav button { min-height:68px; padding:10px 2px; gap:6px; border:1px solid transparent; background:transparent; border-radius:14px; font-size:11px; }
#arc-defi-root .defi-nav button[aria-current="true"] { background:#162d21; border-color:#365c45; color:var(--mint); }
#arc-defi-root .defi-nav :is(img,svg) { width:27px; height:27px; }
#arc-defi-root .defi-nav button>span { max-width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.3; }
#arc-defi-root img[src*="argus"] { border-radius:50%; }
#arc-defi-root .defi-main>[data-view] { scrollbar-color:#365443 transparent; scrollbar-width:thin; }
#arc-defi-root .defi-loading { padding:32px; font-size:14px; }
#arc-defi-root .defi-toast { border-radius:14px; padding:12px 16px; font-size:13px; line-height:1.5; box-shadow:0 12px 36px #0005; }

/* Visão geral e atalhos. */
#arc-defi-root .defi-overview { padding:36px; max-width:1240px; margin:0 auto; }
#arc-defi-root .defi-overview h1 { margin-bottom:16px; }
#arc-defi-root .defi-cards { gap:16px; }
#arc-defi-root .defi-card { padding:24px; border-color:var(--line-soft); border-radius:var(--radius-card); background:var(--surface-1); box-shadow:0 8px 24px #0002; }
#arc-defi-root .defi-card>:is(img,svg) { width:42px; height:42px; margin-bottom:20px; }
#arc-defi-root .defi-card h2 { font-size:22px; line-height:1.25; margin-bottom:10px; }
#arc-defi-root .defi-card p { min-height:46px; font-size:14px; line-height:1.55; margin-bottom:20px; }
#arc-defi-root .defi-card .defi-primary { margin-top:auto; }
#arc-defi-root .defi-favorite { min-height:32px; padding:8px 0 0; border:0; border-radius:0; background:transparent; color:var(--muted); font-size:12px; }
#arc-defi-root .defi-shortcuts { margin-top:28px; padding-top:20px; border-top-color:var(--line-soft); }
#arc-defi-root .defi-shortcuts h2 { font-size:16px; margin-bottom:12px; }
#arc-defi-root [data-shortcuts] { gap:8px; }
#arc-defi-root [data-shortcuts] button { min-height:40px; padding:9px 12px; border-radius:10px; font-size:12px; max-width:100%; white-space:normal; }

/* Portfolio prioriza os valores; a conta permanece no mesmo lugar. */
#arc-defi-root .defi-portfolio { padding:28px; }
#arc-defi-root .defi-personal-header { gap:16px; }
#arc-defi-root .defi-personal-header h1 { font-size:clamp(27px,2.8vw,36px); line-height:1.15; margin-bottom:12px; }
#arc-defi-root .defi-personal-header .defi-lead { margin-bottom:20px; }
#arc-defi-root .defi-network { padding:5px 10px; border-color:#365440; border-radius:999px; background:#12251b; font-size:12px; }
#arc-defi-root .defi-account-bar { gap:16px; padding:16px 20px; border-color:var(--line-soft); border-radius:16px; background:var(--surface-1); }
#arc-defi-root .defi-account-bar strong { font-size:16px; font-weight:600; }
#arc-defi-root .defi-account-bar p { margin-top:5px; font-size:12px; line-height:1.55; }
#arc-defi-root .defi-account-actions { gap:8px; }
#arc-defi-root .defi-account-bar:has([data-refresh]:not([hidden])) [data-connect] { background:var(--surface-2); border-color:var(--line); color:var(--ink); }
#arc-defi-root .defi-wallet-options { padding:12px 0; gap:8px; }
#arc-defi-root .defi-watch { font-size:12px; margin-top:12px; }
#arc-defi-root .defi-watch summary { padding:5px 0; }
#arc-defi-root .defi-watch input { min-height:44px; border-radius:12px; background:var(--surface-1); }
#arc-defi-root [data-portfolio-status] { margin:14px 0; min-height:20px; font-size:12px; }
#arc-defi-root .defi-personal-grid { gap:20px; grid-template-columns:minmax(220px,.85fr) minmax(280px,1.5fr); }
#arc-defi-root .defi-balance-card { min-height:0; padding:24px; gap:8px; border-color:var(--line-soft); border-radius:var(--radius-card); background:var(--surface-1); }
#arc-defi-root .defi-currency-mark { width:36px; height:36px; margin:8px 0 10px; font-size:20px; background:#162d21; border-color:#416c53; }
#arc-defi-root .defi-balance-card strong { font-size:clamp(28px,3vw,38px); line-height:1.2; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-balance-card>span:not(.defi-eyebrow) { font-size:15px; }
#arc-defi-root .defi-balance-card p,#arc-defi-root .defi-balance-card a { font-size:12px; line-height:1.6; }
#arc-defi-root .defi-section-heading { margin-bottom:12px; }
#arc-defi-root .defi-section-heading h2 { font-size:19px; }
#arc-defi-root .defi-section-heading>span { padding:2px 8px; font-size:12px; border-radius:999px; background:var(--surface-2); }
#arc-defi-root .defi-section-heading>span:empty { padding:0; }
#arc-defi-root .defi-position { padding:18px 20px; margin-bottom:12px; border-color:var(--line-soft); border-radius:16px; background:var(--surface-1); }
#arc-defi-root .defi-position .defi-eyebrow { font-size:12px; }
#arc-defi-root .defi-position h3 { font-size:16px; line-height:1.35; margin-bottom:10px; }
#arc-defi-root .defi-position strong { font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-position p { font-size:12px; line-height:1.5; }
#arc-defi-root .defi-position a { margin-top:8px; font-size:13px; }
#arc-defi-root .defi-empty { padding:24px; border-color:var(--line-soft); border-radius:16px; background:var(--surface-1); }
#arc-defi-root .defi-empty h3 { margin:12px 0 8px; font-size:18px; }
#arc-defi-root .defi-empty p { font-size:13px; line-height:1.6; }
#arc-defi-root .defi-next-actions { margin-top:24px; padding-top:18px; border-top-color:var(--line-soft); }
#arc-defi-root .defi-next-actions>div { gap:8px; }

/* Swap mantém revisão, assinatura e recibo no mesmo cartão. */
#arc-defi-root .defi-swap { padding:24px; }
#arc-defi-root .defi-swap-card { max-width:520px; padding:22px; border-color:var(--line-soft); border-radius:var(--radius-card); background:var(--surface-1); box-shadow:0 14px 40px #0002; }
#arc-defi-root .defi-swap-top { gap:12px; margin-bottom:14px; }
#arc-defi-root .defi-swap-top h1 { font:650 25px/1.2 Inter,system-ui,sans-serif; letter-spacing:-.03em; }
#arc-defi-root .defi-swap-network { padding:5px 9px; border-radius:999px; background:#152c20; color:var(--mint); font:500 12px/1.4 Inter,system-ui,sans-serif; }
#arc-defi-root .defi-swap-wallet-row { margin-bottom:16px; }
#arc-defi-root .defi-swap-wallet-row button { min-height:36px; padding:7px 10px; border-radius:10px; font-size:12px; }
#arc-defi-root .defi-swap-wallet-row>span { font-size:12px; }
#arc-defi-root .defi-swap-wallets { padding:14px; border-color:var(--line); border-radius:14px; background:var(--bg); }
#arc-defi-root .defi-swap-wallet-heading { font-size:14px; }
#arc-defi-root .defi-swap-wallet-heading button { min-height:34px; padding:5px 9px; font-size:12px; }
#arc-defi-root .defi-swap-wallets [data-swap-wallet-options] button { min-height:44px; padding:10px 12px; font-size:13px; }
#arc-defi-root .defi-swap-amount,#arc-defi-root .defi-swap-receive { padding:14px 16px; border-color:#2c4134; border-radius:var(--radius-inner); background:var(--surface-2); }
#arc-defi-root .defi-swap-amount>label,#arc-defi-root .defi-swap-receive>span { font-size:12px; }
#arc-defi-root .defi-swap-value { margin:10px 0; gap:12px; }
#arc-defi-root .defi-swap-amount input { font:500 32px/1.25 Inter,system-ui,sans-serif; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-swap-receive strong { font:500 30px/1.3 Inter,system-ui,sans-serif; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-swap select { min-height:36px; padding:7px 9px; border:1px solid transparent; border-radius:12px; background:#22362a; font-size:13px; }
#arc-defi-root .defi-swap-token { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:8px; min-height:38px; max-width:46%; padding:8px 10px; border-color:transparent; border-radius:12px; background:#22362a; font-size:13px; overflow-wrap:anywhere; }
#arc-defi-root .defi-swap-token::after { content:''; width:6px; height:6px; flex:0 0 6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); }
#arc-defi-root .defi-swap-catalog { margin:0 0 14px; padding:12px; border-radius:12px; background:var(--bg); color:var(--muted); font-size:12px; line-height:1.5; }
#arc-defi-root .defi-swap-catalog p { margin:0; }
#arc-defi-root .defi-swap-catalog button { margin-top:8px; min-height:36px; padding:7px 10px; font-size:12px; }
#arc-defi-root .defi-swap-balance-row { gap:8px; font-size:12px; }
#arc-defi-root .defi-swap-balance-row button { min-height:30px; padding:4px 8px; border-radius:8px; background:#21372a; border-color:transparent; font-size:12px; }
#arc-defi-root .defi-swap-card [data-swap-max-hint] { font-size:12px; line-height:1.5; margin-top:6px; }
#arc-defi-root .defi-swap-reverse { width:38px; min-height:38px; margin:-7px auto; padding:5px; border:4px solid var(--surface-1); border-radius:50%; background:var(--surface-3); color:var(--mint); }
#arc-defi-root .defi-swap-status { margin:14px 0; min-height:20px; font-size:13px; line-height:1.5; }
#arc-defi-root .defi-swap-actions { gap:8px; }
#arc-defi-root .defi-swap-actions [data-swap-primary] { min-height:48px; padding:12px; font-size:14px; }
#arc-defi-root .defi-swap-actions [data-swap-edit] { font-size:13px; }
#arc-defi-root .defi-swap-review,#arc-defi-root .defi-swap-progress { margin-top:18px; }
#arc-defi-root .defi-swap-review h2,#arc-defi-root .defi-swap-progress h2 { font-size:18px; font-weight:600; }
#arc-defi-root .defi-swap-card dl>div { padding:8px 0; border-bottom-color:var(--line-soft); font-size:13px; }
#arc-defi-root .defi-swap-card dd { font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-swap-review>p { font-size:12px; line-height:1.6; }
#arc-defi-root .defi-swap-review>code { font-size:12px; line-height:1.5; }
#arc-defi-root .defi-swap-review [data-swap-review-expiry] { font-size:12px; }
#arc-defi-root .defi-swap-details { margin-top:16px; padding-top:10px; border-top-color:var(--line-soft); font-size:12px; }
#arc-defi-root .defi-swap-details>summary { padding:5px 0; }
#arc-defi-root .defi-swap-note { font-size:12px; line-height:1.6; }
#arc-defi-root .defi-swap-detail-actions button { min-height:36px; font-size:12px; padding:7px 9px; border-radius:10px; }
#arc-defi-root .defi-swap-progress li { font-size:13px; gap:12px; }
#arc-defi-root .defi-swap-progress li::before { width:28px; height:28px; border-radius:50%; font-size:12px; background:var(--bg); }
#arc-defi-root .defi-swap-progress li.is-current::before,#arc-defi-root .defi-swap-progress li.is-complete::before { background:#173524; }
#arc-defi-root .defi-swap-operation-amount { font-size:21px; font-weight:500; font-variant-numeric:tabular-nums; }
#arc-defi-root .defi-swap-receipt-links { gap:8px 14px; }
#arc-defi-root .defi-swap-receipt-links a { display:inline-flex; align-items:center; min-height:32px; font-size:12px; }

/* O seletor nativo conserva foco e Escape dentro da própria superfície. */
#arc-defi-root .defi-token-dialog { width:min(480px,calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:min(680px,calc(100dvh - 32px)); margin:auto; padding:22px; border:1px solid #554764; border-radius:22px; background:#17151e; color:var(--ink); box-shadow:0 24px 90px #0009; overflow:hidden; }
#arc-defi-root .defi-token-dialog[open] { display:flex; flex-direction:column; }
#arc-defi-root .defi-token-dialog::backdrop { background:#020605ad; }
#arc-defi-root .defi-token-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
#arc-defi-root .defi-token-heading span { color:#c5a8ff; font-size:12px; }
#arc-defi-root .defi-token-heading h2 { margin:4px 0 0; font:600 22px/1.3 Inter,system-ui,sans-serif; }
#arc-defi-root .defi-token-heading button { min-height:38px; padding:7px 10px; font-size:12px; }
#arc-defi-root .defi-token-search { display:flex; flex-direction:column; gap:8px; color:var(--muted); font-size:12px; }
#arc-defi-root .defi-token-search input { min-width:0; width:100%; min-height:46px; padding:11px 13px; border:1px solid var(--line); border-radius:12px; background:var(--bg); color:var(--ink); font:14px/1.5 Inter,system-ui,sans-serif; }
#arc-defi-root .defi-token-count { margin:12px 0; color:var(--muted); font-size:12px; }
#arc-defi-root .defi-token-list { min-height:0; overflow:auto; display:grid; gap:8px; padding:3px; margin:-3px; scrollbar-width:thin; scrollbar-color:#66517f transparent; }
#arc-defi-root .defi-token-option { display:flex; align-items:center; gap:13px; width:100%; min-width:0; padding:12px 14px; border:1px solid #302a39; border-radius:14px; background:#211d28; text-align:left; transition:background .16s,border-color .16s,transform .16s; }
#arc-defi-root .defi-token-option:hover { border-color:#65517a; background:#2a2334; transform:translateY(-1px); }
#arc-defi-root .defi-token-option[aria-pressed="true"] { border-color:#9b75d2; background:#30243e; }
#arc-defi-root .defi-token-symbol { display:grid; place-items:center; flex:0 0 auto; min-width:42px; max-width:76px; height:42px; padding:0 7px; border:1px solid #71558f; border-radius:14px; background:linear-gradient(145deg,#503769,#35283f); color:#eadcff; font-size:11px; font-weight:700; letter-spacing:.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#arc-defi-root .defi-token-copy { min-width:0; flex:1; display:grid; gap:3px; }
#arc-defi-root .defi-token-copy strong { font-size:14px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#arc-defi-root .defi-token-copy>span { color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#arc-defi-root .defi-token-copy code { color:#a99bb5; font:10px/1.5 'IBM Plex Mono',monospace; letter-spacing:.02em; }
#arc-defi-root .defi-token-search input:focus-visible { outline:2px solid #a780d8; outline-offset:2px; border-color:#a780d8; }
#arc-defi-root .defi-swap { --mint:#cbb0ff; --bg:#111018; --surface-1:#191620; --surface-2:#211d29; --surface-3:#30293b; --line:#3c3448; --line-soft:#393241; --muted:#aaa2b5; }
#arc-defi-root .defi-swap-card { border-color:#40374c; border-radius:24px; background:radial-gradient(ellipse at 90% 0%,#342742 0,transparent 34%),#191620; box-shadow:0 20px 70px #05040a66; }
#arc-defi-root .defi-swap-network { color:#cbb0ff; }
#arc-defi-root .defi-swap-amount,#arc-defi-root .defi-swap-receive { border-color:#37303f; border-radius:16px; background:#111018; }
#arc-defi-root .defi-swap-receive { background:#17141e; }
#arc-defi-root .defi-swap-token { background:#30253c; color:#eee3ff; border:1px solid #554268; border-radius:14px; }
#arc-defi-root .defi-swap-token:hover { background:#3a2c49; border-color:#9b79c6; }
#arc-defi-root .defi-swap-reverse { color:#d2b7ff; border-color:#191620; background:#362b43; }
#arc-defi-root .defi-swap-balance-row button { background:#292333; color:#ddd0ef; }
#arc-defi-root .defi-swap-actions [data-swap-primary] { background:#b992ef; color:#21162d; border-color:#b992ef; }
#arc-defi-root .defi-swap-actions [data-swap-primary]:hover:not(:disabled) { background:#c9aaf6; border-color:#c9aaf6; }
#arc-defi-root .defi-swap-progress li.is-current::before,#arc-defi-root .defi-swap-progress li.is-complete::before { background:#30253c; }
#arc-defi-root .defi-swap-progress li.is-current::before,#arc-defi-root .defi-swap-progress li.is-complete::before { border-color:#a984d6; color:#d2b7ff; }

/* Seletores explícitos evitam que o botão genérico do host apague os estados Morpho. */
#arc-defi-root .morpho-panel { background:var(--bg); font-family:Inter,system-ui,sans-serif; }
#arc-defi-root .morpho-header { min-height:68px; padding:12px 24px; gap:12px; border-bottom-color:var(--line-soft); }
#arc-defi-root .morpho-logo { width:120px; max-height:30px; }
#arc-defi-root .morpho-header-actions { gap:10px; }
#arc-defi-root .morpho-connect { min-height:40px; padding:8px 12px; border-color:#365c45; border-radius:12px; background:#173222; color:var(--mint); font:600 12px/1.4 Inter,system-ui,sans-serif !important; }
#arc-defi-root .morpho-preview-badge { border-color:#365440; border-radius:999px; background:#12251b; padding:5px 9px; font:500 12px/1.4 Inter,system-ui,sans-serif; letter-spacing:0; }
#arc-defi-root .morpho-header-actions a { font-size:13px; }
#arc-defi-root .morpho-wallet-status { padding:10px 24px; border-bottom-color:var(--line-soft); font-size:13px; line-height:1.5; }
#arc-defi-root .morpho-connection-consent { padding:12px 24px; gap:10px; border-bottom-color:var(--line-soft); background:var(--surface-1); font-size:12px; line-height:1.6; }
#arc-defi-root .morpho-connection-consent input { flex-shrink:0; width:16px; height:16px; margin-top:3px; }
#arc-defi-root .morpho-wallet-choices { padding:12px 24px; flex-wrap:wrap; gap:8px; }
#arc-defi-root .morpho-wallet-choices button { min-height:44px; padding:10px 12px; border-color:#365c45; border-radius:12px; background:var(--surface-2); font-size:13px; }
#arc-defi-root .morpho-content { padding:24px; max-width:1120px; }
#arc-defi-root .morpho-context { font-size:12px; line-height:1.5; margin-bottom:16px; }
#arc-defi-root .morpho-tabs { gap:10px; margin-bottom:20px; }
#arc-defi-root .morpho-tabs button { min-height:58px; padding:10px 14px; gap:12px; border:1px solid var(--line-soft); border-radius:14px; background:var(--surface-1); color:var(--ink); }
#arc-defi-root .morpho-tabs button[aria-selected="true"] { background:#183123; border-color:#50775f; box-shadow:none; }
#arc-defi-root .morpho-tabs strong { font-size:16px; font-weight:600; }
#arc-defi-root .morpho-tabs small { font-size:12px; }
#arc-defi-root .morpho-tab-icon { width:34px; height:34px; flex-basis:34px; font-size:23px; }
#arc-defi-root .morpho-pane { gap:20px; }
#arc-defi-root .morpho-section-head h2 { font-size:20px; font-weight:600; }
#arc-defi-root .morpho-section-head p { font-size:13px; line-height:1.55; }
#arc-defi-root .morpho-asset,#arc-defi-root .morpho-market,#arc-defi-root .morpho-position { min-height:72px; padding:14px; border:1px solid var(--line-soft); border-radius:14px; background:var(--surface-1); color:var(--ink); }
#arc-defi-root .morpho-asset.is-selected { background:#183123; border-color:#50775f; }
#arc-defi-root .morpho-asset strong,#arc-defi-root .morpho-market strong,#arc-defi-root .morpho-position strong { font-size:14px; font-weight:600; }
#arc-defi-root .morpho-asset small,#arc-defi-root .morpho-market small,#arc-defi-root .morpho-position small { font-size:12px; line-height:1.5; }
#arc-defi-root .morpho-position { margin-top:16px; }
#arc-defi-root .morpho-position-symbol { border-radius:10px; }
#arc-defi-root .morpho-risk { padding:14px; border-color:#365440; border-radius:14px; background:#12251b; }
#arc-defi-root .morpho-risk p { font-size:12px; line-height:1.6; }
#arc-defi-root .morpho-action-card { padding:20px; border:1px solid var(--line-soft); border-radius:var(--radius-card); background:var(--surface-1); box-shadow:0 12px 32px #0002; }
#arc-defi-root .morpho-card-title h2 { font:600 23px/1.25 Inter,system-ui,sans-serif; }
#arc-defi-root .morpho-card-title span:first-child { font-size:12px; }
#arc-defi-root .morpho-card-art { width:40px; height:40px; background:#193827; font-size:23px; }
#arc-defi-root .morpho-action-tabs { margin:16px 0; padding:4px; gap:4px; border:0; border-radius:14px; background:#0a130e; }
#arc-defi-root .morpho-action-tabs button { min-height:40px; padding:8px; border:0; border-radius:10px; background:transparent; color:var(--muted); font-size:13px; }
#arc-defi-root .morpho-action-tabs button.is-active { background:#264432; color:#e7fff0; }
#arc-defi-root .morpho-action-card>label { font-size:13px; font-weight:500; margin-bottom:10px; }
#arc-defi-root .morpho-amount { min-height:66px; padding:8px 12px 8px 16px; border-color:#3a5645; border-radius:14px; background:var(--surface-2); }
#arc-defi-root .morpho-amount input { font-size:30px; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
#arc-defi-root .morpho-available { margin:10px 0; font-size:12px; line-height:1.5; }
#arc-defi-root .morpho-available strong { max-width:66%; text-align:right; }
#arc-defi-root .morpho-collateral-explain { font-size:12px; line-height:1.6; margin:10px 0 14px; }
#arc-defi-root .morpho-quote { padding:8px 0; border-color:var(--line-soft); }
#arc-defi-root .morpho-quote>div { padding:5px 0; font-size:13px; }
#arc-defi-root .morpho-quote strong { max-width:66%; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#arc-defi-root .morpho-quote-button { width:100%; margin-top:14px; }
#arc-defi-root .morpho-notice { font-size:12px; line-height:1.5; min-height:20px; margin-top:10px; }
#arc-defi-root .morpho-review { margin-top:16px; padding:16px; border-color:#3a5645; border-radius:14px; background:var(--bg); }
#arc-defi-root .morpho-review h3 { font-size:16px; }
#arc-defi-root .morpho-review>div { padding:5px 0; font-size:13px; }
#arc-defi-root .morpho-review p,#arc-defi-root .morpho-consent { font-size:12px; line-height:1.6; }
#arc-defi-root .morpho-footer { flex-wrap:wrap; gap:10px 16px; margin-top:20px; padding:16px 0; border-top-color:var(--line-soft); font-size:12px; line-height:1.6; }

/* Apps externos mantêm seu conteúdo original. Apenas o contorno pertence ao host. */
#arc-defi-root .defi-protocol-bar { margin:16px 20px 0; padding:14px 18px; gap:16px; border:1px solid var(--line-soft); border-radius:16px; background:var(--surface-1); }
#arc-defi-root .defi-protocol-bar strong { font-size:16px; font-weight:600; }
#arc-defi-root .defi-protocol-bar span { font-size:12px; }
#arc-defi-root .defi-protocol-bar>a { padding:7px 0; font-size:13px; }
#arc-defi-root .defi-frame-help { padding:12px 24px; font-size:12px; line-height:1.5; }
#arc-defi-root .defi-frame { margin:0 20px 20px; border:1px solid var(--line-soft); border-radius:16px; overflow:hidden; }
#arc-defi-root .defi-argus { padding:36px; background:transparent; }
#arc-defi-root .defi-argus-logo { width:60px; height:60px; margin-bottom:24px; }
#arc-defi-root .defi-argus h1 { max-width:24ch; font-size:clamp(28px,3vw,40px); line-height:1.15; margin-bottom:20px; }
#arc-defi-root .defi-argus .defi-lead { max-width:52ch; margin-bottom:24px; }
#arc-defi-root .defi-quest-summary { margin-top:24px; padding:20px; border:1px solid var(--line-soft); border-radius:20px; background:var(--surface-1); }
#arc-defi-root .defi-quest-summary h2 { margin-top:0; font-size:18px; }
#arc-defi-root .defi-quest-summary p { font-size:13px; line-height:1.6; margin-bottom:0; }
#arc-defi-root .defi-activity { width:300px; padding:24px 20px; border-left-color:var(--line-soft); background:var(--surface-1); }
#arc-defi-root .defi-activity h2 { font-size:20px; margin-bottom:20px; }
#arc-defi-root .defi-activity h3 { font-size:14px; margin-top:24px; }
#arc-defi-root .defi-activity p { font-size:13px; line-height:1.6; }
#arc-defi-root .defi-activity-line { padding:12px 0; border-bottom-color:var(--line-soft); }
#arc-defi-root .defi-activity .defi-footnote { margin-top:20px; padding:14px; border-radius:14px; background:var(--bg); font-size:12px; }

@supports selector(:has(input:focus-visible)) {
  #arc-defi-root .morpho-amount:has(input:focus-visible),#arc-defi-root .defi-swap-amount:has(input:focus-visible) { outline:2px solid var(--mint); outline-offset:2px; }
  #arc-defi-root .morpho-amount input:focus-visible,#arc-defi-root .defi-swap-amount input:focus-visible { outline:none; }
}
@media(hover:hover) {
  #arc-defi-root button:not(:disabled):hover { border-color:#456750; background:#203729; }
  #arc-defi-root .defi-primary:not(:disabled):hover,#arc-defi-root .morpho-quote-button:not(:disabled):hover,#arc-defi-root .morpho-confirm:not(:disabled):hover { background:#c5ffe7; border-color:transparent; }
  #arc-defi-root .defi-nav button:not(:disabled):hover { background:#14251b; }
  #arc-defi-root .defi-favorite:not(:disabled):hover { background:transparent; color:var(--mint); }
  #arc-defi-root .morpho-action-tabs button:not(:disabled):hover { background:#203729; }
}
@media(max-width:1050px) {
  #arc-defi-root { padding:10px; }
  #arc-defi-root .defi-shell { width:100%; height:calc(100dvh - 20px); }
  #arc-defi-root .defi-overview { padding:28px; }
  #arc-defi-root .defi-card { padding:20px; }
  #arc-defi-root .defi-personal-grid { grid-template-columns:1fr; }
  #arc-defi-root .defi-activity { top:68px; }
}
@media(max-width:800px) {
  #arc-defi-root { padding:0; }
  #arc-defi-root .defi-shell { width:100%; height:100dvh; max-width:100%; border:0; border-radius:0; }
  #arc-defi-root .defi-header { padding:12px 14px; gap:10px; }
  #arc-defi-root .defi-heading { gap:10px; }
  #arc-defi-root .defi-nav { width:58px; padding:12px 5px; gap:8px; }
  #arc-defi-root .defi-nav button { min-height:62px; padding:8px 0; gap:5px; font-size:11px; border-radius:12px; }
  #arc-defi-root .defi-nav :is(img,svg) { width:24px; height:24px; }
  #arc-defi-root .defi-overview,#arc-defi-root .defi-portfolio,#arc-defi-root .defi-argus { padding:24px 16px; }
  #arc-defi-root .defi-cards { gap:12px; }
  #arc-defi-root .defi-card { padding:18px; grid-template-columns:40px minmax(0,1fr); column-gap:12px; }
  #arc-defi-root .defi-card>:is(img,svg) { width:40px; height:40px; margin:0; }
  #arc-defi-root .defi-card h2 { font-size:20px; }
  #arc-defi-root .defi-card p { min-height:0; font-size:13px; margin-bottom:16px; }
  #arc-defi-root .defi-card .defi-primary { font-size:13px; padding:10px 12px; }
  #arc-defi-root .defi-personal-header { gap:10px; }
  #arc-defi-root .defi-personal-header h1 { font-size:27px; }
  #arc-defi-root .defi-personal-header .defi-lead { font-size:14px; margin-bottom:18px; }
  #arc-defi-root .defi-account-bar { padding:16px; gap:12px; }
  #arc-defi-root .defi-account-actions { width:100%; flex-wrap:nowrap; gap:6px; }
  #arc-defi-root .defi-account-actions button { flex:1; min-width:0; min-height:42px; padding:8px 6px; font-size:12px; }
  #arc-defi-root .defi-balance-card { padding:20px; }
  #arc-defi-root .defi-position { padding:18px; }
  #arc-defi-root .defi-swap { padding:18px 12px; }
  #arc-defi-root .defi-swap-card { padding:18px; }
  #arc-defi-root .defi-swap-amount,#arc-defi-root .defi-swap-receive { padding:14px; }
  #arc-defi-root .defi-swap-amount input { font-size:28px; }
  #arc-defi-root .defi-swap-receive strong { font-size:27px; }
  #arc-defi-root .morpho-header { padding:12px 16px; }
  #arc-defi-root .morpho-logo { width:112px; }
  #arc-defi-root .morpho-header-actions { gap:8px; }
  #arc-defi-root .morpho-connect { padding:8px 10px; }
  #arc-defi-root .morpho-content { padding:20px 16px; }
  #arc-defi-root .morpho-wallet-status,#arc-defi-root .morpho-wallet-choices,#arc-defi-root .morpho-connection-consent { padding-left:16px; padding-right:16px; }
  #arc-defi-root .morpho-tabs button { padding:10px; min-height:48px; gap:8px; }
  #arc-defi-root .morpho-tabs strong { font-size:14px; }
  #arc-defi-root .morpho-action-card { padding:16px; }
  #arc-defi-root .morpho-card-title h2 { font-size:22px; }
  #arc-defi-root .morpho-action-tabs button { padding:8px 6px; font-size:12px; }
  #arc-defi-root .morpho-amount { padding:8px 10px 8px 12px; }
  #arc-defi-root .morpho-amount input { font-size:28px; }
  #arc-defi-root .defi-protocol-bar { margin:14px 14px 0; padding:14px; gap:8px; }
  #arc-defi-root .defi-frame-help { padding:12px 18px; }
  #arc-defi-root .defi-frame { margin:0 14px 14px; }
  #arc-defi-root .defi-argus h1 { font-size:30px; }
  #arc-defi-root .defi-argus-logo { width:52px; height:52px; margin-bottom:20px; }
  #arc-defi-root .defi-quest-summary { padding:18px; }
  #arc-defi-root .defi-activity { position:relative; top:0; width:calc(100% - 58px); padding:24px 18px; }
}
@media(max-width:750px) {
  #arc-defi-root .morpho-header-actions a { display:inline-flex; align-items:center; justify-content:center; width:36px; min-height:36px; border-radius:10px; background:var(--surface-2); font-size:0; }
  #arc-defi-root .morpho-header-actions a span { margin:0; font-size:18px; }
}
@media(max-width:520px) {
  #arc-defi-root .defi-token-dialog { padding:16px; border-radius:18px; }
  #arc-defi-root .defi-token-option { gap:10px; padding:10px; }
  #arc-defi-root .defi-token-symbol { min-width:38px; max-width:68px; height:38px; border-radius:12px; font-size:10px; }
  #arc-defi-root .defi-header { min-height:96px; padding:10px 12px; gap:10px; }
  #arc-defi-root .defi-controls { width:100%; justify-content:space-between; gap:6px; }
  #arc-defi-root .defi-controls button { min-height:36px; padding:7px 9px; font-size:12px; }
  #arc-defi-root .defi-wordmark { font-size:22px; }
  #arc-defi-root .defi-overview h1 { font-size:30px; }
  #arc-defi-root .defi-swap-card { padding:14px; }
  #arc-defi-root .defi-swap-value { gap:8px; }
  #arc-defi-root .defi-swap-card dl>div { gap:10px; font-size:12px; }
  #arc-defi-root .morpho-asset { padding:12px; gap:10px; }
  #arc-defi-root .morpho-asset-action { white-space:normal; max-width:75px; }
}
@media(max-width:420px) {
  #arc-defi-root .defi-swap { padding:14px 8px; }
  #arc-defi-root .defi-swap-amount,#arc-defi-root .defi-swap-receive { padding:12px; }
  #arc-defi-root .defi-swap-top h1 { font-size:24px; }
  #arc-defi-root .defi-swap-network { padding:5px 8px; }
  #arc-defi-root .defi-personal-header h1 { font-size:26px; }
}
@media(pointer:coarse) {
  #arc-defi-root .defi-swap-balance-row button,#arc-defi-root .defi-swap-detail-actions button,#arc-defi-root .defi-swap-wallet-row button,#arc-defi-root .defi-swap-token,#arc-defi-root .morpho-action-tabs button { min-height:44px; }
  #arc-defi-root .defi-swap-receipt-links a { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { #arc-defi-root * { transition:none !important; animation:none !important; } }

/* GLITCH no host, sem recolorir os protocolos. Asset aprovado do repo web. */
#arc-defi-root .defi-host-glitch{width:28px;height:28px;object-fit:contain;border-radius:7px;flex:none;background:#070d0b}
@media(max-width:600px){#arc-defi-root .defi-host-glitch{width:23px;height:23px}}

/* Identidade de ativos e linhas independentes impedem herança do valor grande do swap. */
#arc-defi-root .defi-token-option{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:90px;color:#eeeaf5}
#arc-defi-root .defi-token-option .defi-token-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
#arc-defi-root .defi-token-option .defi-token-copy strong{display:block;font:650 14px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;margin:0}
#arc-defi-root .defi-token-option .defi-token-copy>span{display:block;font:12px/1.4 Inter,system-ui,sans-serif;margin:0}
#arc-defi-root .defi-token-option .defi-token-copy code{display:block;position:static;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;padding:0;border:0;background:transparent;font:11px/1.5 monospace;color:#a8a4b3}
#arc-defi-root .defi-token-symbol{width:42px;min-width:42px;max-width:42px;padding:0;background:#25222c;border-color:#48414f;border-radius:50%;font-size:10px}
#arc-defi-root .defi-token-symbol img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#arc-defi-root .defi-swap-token{display:inline-flex;align-items:center;gap:8px;min-width:115px;padding:7px 10px;background:#2b2832;border-color:#494451;color:#f4f1fa}
#arc-defi-root .defi-swap-token .defi-token-symbol{width:28px;min-width:28px;max-width:28px;height:28px;font-size:8px}
#arc-defi-root .defi-swap{--bg:#14131a;--surface-1:#1c1b23;--surface-2:#24222c;--surface-3:#302d39;--line:#413d4c;--muted:#aeaab9}
#arc-defi-root .defi-swap-card{background:#1c1b23;border-color:#413d4c}
#arc-defi-root .defi-swap-amount,#arc-defi-root .defi-swap-receive{background:#14131a;border-color:#37333f}
@media(max-width:520px){#arc-defi-root .defi-token-option{grid-template-columns:38px minmax(0,1fr)}#arc-defi-root .defi-token-symbol{width:38px;min-width:38px;max-width:38px}#arc-defi-root .defi-swap-token{min-width:100px;gap:6px}}

#arc-defi-root .defi-swap-token{flex:0 0 auto;white-space:nowrap}#arc-defi-root .defi-swap-token>span:last-child{white-space:nowrap}#arc-defi-root .defi-swap-value input{min-width:0;flex:1;width:0}#arc-defi-root .defi-swap-receive [data-swap-to-name]{display:block}#arc-defi-root .defi-swap-receive [data-swap-inspect]{display:block;margin-top:9px;padding:5px 0}

/* Comparação de cotações: dados de leitura, sem mudar a rota assinada. */
#arc-defi-root .defi-swap-comparison{padding:16px;margin:16px 0;border:1px solid #423e4c;border-radius:16px;background:#19171f;}
#arc-defi-root .defi-swap-comparison>div{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;}
#arc-defi-root .defi-swap-comparison span{color:#aeaab9;font-size:12px;}
#arc-defi-root .defi-swap-comparison dl{display:grid;gap:10px;margin:16px 0;}
#arc-defi-root .defi-swap-comparison dl>div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;}
#arc-defi-root .defi-swap-comparison dt,#arc-defi-root .defi-swap-comparison dd{font-size:13px;margin:0;line-height:1.6;overflow-wrap:anywhere;}
#arc-defi-root .defi-swap-comparison p{font-size:12px;color:#aeaab9;line-height:1.6;}

#arc-defi-root .defi-swap-comparison summary{cursor:pointer;min-height:28px;line-height:1.6;font-size:14px;color:#f0eef5;}
#arc-defi-root .defi-swap-comparison summary span{margin-left:10px;}
