.outlook-view{padding:18px 24px 28px}.outlook-head{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px}.outlook-head h2{margin:4px 0;font-size:21px}.outlook-head p{margin:0;color:var(--muted);font-size:13px}.mailbox-status{display:flex;flex-direction:column;gap:7px}.mailbox-status span{font-size:12px;color:var(--muted)}.mailbox-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.outlook-filters{display:flex;gap:8px;margin:14px 0}.outlook-filter{border:1px solid var(--line);background:#fff;border-radius:18px;padding:7px 12px;cursor:pointer}.outlook-filter.active{background:var(--ink);color:#fff}.outlook-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.outlook-item{width:100%;display:grid;grid-template-columns:180px 1fr auto;gap:14px;text-align:left;padding:15px 18px;background:#fff;border:0;border-bottom:1px solid var(--line);cursor:pointer}.outlook-item:last-child{border-bottom:0}.outlook-item:hover{background:#fcfafc}.outlook-item b,.outlook-item small{display:block}.outlook-item small{color:var(--muted);margin-top:4px}.outlook-item time{font-size:12px;color:var(--muted)}.outlook-empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:750px){.outlook-head{align-items:flex-start;flex-direction:column}.outlook-item{grid-template-columns:1fr}.outlook-item time{grid-row:1}}