/* ========================================================================
   04-secoes.css — ESTILOS DE SEÇÕES ESPECÍFICAS
   ------------------------------------------------------------------------
   Mapa de escolas, Chat, Fórum e abas da Biblioteca.
   ======================================================================== */

/* ---- Mapa de Escolas (Leaflet) — js/secoes/mapa.js ---- */
#map{height:380px;border-radius:18px;border:2px solid var(--line);}

/* ---- Chat: lista de contatos + painel de mensagens — js/secoes/chat.js ---- */
.chat-wrap{display:grid;grid-template-columns:220px 1fr;border:2px solid var(--line);border-radius:18px;overflow:hidden;height:480px;background:#fff;}
.chat-list{border-right:2px solid var(--line);overflow-y:auto;background:#FBFDFF;}
.chat-contact{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px;cursor:pointer;}
.chat-contact.active{background:var(--yellow);}
.chat-contact .name{font-weight:800;color:var(--blue-deep);}
.chat-contact .prev{color:#888;font-size:12px;margin-top:2px;}
.chat-panel{display:flex;flex-direction:column;}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
.msg{max-width:70%;padding:10px 15px;border-radius:16px;font-size:13.5px;line-height:1.4;}
.msg.them{background:var(--sky);align-self:flex-start;}
.msg.me{background:var(--ig-gradient);color:#fff;align-self:flex-end;}
.chat-input{display:flex;border-top:2px solid var(--line);}
.chat-input input{border:none;border-radius:0;}
.chat-input button{border-radius:0;box-shadow:none;}

/* ---- Fórum: linha de cada tópico e contador de respostas — js/secoes/forum.js ---- */
.forum-topic{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);}
.forum-topic:last-child{border-bottom:none;}
.forum-topic .t-title{font-weight:800;font-size:14.5px;color:var(--blue-deep);}
.forum-topic .t-meta{font-size:12px;color:#888;margin-top:3px;}
.forum-count{text-align:center;font-weight:800;font-size:13px;color:var(--orange-2);min-width:60px;}
.forum-count .n{font-size:18px;font-weight:800;color:var(--blue-deep);display:block;}

/* ---- Biblioteca: abas de tipo de material — js/secoes/biblioteca.js ---- */
.lib-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap;}
.lib-tab{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;border:2px solid var(--line);background:#fff;}
.lib-tab.on{background:var(--orange);color:#fff;border-color:var(--orange);}