:root{font-family:Arial,sans-serif;color:#171a33;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}.inbox-header{display:flex;align-items:center;gap:20px;min-height:70px;padding:12px max(20px,calc((100vw - 1200px)/2));background:#191c39;color:#fff}.inbox-header img{width:125px;max-height:43px;object-fit:contain}.inbox-header span{font-weight:700}.inbox-header button{margin-left:auto;background:none;border:1px solid #8290a5;border-radius:6px;color:#fff;padding:7px 10px;cursor:pointer}.inbox-header>a:last-child{color:#fff;text-decoration:none;font-size:.88rem}.inbox-shell{max-width:1200px;margin:auto;padding:36px 20px 70px}.inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.inbox-heading h1{font:400 2.4rem Georgia,serif;margin:3px 0}.inbox-heading p:last-child{color:#657084;margin:8px 0}.eyebrow{color:#ad5924;font-size:.73rem;font-weight:800;letter-spacing:.12em}.inbox-heading button,.inbox-thread-panel form button,.compose-heading+label~button{background:#ed6f28;color:#fff;border:0;border-radius:7px;padding:12px 18px;font-weight:800;cursor:pointer}.inbox-layout{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr);min-height:560px;background:#fff;border:1px solid #dce1e8;border-radius:12px;overflow:hidden}.inbox-list-panel{border-right:1px solid #e4e8ee}.inbox-list-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e4e8ee}.inbox-list-title h2{font-size:1rem;margin:0}.inbox-list-title span{font-size:.78rem;color:#b55219}.inbox-list-panel>div:last-child{max-height:650px;overflow:auto}.inbox-item{width:100%;display:block;text-align:left;padding:16px 20px;border:0;border-bottom:1px solid #eef0f3;background:#fff;cursor:pointer;color:inherit}.inbox-item:hover,.inbox-item.active{background:#fff4eb}.inbox-item strong,.inbox-item small,.inbox-item span{display:block}.inbox-item strong{font-size:.87rem}.inbox-item small{color:#687487;margin:5px 0}.inbox-item span{font-size:.78rem;color:#687487;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item.unread strong:before{content:'●';color:#e86f29;margin-right:7px}.inbox-thread-panel{display:flex;flex-direction:column;min-width:0}.inbox-thread-panel>div{flex:1;padding:25px;overflow:auto;max-height:650px}.inbox-thread-panel h2{font:400 1.65rem Georgia,serif;margin:0 0 8px}.thread-meta{color:#6a7587;font-size:.8rem;margin:0 0 24px}.thread-message{max-width:83%;padding:12px 16px;margin:12px 0;border-radius:12px;background:#f1f3f7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}.thread-message.mine{margin-left:auto;background:#fff0e6}.thread-message small{display:block;color:#687487;margin-top:8px;font-size:.69rem}.inbox-thread-panel form{padding:18px 25px;border-top:1px solid #e4e8ee;display:grid;gap:8px}.inbox-thread-panel form[hidden],#composeDialog[hidden]{display:none}.inbox-thread-panel textarea,.compose-heading+label~input,.compose-heading+label~textarea,.compose-heading+label~select{width:100%;font:inherit;padding:11px;border:1px solid #cbd3df;border-radius:7px}.inbox-thread-panel form button{justify-self:end}#inboxStatus,#composeStatus{color:#93441e;font-size:.85rem}#composeDialog{width:min(510px,calc(100vw - 32px));border:0;border-radius:12px;padding:26px;box-shadow:0 20px 70px #10132b66}#composeDialog::backdrop{background:#11152d99}#composeForm{display:grid;gap:10px}.compose-heading{display:flex;justify-content:space-between;align-items:center}.compose-heading h2{margin:0}.compose-heading button{font-size:1.5rem;border:0;background:none;cursor:pointer}#composeRecipients{color:#687487;font-size:.76rem;margin:0}[dir=rtl] .inbox-list-panel{border-right:0;border-left:1px solid #e4e8ee}[dir=rtl] .thread-message.mine{margin-left:0;margin-right:auto}@media(max-width:720px){.inbox-shell{padding:22px 12px}.inbox-layout{display:block}.inbox-list-panel{border-right:0;border-bottom:1px solid #e4e8ee}.inbox-list-panel>div:last-child{max-height:250px}.inbox-thread-panel>div{min-height:260px;max-height:none}.inbox-header{padding:12px 15px}.inbox-header img{width:95px}}