/* =============================================================================
   RODAS DE DEBATE (/rodas-de-debate) — mesma identidade visual do resto do
   site: gradiente verde/navy, cards com sombra suave, tipografia padrão.
   ============================================================================= */

/* ---------- Lista de Rodas ---------- */
.debate-room-list{display:flex; flex-direction:column; gap:14px;}
.debate-room-card{
  display:block; text-decoration:none; color:inherit; background:var(--white); border:1px solid var(--line);
  border-radius:14px; padding:20px 22px; box-shadow:var(--shadow-sm); transition:transform .15s ease, box-shadow .15s ease;
}
.debate-room-card:hover{transform:translateY(-2px); box-shadow:var(--shadow-md);}
.debate-room-card--encerrada{opacity:0.75;}
.debate-room-card__head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;}
.debate-room-card__head h3{font-size:16px; color:var(--navy-900); font-weight:700;}
.debate-room-card__status{
  flex-shrink:0; font-family:var(--mono); font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:0.04em; padding:3px 10px; border-radius:99px;
}
.debate-room-card__status--ativa{background:var(--blue-50); color:var(--blue-600);}
.debate-room-card__status--encerrada{background:var(--gray-100); color:var(--gray-500);}
.debate-room-card__desc{font-size:13.5px; color:var(--gray-700); line-height:1.6; margin-bottom:12px;}
.debate-room-card__meta{display:flex; gap:16px; font-size:12px; color:var(--gray-500);}

/* ---------- Thread (Roda + comentários) ---------- */
.debate-room-desc{font-size:15px; line-height:1.75; color:var(--gray-800); margin-bottom:20px;}
.debate-encerrada-aviso{
  background:var(--gray-50); border:1px solid var(--line); border-radius:10px; padding:12px 16px;
  font-size:13px; color:var(--gray-700); margin-bottom:20px;
}
.debate-cta-cadastro{
  background:linear-gradient(135deg, var(--navy-900) 0%, var(--blue-600) 130%); color:#fff; border-radius:14px;
  padding:22px 24px; margin-bottom:26px; text-align:center;
}
.debate-cta-cadastro p{font-size:14px; margin-bottom:14px;}

.debate-comment-form{margin-bottom:24px;}
.debate-comment-form textarea{margin-bottom:10px; resize:vertical;}

.debate-sort-tabs{display:flex; gap:18px; border-bottom:1px solid var(--line); margin-bottom:18px; padding-bottom:0;}
.debate-sort-tab{
  font-size:13px; font-weight:700; color:var(--gray-500); text-decoration:none; padding:6px 2px 10px;
  border-bottom:2px solid transparent;
}
.debate-sort-tab.active{color:var(--navy-900); border-bottom-color:var(--blue-500);}

.debate-comment-list{display:flex; flex-direction:column; gap:16px;}
.debate-comment{display:flex; gap:12px;}
.debate-comment__avatar{
  flex-shrink:0; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-600) 100%); background-size:cover; background-position:center;
  color:#fff; font-size:13px; font-weight:700;
}
.debate-comment__body{flex:1; min-width:0;}
.debate-comment__header{display:flex; align-items:baseline; gap:8px; margin-bottom:2px; flex-wrap:wrap;}
.debate-comment__author{font-size:13.5px; font-weight:700; color:var(--navy-900);}
.debate-comment__date{font-size:11px; color:var(--gray-500);}
.debate-comment__text{font-size:13.5px; line-height:1.65; color:var(--gray-800); margin-bottom:8px; white-space:pre-wrap;}
.debate-comment__text--removed{font-style:italic; color:var(--gray-500);}

.debate-comment__actions{display:flex; align-items:center; gap:14px; margin-bottom:10px;}
.debate-comment__like{
  font-size:12px; font-weight:600; color:var(--gray-600); background:none; border:none; cursor:pointer;
  text-decoration:none; padding:0; display:inline-flex; align-items:center; gap:4px;
}
.debate-comment__like.is-active{color:var(--blue-600);}
.debate-comment__reply-btn{font-size:12px; font-weight:600; color:var(--gray-600); background:none; border:none; cursor:pointer; padding:0;}
.debate-comment__reply-btn:hover{color:var(--navy-900);}
.debate-comment__moderate-btn{font-size:12px; font-weight:600; color:#b3413f; background:none; border:none; cursor:pointer; padding:0;}

.debate-reply-form{margin:0 0 14px; display:flex; flex-direction:column; gap:8px; max-width:520px;}
.debate-reply-form[hidden]{display:none;}
.debate-reply-form textarea{resize:vertical;}
.debate-reply-form .btn{align-self:flex-start; font-size:12px; padding:7px 14px;}

.debate-comment__replies{
  display:flex; flex-direction:column; gap:14px; margin-top:14px; padding-left:16px;
  border-left:2px solid var(--line);
}

/* ---------- Painel admin (criação de Roda) ---------- */
.debate-admin-create{margin:20px 0 24px;}
.debate-admin-create__form{
  display:flex; flex-direction:column; gap:12px; max-width:560px; margin-top:14px; padding:18px 20px;
  background:var(--gray-50); border:1px solid var(--line); border-radius:12px;
}

@media(max-width:640px){
  .debate-comment__replies{padding-left:10px;}
}
