/* Desks + History: five stat tiles, the tabbed desk card (grid / burns list), the round list; the 420 px desk modal;
 * the Mint page (you send / you receive, your desks, how it works). */
.dk{padding-bottom:40px} .hs{padding-bottom:56px}
.st5{margin-top:16px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; border-radius:6px; border:1px solid var(--line); background:var(--card)}
.st5>div{display:flex; min-height:5.5rem; min-width:0; flex-direction:column; padding:14px 16px}
.st5 .l{font-size:11px; color:var(--muted)}
.st5 .v{margin-top:auto; display:flex; align-items:center; gap:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:500; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.st5 .v.lime{color:var(--head)}
.st5 .v .tick{box-shadow:0 0 0 1px var(--line)}
.st5>.b1{border-right:1px solid var(--line); border-bottom:1px solid var(--line)}
.st5>.b2{border-bottom:1px solid var(--line)}
.st5>.b3{border-right:1px solid var(--line); border-bottom:1px solid var(--line)}
.st5>.b4{border-right:1px solid var(--line)}
.st5>.b5{grid-column:span 2}
.out{display:grid; width:28px; height:28px; flex:none; place-items:center; border-radius:999px; color:var(--muted); transition:background .15s,color .15s}
.out:hover{background:color-mix(in srgb,var(--ink) 5%,transparent); color:var(--ink)}
.dcard{margin-top:16px; overflow:hidden; border-radius:6px; border:1px solid var(--line); background:var(--card)}
.dbar{display:flex; flex-wrap:wrap; align-items:center; gap:4px; border-bottom:1px solid var(--line); padding:6px 8px}
.dbar .tab,.dbar .hist{display:inline-flex; height:32px; align-items:center; gap:6px; border-radius:4px; padding:0 12px; font-size:12.5px; font-weight:500; color:var(--muted); transition:background .15s,color .15s}
.dbar .tab:hover,.dbar .hist:hover{background:var(--well); color:var(--ink)}
.dbar .tab[aria-pressed=true]{background:var(--track); color:var(--ink)}
.dbar .tab .n{color:var(--muted); font-variant-numeric:tabular-nums}
.dbar .sep{margin:0 6px; width:1px; height:16px; background:var(--line)}
.dbar .hist{margin-left:auto}
.dgrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px}
.dtile{cursor:pointer; overflow:hidden; border-radius:6px; border:1px solid var(--line); background:var(--card); transition:transform .2s,border-color .2s,box-shadow .2s}
.dtile:hover{transform:translateY(-2px); border-color:var(--frame); box-shadow:var(--pop)}
.dtile:focus-visible{outline:1px solid var(--frame)}
.dtile .art{position:relative; aspect-ratio:1; width:100%; background:var(--well)}
.dtile .art img{display:block; width:100%; height:100%; image-rendering:pixelated}
.dtile .no{position:absolute; left:8px; top:8px; border-radius:3px; background:color-mix(in srgb,var(--card) 85%,transparent); padding:2px 6px; font-size:10px; color:var(--muted); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); font-variant-numeric:tabular-nums}
.dtile .info{padding:10px 12px 12px}
.dtile .nm{font-size:13px; font-weight:500; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums}
.dtile .val{margin-top:6px; font-size:15px; font-weight:500; line-height:1; letter-spacing:-.01em; font-variant-numeric:tabular-nums; white-space:nowrap}
.dtile .val small{margin-left:4px; font-size:10px; font-weight:400; color:var(--muted)}
.dtile .mk{margin-top:10px; display:flex; gap:6px}
.dtile .mk a{display:flex; height:28px; min-width:0; flex:1; align-items:center; justify-content:center; border-radius:4px; border:1px solid var(--line); font-size:11px; font-weight:500; color:var(--muted); transition:border-color .15s,background .15s,color .15s}
.dtile .mk a:hover{border-color:var(--frame); background:var(--well); color:var(--ink)}
.dtile.sk{aspect-ratio:4/5; cursor:default; background:var(--well)}
.dfoot{border-top:1px solid var(--line); padding:10px 16px; text-align:center; font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums}
.dnone{padding:56px 24px; text-align:center; font-size:12.5px; color:var(--muted)}
.rlist>div{height:56px; display:flex; align-items:center; gap:12px; padding:0 16px; border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.rlist>div:last-child{border-bottom:0}
.rlist .fire{display:grid; width:26px; height:26px; flex:none; place-items:center; border-radius:999px; background:color-mix(in srgb,var(--alert) 10%,transparent); color:var(--alert); font-size:11px}
.rlist .ix{width:24px; flex:none; font-size:10.5px; color:var(--muted); font-variant-numeric:tabular-nums}
.rlist .mid{min-width:0; flex:1}
.rlist .mid b{display:block; font-size:13px; font-weight:500; line-height:1; font-variant-numeric:tabular-nums}
.rlist .mid b small{font-size:10px; font-weight:400; color:var(--muted)}
.rlist .mid span{margin-top:6px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums}
.rlist .mid span.s{font-size:10.5px}
.rlist .amt{flex:none; text-align:right; font-size:13px; font-weight:500; line-height:1; font-variant-numeric:tabular-nums}
.rlist .amt small{margin-left:4px; font-size:10px; font-weight:400; color:var(--muted)}
@media (min-width:640px){
  .st5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st5>.b2{border-right:1px solid var(--line)} .st5>.b3{border-right:0; border-bottom:0} .st5>.b5{grid-column:auto}
  .dgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px) and (max-width:1023px){.st5>.b5{border-left:1px solid var(--line); border-top:1px solid var(--line)}}
@media (min-width:1024px){
  .st5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .st5>.b1,.st5>.b2{border-bottom:0} .st5>.b3{border-right:1px solid var(--line)}
  .dgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1280px){.dgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}