/* ---------- minimizar / maximizar painéis do relatório ---------- */
  .collapsible-panel{
    position:relative;
  }

  .panel-collapse-btn{
    position:absolute;
    top:14px;
    right:14px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--bg-card);
    color:var(--black);
    cursor:pointer;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
  }

  .panel-collapse-btn:hover{
    background:#f4f4f4;
    border-color:var(--purple);
    transform:translateY(-1px);
  }

  /* O painel de detratores possui controles internos por card.
     O botão no canto superior controla o bloco inteiro. */
  .collapsible-panel:has(#attentionList) > .panel-collapse-btn{
    border-color:#e8c9c6;
  }

  body.dark-mode .collapsible-panel:has(#attentionList) > .panel-collapse-btn{
    border-color:#684143;
  }

  .panel-collapse-btn svg{
    width:16px;
    height:16px;
    transition:transform .2s ease;
  }

  .collapsible-panel.is-collapsed .panel-collapse-btn svg{
    transform:rotate(-90deg);
  }

  .collapsible-panel > h3,
  .collapsible-panel > .user-list-title,
  .collapsible-panel > .user-admin-header{
    padding-right:42px;
  }

  .collapsible-panel > h3{
    margin-bottom:14px;
  }

  .collapsible-panel .panel-collapse-inner > .q-hint:first-child{
    margin-top:-8px !important;
    margin-bottom:14px !important;
    line-height:1.45;
  }

  .panel-collapse-content{
    display:grid;
    grid-template-rows:1fr;
    opacity:1;
    transition:grid-template-rows .22s ease,opacity .18s ease,margin .22s ease;
  }

  .panel-collapse-inner{
    min-height:0;
    overflow:visible;
  }

  .collapsible-panel:not(.is-collapsed) .panel-collapse-content{
    overflow:visible;
  }

  .collapsible-panel:not(.is-collapsed) .panel-collapse-inner{
    overflow:visible;
  }

  .collapsible-panel.is-collapsed .panel-collapse-content{
    grid-template-rows:0fr;
    opacity:0;
    margin:0;
    overflow:hidden;
  }

  .collapsible-panel.is-collapsed{
    padding-bottom:14px;
  }

  .collapsible-panel.is-collapsed .panel-collapse-inner{
    overflow:hidden;
  }

  /* Evita que textos auxiliares com margem negativa sejam cortados */
  .collapsible-panel:not(.is-collapsed) > .panel-collapse-content{
    padding-top:1px;
  }

  .collapsible-panel:not(.is-collapsed) .q-hint{
    position:relative;
    z-index:1;
  }

  body.dark-mode .panel-collapse-btn{
    background:#292d36;
    border-color:#434a56;
    color:#f7f7f7;
  }

  body.dark-mode .panel-collapse-btn:hover{
    background:#333944;
    border-color:var(--purple);
  }

  @media(max-width:560px){
    .panel-collapse-btn{
      top:11px;
      right:11px;
      width:28px;
      height:28px;
    }
  }
