/* Coloring Forum v3 */
.cf-wrap{max-width:1100px;margin:0 auto;padding:24px 20px 56px;font-family:inherit;color:#1a1a1a}
.cf-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.83rem;color:#bbb;margin-bottom:18px}
.cf-breadcrumb a{color:#777;text-decoration:none}.cf-breadcrumb a:hover{text-decoration:underline}
.cf-bc-current{color:#333;font-weight:500}
.cf-label{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cf-label-new{background:#27ae60;color:#fff}.cf-label-pop{background:#e67e22;color:#fff}
.cf-labels{display:flex;gap:6px;margin-bottom:4px}

/* Archive */
.cf-archive-title{font-size:1.5rem;font-weight:700;margin:0 0 24px}
.cf-forums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.cf-forum-card{display:block;text-decoration:none!important;border-radius:10px;overflow:hidden;border:1px solid #e8e8e8;background:#fff;transition:box-shadow .2s,transform .15s}
.cf-forum-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}
.cf-forum-thumb{aspect-ratio:1/1;overflow:hidden;background:#f5f5f5}
.cf-forum-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.cf-forum-card:hover .cf-forum-thumb img{transform:scale(1.05)}
.cf-forum-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
.cf-forum-info{padding:10px 12px 14px;display:flex;flex-direction:column;gap:3px}
.cf-forum-name{font-weight:600;font-size:.9rem;color:#111}
.cf-forum-count{font-size:.78rem;color:#aaa}

/* Single fórum — lista */
.cf-forum-header{margin-bottom:20px}
.cf-forum-title{font-size:1.5rem;font-weight:700;margin:0 0 8px}
.cf-forum-desc{color:#555;font-size:.95rem;margin:0 0 12px}
.cf-forum-meta-bar{font-size:.83rem;color:#aaa;border-bottom:2px solid #eee;padding-bottom:10px}
.cf-list-head{display:grid;grid-template-columns:1fr 80px 80px;gap:12px;padding:9px 14px;background:#f7f8fa;border:1px solid #e8e8e8;border-radius:6px 6px 0 0;font-size:.73rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.4px}
.cf-topic-list{border:1px solid #e8e8e8;border-top:none;border-radius:0 0 6px 6px;overflow:hidden}
.cf-list-row{display:grid;grid-template-columns:1fr 80px 80px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #f2f2f2;background:#fff;transition:background .15s}
.cf-list-row:hover{background:#fafbff}.cf-list-row:last-child{border-bottom:none}
.cf-list-col-topic{display:flex;align-items:center;gap:12px;min-width:0}
.cf-list-icon{flex-shrink:0;color:#ccc}
.cf-list-info{min-width:0}
.cf-list-title{font-weight:600;font-size:.9rem;color:#1a1a1a;text-decoration:none!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-list-title:hover{color:#2c3e50;text-decoration:underline!important}
.cf-list-date{font-size:.74rem;color:#ccc;display:block;margin-top:3px}
.cf-list-col-stats{display:flex;flex-direction:column;align-items:center;gap:4px}
.cf-stat{display:flex;align-items:center;gap:4px}
.cf-stat-n{font-size:.8rem;font-weight:700;color:#555}
.cf-stat-icon{color:#bbb;display:flex;align-items:center}
.cf-list-col-img{display:flex;justify-content:flex-end}
.cf-list-thumb{width:68px;height:68px;object-fit:cover;border-radius:6px;display:block}

/* Single tópico */
.cf-topic-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}
.cf-topic-main-title{font-size:1.45rem;font-weight:700;margin:0 0 10px;line-height:1.3}
.cf-topic-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cf-meta-by{font-size:.83rem;color:#aaa}
.cf-meta-author{color:#2c3e50;font-weight:600;text-decoration:none}
.cf-meta-author:hover{text-decoration:underline}
.cf-topic-stats-bar{display:flex;gap:12px;font-size:.8rem;color:#bbb;align-items:center}
.cf-topic-stats-bar span{display:flex;align-items:center;gap:4px}

/* Aviso moderação */
.cf-moderation-notice{display:flex;align-items:flex-start;gap:10px;background:#fffbf0;border:1px solid #f0d060;border-radius:7px;padding:12px 16px;margin-bottom:20px;font-size:.84rem;color:#666;line-height:1.5}
.cf-moderation-notice svg{flex-shrink:0;color:#e67e22;margin-top:1px}

/* Post wrap */
.cf-post-wrap{display:flex;background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;margin-bottom:28px}
.cf-post-author{width:120px;flex-shrink:0;background:#f7f8fa;border-right:1px solid #eee;padding:24px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.cf-avatar{width:52px;height:52px;border-radius:50%;background:#2c3e50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}
.cf-author-name{font-size:.78rem;font-weight:700;color:#222;text-decoration:none;word-break:break-word}
.cf-author-name:hover{text-decoration:underline}
.cf-author-badge{background:#2c3e50;color:#fff;font-size:.66rem;padding:2px 8px;border-radius:12px;font-weight:700}
.cf-author-posts{font-size:.72rem;color:#bbb}
.cf-post-content{flex:1;min-width:0;display:flex;flex-direction:column}
.cf-post-body{padding:24px;flex:1}

/* Imagem + sidebar */
.cf-topic-top{display:flex;gap:24px;align-items:flex-start;margin-bottom:20px}
.cf-topic-img-col{flex:0 0 58%;max-width:58%}
.cf-topic-main-img{width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 2px 12px rgba(0,0,0,.09)}

/* Grid 4 mini relacionados */
.cf-mini-related{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
.cf-mini-card{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:4px}
.cf-mini-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;border-radius:4px}
.cf-mini-card:hover img{transform:scale(1.06)}

/* Sidebar botões */
.cf-topic-sidebar{flex:1;position:sticky;top:80px}
.cf-btns{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.cf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;border-radius:6px;font-size:.9rem;font-weight:600;text-align:center;cursor:pointer;text-decoration:none!important;border:none;font-family:inherit;transition:opacity .18s,transform .12s;box-sizing:border-box;line-height:1.4}
.cf-btn:hover{opacity:.87;transform:translateY(-1px)}.cf-btn:active{transform:translateY(0)}
.cf-btn-dl{background:#27ae60;color:#fff!important}
.cf-btn-pdf{background:#e74c3c;color:#fff!important}
.cf-btn-print{background:#fff;color:#111!important;border:2px solid #333}
.cf-btn-col{background:#2c3e50;color:#fff!important}
.cf-topic-cat{font-size:.82rem;color:#aaa;margin-top:8px}
.cf-topic-cat a{color:inherit;text-decoration:underline}
.cf-desc{margin-top:4px;color:#444;line-height:1.8;font-size:.95rem}

/* Post footer */
.cf-post-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 24px;border-top:1px solid #f0f0f0;background:#fafafa}
.cf-reactions{display:flex;gap:8px}
.cf-react-btn{background:#f2f2f2;border:1px solid #e5e5e5;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.84rem;font-weight:600;color:#555;transition:background .15s,transform .1s;display:flex;align-items:center;gap:6px;font-family:inherit}
.cf-react-btn:hover{background:#e8e8e8;transform:scale(1.03)}
.cf-react-btn.voted{background:#2c3e50;color:#fff;border-color:#2c3e50}
.cf-share{display:flex;align-items:center;gap:8px}
.cf-share-label{color:#ccc;display:flex;align-items:center}
.cf-share-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f2f2f2;transition:background .15s,transform .1s;text-decoration:none!important}
.cf-share-btn:hover{background:#e0e0e0;transform:scale(1.08)}

/* Section */
.cf-section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;border-bottom:2px solid #eee;padding-bottom:9px;margin:0 0 18px;color:#111}

/* Comentários */
.cf-comments-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:24px;margin-bottom:24px}
.cf-comments-list{display:flex;flex-direction:column;gap:0;margin-bottom:24px}
.cf-comment{padding:18px 0;border-bottom:1px solid #f4f4f4}
.cf-comment:last-child{border-bottom:none}
.cf-comment-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cf-comment-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}
.cf-comment-meta{display:flex;flex-direction:column;gap:1px}
.cf-comment-author{font-weight:700;font-size:.88rem;color:#222}
.cf-comment-author a{color:inherit;text-decoration:none}
.cf-comment-author a:hover{text-decoration:underline}
.cf-comment-date{font-size:.74rem;color:#bbb}
.cf-comment-body{font-size:.9rem;color:#444;line-height:1.7;margin-left:46px;margin-bottom:10px}
.cf-comment-actions{display:flex;align-items:center;gap:12px;margin-left:46px}
.cf-comment-like-btn,.cf-comment-reply-trigger{background:none;border:none;cursor:pointer;font-size:.8rem;color:#999;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-family:inherit;transition:background .15s,color .15s}
.cf-comment-like-btn:hover,.cf-comment-reply-trigger:hover{background:#f4f4f4;color:#333}
.cf-comment-like-btn.voted{color:#27ae60}

/* Reply box */
.cf-reply-box{margin-top:20px;border-top:2px solid #eee;padding-top:20px}
.cf-reply-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#333;margin:0 0 14px}
.cf-reply-textarea{width:100%;border:1px solid #e0e0e0;border-radius:7px;padding:12px 14px;font-size:.9rem;font-family:inherit;color:#333;resize:vertical;min-height:90px;box-sizing:border-box;transition:border .2s}
.cf-reply-textarea:focus{outline:none;border-color:#2c3e50}
.cf-reply-actions{display:flex;justify-content:flex-end;margin-top:10px}
.cf-reply-submit-btn{background:#2c3e50;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;font-family:inherit;transition:opacity .15s}
.cf-reply-submit-btn:hover{opacity:.88}
.cf-login-notice{display:flex;align-items:flex-start;gap:10px;background:#fff8f0;border:1px solid #f0c060;border-radius:8px;padding:14px 16px;margin-top:12px;font-size:.88rem;color:#666;line-height:1.6}
.cf-login-notice svg{flex-shrink:0;color:#e67e22;margin-top:2px}
.cf-login-notice p{margin:0}
.cf-login-notice a{color:#2c3e50;font-weight:600}

/* Page numbers */
.page-numbers{display:inline-flex;align-items:center;padding:7px 13px;border-radius:5px;border:1px solid #ddd;text-decoration:none;font-size:.87rem;color:#333;margin:2px;transition:background .15s}
.page-numbers.current,.page-numbers:hover{background:#2c3e50;color:#fff;border-color:#2c3e50}
.cf-empty{color:#aaa;padding:24px 0;font-size:.95rem}

/* Responsive */
@media(max-width:860px){
    .cf-topic-top{flex-direction:column}
    .cf-topic-img-col{flex:0 0 100%;max-width:100%}
    .cf-topic-sidebar{position:static}
    .cf-post-author{width:80px;padding:16px 8px}
    .cf-mini-related{grid-template-columns:repeat(4,1fr)}
    .cf-list-col-img{display:none}
    .cf-list-head,.cf-list-row{grid-template-columns:1fr 80px}
}
@media(max-width:560px){
    .cf-post-wrap{flex-direction:column}
    .cf-post-author{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #eee;padding:12px 16px;justify-content:flex-start}
    .cf-forums-grid{grid-template-columns:repeat(2,1fr)}
    .cf-list-col-stats{display:none}
    .cf-list-head,.cf-list-row{grid-template-columns:1fr}
    .cf-mini-related{grid-template-columns:repeat(4,1fr)}
}

/* Editor toolbar */
.cf-editor-toolbar{display:flex;align-items:center;gap:2px;padding:6px 10px;background:#f7f8fa;border:1px solid #e0e0e0;border-bottom:none;border-radius:6px 6px 0 0;flex-wrap:wrap}
.cf-tb-btn{background:none;border:1px solid transparent;padding:5px 7px;border-radius:4px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .15s,border-color .15s}
.cf-tb-btn:hover{background:#e8e8e8;border-color:#ddd}
.cf-tb-sep{width:1px;height:18px;background:#ddd;margin:0 4px;display:inline-block}
.cf-reply-textarea{border-radius:0 0 6px 6px!important;border-top:1px solid #e0e0e0}
.cf-reply-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap;gap:8px}
.cf-reply-hint{font-size:.76rem;color:#bbb}

/* Related list (internal linking) */
.cf-related-list-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:22px 24px;margin-bottom:24px}
.cf-related-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.cf-related-list-item{border-bottom:1px solid #f4f4f4}
.cf-related-list-item:nth-last-child(-n+2){border-bottom:none}
.cf-related-list-link{display:flex;align-items:center;gap:8px;padding:10px 8px;text-decoration:none!important;color:#444;font-size:.88rem;border-radius:5px;transition:background .15s}
.cf-related-list-link:hover{background:#f7f8fa;color:#2c3e50}
.cf-related-list-link svg{flex-shrink:0;color:#bbb}
@media(max-width:560px){.cf-related-list{grid-template-columns:1fr}}

/* Badge Membro */
.cf-badge-member{background:#7f8c8d!important}

/* Comentários estilo caixa (mesma estrutura que o post) */
.cf-comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.cf-comment.cf-post-wrap{border-radius:8px}
.cf-comment-date-top{font-size:.74rem;color:#bbb;margin-bottom:8px}
.cf-comment-body-text{font-size:.9rem;color:#444;line-height:1.7}

/* Load more */
.cf-load-more-wrap{display:flex;justify-content:center;padding:24px 0}
.cf-load-more-btn{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #2c3e50;color:#2c3e50;padding:12px 28px;border-radius:7px;font-size:.92rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.cf-load-more-btn:hover{background:#2c3e50;color:#fff}
.cf-load-more-spinner{display:flex;justify-content:center;padding:20px}
.cf-spinner{width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#2c3e50;border-radius:50%;animation:cf-spin .7s linear infinite}
@keyframes cf-spin{to{transform:rotate(360deg)}}