/* 02/10/2026. Painéis pessoais isolados. Para desfazer, remover este link e os módulos correspondentes. */
.defi-portfolio { padding:32px clamp(20px,4vw,56px); }
.defi-personal-header { display:flex; justify-content:space-between; align-items:start; gap:20px; }
.defi-personal-header h1 { max-width:600px; }.defi-personal-header .defi-lead { margin-bottom:28px; }
.defi-network { padding:6px 12px; border:1px solid var(--line); font-size:12px; white-space:nowrap; color:var(--mint); }
.defi-account-bar { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:20px 24px; border:1px solid var(--line); background:#0d1813; }
.defi-account-bar strong { display:block; font-size:17px; }.defi-account-bar p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.defi-account-actions { display:flex; flex-wrap:wrap; gap:8px; }.defi-wallet-options { padding:16px 0; display:flex; flex-wrap:wrap; gap:8px; }
.defi-watch { margin-top:14px; font-size:12px; color:var(--muted); }.defi-watch summary { cursor:pointer; width:fit-content; }.defi-watch form { display:flex; align-items:end; gap:10px; padding-top:12px; }.defi-watch label { display:flex; flex-direction:column; flex:1; gap:6px; }
#arc-defi-root .defi-watch input { background:var(--bg); color:var(--ink); border:1px solid var(--line); padding:12px; font-size:14px; width:100%; min-width:0; }
[data-portfolio-status] { min-height:24px; color:var(--muted); font-size:12px; margin:18px 0; }
.defi-personal-grid { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(280px,1.5fr); gap:24px; }
.defi-balance-card { background:linear-gradient(145deg,#17281f,transparent 80%); border:1px solid var(--line); padding:28px; display:flex; flex-direction:column; align-items:start; gap:8px; align-self:start; min-height:330px; }
.defi-balance-card strong { font:600 clamp(26px,3vw,40px)/1.2 Inter,system-ui,sans-serif; overflow-wrap:anywhere; }
.defi-balance-card>span:not(.defi-eyebrow) { font-size:17px; color:var(--muted); }.defi-balance-card p,.defi-balance-card a { font-size:12px; color:var(--muted); }.defi-balance-card a { color:var(--mint); }
.defi-currency-mark { width:42px; height:42px; border:1px solid var(--mint); border-radius:50%; color:var(--mint); display:grid; place-items:center; font-size:23px; margin:10px 0 12px; }
.defi-section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }.defi-section-heading h2 { font-size:19px; margin:0; }.defi-section-heading span { color:var(--muted); }
.defi-empty { padding:36px 28px; border:1px solid var(--line); color:var(--muted); }.defi-empty h3 { color:var(--ink); font-size:19px; font-weight:500; }.defi-empty p { font-size:14px; }.defi-empty-symbol { display:block; font-size:36px; color:var(--mint); }
.defi-position { padding:20px 24px; border:1px solid var(--line); margin-bottom:12px; background:#0b1510; overflow-wrap:anywhere; }.defi-position h3 { margin:0 0 12px; font-size:17px; font-weight:500; }.defi-position strong { font-size:22px; }.defi-position p { color:var(--muted); font-size:12px; margin:6px 0; }.defi-position a { display:inline-block; margin-top:12px; font-size:13px; }
.defi-next-actions { margin-top:30px; border-top:1px solid var(--line); padding-top:20px; }.defi-next-actions h2 { font-size:16px; }.defi-next-actions>div { display:flex; gap:8px; flex-wrap:wrap; }
.defi-nav { overflow-y:auto; } .defi-nav svg { width:30px; height:30px; flex-shrink:0; }.defi-card>svg { width:48px; height:48px; margin-bottom:24px; color:var(--mint); }
@media(max-width:1050px) { .defi-personal-grid { grid-template-columns:1fr; }.defi-balance-card { min-height:0; }.defi-personal-header { flex-wrap:wrap; }.defi-network { order:-1; }.defi-account-bar { flex-wrap:wrap; } }
@media(max-width:800px) { .defi-card>svg { width:40px; height:40px; grid-row:1/3; margin:0; }.defi-portfolio { padding:24px 18px; }.defi-account-bar { padding:16px; }.defi-balance-card { padding:22px; }.defi-watch form { flex-wrap:wrap; }.defi-watch label { flex:1 1 100%; }.defi-account-actions button { font-size:12px !important; }.defi-nav svg { width:25px; height:25px; } }
#arc-defi-root select { background:#0d1813; color:var(--ink); border:1px solid var(--line); padding:9px 8px; font:500 14px/1.4 Inter,system-ui,sans-serif; max-width:100%; }
#arc-defi-root select:focus-visible,#arc-defi-root summary:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
#arc-defi-root .defi-personal-header h1 { font-size:clamp(28px,2.8vw,40px); line-height:1.15; margin-bottom:12px; }
.defi-personal-header .defi-eyebrow { margin-bottom:10px; }.defi-personal-header .defi-lead { margin-bottom:22px; }
.defi-swap { padding:24px clamp(14px,3vw,36px); }
.defi-swap-card { width:100%; max-width:520px; margin:0 auto; padding:22px; border:1px solid var(--line); background:#0d1813; }
.defi-swap-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
#arc-defi-root .defi-swap-top h1 { margin:0; font:600 26px/1.2 Inter,system-ui,sans-serif; letter-spacing:-.5px; }
.defi-swap-network { color:var(--mint); font:11px/1.4 'IBM Plex Mono',monospace; white-space:nowrap; }
.defi-swap-wallet-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
#arc-defi-root .defi-swap-wallet-row button { min-height:34px; padding:5px 10px; font-size:12px; }
.defi-swap-wallet-row>span { color:var(--muted); font-size:11px; }
.defi-swap-wallets { margin:0 0 16px; padding:12px; border:1px solid var(--line); background:var(--bg); }
.defi-swap-wallet-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:13px; margin-bottom:10px; }
#arc-defi-root .defi-swap-wallet-heading button { min-height:30px; padding:3px 8px; font-size:11px; }
.defi-swap-wallets [data-swap-wallet-options] { display:grid; gap:7px; }
#arc-defi-root .defi-swap-wallets [data-swap-wallet-options] button { text-align:left; overflow-wrap:anywhere; font-size:13px; }
.defi-swap-wallets p { font-size:12px; color:var(--muted); margin:8px 0; }
.defi-swap-amount,.defi-swap-receive { padding:14px 16px; background:var(--bg); border:1px solid var(--line); }
.defi-swap-amount>label,.defi-swap-receive>span,.defi-swap-card small { color:var(--muted); font-size:12px; }
.defi-swap-value { display:flex; align-items:center; gap:12px; margin:10px 0; }
#arc-defi-root .defi-swap-amount input { background:none; color:var(--ink); border:0; min-width:0; width:100%; padding:0; font:500 clamp(22px,2.2vw,30px)/1.2 Inter,system-ui,sans-serif; }
.defi-swap-receive strong { flex:1; min-width:0; font:500 clamp(22px,2.2vw,28px)/1.3 Inter,system-ui,sans-serif; overflow-wrap:anywhere; }
#arc-defi-root .defi-swap select { flex-shrink:0; background:#0d1813; color:var(--ink); border:1px solid var(--line); padding:7px; font:500 13px/1.4 Inter,system-ui,sans-serif; max-width:105px; }
.defi-swap-balance-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; min-height:26px; color:var(--muted); font-size:11px; }
.defi-swap-balance-row>div { display:flex; gap:5px; }
#arc-defi-root .defi-swap-balance-row button { min-height:26px; padding:2px 7px; font-size:11px; }
.defi-swap-card [data-swap-max-hint] { display:block; font-size:10px; margin-top:5px; }
#arc-defi-root .defi-swap-reverse { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; margin:-1px auto; min-height:30px; width:40px; padding:5px; color:var(--mint); }
.defi-swap-status { color:var(--muted); font-size:12px; line-height:1.5; min-height:18px; margin:13px 0; }
.defi-swap-status.is-error { color:var(--ink); }
.defi-swap-actions { display:flex; gap:9px; }
#arc-defi-root .defi-swap-actions [data-swap-primary] { flex:1; min-width:0; min-height:46px; font-size:14px; padding:11px 12px; }
#arc-defi-root .defi-swap-actions [data-swap-edit] { padding:8px 12px; font-size:12px; }
.defi-swap-details { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.defi-swap-details>summary { width:fit-content; cursor:pointer; }
.defi-swap-slippage { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:14px 0 8px; }
.defi-swap-card dl { margin:12px 0; }
.defi-swap-card dl>div { display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid var(--line); font-size:12px; }
.defi-swap-card dt { color:var(--muted); flex:1; }
.defi-swap-card dd { margin:0; max-width:58%; text-align:right; color:var(--ink); overflow-wrap:anywhere; }
.defi-swap-note { margin:10px 0 0; font-size:11px; line-height:1.5; color:var(--muted); }
.defi-swap-detail-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:12px; }
#arc-defi-root .defi-swap-detail-actions button { min-height:30px; padding:4px 8px; font-size:11px; }
.defi-swap-detail-actions a,.defi-swap-receipt-links a { font-size:12px; color:var(--mint); }
.defi-swap-review,.defi-swap-progress { margin-top:16px; }
#arc-defi-root .defi-swap-review h2,#arc-defi-root .defi-swap-progress h2 { font:500 18px/1.4 Inter,system-ui,sans-serif; margin:0 0 10px; }
.defi-swap-review>p { margin:10px 0 5px; font-size:12px; color:var(--muted); }
.defi-swap-review>code { display:block; color:var(--ink); overflow-wrap:anywhere; font:11px/1.5 'IBM Plex Mono',monospace; }
.defi-swap-review [data-swap-review-expiry] { font-size:11px; margin-top:10px; }
.defi-swap-operation-amount { margin:8px 0 16px; font-size:20px; line-height:1.5; color:var(--ink); overflow-wrap:anywhere; }
.defi-swap-progress ol { display:grid; gap:12px; list-style:none; counter-reset:swap-step; padding:0; margin:20px 0; }
.defi-swap-progress li { counter-increment:swap-step; display:flex; gap:10px; align-items:center; color:var(--muted); font-size:12px; }
.defi-swap-progress li::before { content:counter(swap-step); width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--line); font:11px/1 'IBM Plex Mono',monospace; }
.defi-swap-progress li.is-current { color:var(--ink); }.defi-swap-progress li.is-current::before { border-color:var(--mint); color:var(--mint); }
.defi-swap-progress li.is-complete { color:var(--mint); }.defi-swap-progress li.is-complete::before { border-color:var(--mint); }
.defi-swap-operation-wallet { margin:14px 0; color:var(--muted); font-size:12px; }
.defi-swap-operation-wallet span { color:var(--ink); }
.defi-swap-receipt-links { display:flex; gap:12px; flex-wrap:wrap; margin:14px 0; }
@media(max-width:800px) { .defi-swap { padding:18px 12px; }.defi-swap-card { padding:16px; }.defi-swap-amount,.defi-swap-receive { padding:12px; } }
@media(max-width:420px) { .defi-swap { padding:12px 8px; }.defi-swap-card { padding:12px; }.defi-swap-value { gap:8px; }.defi-swap-network { font-size:10px; }.defi-swap-card dl>div { gap:8px; font-size:11px; } }