/* A Ruptura — Correspondência interna v1.8 */
.inbox-page{max-width:1460px;margin:0 auto;padding-bottom:36px}.inbox-intro{position:relative;overflow:hidden;padding:23px 27px;margin:16px 0;border:1px solid rgba(215,87,85,.32);border-radius:12px;background:linear-gradient(93deg,rgba(10,10,15,.95) 10%,rgba(26,14,18,.86) 70%,rgba(45,11,18,.62)),url('./art-catedral.webp') center 46%/cover}
.inbox-intro:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#d55c5e;box-shadow:0 0 24px #d55c5e}.inbox-intro h2{font-size:clamp(20px,2.5vw,32px);margin:8px 0;color:#f6e9e7}.inbox-intro p{max-width:650px;color:#b8adb2;margin:0}.inbox-page .inbox-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 15px;border-bottom:1px solid rgba(217,121,126,.2)}.inbox-tab{padding:11px 18px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#afa7ad;font-size:14px;letter-spacing:.02em}.inbox-tab.active{border-color:#ce6464;color:#f8eded;background:linear-gradient(0deg,rgba(146,55,62,.17),transparent)}.inbox-tab span{background:#ab343c;color:white;border-radius:22px;padding:1px 7px;font-size:11px;margin-left:4px}.inbox-layout{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.45fr);gap:14px;margin-top:15px}.inbox-layout .panel{min-width:0;background:linear-gradient(142deg,rgba(18,20,28,.96),rgba(12,13,19,.94));border:1px solid rgba(197,79,84,.26);padding:18px;border-radius:10px}.inbox-layout .panel h2{font-size:18px;margin:0 0 16px}.inbox-letters{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow:auto}.inbox-letter{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;text-align:left;background:rgba(19,21,29,.9);border:1px solid rgba(162,128,137,.18);border-radius:8px;cursor:pointer;color:#ebe5e6;transition:background .15s,border-color .15s}.inbox-letter:hover,.inbox-letter.selected{background:rgba(91,33,41,.34);border-color:rgba(217,89,99,.55)}.inbox-letter.unread{border-left:3px solid #e56568}.inbox-letter-icon{font-size:20px;color:#d97b7e}.inbox-letter-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.inbox-letter-copy strong{font-size:14px;overflow-wrap:anywhere}.inbox-letter-copy small{font-size:11px;color:#aeb1ba}.inbox-unread-dot{width:8px;height:8px;background:#ed6c68;border-radius:50%;box-shadow:0 0 10px #e34d54}.inbox-reading{min-height:290px}.inbox-detail .eyebrow{color:#d37c80}.inbox-detail h2{line-height:1.28;font-size:clamp(19px,2vw,29px)!important;margin:14px 0 6px!important}.inbox-date{color:#9c9ca7;font-size:12px}.inbox-body{margin:22px 0;padding:19px;border-radius:8px;background:rgba(7,8,11,.55);border-left:2px solid #bf4e55;color:#e4dce0;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.inbox-read-list{padding:12px 0;color:#b4b0b8}.inbox-read-list p{font-size:13px;line-height:1.8;color:#acaab4}.inbox-placeholder{text-align:center;margin:80px auto;max-width:310px;color:#a8a5ae}.inbox-placeholder span{font-size:42px;color:#b75a61}.inbox-placeholder h3{color:#e5d5d8}.inbox-compose{margin-top:22px;padding:23px!important;border:1px solid rgba(209,92,96,.35)!important;background:linear-gradient(135deg,#17171e,#111117)!important}.inbox-compose .field{margin-top:5px}.inbox-compose .field label{color:#d6b7b9}.inbox-recipient-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;margin:3px 0 12px;padding:14px;background:rgba(0,0,0,.2);border-radius:8px}.inbox-recipient-picker[hidden]{display:none}.inbox-recipient-picker .kicker{grid-column:1/-1}.inbox-recipient{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid rgba(200,160,170,.19);border-radius:7px;cursor:pointer}.inbox-recipient input{accent-color:#d35f65}.inbox-recipient span{font-size:13px;color:#e2dade}.inbox-recipient small{color:#a49eaa}.inbox-menu-badge{font-weight:700;color:#fff;background:#aa363a;border-radius:50px;font-size:11px;padding:1px 7px;margin-left:auto}
@media(max-width:900px){.inbox-layout{grid-template-columns:1fr}.inbox-reading{min-height:230px}.inbox-letters{max-height:310px}}@media(max-width:520px){.inbox-intro{padding:18px}.inbox-layout .panel{padding:13px}.inbox-letter{padding:11px}.inbox-compose{padding:15px!important}}
