/* PnL page (dist/pnl-page.js), both chains: summary, cumulative chart, PnL calendar. Zyper tokens only. */
#pnl-view{min-width:0}
.pnl-page{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;min-width:0}
.pnl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pnl-title{min-width:0}
.pnl-title h2{margin:0;font-size:1.176471rem;font-weight:500;letter-spacing:-.03em;color:rgb(var(--z-text))}
.pnl-sub{display:block;margin-top:4px;font-size:.647059rem;color:rgb(var(--z-muted));line-height:1.5}
.pnl-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pnl-wallet{padding:4px 8px;border:1px solid var(--z-border);border-radius:6px;background:var(--z-surface2);font-size:.588235rem;font-variant-numeric:tabular-nums;color:rgb(var(--z-textDim))}
.pnl-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--z-border);border-radius:6px;font-size:.647059rem;color:rgb(var(--z-textDim));cursor:pointer;white-space:nowrap}
.pnl-toggle input{width:auto;margin:0;accent-color:rgb(var(--z-accent))}
.pnl-refresh{font-size:.823529rem}
.pnl-refresh.spinning{animation:pnl-spin 1s linear infinite}
@keyframes pnl-spin{to{transform:rotate(360deg)}}
.pnl-up{color:rgb(var(--z-success))}.pnl-down{color:rgb(var(--z-danger))}.pnl-flat{color:rgb(var(--z-textDim))}
.pnl-est{text-decoration:underline dotted rgb(var(--z-muted));text-underline-offset:4px}
.pnl-est::after{content:'*';margin-left:1px;font-size:.7em;vertical-align:super;color:rgb(var(--z-muted))}

