: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;padding:0 1.25rem 1.25rem}.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:.5rem;margin:0 0 0 auto}.main-nav a{background:#ffffff;border:1px solid #d1d5db;border-radius:.4rem;color:#111827;font:13.3333px Arial,sans-serif;padding:.42rem .65rem;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}.reply-composer{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:1.5rem;border-top:1px solid #e2e6ea;padding-top:1rem}.reply-composer textarea{width:100%;resize:vertical;min-height:5rem;padding:.8rem;border:1px solid #ccd3dc;border-radius:12px;font:inherit}.reply-composer input{max-width:22rem}.reply-controls{display:flex;gap:.75rem}.reply-controls button[type=submit]{background:#006cdb;color:white}.settings-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);grid-gap:24px;gap:24px;align-items:start}.settings-main{display:grid;grid-gap:20px;gap:20px}.settings-links,.settings-main .panel{padding:24px}.settings-main form{display:grid;grid-gap:10px;gap:10px;margin:20px 0}.settings-main select{display:block;width:100%;margin:8px 0 12px}.settings-links details a,.settings-links>a{display:block;margin:16px 0}.settings-links details{margin-top:24px}.setup-accounts{list-style:none;padding:0}.setup-accounts li{padding:16px 0;border-bottom:1px solid #e2e8f0}.setup-accounts button{margin-right:8px}@media (max-width:720px){.settings-layout{grid-template-columns:1fr}}.site-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;margin:0 -1.25rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.site-brand{display:flex;flex-direction:column;gap:.2rem;min-width:0}.site-wordmark{display:inline-flex;color:#111827;font-size:2rem;font-weight:700;letter-spacing:.08em;line-height:normal;text-decoration:none;white-space:nowrap}.site-wordmark>span{display:inline-flex;gap:.05em}.brand-letter{background:#111827;color:#fff;border-radius:.2rem;padding:0 .1em}.site-tagline{color:#374151;font-size:.75rem;letter-spacing:.01em;margin:0}.main-nav a[aria-current=page]{background:#111827;border-color:#111827;color:#fff}.main-nav a:hover{border-color:#111827}.main-nav a:focus-visible,.site-wordmark:focus-visible{outline:2px solid #2563eb;outline-offset:4px}@media (max-width:760px){.main-nav{width:100%;justify-content:flex-start;margin-left:0}}