.toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--surface)}.toolbar-left,.toolbar-right{display:flex;align-items:center}.toolbar-separator{width:1px;height:22px;background:var(--line);margin:0 8px}.range-label,.selection-label{font-size:12px;color:var(--muted);padding:0 10px}.selection-label{font-weight:700;color:var(--ink)}.mail-tabs{height:74px;display:grid;grid-template-columns:repeat(3,minmax(0,220px));border-bottom:1px solid var(--line);padding-left:8px}.mail-tab{position:relative;display:flex;align-items:center;gap:14px;padding:0 18px;cursor:pointer;color:var(--muted);text-align:left}.mail-tab:hover{background:var(--surface-soft)}.mail-tab img{width:21px}.mail-tab span{display:flex;flex-direction:column;gap:2px}.mail-tab strong{font-size:14px}.mail-tab small{font-size:11px;color:var(--muted2)}.mail-tab.active{color:var(--brand)}.mail-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--brand);border-radius:3px 3px 0 0}.status{padding:10px 16px;background:#fff1f0;color:#9d211b;border-bottom:1px solid #ffd3d0;font-size:13px}.mail-list{flex:1;overflow:auto}.mail-row{height:var(--row);display:grid;grid-template-columns:38px 36px minmax(160px,230px) minmax(0,1fr) 112px;align-items:center;padding:0 12px 0 8px;border-bottom:1px solid var(--line);background:var(--surface-soft);cursor:pointer;font-size:13px;transition:.08s}.mail-row:hover{position:relative;z-index:1;background:var(--surface);box-shadow:0 1px 5px rgba(31,35,40,.13)}.mail-row.unread{background:var(--surface);font-weight:700}.mail-row.selected{background:var(--brand-soft)}.row-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.row-icon:hover{background:var(--surface-hover)}.row-icon img{width:18px}.sender,.subject-wrap,.date{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender{padding-right:14px}.subject-wrap .snippet{font-weight:400;color:var(--muted)}.date{text-align:right;font-size:12px}.mail-row.unread .date{font-weight:750}.empty-state,.loading-state{height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);padding:36px}.empty-state img{width:170px;max-width:42vw;margin-bottom:18px}.empty-state h3{margin:0 0 7px;color:var(--ink);font-size:18px}.empty-state p{margin:0;max-width:440px;font-size:13px}.skeleton-row{height:var(--row);display:grid;grid-template-columns:38px 36px 200px 1fr 90px;gap:10px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line)}.skeleton{height:11px;border-radius:99px;background:linear-gradient(90deg,var(--surface-hover) 25%,var(--surface-soft) 37%,var(--surface-hover) 63%);background-size:400% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}