/* Summary */
.pnl-summary{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:10px}
.pnl-stat{position:relative;min-width:0;padding:14px 16px;border:1px solid var(--z-panel-border);border-radius:10px;background:var(--z-panel-bg);box-shadow:var(--z-panel-shadow)}
.pnl-stat>small{display:flex;align-items:center;gap:4px;font-size:.588235rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--z-muted))}
.pnl-stat>strong{display:block;margin:8px 0 4px;font-size:1.176471rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnl-stat-sub{display:block;font-size:.647059rem;color:rgb(var(--z-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnl-stat-total{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(120% 100% at 0 0,var(--z-spot-1),transparent 60%),var(--z-panel-bg)}
.pnl-stat-total>strong{font-size:2.117647rem;margin:12px 0 6px}
.pnl-stat-total .pnl-stat-sub{white-space:normal}
.pnl-stat-pool{display:flex;align-items:center;gap:6px;min-width:0;font-size:.588235rem;color:rgb(var(--z-muted))}
.pnl-bw{display:flex;align-items:center;gap:8px;min-width:0;margin-top:7px}
.pnl-bw>b{font-size:.823529rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.pnl-stat-pool>span:not(.pnl-coins){white-space:nowrap}
.pnl-stat-pool>span:not(.pnl-coins){overflow:hidden;text-overflow:ellipsis}
.pnl-skeleton .pnl-stat{height:78px;opacity:.5}
.pnl-coins{display:inline-flex;align-items:center;padding-left:5px;flex-shrink:0}
.pnl-chip{flex-shrink:0;padding:1px 5px;border:1px solid var(--z-border);border-radius:4px;font-style:normal;font-size:.529412rem;letter-spacing:.06em;color:rgb(var(--z-textDim))}
.pnl-chip-copy{border-color:var(--z-pill-border);color:var(--z-pill-text);background:var(--z-pill-bg)}

/* Chart + calendar */
.pnl-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;align-items:start}
.pnl-card{min-width:0;padding:14px 16px;border:1px solid var(--z-panel-border);border-radius:10px;background:var(--z-panel-bg);box-shadow:var(--z-panel-shadow)}
.pnl-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pnl-card-head h3{margin:0;font-size:.764706rem;font-weight:500;color:rgb(var(--z-text))}
.pnl-ranges{display:inline-flex;padding:2px;border:1px solid var(--z-border);border-radius:7px;background:var(--z-surface2)}
.pnl-ranges button{min-height:0;padding:4px 9px;border:0;border-radius:5px;background:transparent;box-shadow:none;font-size:.588235rem;color:rgb(var(--z-muted))}
.pnl-ranges button.active{background:var(--z-surface3);color:rgb(var(--z-text))}
.pnl-legend{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 6px}
.pnl-legend>span{font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums}
.pnl-legend>small{font-size:.588235rem;color:rgb(var(--z-muted))}
.pnl-chart{position:relative;height:320px;min-width:0}
.pnl-chart-empty{display:grid;place-items:center;height:100%;font-size:.705882rem;color:rgb(var(--z-muted));text-align:center}

.pnl-cal-nav{display:inline-flex;align-items:center;gap:4px}
.pnl-cal-nav b{min-width:118px;text-align:center;font-size:.705882rem;font-weight:500}
.pnl-cal-nav button{font-size:.941176rem}
.pnl-cal-nav button:disabled{opacity:.3}
.pnl-cal-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0}
.pnl-cal-total small{font-size:.588235rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--z-muted))}
.pnl-cal-total strong{font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums}
.pnl-cal-total .pnl-stat-sub{white-space:normal}
.pnl-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.pnl-cal-wd{padding:2px 0 4px;text-align:center;font-size:.529412rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--z-muted))}
.pnl-cal-pad{aspect-ratio:1/0.86}
.pnl-cal-day{--pnl-a:.2;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;min-height:0;aspect-ratio:1/0.86;padding:4px 5px;border:1px solid var(--z-border);border-radius:6px;background:var(--z-surface2);box-shadow:none;color:rgb(var(--z-textDim));text-align:left;overflow:hidden}
.pnl-cal-day:hover{border-color:var(--z-borderHi)}
.pnl-cal-day.selected,.pnl-cal-day:focus-visible{outline:none;border-color:rgb(var(--z-accent))}
.pnl-cal-day.today .pnl-cal-n{color:rgb(var(--z-accent))}
.pnl-cal-day.pnl-cal-up{background:rgb(var(--z-success) / var(--pnl-a));border-color:rgb(var(--z-success) / .35);color:rgb(var(--z-text))}
.pnl-cal-day.pnl-cal-down{background:rgb(var(--z-danger) / var(--pnl-a));border-color:rgb(var(--z-danger) / .35);color:rgb(var(--z-text))}
.pnl-cal-day.pnl-cal-flat,.pnl-cal-day.pnl-cal-unknown{background:var(--z-surface3);color:rgb(var(--z-text))}
.pnl-cal-n{font-size:.529412rem;color:rgb(var(--z-muted));line-height:1}
.pnl-cal-v{font-size:.588235rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnl-cal-c{font-size:.5rem;color:rgb(var(--z-textDim));line-height:1}
.pnl-day{margin-top:10px;padding-top:10px;border-top:1px solid var(--z-border);min-height:46px}
.pnl-day-head{display:flex;justify-content:space-between;gap:10px;font-size:.705882rem;margin-bottom:6px}
.pnl-day-head b{font-weight:500}
.pnl-day-hint{display:block;font-size:.588235rem;color:rgb(var(--z-muted));margin-top:4px}
.pnl-day-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow:auto}
.pnl-entry{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:.647059rem}
.pnl-entry:hover{background:var(--z-surface2)}
.pnl-entry-name{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.pnl-entry-name>span:not(.pnl-coins){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnl-entry>b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.pnl-entry-link{color:rgb(var(--z-muted));text-decoration:none;font-size:.647059rem}
.pnl-entry-link:hover{color:rgb(var(--z-text))}

.pnl-empty{border:1px dashed var(--z-border);border-radius:10px}
.pnl-progress{font-size:.588235rem;color:rgb(var(--z-muted))}
.pnl-note{margin:0;font-size:.647059rem;color:rgb(var(--z-muted))}
.pnl-error{color:rgb(var(--z-danger))}
.pnl-error button{margin-left:6px}
.pnl-foot{display:flex;flex-direction:column;gap:3px}
.pnl-foot p{margin:0;font-size:.588235rem;line-height:1.55;color:rgb(var(--z-muted))}

@media(max-width:1300px){.pnl-main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1150px){.pnl-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pnl-stat-total{grid-column:1/-1;grid-row:auto}}
@media(max-width:550px){
  .pnl-head{align-items:flex-start}
  .pnl-summary{gap:8px}
  .pnl-stat{padding:12px}
  .pnl-stat>strong{font-size:1rem}
  .pnl-stat-total>strong{font-size:1.647059rem}
  .pnl-card{padding:12px}
  .pnl-chart{height:240px}
  .pnl-cal{gap:3px}
  .pnl-cal-day{padding:3px;aspect-ratio:auto;min-height:44px}
  .pnl-cal-pad{aspect-ratio:auto;min-height:44px}
  .pnl-cal-v{font-size:.5rem}
  .pnl-cal-c{display:none}
  .pnl-cal-nav b{min-width:96px}
}

/* Share cards (dist/share-card.js; dialog styles: #zyper-share in live-chart.css) */
.pnl-share{display:inline-flex;align-items:center;gap:5px;min-height:0;padding:4px 9px;font-size:.588235rem;font-weight:500;white-space:nowrap;border-color:rgb(var(--z-accent)/.45);box-shadow:inset 0 -1px rgb(var(--z-success)/.4)}
.pnl-share-label{font-style:normal}
.pnl-card-acts{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.pnl-cal-share{display:inline-flex;gap:6px;margin-left:auto}
.pnl-day-head{align-items:center}
.pnl-day-right{display:inline-flex;align-items:center;gap:8px}
@media(max-width:550px){.pnl-cal-share{margin-left:0}}