/* ══════════════════════════════════════════
   COMUNIDADE v2 — Nexxo Store
   Design 3 colunas (inspiração X/Twitter)
══════════════════════════════════════════ */

.cm-wrapper{min-height:80vh;padding:20px 0 60px}
.cm-grid{display:grid;grid-template-columns:220px 1fr 300px;gap:20px;align-items:start}

/* ══════════ SIDEBAR ESQUERDA ══════════ */
.cm-left{position:sticky;top:80px}
.cm-left-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;margin-bottom:14px}
.cm-left-title{font-size:.75rem;letter-spacing:1.5px;color:#8892a4;margin-bottom:14px;font-weight:700}

.cm-nav{display:flex;flex-direction:column;gap:2px}
.cm-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#c0c8d8;font-size:.88rem;font-weight:500;transition:.15s}
.cm-nav-item svg{opacity:.6;flex-shrink:0}
.cm-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.cm-nav-item:hover svg{opacity:1}
.cm-nav-item.active{background:#00d9ff12;color:#00d9ff}
.cm-nav-item.active svg{stroke:#00d9ff;opacity:1}

.cm-topics{display:flex;flex-direction:column;gap:6px}
.cm-topic{color:#8892a4;font-size:.84rem;padding:6px 0;transition:.15s}
.cm-topic:hover{color:#00d9ff}

/* ══════════ CENTRO — CRIAR POST v2 (Compacto) ══════════ */
.cm-center{min-width:0}
.cm-criar-v2{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;margin-bottom:16px}

.cm-criar-v2-header{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;transition:.2s}
.cm-criar-v2-header:hover{background:rgba(255,255,255,.03)}
.cm-criar-v2-ico{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#00d9ff15,#0066ff20);border:1px solid #00d9ff30;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-criar-v2-header strong{display:block;font-size:.95rem;color:#fff;line-height:1.3}
.cm-criar-v2-header span{font-size:.78rem;color:#5a6a8a}

.cm-criar-v2-tabs{display:flex;gap:6px;padding:0 14px 14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cm-criar-v2-tabs::-webkit-scrollbar{display:none}

.cm-criar-v2-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#8892a4;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;white-space:nowrap;flex:1;min-width:0}
.cm-criar-v2-tab svg{flex-shrink:0;opacity:.6;transition:.2s}
.cm-criar-v2-tab:hover{border-color:#00d9ff30;color:#c0c8d8;background:rgba(0,217,255,.05)}
.cm-criar-v2-tab:hover svg{opacity:1;stroke:#00d9ff}
.cm-criar-v2-tab:active{transform:scale(.96)}

/* ══════════ MODAL UNIFICADO — Criar Publicação ══════════ */
.cm-modal-uni{display:none;position:fixed;inset:0;z-index:9999;align-items:flex-end;justify-content:center}
.cm-modal-uni.ativo{display:flex}
@media(min-width:601px){.cm-modal-uni.ativo{align-items:center}}

.cm-modal-uni-overlay{position:absolute;inset:0;background:rgba(2,4,12,.82);backdrop-filter:blur(6px)}

.cm-modal-uni-box{
    position:relative;z-index:1;
    background:#0b0f2a;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px 18px 0 0;
    width:100%;max-width:580px;
    max-height:92vh;
    display:flex;flex-direction:column;
    box-shadow:0 -4px 40px rgba(0,0,0,.5);
    overflow:hidden;
}
@media(min-width:601px){
    .cm-modal-uni-box{border-radius:18px;max-height:85vh;box-shadow:0 24px 80px rgba(0,0,0,.6)}
}

/* Header */
.cm-modal-uni-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 20px 14px;flex-shrink:0;
}
.cm-modal-uni-head h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff}
.cm-modal-uni-head span{display:block;font-size:.75rem;color:#5a6a8a;margin-top:2px}
.cm-modal-uni-close{
    width:34px;height:34px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;color:#5a6a8a;transition:all .2s;flex-shrink:0;
}
.cm-modal-uni-close:hover{border-color:#ff4d6a40;color:#ff4d6a;background:rgba(255,77,106,.06)}

/* Tabs internas */
.cm-modal-uni-tabs{
    display:flex;gap:4px;padding:0 16px 12px;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.cm-modal-uni-tabs::-webkit-scrollbar{display:none}

.cm-mu-tab{
    display:flex;align-items:center;gap:5px;
    padding:8px 14px;border-radius:10px;
    border:1px solid transparent;
    background:transparent;color:#5a6a8a;
    font-size:.78rem;font-weight:600;cursor:pointer;
    font-family:'Inter',sans-serif;white-space:nowrap;flex-shrink:0;
    transition:all .2s;
}
.cm-mu-tab svg{flex-shrink:0;opacity:.5;transition:.2s}
.cm-mu-tab:hover{color:#c0c8d8;background:rgba(255,255,255,.04)}
.cm-mu-tab:hover svg{opacity:.8}
.cm-mu-tab.active{
    border-color:#00d9ff35;background:#00d9ff0d;color:#00d9ff;
}
.cm-mu-tab.active svg{stroke:#00d9ff;opacity:1}

/* Form body */
.cm-modal-uni-body{
    flex:1;overflow-y:auto;padding:16px 20px;
    scrollbar-width:thin;scrollbar-color:#1a2040 transparent;
}
.cm-modal-uni-body::-webkit-scrollbar{width:5px}
.cm-modal-uni-body::-webkit-scrollbar-thumb{background:#1a2040;border-radius:3px}

/* Fields */
.cm-mu-field{margin-bottom:16px}
.cm-mu-label{display:block;font-size:.73rem;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px}
.cm-mu-charcount{display:block;text-align:right;font-size:.7rem;color:#444;margin-top:4px;font-variant-numeric:tabular-nums}

.cm-mu-input,.cm-mu-select,.cm-mu-textarea{
    width:100%;box-sizing:border-box;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;padding:11px 14px;border-radius:10px;
    font-size:.88rem;font-family:'Inter',sans-serif;outline:none;
    transition:border-color .2s;
}
.cm-mu-input:focus,.cm-mu-select:focus,.cm-mu-textarea:focus{border-color:#00d9ff45}
.cm-mu-input::placeholder,.cm-mu-textarea::placeholder{color:#444}
.cm-mu-textarea{resize:vertical;min-height:80px;line-height:1.5}
.cm-mu-select{cursor:pointer;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235a6a8a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;
}
.cm-mu-select option{background:#0d1225;color:#fff}

/* Upload */
.cm-mu-upload-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 18px;border-radius:10px;
    background:rgba(255,255,255,.03);border:2px dashed rgba(255,255,255,.1);
    color:#8892a4;font-size:.83rem;font-weight:500;cursor:pointer;transition:.2s;
}
.cm-mu-upload-btn:hover{border-color:#00d9ff40;color:#00d9ff}
.cm-mu-preview{margin-top:10px;position:relative}
.cm-mu-preview img{max-height:180px;border-radius:10px;display:block}
.remover-img{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.9rem}

/* Footer */
.cm-modal-uni-foot{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 20px;flex-shrink:0;gap:10px;
    border-top:1px solid rgba(255,255,255,.06);
}
.cm-mu-btn-emoji{
    background:none;border:1px solid rgba(255,255,255,.08);border-radius:10px;
    padding:8px 14px;color:#5a6a8a;font-size:.82rem;cursor:pointer;
    font-family:'Inter',sans-serif;display:flex;align-items:center;gap:5px;transition:border-color .2s;
}
.cm-mu-btn-emoji:hover{border-color:#00d9ff30}
.cm-mu-btn-publicar{
    background:linear-gradient(135deg,#00d9ff,#0066ff);border:none;
    color:#fff;font-size:.9rem;font-weight:700;
    padding:10px 28px;border-radius:12px;cursor:pointer;
    font-family:'Inter',sans-serif;transition:all .25s;
    display:flex;align-items:center;gap:6px;
    box-shadow:0 4px 20px rgba(0,217,255,.2);
}
.cm-mu-btn-publicar:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(0,217,255,.35)}
.cm-mu-btn-publicar:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

.cm-mu-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cm-spin .6s linear infinite}
@keyframes cm-spin{to{transform:rotate(360deg)}}

/* ══════════ MINI CATÁLOGO POPOUT ══════════ */
.cm-minicatalogo{display:none;position:fixed;inset:0;z-index:10001;align-items:flex-end;justify-content:center}
.cm-minicatalogo.ativo{display:flex}
@media(min-width:601px){.cm-minicatalogo.ativo{align-items:center}}

.cm-mc-overlay{position:absolute;inset:0;background:rgba(2,4,12,.85);backdrop-filter:blur(4px)}

.cm-mc-box{
    position:relative;z-index:1;
    background:#0a0e24;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px 18px 0 0;
    width:100%;max-width:620px;
    max-height:92vh;
    display:flex;flex-direction:column;
    box-shadow:0 -4px 40px rgba(0,0,0,.5);
    overflow:hidden;
}
@media(min-width:601px){
    .cm-mc-box{border-radius:18px;max-height:82vh;box-shadow:0 24px 80px rgba(0,0,0,.6)}
}

/* Header */
.cm-mc-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 18px 12px;flex-shrink:0;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.cm-mc-head h4{margin:0;font-size:1rem;font-weight:700;color:#fff}
.cm-mc-sel-count{font-size:.72rem;color:#00d9ff;font-weight:600}
.cm-mc-close{
    width:32px;height:32px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;color:#5a6a8a;transition:all .2s;flex-shrink:0;
}
.cm-mc-close:hover{border-color:#ff4d6a40;color:#ff4d6a}

/* Busca */
.cm-mc-busca{
    display:flex;align-items:center;gap:10px;
    margin:12px 18px 0;padding:10px 14px;
    background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
    border-radius:10px;transition:border-color .2s;flex-shrink:0;
}
.cm-mc-busca:focus-within{border-color:#00d9ff40}
.cm-mc-busca svg{flex-shrink:0}
.cm-mc-busca input{
    flex:1;background:none;border:none;outline:none;
    color:#fff;font-size:.88rem;font-family:'Inter',sans-serif;
}
.cm-mc-busca input::placeholder{color:#444}

/* Categorias */
.cm-mc-cats{
    display:flex;gap:6px;padding:12px 18px 8px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;
    scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;
    padding-bottom:12px;
}
.cm-mc-cats::-webkit-scrollbar{height:4px}
.cm-mc-cats::-webkit-scrollbar-track{background:transparent}
.cm-mc-cats::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}
.cm-mc-cats::-webkit-scrollbar-thumb:hover{background:rgba(0,217,255,.3)}
.cm-mc-cat{
    padding:6px 14px;border-radius:20px;
    border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
    color:#8892a4;font-size:.75rem;font-weight:600;
    cursor:pointer;font-family:'Inter',sans-serif;
    white-space:nowrap;flex-shrink:0;transition:all .2s;
}
.cm-mc-cat:hover{border-color:#00d9ff30;color:#c0c8d8}
.cm-mc-cat.active{border-color:#00d9ff40;background:#00d9ff10;color:#00d9ff}

/* Grid */
.cm-mc-grid-wrap{flex:1;overflow-y:auto;padding:14px 18px;scrollbar-width:thin;scrollbar-color:#1a2040 transparent}
.cm-mc-grid-wrap::-webkit-scrollbar{width:5px}
.cm-mc-grid-wrap::-webkit-scrollbar-thumb{background:#1a2040;border-radius:3px}

.cm-mc-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
@media(max-width:500px){.cm-mc-grid{grid-template-columns:repeat(2,1fr);gap:8px}}

.cm-mc-loading,.cm-mc-vazio{
    grid-column:1/-1;text-align:center;padding:40px 20px;
    color:#5a6a8a;font-size:.85rem;
}

/* Card do produto */
.cm-mc-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    cursor:pointer;transition:all .2s;overflow:hidden;
    position:relative;
}
.cm-mc-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}
.cm-mc-card:active{transform:scale(.97)}
.cm-mc-card-sel{border-color:#00d9ff50;background:#00d9ff08}
.cm-mc-card-sel:hover{border-color:#00d9ff70}

.cm-mc-card-img{
    position:relative;width:100%;aspect-ratio:1;
    background:rgba(255,255,255,.02);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
}
.cm-mc-card-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.cm-mc-card-noimg{font-size:2rem;opacity:.3}

/* Check overlay */
.cm-mc-card-check{
    position:absolute;top:8px;right:8px;
    width:26px;height:26px;border-radius:50%;
    background:rgba(0,217,255,.15);border:2px solid rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transform:scale(.7);transition:all .2s;
}
.cm-mc-card-check.vis{
    opacity:1;transform:scale(1);
    background:#00d9ff;border-color:#00d9ff;
}
.cm-mc-card:hover .cm-mc-card-check{opacity:.5;transform:scale(1)}
.cm-mc-card:hover .cm-mc-card-check.vis{opacity:1}

.cm-mc-card-info{padding:8px 10px 10px}
.cm-mc-card-info h5{margin:0;font-size:.75rem;color:#e0e6f0;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cm-mc-card-info span{display:block;margin-top:4px;color:#00d9ff;font-size:.78rem;font-weight:700}

/* Carregar mais */
.cm-mc-mais{text-align:center;padding:12px 0 4px}
.cm-mc-mais button{
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
    color:#00d9ff;padding:8px 24px;border-radius:10px;
    font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s;
    font-family:'Inter',sans-serif;
}
.cm-mc-mais button:hover{background:#00d9ff12;border-color:#00d9ff40}

/* Footer */
.cm-mc-foot{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 18px;flex-shrink:0;gap:10px;
    border-top:1px solid rgba(255,255,255,.06);
    background:rgba(10,14,36,.95);
}
.cm-mc-foot span{font-size:.78rem;color:#5a6a8a;font-weight:500}
.cm-mc-btn-confirmar{
    background:linear-gradient(135deg,#00d9ff,#0066ff);border:none;
    color:#fff;font-size:.85rem;font-weight:700;
    padding:10px 24px;border-radius:10px;cursor:pointer;
    font-family:'Inter',sans-serif;transition:all .2s;
    box-shadow:0 4px 16px rgba(0,217,255,.2);
}
.cm-mc-btn-confirmar:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,217,255,.3)}

/* ══ Produto selecionado (blocos no modal) ══ */
.cm-mu-prods-blocos{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}

.cm-mu-prod-bloco{
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:10px 12px;
    animation:cm-slideIn .2s ease;
}
@keyframes cm-slideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.cm-mu-prod-bloco-img{
    width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;
    background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;
}
.cm-mu-prod-bloco-img img{width:100%;height:100%;object-fit:contain}
.cm-mu-prod-bloco-img span{font-size:1.2rem}

.cm-mu-prod-bloco-info{flex:1;min-width:0}
.cm-mu-prod-bloco-info strong{display:block;font-size:.82rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-mu-prod-bloco-info small{color:#00d9ff;font-size:.78rem;font-weight:600}

.cm-mu-prod-bloco button{
    background:none;border:none;color:#5a6a8a;cursor:pointer;
    padding:6px;border-radius:8px;transition:all .2s;flex-shrink:0;
}
.cm-mu-prod-bloco button:hover{color:#ff4d6a;background:rgba(255,77,106,.08)}

/* Botão abrir catálogo */
.cm-mu-btn-catalogo{
    display:flex;align-items:center;gap:10px;width:100%;
    padding:14px 16px;border-radius:12px;
    background:rgba(255,255,255,.025);
    border:2px dashed rgba(255,255,255,.1);
    color:#8892a4;font-size:.85rem;font-weight:500;
    cursor:pointer;font-family:'Inter',sans-serif;
    transition:all .2s;
}
.cm-mu-btn-catalogo svg{flex-shrink:0;opacity:.5;transition:.2s}
.cm-mu-btn-catalogo:hover{border-color:#00d9ff40;color:#00d9ff;background:rgba(0,217,255,.03)}
.cm-mu-btn-catalogo:hover svg{opacity:1;stroke:#00d9ff}

@media(max-width:600px){
    .cm-mc-head{padding:14px 14px 10px}
    .cm-mc-busca{margin:10px 14px 0}
    .cm-mc-cats{padding:10px 14px 0}
    .cm-mc-grid-wrap{padding:12px 14px}
    .cm-mc-foot{padding:10px 14px}
}

@media(max-width:600px){
    .cm-mu-hide-mob{display:none}
    .cm-modal-uni-head{padding:14px 16px 10px}
    .cm-modal-uni-tabs{padding:0 12px 10px}
    .cm-modal-uni-body{padding:14px 16px}
    .cm-modal-uni-foot{padding:10px 16px}
    .cm-mu-tab{padding:7px 11px;font-size:.72rem}
    .cm-mu-btn-publicar{padding:10px 22px;font-size:.84rem}
}

/* ══════════ FEED BAR (Todos/Seguindo/Para você) ══════════ */
.cm-feed-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.cm-modo-tabs{display:flex;gap:4px}
.cm-modo{background:none;border:none;color:#8892a4;font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;transition:.15s}
.cm-modo:hover{color:#fff}
.cm-modo.active{color:#00d9ff;background:#00d9ff12;border-bottom:2px solid #00d9ff}
.cm-sort{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#8892a4;padding:6px 12px;border-radius:8px;font-size:.82rem;cursor:pointer}
.cm-sort option{background:#0d1225}

/* ══════════ FEED CARDS ══════════ */
.cm-feed{display:flex;flex-direction:column;gap:14px}
.cm-loading,.cm-vazio{text-align:center;padding:40px 20px;color:#8892a4}
.cm-vazio-sm{text-align:center;padding:16px;color:#666;font-size:.82rem}

.cm-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:.15s}
.cm-card:hover{border-color:rgba(255,255,255,.12)}
.cm-avatar{border-radius:50%;object-fit:cover;flex-shrink:0}

/* Card header */
.cm-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cm-card-headinfo{flex:1;min-width:0;font-size:.85rem;line-height:1.5}
.cm-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.cm-meta-line{display:block;margin-top:2px;color:#8892a4;font-size:.82rem}
.cm-sep{color:#3f4a5f}
.cm-username{color:#fff}.cm-username:hover{color:#00d9ff}
.cm-acao{color:#8892a4}
.cm-tempo{color:#555;font-size:.78rem}
.cm-dots{background:none;border:none;color:#555;cursor:pointer;font-size:1.2rem;padding:4px 8px;letter-spacing:2px;line-height:1;margin-left:auto}
.cm-dots:hover{color:#fff}

/* Badges */
.cm-verified{background:#00d9ff15;color:#00d9ff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.5px;margin-left:8px;text-transform:uppercase}
.cm-loja-badge{background:#00d9ff15;color:#00d9ff;font-size:.72rem;padding:2px 8px;border-radius:8px}
.cm-rank{display:inline-flex;align-items:center;gap:3px;max-width:100%;font-size:.72rem;margin-left:0;white-space:nowrap}
.cm-rank-ico{width:14px;height:14px;display:inline;vertical-align:middle;object-fit:contain;flex:0 0 auto}
.cm-tag{display:inline-block;background:rgba(255,255,255,.08);color:#c0c8d8;padding:4px 12px;border-radius:8px;font-size:.78rem;font-weight:600;margin-bottom:8px}

/* Review card */
.cm-review-body{display:flex;gap:16px;margin-bottom:10px}
.cm-review-img{width:120px;height:120px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.03)}
.cm-review-img img{width:100%;height:100%;object-fit:contain}
.cm-review-text{flex:1;min-width:0}
.cm-stars{margin-bottom:6px;font-size:1rem}
.cm-star-on{color:#ffb800}.cm-star-off{color:#333}
.cm-review-produto{color:#00d9ff;font-size:.9rem;font-weight:600;display:block;margin-bottom:4px}
.cm-review-produto:hover{text-decoration:underline}
.cm-review-text h4{font-size:.88rem;color:#fff;margin-bottom:4px}
.cm-review-text p{color:#c0c8d8;font-size:.85rem;line-height:1.5}

/* Pergunta card */
.cm-pergunta-text{font-size:1.05rem;color:#fff;font-weight:600;line-height:1.4;margin:8px 0}
.cm-produto-link{color:#00d9ff;font-size:.85rem;display:inline-block;margin-bottom:10px}
.cm-produto-link:hover{text-decoration:underline}
.cm-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.cm-card-foot-pergunta .cm-respostas-count{color:#8892a4;font-size:.85rem}
.cm-btn-responder{display:inline-flex;align-items:center;gap:4px;background:#00d9ff15;color:#00d9ff;border:1px solid #00d9ff40;padding:6px 16px;border-radius:8px;font-size:.82rem;font-weight:600;transition:.2s}
.cm-btn-responder:hover{background:#00d9ff25}

/* Resposta ref (puxada) */
.cm-resp-ref{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.82rem;color:#8892a4;cursor:pointer;transition:.2s}
.cm-resp-ref:hover{border-color:#00d9ff30}
.cm-qa-p{color:#ff6b81;font-weight:700}.cm-qa-r{color:#34d399;font-weight:700}

/* Conteúdo genérico */
.cm-titulo{font-size:1.1rem;color:#fff;margin-bottom:8px}
.cm-conteudo{color:#c0c8d8;font-size:.88rem;line-height:1.55;margin-bottom:10px;word-break:break-word}
.cm-img{width:82%;max-width:620px;margin:10px auto;border-radius:10px;overflow:hidden}
.cm-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
@media(max-width:700px){.cm-img{width:100%;max-width:none;margin:10px 0}}

/* VS Comparação */
.cm-vs-row{display:flex;align-items:center;gap:12px;margin:12px 0}
.cm-prod-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;text-align:center;transition:.2s}
.cm-prod-card:hover{border-color:#00d9ff40}
.cm-prod-card img{width:90px;height:90px;object-fit:contain;border-radius:8px}
.cm-prod-card strong{font-size:.8rem;color:#fff}
.cm-prod-card span{color:#00d9ff;font-size:.82rem;font-weight:600}
.cm-vs{background:linear-gradient(135deg,#a78bfa,#6366f1);color:#fff;font-weight:800;font-size:.85rem;padding:8px 14px;border-radius:22px;flex-shrink:0}

/* Lista horizontal */
.cm-prod-scroll{display:flex;gap:10px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.cm-prod-scroll::-webkit-scrollbar{display:none}
.cm-prod-sm{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px;flex-shrink:0}
.cm-prod-sm img{width:90px;height:90px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:6px}
.cm-prod-sm span{font-size:.72rem;color:#8892a4;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ══════════ AÇÕES (like, comment, save) ══════════ */
.cm-acoes{display:flex;gap:8px;width:100%;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.cm-acao{background:none;border:none;color:#8892a4;padding:7px 10px;border-radius:20px;font-size:.84rem;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:36px;white-space:nowrap}
.cm-acao:hover{background:rgba(255,255,255,.06);color:#fff}
.cm-acao.cm-acao-on{color:#ff6b81}.cm-acao.cm-acao-fav{color:#ffb800}

/* ══════════ COMENTÁRIOS ══════════ */
.cm-comentarios{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}
.cm-cmt{display:flex;gap:8px;margin-bottom:10px}
.cm-cmt-body{flex:1;min-width:0;background:rgba(255,255,255,.03);padding:8px 12px;border-radius:10px;font-size:.84rem}
.cm-cmt-body p{color:#c0c8d8;margin:4px 0 0;line-height:1.4}
.cm-cmt-vazio{text-align:center;color:#555;font-size:.82rem;padding:10px}
.cm-cmt-form{display:flex;gap:8px;margin-top:10px}
.cm-cmt-form input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 14px;border-radius:20px;font-size:.82rem;outline:none}
.cm-cmt-form input:focus{border-color:#00d9ff40}
.cm-cmt-form button{background:#00d9ff;color:#050816;border:none;padding:8px 18px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}

/* Carregar mais */
.cm-feed-mais{text-align:center;padding:20px 0}
.cm-feed-mais button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#00d9ff;padding:10px 28px;border-radius:10px;font-size:.88rem;cursor:pointer;transition:.2s}
.cm-feed-mais button:hover{background:#00d9ff15;border-color:#00d9ff40}

/* ══════════ SIDEBAR DIREITA ══════════ */
.cm-right{position:sticky;top:80px}
.cm-right-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;margin-bottom:14px}
.cm-right-title{font-size:.75rem;letter-spacing:1.5px;color:#8892a4;margin-bottom:12px;font-weight:700}
.cm-right-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}
.cm-rtab{background:none;border:none;color:#555;font-size:.72rem;font-weight:600;padding:4px 8px;cursor:pointer;border-radius:6px;transition:.15s}
.cm-rtab:hover{color:#8892a4}
.cm-rtab.active{color:#00d9ff;background:#00d9ff10}

/* Trending items */
.cm-trend-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;cursor:pointer;transition:.15s}
.cm-trend-item:hover{background:rgba(255,255,255,.04)}
.cm-trend-num{background:#00d9ff12;color:#00d9ff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}
.cm-trend-av{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}
.cm-trend-info{flex:1;min-width:0}
.cm-trend-info strong{display:block;font-size:.82rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-trend-info small{color:#666;font-size:.72rem}

/* Missões sidebar */
.cm-missoes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cm-missoes-link{color:#00d9ff;font-size:.75rem;font-weight:600}
.cm-missoes-link:hover{text-decoration:underline}
.cm-missoes-list{display:flex;flex-direction:column;gap:10px}
.cm-missao{display:flex;align-items:center;gap:10px;padding:6px 0}
.cm-missao-done{opacity:.5}
.cm-missao-ico{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}
.cm-missao-info{flex:1;min-width:0}
.cm-missao-info strong{display:block;font-size:.78rem;color:#fff;margin-bottom:4px}
.cm-missao-info small{color:#555;font-size:.7rem}
.cm-missao-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;margin-bottom:2px;overflow:hidden}
.cm-missao-fill{height:100%;background:linear-gradient(90deg,#ff6b81,#00d9ff);border-radius:2px;transition:width .3s}
.cm-missao-xp{color:#ffb800;font-size:.75rem;font-weight:700;flex-shrink:0}

/* ══════════ RESPOSTAS INLINE (perguntas) ══════════ */
.cm-respostas-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.cm-respostas-section-feed{padding-top:0;border-top:0}
.cm-respostas-toggle{background:none;border:none;color:#8892a4;font-size:.84rem;cursor:pointer;padding:4px 0;transition:.15s}
.cm-respostas-toggle:hover{color:#00d9ff}
.cm-respostas-wrap{margin-top:10px}
.cm-resp-inline{display:flex;gap:8px;margin-bottom:10px}
.cm-resp-body{flex:1;min-width:0;background:rgba(255,255,255,.03);padding:8px 12px;border-radius:10px;font-size:.84rem}
.cm-resp-head{margin-bottom:4px}
.cm-resp-body p{color:#c0c8d8;margin:4px 0 0;line-height:1.4}
.cm-acao-mini{background:none;border:none;color:#8892a4;font-size:.75rem;cursor:pointer;margin-top:4px;padding:2px 6px;border-radius:10px;transition:.15s}
.cm-acao-mini:hover{background:rgba(255,255,255,.06)}
.cm-acao-mini.cm-acao-on{color:#ff6b81}
.cm-ver-mais-resps{background:none;border:none;color:#00d9ff;font-size:.82rem;cursor:pointer;padding:6px 0;display:block;width:100%;text-align:center}
.cm-ver-mais-resps:hover{text-decoration:underline}
.cm-login-resp{display:block;text-align:center;color:#8892a4;font-size:.82rem;padding:8px 0}
.cm-login-resp:hover{color:#00d9ff}

/* ══════════ NICK#TAG INLINE ══════════ */
.cm-tag-inline{color:#8892a4;font-weight:400;font-size:.82em;margin-left:1px}
.cm-card-headinfo{display:block;flex:1;min-width:0;font-size:.85rem;line-height:1.45}

@media(max-width:520px){
    .cm-card{padding:16px 14px}
    .cm-card-head{align-items:flex-start}
    .cm-name-line .cm-username{min-width:0;overflow-wrap:anywhere}
    .cm-rank{font-size:.7rem}
    .cm-cmt,
    .cm-resp-inline{gap:7px}
    .cm-cmt-form{flex-direction:column}
    .cm-cmt-form button{width:100%}
}

/* ══════════ TREND ICON ══════════ */
.cm-trend-ico{font-size:1rem;flex-shrink:0;width:20px;text-align:center}

/* ══════════ MISSÕES — Dividers + Scroll ══════════ */
.cm-missao-label{font-size:.7rem;letter-spacing:1px;color:#8892a4;text-transform:uppercase;font-weight:700;padding:4px 0 6px;margin-top:4px}
.cm-missao-divider{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.cm-missao-feitas-scroll{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}
.cm-missao-feitas-scroll::-webkit-scrollbar{width:4px}
.cm-missao-feitas-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:2px}
.cm-missao-check{color:#34d399;font-size:.85rem;font-weight:700;flex-shrink:0}
.cm-missao-done{opacity:.45}

/* ══════════ MOBILE — Sidebar left como menu horizontal ══════════ */
@media(max-width:1100px){
    .cm-grid{grid-template-columns:1fr 280px}
    .cm-left{display:none}
}
@media(max-width:800px){
    .cm-grid{grid-template-columns:1fr}
    /* Hide sidebar right on mobile — replaced by toggle panels */
    .cm-right{display:none}

    /* Show toggle buttons */
    .cm-mob-toggles{display:flex !important}

    /* Modo tabs scrollável */
    .cm-modo-tabs{overflow-x:auto;scrollbar-width:none;white-space:nowrap;-webkit-overflow-scrolling:touch}
    .cm-modo-tabs::-webkit-scrollbar{display:none}

    /* Criar post tabs scrollável */
    .cm-criar-v2-tabs{gap:4px;padding:0 10px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
    .cm-criar-v2-tabs::-webkit-scrollbar{display:none}
    .cm-criar-v2-tab{padding:7px 12px;font-size:.75rem;flex:0 0 auto}

    /* Cards */
    .cm-review-body{flex-direction:column}
    .cm-review-img{width:100%;height:160px}
    .cm-vs-row{flex-direction:column}
    .cm-vs{align-self:center}
}
@media(max-width:500px){
    .cm-wrapper{padding:10px 0 80px}
    .cm-card{padding:14px;border-radius:12px}
    .cm-criar-v2-header{padding:12px 14px}
    .cm-criar-v2-ico{width:36px;height:36px;border-radius:10px}
    .cm-criar-v2-header strong{font-size:.88rem}
    .cm-criar-v2-tabs{gap:2px;padding:0 8px 8px}
    .cm-criar-v2-tab{padding:5px 8px;font-size:.68rem;gap:3px;flex:0 0 auto}
    .cm-criar-v2-tab svg{width:12px;height:12px}
    .cm-modo{font-size:.72rem;padding:5px 10px}
    .cm-sort{font-size:.72rem;padding:4px 8px}
}
@media(display-mode:standalone){.cm-wrapper{padding-bottom:100px}}

/* ══════════════════════════════════════════
   MOBILE TOGGLE PANELS — Em Alta & Missões
══════════════════════════════════════════ */
.cm-mob-toggles{
    display:none;
    gap:8px;
    padding:10px 16px 4px;
}
.cm-mob-btn{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(255,255,255,.04);
    color:#c0c8d8;
    font-size:.82rem;
    font-weight:700;
    font-family:'Inter',sans-serif;
    cursor:pointer;
    transition:all .2s ease;
    -webkit-tap-highlight-color:transparent;
}
.cm-mob-btn:active{transform:scale(.96)}
.cm-mob-btn.active{
    background:rgba(0,217,255,.1);
    border-color:rgba(0,217,255,.3);
    color:#00d9ff;
}
.cm-mob-btn svg{flex-shrink:0}

/* Panel */
.cm-mob-panel{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .35s cubic-bezier(.4,0,.2,1), opacity .25s ease, margin .3s ease;
    margin:0 16px;
    background:rgba(10,15,30,.95);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    backdrop-filter:blur(12px);
}
.cm-mob-panel.open{
    max-height:65vh;
    overflow-y:auto;
    opacity:1;
    margin:6px 16px 10px;
}
.cm-mob-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 16px 10px;
    border-bottom:1px solid rgba(255,255,255,.06);
    position:sticky;
    top:0;
    background:rgba(10,15,30,.98);
    z-index:1;
}
.cm-mob-panel-head h3{font-size:.85rem;font-weight:800;color:#fff;margin:0}
.cm-mob-panel-head button{background:none;border:none;color:rgba(255,255,255,.4);font-size:16px;cursor:pointer;padding:4px 8px}
.cm-mob-panel-tabs{
    display:flex;
    gap:4px;
    padding:8px 16px;
    border-bottom:1px solid rgba(255,255,255,.05);
}
.cm-mptab{
    background:none;
    border:none;
    color:rgba(255,255,255,.35);
    font-size:.72rem;
    font-weight:600;
    padding:5px 10px;
    border-radius:8px;
    cursor:pointer;
    transition:.15s;
    font-family:'Inter',sans-serif;
}
.cm-mptab.active{color:#00d9ff;background:rgba(0,217,255,.08)}
.cm-mob-panel-body{padding:10px 16px 14px}
.cm-mob-panel-msg{text-align:center;color:rgba(255,255,255,.3);font-size:.8rem;padding:20px 0}

/* Trending item */
.cm-mob-trend{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.04);
    text-decoration:none;
    color:#fff;
    transition:.15s;
}
.cm-mob-trend:last-child{border-bottom:none}
.cm-mob-trend:active{opacity:.7}
.cm-mob-trend-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.cm-mob-trend-info{flex:1;min-width:0}
.cm-mob-trend-info strong{display:block;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-mob-trend-info small{color:rgba(255,255,255,.35);font-size:.68rem}
.cm-mob-trend-stats{font-size:.68rem;color:rgba(255,255,255,.3);flex-shrink:0;text-align:right}

/* Missão item */
.cm-mob-mi{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.cm-mob-mi:last-child{border-bottom:none}
.cm-mob-mi-ico{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}
.cm-mob-mi-info{flex:1;min-width:0}
.cm-mob-mi-info strong{display:block;font-size:.78rem;color:#fff}
.cm-mob-mi-xp{color:#ffb800;font-size:.75rem;font-weight:700;flex-shrink:0}
.cm-mob-mi-done{opacity:.4}
.cm-mob-mi-check{color:#34d399;font-size:.85rem;font-weight:700;flex-shrink:0}
.cm-mob-mi-label{font-size:.68rem;letter-spacing:1px;color:#8892a4;text-transform:uppercase;font-weight:700;padding:6px 0 4px;margin-top:6px}
.cm-mob-mi-divider{border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:10px}