/* Títulos e recolhimento dos painéis
   Extraído de css_canonico_limpo.css linhas 1019-1129.
*/

/* —— Títulos de painel —— */
.panel-header-v9,
.s02-title,
.s03-title{
  height:30px;
  min-height:30px;
  max-height:30px;
  background:var(--panel);
  color:var(--text);
  border-bottom:1px solid var(--line-soft);
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  line-height:30px;
}

/* Botão recolher/expandir da seção 02 */
.s02-toggle{
  margin-left:auto;
  width:30px;
  height:22px;
  border:1px solid var(--line-soft);
  border-radius:3px;
  background:transparent;
  color:var(--text);
  font-size:16px;
  font-weight:900;
  line-height:1;
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:background .15s;
}
.s02-toggle:hover{background:var(--line-soft);}

/* Estado recolhido: colapsa horizontalmente para 30px */
.secao02.is-recolhida{
  flex:0 0 30px !important;
  width:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  padding-bottom:0;
}
.secao02.is-recolhida .s02-content{
  display:none;
}
.secao02.is-recolhida .s02-title{
  width:30px;
  height:100%;
  min-height:100%;
  max-height:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding:8px 0;
  box-sizing:border-box;
  border-bottom:0;
  position:relative;
}
.secao02.is-recolhida .s02-badge{
  flex:0 0 22px;
}
.secao02.is-recolhida .s02-title-text{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  text-align:center;
  line-height:1;
}
.secao02.is-recolhida .s02-toggle{
  position:absolute;
  top:4px;
  left:0;
  width:30px;
  margin-left:0;
}

.panel-num-v9,
.s02-badge,
.s03-badge{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  background:#0b65d8;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  line-height:22px;
}

.panel-title-v9,
.s02-title-text,
.s03-title-text{
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  color:var(--text);
  white-space:nowrap;
}