.inbox{--inbox-read:24px;border:1px solid var(--border);border-radius:var(--r-surface);background:var(--surface);overflow:hidden}.inbox-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-bottom:1px solid var(--border);display:flex}.inbox-count{white-space:nowrap;font-size:var(--t-sm);color:var(--muted);margin:0;font-weight:600}.inbox-actions{align-items:center;gap:var(--s-1);display:flex}.inbox-mark-all{height:var(--h-sm);min-height:var(--h-sm);padding:0 var(--s-3);white-space:nowrap}.inbox-refresh{width:var(--h-sm);height:var(--h-sm)}.inbox-notice{margin:var(--s-3) var(--s-5) 0;padding:var(--s-2) var(--s-3);border-radius:var(--r-control);background:var(--surface-alt);font-size:var(--t-sm);color:var(--ink)}.inbox-notice.is-error{background:var(--red-soft);color:var(--red)}.inbox-day+.inbox-day{border-top:1px solid var(--border)}.inbox-day-label{padding:var(--s-4) var(--s-5) var(--s-1);font-family:var(--font-sans);font-size:var(--t-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}.inbox-list{padding:0 0 var(--s-2);margin:0;list-style:none}.inbox-item{grid-template-columns:40px minmax(0, 1fr) auto var(--inbox-read);align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);transition:background var(--fast) var(--ease);display:grid}.inbox-item:hover{background:var(--surface-raised)}.inbox-item.is-unread{background:color-mix(in srgb, var(--gold) 5%, transparent)}.inbox-item.is-unread:hover{background:color-mix(in srgb, var(--gold) 8%, transparent)}.inbox-kind{border-radius:var(--r-control);background:var(--surface-alt);width:40px;height:40px;color:var(--muted);place-items:center;display:grid}.inbox-kind[data-tone=green]{background:var(--green-soft);color:var(--green)}.inbox-body{flex-direction:column;gap:3px;min-width:0;display:flex}.inbox-title{align-items:center;gap:var(--s-2);min-width:0;font-size:var(--t-md);color:var(--ink);display:flex}.inbox-title strong{flex:none;font-weight:600}.inbox-title .badge{flex:none}.inbox-market{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);overflow:hidden}.inbox-market:hover{text-decoration:underline}.inbox-meta{align-items:center;gap:2px var(--s-2);font-size:var(--t-xs);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.inbox-meta>*+:before{content:"·";margin-right:var(--s-2);color:var(--border-strong)}.inbox-meta>.badge:before{content:none}.inbox-receipt{color:var(--muted);align-items:center;gap:2px;display:inline-flex}.inbox-receipt:hover{color:var(--ink)}.inbox-amount{font-size:var(--t-md);white-space:nowrap;text-align:right;color:var(--ink);font-weight:600}.inbox-amount.positive{color:var(--green)}.inbox-amount.negative{color:var(--red)}.inbox-read{width:var(--inbox-read);height:var(--inbox-read);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}button.inbox-read{cursor:pointer}button.inbox-read:hover{background:var(--surface-alt)}.inbox-dot{background:var(--gold-fill);border-radius:50%;width:8px;height:8px}.inbox-loading .inbox-item{grid-template-columns:40px minmax(0,1fr)}.inbox-sk-mark{width:40px;height:40px}.inbox-sk-line{width:60%;height:12px}.inbox-sk-line.is-short{width:35%}.inbox-loading{padding:var(--s-2) 0}.inbox-empty{align-items:center;gap:var(--s-2);padding:var(--s-10) var(--s-5);text-align:center;flex-direction:column;display:flex}.inbox-empty-mark{width:44px;height:44px;margin-bottom:var(--s-1);background:var(--surface-alt);color:var(--muted);border-radius:50%;place-items:center;display:grid}.inbox-empty h3{font-size:var(--t-lg);margin:0;font-weight:600}.inbox-empty p{max-width:320px;font-size:var(--t-sm);color:var(--muted);margin:0}.inbox-pagination{justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-3);border-top:1px solid var(--border);font-size:var(--t-sm);color:var(--muted);display:flex}@media (width<=560px){.inbox-head,.inbox-item{padding-left:var(--s-4)}.inbox-day-label{padding-inline:var(--s-4)}.inbox-item{grid-template-columns:40px minmax(0, 1fr) var(--inbox-read);grid-template-areas:"mark body read""mark amount read";row-gap:2px}.inbox-item>:first-child{grid-area:mark;align-self:start}.inbox-body{grid-area:body}.inbox-amount{text-align:left;font-size:var(--t-sm);grid-area:amount}.inbox-read{grid-area:read}.inbox-title{flex-wrap:wrap;row-gap:2px}.inbox-market{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex-basis:100%;display:-webkit-box}.inbox-meta{column-gap:var(--s-3)}.inbox-meta>*+:before{content:none}}@media (pointer:coarse){.inbox{--inbox-read:44px}.inbox-mark-all,.inbox-refresh{height:44px;min-height:44px}.inbox-refresh{width:44px}}@media (width<=380px){.inbox-mark-all>span{display:none}}
