:root{color:#12211a;background:#f5f7fa;font-family:Arial,Helvetica,sans-serif}body{margin:0}.shell{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:2rem}.card{background:#ffffff;border:1px solid #e2e6ea;border-radius:1.5rem;box-shadow:0 1.5rem 4rem rgb(18 33 26/10%);max-width:42rem;padding:3rem}.eyebrow{color:#47705d;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(3rem,10vw,5.5rem);line-height:1;margin:0 0 1rem}.inbox-shell{margin:0 auto;max-width:1180px;padding:2rem}.inbox-header{margin-bottom:1.5rem}.inbox-header h1{font-size:clamp(2.5rem,7vw,4.5rem)}.inbox-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(14rem,.8fr) minmax(18rem,1fr) minmax(20rem,1.2fr)}.panel{background:#ffffff;border:1px solid #e2e6ea;border-radius:1rem;box-shadow:0 1rem 3rem rgb(18 33 26/8%);padding:1.25rem}.panel h2{font-size:1rem;margin:0 0 1rem;text-transform:uppercase}.messages-panel{grid-column:2/4}.message-list,.plain-list{list-style:none;margin:0;padding:0}.conversation-row,.message-list li,.plain-list li{border-top:1px solid #e2e6ea;display:flex;flex-direction:column;gap:.25rem;padding:.9rem 0}.conversation-row{color:inherit;padding:.9rem;text-decoration:none}.conversation-row.selected,.conversation-row:hover{background:#f5f7fa;border-radius:.75rem}.conversation-row.selected{border-left:4px solid #47705d;padding-left:.65rem}a:focus-visible{outline:3px solid #47705d;outline-offset:3px}.conversation-row span,.empty,.message-meta span,.more-note,.muted,.plain-list span,.selected-header,dd{color:#5d6b63}.summary-badges{display:flex;flex-wrap:wrap;gap:.35rem}.summary-badge{background:#f5f7fa;border:1px solid #e2e6ea;border-radius:999px;color:#47705d;font-size:.85rem;font-weight:700;padding:.2rem .5rem}.empty,.more-note{background:#f5f7fa;border-radius:.75rem;padding:1rem}.more-note{font-weight:700}dl{display:grid;grid-gap:.5rem 1rem;gap:.5rem 1rem;grid-template-columns:max-content 1fr;margin:0}dt{font-weight:700}dd{margin:0}.message-meta{display:flex;gap:1rem;justify-content:space-between}.message-list li{background:#f8fafc;border:1px solid #e2e6ea;border-radius:1rem;margin-bottom:.85rem;padding:1rem}.attachment-card{background:#f5f7fa;border:1px solid #e2e6ea;border-radius:.75rem;display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;padding:.75rem}.attachment-card span,.message-indicator{color:#5d6b63;font-size:.9rem}@media (max-width:900px){.inbox-grid{grid-template-columns:1fr}.messages-panel{grid-column:auto}}.pagination-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.pagination-controls a{background:#f5f7fa;border:1px solid #e2e6ea;border-radius:999px;color:inherit;font-weight:700;padding:.55rem .8rem;text-decoration:none}.selected-header{font-weight:700}.message-list .muted span{display:block}.main-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.main-nav a{background:#ffffff;border:1px solid #e2e6ea;border-radius:999px;color:inherit;font-weight:700;padding:.55rem .8rem;text-decoration:none}.account-status-list li{gap:.75rem}.account-details{margin-top:.25rem}.accounts-status-panel{max-width:54rem}.filter-form{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0}.filter-form label{display:grid;grid-gap:.25rem;gap:.25rem;font-weight:600}.filter-form button,.filter-form select{min-height:2rem}.message-list{display:flex;flex-direction:column;gap:.75rem}.message-list li.chat-message{width:-moz-fit-content;width:fit-content;max-width:78%;margin:0;padding:.8rem 1rem;overflow-wrap:anywhere}.message-list .chat-message-inbound{align-self:flex-start;background:#f0f2f1;border-radius:1.1rem 1.1rem 1.1rem .3rem}.message-list .chat-message-outbound{align-self:flex-end;background:#006cdb;color:#fff;border-color:#006cdb;border-radius:1.1rem 1.1rem .3rem 1.1rem}.chat-message .message-meta{align-items:baseline;flex-wrap:wrap;gap:.3rem 1rem;font-size:.85rem}.chat-message time{color:#52665c;font-size:.75rem}.chat-message p{margin:.55rem 0;white-space:pre-wrap}.message-details-link{font-size:.75rem;color:#52665c}.message-details-link summary{cursor:pointer}.chat-message-outbound .message-details-link,.chat-message-outbound .message-indicator,.chat-message-outbound .muted,.chat-message-outbound a,.chat-message-outbound time{color:#fff}@media (max-width:640px){.message-list li.chat-message{max-width:94%}}@media (min-width:901px){.inbox-grid{grid-template-columns:minmax(16rem,.85fr) minmax(0,2fr);align-items:start}.accounts-panel{grid-column:1;grid-row:1}.conversations-panel{grid-column:1;grid-row:2}.messages-panel{grid-column:2;grid-row:1/span 2;min-width:0}.detail-panel{grid-column:1/-1;grid-row:3}}.mail-inbox{display:grid;grid-gap:1rem;gap:1rem;align-items:start}.mail-list-view{grid-template-columns:15rem minmax(0,1fr)}.mail-list-view .conversations-panel,.mail-list-view .filters-panel{grid-column:auto;grid-row:auto;min-width:0}.mail-conversation{grid-template-columns:minmax(0,1fr);max-width:60rem;margin:0 auto}.mail-conversation .messages-panel{grid-column:1;grid-row:2;min-width:0}.mail-conversation .detail-panel{grid-column:1;grid-row:3}.mail-back{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mail-account-link{display:block;padding:.6rem;border-radius:.5rem;text-decoration:none;color:inherit}.mail-account-link[aria-current=page]{background:#e6eee9;font-weight:700}.mail-list-view .conversation-row{border-radius:0;padding:1rem;gap:.45rem}.mail-row-footer,.mail-row-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.mail-row-heading strong{color:#12211a;font-size:1.05rem}.mail-row-heading time{font-size:.8rem;flex-shrink:0}.mail-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-footer{font-size:.8rem}.mail-row-footer .mail-unread{color:#165bbb;font-weight:700;flex-shrink:0}.mail-unread:before{content:"● "}@media (max-width:720px){.mail-list-view{grid-template-columns:minmax(0,1fr)}.mail-row-footer,.mail-row-heading{flex-wrap:wrap;gap:.25rem}}.message-list li.facebook-platform-notice{align-self:center;max-width:42rem;padding:.75rem 1rem;border:0;background:transparent;color:#52665c;text-align:center}.facebook-platform-notice p{margin:.35rem 0}.facebook-platform-notice strong,.facebook-platform-notice time{font-size:.75rem}.filters-panel .filter-form select{width:100%;min-width:0;max-width:100%}.filters-panel .filter-form{margin-bottom:0}.conversation-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.conversation-list-header h2{margin:0;min-width:0;overflow-wrap:anywhere}.conversation-list-header button{flex-shrink:0;margin-left:auto}.mail-row-footer .mail-account-name{color:#165bbb}