:root{font-family:Inter,system-ui,sans-serif;color:#202326;background:#f5f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#14171b;color:white;display:flex;align-items:center;padding:0 28px;gap:32px}header a{color:#cfd3d9;text-decoration:none}header strong{font-size:23px;letter-spacing:-1px}header strong span{color:#ffce32}header div{border-left:1px solid #42464b;padding-left:30px}main{max-width:1500px;margin:auto;padding:26px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{font-size:27px;margin:0 0 5px}h2{font-size:18px;margin:0 0 5px}p{color:#737a84;margin:0}#connection{font-size:12px;color:#586470;background:#e8edf1;border-radius:30px;padding:8px 13px}.inbox{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 190px);min-height:450px;background:#fff;border:1px solid #e2e5ea;border-radius:18px;overflow:hidden;box-shadow:0 8px 35px #15243807}aside{border-right:1px solid #e8ebef;display:flex;flex-direction:column;min-height:0}.filters{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-bottom:1px solid #e8ebef}.filters input{grid-column:1/-1}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #dce1e7;border-radius:9px;background:white;padding:10px;color:#28313b;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #ffcd32;outline-offset:1px}button{border:1px solid #dce1e7;background:white;border-radius:9px;padding:9px 13px;color:#28313b;cursor:pointer}button:disabled{opacity:.5;cursor:default}#conversations{overflow:auto;flex:1}.row{display:block;width:100%;border:0;border-radius:0;text-align:left;padding:17px 19px;border-bottom:1px solid #f0f1f4}.row:hover,.row.selected{background:#fff9e6}.row strong{font-size:14px;display:block;margin:7px 0}.row .preview{color:#7a828e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a828e}.badge{display:inline-block;padding:4px 7px;border-radius:6px;background:#eef1f5;color:#4b5766;font-size:10px}.badge.ecoflash{background:#e8f3ed;color:#2c7552}.pagination{padding:10px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ebef;font-size:11px}article{min-width:0;min-height:0}#empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:12px}#empty[hidden],#conversation[hidden]{display:none}.icon{font-size:36px;background:#fff4cd;border-radius:24px;width:80px;height:80px;display:grid;place-items:center}small{color:#8b919b;line-height:1.5;font-size:11px}#conversation{height:100%;display:flex;flex-direction:column}.thread-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #e8ebef;gap:10px}.thread-head span{font-size:12px;color:#7a828e}.actions{display:flex;gap:8px}#messages{flex:1;overflow:auto;padding:24px;background:#f8f9fb;display:flex;flex-direction:column;gap:14px}.message{max-width:78%;padding:13px 16px;background:white;border:1px solid #e5e8ee;border-radius:13px;align-self:flex-start;box-shadow:0 2px 4px #00000002}.message.out{background:#fff5d2;border-color:#f4e7b4;align-self:flex-end}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.message .stamp{font-size:10px;color:#8b919b;margin-top:8px}.message a{display:block;color:#376484;margin-top:8px}.message .issue{font-size:11px;color:#a66b10;margin-top:8px}#reply{padding:17px 24px;border-top:1px solid #e8ebef}#reply label{display:block;font-weight:600;margin-bottom:8px}.compose{display:flex;align-items:stretch;gap:10px}.compose textarea{flex:1;resize:vertical;max-height:180px}.compose button{background:#ffcf33;border:0;font-weight:700;padding:12px 23px}#feedback{font-size:12px;margin:9px 0;color:#795820}.notice{padding:24px;color:#7a828e;line-height:1.7}a{color:#376484}@media(max-width:800px){header{padding:0 15px;gap:17px}header div{display:none}main{padding:15px}.heading{gap:10px}h1{font-size:23px}.inbox{grid-template-columns:260px 1fr}.thread-head{flex-wrap:wrap;padding:15px}#messages{padding:15px}.message{max-width:95%}#reply{padding:15px}.compose button{padding:10px} }@media(max-width:600px){.inbox{display:flex;flex-direction:column;height:auto;min-height:75dvh}aside{border-right:0;border-bottom:1px solid #ddd;max-height:310px}#conversations{min-height:90px}article{height:65dvh}.heading p{font-size:12px}#connection{font-size:10px}.thread-head h2{font-size:15px}.actions button,.actions select{font-size:12px}.message{max-width:92%}}

/* Bandeja v2 */
:root{background:#f2f4f7;color:#232b37}header{height:62px;padding:0 28px;background:#15191f}main{padding:22px 28px}.heading{margin-bottom:18px}.heading h1{font-size:25px;letter-spacing:-.6px}.heading p{font-size:13px}.inbox{grid-template-columns:330px minmax(0,1fr);height:calc(100dvh - 169px);border-radius:16px;box-shadow:0 10px 35px #18233508;min-height:470px}.list-title{padding:19px 18px 7px;display:flex;align-items:center;justify-content:space-between}.channel-pill{background:#eaf1ff;color:#4770b7;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:600}.filters{padding:13px 18px 17px}select{font-size:12px;padding:10px 7px}.row{position:relative;display:grid;grid-template-columns:39px 1fr;gap:11px;padding:17px 16px;border-left:3px solid transparent}.row.selected{border-left-color:#f3bd1b;background:#fff9e7}.row .row-avatar{width:39px;height:39px;border-radius:13px;background:#e9edf5;color:#61728c;display:grid;place-items:center;font-size:12px;font-weight:700}.row.selected .row-avatar{background:#ffe8a0;color:#7c611d}.row .row-content{min-width:0}.row strong{margin:5px 0;font-size:13px}.row .preview{font-size:12px}.row .meta .badge{padding:3px 6px}.thread-head{padding:16px 21px;gap:12px}.client-heading{flex:1;min-width:0}.client-heading h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:43px;height:43px;border-radius:14px;background:#ffedb5;color:#775c17;display:grid;place-items:center;font-weight:700;flex-shrink:0}.actions button{font-size:18px;padding:6px 10px}.actions select{min-width:105px}#messages{background:#f7f8fb;background-image:radial-gradient(#d9dfe52e 1px,transparent 1px);background-size:20px 20px;padding:25px 28px;gap:12px}.message{max-width:75%;border-radius:15px 15px 15px 3px;padding:12px 15px;box-shadow:0 2px 5px #18243505}.message.out{border-radius:15px 15px 3px 15px;background:#fff2c3;border-color:#eee1b2}.message .body{font-size:14px}.message .stamp{font-size:10px}.message a.image-link{margin-top:0}.message img.media-image{display:block;max-width:290px;max-height:280px;width:auto;height:auto;border-radius:10px;object-fit:contain}.day-separator{align-self:center;background:#edf0f5;border-radius:25px;padding:5px 11px;font-size:10px;color:#7b8493;margin:4px 0}#reply{position:relative;padding:12px 21px;background:white}.composer-tools{display:flex;align-items:center;gap:6px;margin-bottom:9px}.composer-tools button{border:0;background:#f2f4f8;padding:7px 10px;font-size:17px;border-radius:8px}.composer-tools span{font-size:11px}.composer-hint{margin-left:auto;color:#929baa}.compose textarea{background:#f8f9fb;border:1px solid #e7ebf0;min-height:56px;border-radius:12px;padding:12px;font-size:14px}.compose button{border-radius:12px;min-width:105px}#feedback:empty{display:none}#feedback{margin:8px 0;font-size:11px}#reply>small{display:block;margin-top:7px}#emojis{position:absolute;bottom:135px;left:20px;width:290px;max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:#fff;border:1px solid #e1e6ee;border-radius:14px;padding:12px;box-shadow:0 15px 45px #182b4329;z-index:5}#emojis[hidden]{display:none}#emojis button{font-size:23px;border:0;padding:6px;background:white}#emojis button:hover{background:#fff4cd}#attachment-preview{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #eee3bb;border-radius:12px;background:#fffbef;margin-bottom:10px}#attachment-preview[hidden]{display:none}#attachment-preview img{width:60px;height:60px;object-fit:cover;border-radius:8px}#attachment-preview img[hidden]{display:none}#attachment-preview div{flex:1;min-width:0}#file-name{font-size:12px;overflow-wrap:anywhere}#file-size{display:block;margin-top:4px}#profile-notice{display:flex;align-items:center;justify-content:space-between;background:#f8f9fc;border-bottom:1px solid #e8ebf1;padding:8px 20px;font-size:11px;color:#788395;gap:10px}#profile-notice[hidden]{display:none}#profile-notice button{border:0;background:none;font-size:11px;padding:4px;color:#547393;white-space:nowrap}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}#mobile-back{display:none}
@media(max-width:800px){main{padding:16px}.inbox{grid-template-columns:265px 1fr}.composer-hint{display:none}.thread-head{flex-wrap:wrap;padding:13px}.actions{margin-left:auto}#messages{padding:17px}.message{max-width:90%}.message img.media-image{max-width:200px}.client-heading{max-width:calc(100% - 60px)}}
@media(max-width:600px){header{padding:0 16px}.inbox{display:flex;height:calc(100dvh - 165px);min-height:420px}aside{max-height:none;height:100%;border:0}#conversations{min-height:0}article{display:none;height:100%}.inbox.active-thread aside{display:none}.inbox.active-thread article{display:block}.heading p{font-size:12px}#mobile-back{display:block;border:0;padding:7px;background:#f2f4f8;font-size:20px}.thread-head{flex-wrap:nowrap}.client-heading{max-width:none}.actions select{min-width:0;max-width:85px}.actions button{display:none}.avatar{width:34px;height:34px;border-radius:10px;font-size:12px}.thread-head{gap:7px}.client-heading h2{font-size:13px}.thread-head span{font-size:10px}.message{max-width:92%}#reply{padding:10px 14px}.compose button{min-width:75px;padding:10px}.message img.media-image{max-width:230px}#profile-notice{padding:6px 12px;font-size:10px}#emojis{bottom:145px;left:12px;width:270px}}