/* =====================================================
   CIAE Mensajes Pro — Responsive v3.2.0
===================================================== */

@media(max-width:1180px){
    .cmp-toolbar{grid-template-columns:1fr;justify-items:stretch}
    .cmp-stats{justify-content:flex-start}
    .cmp-container{grid-template-columns:300px minmax(0,1fr)}
    .cmp-item-title{font-size:13px}
    .cmp-content-wrap{min-height:520px}
    .cmp-content{min-height:480px}
}

@media(max-width:860px){
    .cmp-header{
        padding:16px 18px;
        border-radius:20px;
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }
    .cmp-header-copy h3{font-size:20px}
    .cmp-header-copy p{font-size:12.5px;line-height:1.55}
    .cmp-header-actions{width:100%}
    .cmp-action-btn{width:100%;justify-content:center;display:flex}

    .cmp-toolbar{
        padding:12px;
        border-radius:18px;
        gap:10px;
    }
    .cmp-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .cmp-filter{text-align:center;padding:9px 6px;font-size:11.5px}
    .cmp-stat{justify-content:center}

    .cmp-container{grid-template-columns:1fr;gap:12px}

    .cmp-list-wrap,.cmp-content-wrap{border-radius:20px}
    .cmp-list-wrap{position:static;top:auto;padding:10px}
    .cmp-list{max-height:none;padding-right:0}

    .cmp-mobile-list-title{
        display:block;
        margin-bottom:8px;
        font-size:13px;
        font-weight:800;
        color:var(--cmp-blue);
        letter-spacing:-.01em;
    }

    .cmp-item{padding:12px 13px 12px 15px;border-radius:14px}
    .cmp-item.unread,.cmp-item.is-active{padding-left:13px}
    .cmp-item-title{font-size:13px}
    .cmp-item-excerpt{-webkit-line-clamp:2;font-size:11.5px}
    .cmp-item-meta{gap:6px;font-size:10.5px}

    .cmp-content-wrap{display:none;padding:10px;min-height:auto}
    .cmp-content-wrap.is-mobile-open{display:block}
    .cmp-content{padding:16px;border-radius:16px;min-height:auto}
    .cmp-content-empty{min-height:180px}

    .cmp-mobile-back{
        display:inline-flex;
        align-items:center;
        gap:7px;
        margin-bottom:12px;
        padding:9px 13px;
        background:rgba(255,255,255,.6);
        border:1px solid rgba(15,23,42,.1);
        color:var(--cmp-blue);
        border-radius:12px;
        font-size:12.5px;
        font-weight:800;
        font-family:'Inter',sans-serif;
    }

    .cmp-message-head h2{font-size:18px}
    .cmp-message-body{font-size:13.5px;line-height:1.72}

    .cmp-shell.cmp-mobile-reading .cmp-list-wrap{display:none}
    .cmp-shell.cmp-mobile-reading .cmp-content-wrap{display:block}
}

@media(max-width:560px){
    .cmp-header{padding:14px 15px;border-radius:16px}
    .cmp-header-copy h3{font-size:17px;letter-spacing:-.025em}
    .cmp-chip{font-size:10px;padding:5px 10px}

    .cmp-toolbar{gap:9px;padding:11px 12px;border-radius:16px}
    .cmp-filters{grid-template-columns:1fr 1fr 1fr;gap:5px}
    .cmp-filter{padding:8px 6px;font-size:11px;border-radius:10px}
    .cmp-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}
    .cmp-stat{padding:9px 8px;font-size:11px;text-align:center;justify-content:center;border-radius:11px}

    .cmp-list-wrap,.cmp-content-wrap{border-radius:16px}
    .cmp-item{border-radius:12px;padding:11px 12px 11px 14px}
    .cmp-item.unread,.cmp-item.is-active{padding-left:12px}
    .cmp-item::after{right:10px;font-size:18px}
    .cmp-item-title{font-size:12.5px}
    .cmp-item-excerpt{font-size:11px;line-height:1.4}
    .cmp-item-meta{align-items:flex-start;flex-direction:column;gap:5px}
    .cmp-state{font-size:10px;padding:3px 8px}

    .cmp-content{padding:14px;border-radius:14px}
    .cmp-message-head{padding-bottom:12px;margin-bottom:14px}
    .cmp-message-head h2{font-size:16px;margin-bottom:10px}
    .cmp-message-meta{gap:6px}
    .cmp-message-meta span{font-size:11px;padding:6px 9px}
    .cmp-message-body{font-size:13px;line-height:1.68}
}