/* Fomo's profile hierarchy, in Dusk's own palette and typography. */
.profile-board{min-width:0;background:rgba(10,9,23,.68);border:1px solid var(--line-2);border-radius:12px;overflow:hidden;}
.profile-cover{height:76px;background:radial-gradient(ellipse at 76% 100%,rgba(127,224,208,.12),transparent 65%),linear-gradient(100deg,#19152e,#201a3b);display:flex;justify-content:flex-end;align-items:flex-end;padding:14px 24px;border-bottom:1px solid var(--line);}.profile-signature{display:block;width:62px;height:auto;color:var(--lilac);opacity:.7;}
.profile-heading{display:flex;align-items:center;gap:20px;padding:0 22px;margin-top:-20px;position:relative;}.profile-identity{display:flex;align-items:center;gap:14px;min-width:0;flex:1;}.profile-avatar{display:grid;place-items:center;width:72px;height:72px;flex:none;border:4px solid #100e21;border-radius:18px;background:#2b2746;}.profile-identity h2{font:500 23px/1.2 var(--sans);margin:22px 0 2px;letter-spacing:-.6px;}.profile-identity a{font-size:12px;color:var(--ink-3);display:block;max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.profile-social{display:flex;gap:16px;align-self:flex-end;padding-bottom:3px}.profile-social span{text-align:center;font:11px/1.7 var(--sans);color:var(--ink-3);}.profile-social b{display:block;font:500 15px/1.4 var(--sans);color:var(--ink);}.profile-link{align-self:flex-end;padding:8px 11px;font:11px var(--mono);background:rgba(185,174,252,.06);border:1px solid var(--line-2);border-radius:6px;white-space:nowrap;}.profile-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 22px;border-bottom:1px solid var(--line);font:11px/1.5 var(--mono);color:var(--ink-3);}.profile-meta .synced{font-size:11px;margin-left:auto;line-height:1.5;}
.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:20px 22px 0;}.portfolio-left{min-width:0}.equity-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}.value-label{font:11px var(--mono);color:var(--ink-3)}#equity-value{display:block;font:500 31px/1.3 var(--sans);letter-spacing:-1px;margin-top:3px;}#period-pnl{margin:3px 0 0;font:12px var(--mono)}#period-pnl small{color:var(--ink-3);margin-left:7px;font-size:11px;}
.periods,.position-tabs{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:3px;gap:2px;}.periods button,.position-tabs button{font:11px/1 var(--mono);padding:6px;color:var(--ink-3);border-radius:4px;white-space:nowrap;}.periods button[aria-pressed=true],.position-tabs button[aria-pressed=true]{color:var(--ink);background:rgba(185,174,252,.14)}.periods{margin-top:3px;}
.equity-chart{height:175px;margin-top:18px;position:relative;outline-offset:4px;touch-action:pan-y;}#chart-svg{width:100%;height:100%;overflow:visible}.equity-chart path{vector-effect:non-scaling-stroke;}#chart-empty{position:absolute;inset:0;display:grid;place-content:center;font:12px/1.8 var(--mono);color:var(--ink-3);text-align:center;pointer-events:none;}.chart-tooltip{position:absolute;top:0;left:0;pointer-events:none;background:#25203e;border:1px solid var(--line-2);padding:8px 10px;font:11px/1.7 var(--mono);box-shadow:0 8px 30px #08061388;white-space:nowrap;z-index:2;border-radius:5px;}.chart-tooltip[hidden]{display:none;}.chart-axis{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--ink-3);margin-top:8px;}.chart-note{font:12px/1.6 var(--sans);color:var(--ink-3);margin:8px 0 0;min-height:16px;}
.cash-row{display:flex;align-items:center;gap:11px;margin:20px 0;}.cash-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-2);border-radius:50%;font-size:20px;}.cash-row>div span{display:block;font-size:11px;color:var(--ink-3);}.cash-row strong{font:500 15px var(--sans);}.cash-row>a{margin-left:auto;font:11px/1.7 var(--mono);color:var(--ink-2);}
.positions-panel,.swaps-panel{border:1px solid var(--line);border-radius:7px;overflow:hidden;}.positions-heading{display:flex;align-items:center;gap:8px;padding:9px;background:rgba(185,174,252,.04);}.positions-heading h3{font:500 12px var(--sans);margin:0 auto 0 0;white-space:nowrap;}.positions-heading h3 span{color:var(--ink-3);font-weight:400;margin-left:5px;}.dust-toggle{display:flex;align-items:center;gap:3px;font:11px var(--sans);color:var(--ink-3);}.dust-toggle input{width:11px;height:11px;margin:0;accent-color:var(--aqua)}.position-tabs button{font-size:11px;padding:4px}.position-tabs{padding:2px;gap:0;}
.position-labels{display:flex;justify-content:space-between;padding:7px 10px;font:11px var(--sans);color:var(--ink-3);border-bottom:1px solid var(--line);}.profile-position{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-bottom:1px solid var(--line);}.profile-position:last-child{border:0}.token-identity{display:flex;align-items:center;gap:9px;min-width:0;}.token-icon{display:grid;place-items:center;background:#28213d;border:1px solid var(--line-2);width:28px;height:28px;border-radius:50%;overflow:hidden;font:11px var(--mono);color:var(--ink-2);flex:none;}.token-icon img{width:100%;height:100%;object-fit:cover;}.token-name{font:500 12px/1.5 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.token-identity small{display:block;color:var(--ink-3);font:11px/1.6 var(--sans);}.position-values{text-align:right;white-space:nowrap;font:500 12px/1.5 var(--sans);}.position-values small{display:block;font:11px/1.5 var(--sans);}.profile-empty{font:12px/1.8 var(--mono);color:var(--ink-3);padding:18px 12px;margin:0;text-align:center;}
.swaps-panel{display:flex;flex-direction:column;min-width:0;min-height:360px;}.swaps-panel .filters{margin:0;width:auto;gap:14px;padding:11px 12px;background:rgba(185,174,252,.04);font:500 11px/1 var(--sans);}.swaps-panel .filters button{padding:0;border:0;color:var(--ink-3);white-space:nowrap;}.swaps-panel .filters button[aria-pressed=true]{color:var(--ink)}#fill-count{margin-left:auto;color:var(--ink-3);font:11px var(--mono);}
.swap-labels,.swap-row{display:grid;grid-template-columns:minmax(0,1fr) 43px 62px 34px;gap:8px;align-items:center;padding:8px 12px;}.swap-labels{font:11px var(--sans);color:var(--ink-3);border-bottom:1px solid var(--line);}.swap-labels>span:nth-child(n+3){text-align:right}.swap-rows{list-style:none;margin:0;padding:0;max-height:388px;overflow:auto;scrollbar-width:thin;}.swap-row{padding-top:12px;padding-bottom:12px;font:12px var(--sans);border-bottom:1px solid rgba(185,174,252,.045);}.swap-row:hover{background:rgba(185,174,252,.04)}.swap-row .token-icon{width:23px;height:23px;font-size:11px}.swap-row .token-identity{gap:7px;}.swap-action{justify-self:start;font:500 11px/1 var(--sans);border-radius:3px;padding:3px 4px;}.swap-action.buy{color:var(--up);background:#7ef0b819;}.swap-action.sell{color:var(--ember);background:#ff8a4c19;}.swap-amount{text-align:right;font-weight:500;}.swap-time{text-align:right;font-size:11px;color:var(--ink-3)}.swap-time a{color:inherit;}.swap-time a:hover{color:var(--ink)}
.profile-board>.note{margin:12px 22px 0;}.account-caption{font:12px/1.8 var(--mono);color:var(--ink-3);margin:16px 22px;}.account-caption a{color:var(--ink-2)}
@media(max-width:1200px){.profile-social{display:none}.portfolio-layout{gap:16px;padding:18px 16px 0}.equity-heading{flex-wrap:wrap}.periods{margin:6px 0 0}.equity-chart{height:150px}.swap-labels,.swap-row{grid-template-columns:minmax(0,1fr) 38px 54px 27px;gap:6px;padding-left:9px;padding-right:9px;}.swap-row .token-icon{display:none}.positions-heading{flex-wrap:wrap}.position-tabs{margin-left:auto}.dust-toggle{margin-left:auto}}
@media(max-width:980px){.equity-heading{flex-wrap:nowrap}.profile-social{display:flex}.swap-row .token-icon{display:grid}.equity-chart{height:175px}.swap-labels,.swap-row{grid-template-columns:minmax(0,1fr) 43px 62px 34px;gap:8px}}
@media(max-width:620px){.profile-cover{height:62px;padding-right:16px}.profile-signature{width:52px}.profile-heading{padding:0 14px;gap:8px}.profile-avatar{width:56px;height:56px;border-radius:14px}.profile-avatar img{width:40px;height:auto}.profile-identity{gap:9px}.profile-identity h2{font-size:21px}.profile-identity a{font-size:11px;max-width:125px}.profile-social{display:none}.profile-link{padding:7px;font-size:11px}.profile-meta{padding:14px;gap:7px 12px;font-size:11px}.profile-meta .synced{font-size:11px}.portfolio-layout{grid-template-columns:1fr;padding:18px 14px 0;gap:20px}.periods button{padding:6px;font-size:11px}.equity-chart{height:165px}.positions-heading{flex-wrap:nowrap}.swap-rows{max-height:330px}.swaps-panel{min-height:0}.profile-board>.note{margin-left:14px;margin-right:14px}.account-caption{margin:14px;font-size:12px}.cash-row{margin-top:18px}.chart-tooltip{font-size:11px}#equity-value{font-size:30px}.value-label{font-size:11px}}
