/* ============================================================
 * action-sidebar.css
 * ------------------------------------------------------------
 * Barra lateral fixa (direita, ou inferior no mobile) com os
 * botões de ação principais: Gerar, Copiar, Apagar e Voltar ao
 * topo. Inclui os breakpoints responsivos dessa barra.
 * ============================================================ */

  /* ---------- sidebar de ações direita ---------- */
  .sidebar{ position: fixed; top: 50%; right: 22px; transform: translateY(-50%); display:flex; flex-direction: column; gap: 6px; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 10px; box-shadow: var(--shadow-lg); z-index: 60; }
  .sbtn{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width: 68px; padding: 11px 6px; border-radius: 14px; border: none; background: transparent; color: var(--ink-dim); font-family: var(--sans); font-size: 11px; font-weight: 700; cursor: pointer; transition: background .15s ease, color .15s ease, transform .08s ease, box-shadow .15s ease; }
  .sbtn svg{ width:19px; height:19px; }
  .sbtn:hover{ background: var(--panel-2); color: var(--ink); }
  .sbtn:active{ transform: scale(.94); }
  .sbtn.primary{ background: var(--blue); color:#fff; box-shadow: 0 4px 12px var(--blue-ring); }
  .sbtn.primary:hover{ background: var(--blue-hover); }
  .sbtn.danger{ color: var(--danger); }
  .sbtn.danger:hover{ background: var(--danger-dim); }
  .sbtn.topo{ display:none; }
  .sbtn.topo.show{ display:flex; }
  .sidebar-sep{ height:1px; background: var(--line); margin: 4px 6px; }
  .copied-msg{ font-size: 10.5px; font-weight: 700; color: var(--blue); text-align:center; min-height: 14px; padding: 0 2px; }

  @media (min-width:861px){ .wrap{ padding-right: 92px; } }
  @media (max-width:860px){
    body{ padding-bottom: 118px; }
    .sidebar{ top:auto; bottom:0; left:0; right:0; transform:none; flex-direction: row; flex-wrap: wrap; border-radius: 20px 20px 0 0; justify-content:center; padding:10px 12px; box-shadow: 0 -10px 30px rgba(24,32,64,.14); }
    .sbtn{ width:auto; flex: 1 1 0; max-width: 120px; }
    .copied-msg{ flex-basis:100%; order:99; }
    .sidebar-sep{ display:none; }
  }