.edmyc-wrapper{position:relative}
.edmyc-controls{position:absolute;top:-50px;right:8px;display:flex;gap:6px;z-index:2}
.edmyc-btn{background:var(--cardbg);font-size: 1.2rem;color:var(--cardcolor);border:1px solid var(--cardborder);border-radius:8px;padding:4px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.edmyc-btn:disabled{opacity:.5;cursor:default}
.edmyc-viewport{overflow:hidden}
.edmyc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/4);gap:12px;transition:transform .25s ease}
.edmyc-card{background:color-mix(in srgb, var(--cardbg) 98%, black);border-radius:6px;border: 1px solid var(--cardborder);overflow:hidden;display:flex;flex-direction:column}
.edmyc-media{display:block;position:relative;padding-top:46%;background:#f3f4f6}
.edmyc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.edmyc-body{padding:10px 12px 8px}
.edmyc-title{display:block;font-weight:600;color: var(--cardcolor);text-decoration:none}
.edmyc-title:hover{text-decoration:underline}
.edmyc-foot{padding:0 12px 12px}
.edmyc-status{display:inline-block;font-size:.85rem;padding:.15rem .5rem;border-radius:999px;background:#e5e7eb;color:#374151}
.edmyc-status.valid{background:#dcfce7;color:#065f46}
.edmyc-status.temporary{background:#fff7ed;color:#92400e}
.edmyc-status.expired{background:#fee2e2;color:#991b1b}
.edmyc-status.notcertified{background:#e5e7eb;color:#374151}
.edmyc-status.archived{background:#e5e7eb;color:#374151;text-decoration:line-through}
.edmyc-empty{padding:12px;color:#6b7280}
/* Reserva espaço para os botões no topo */
.edmyc-wrapper{
  position: relative;
  padding-top: 16px;      /* <- cria a folga para os botões */
}

/* Opcional: botões um pouco menores */
.edcrc-controls{position:absolute;top:-50px;right:12px;display:flex;gap:6px;z-index:2}
.edcrc-btn{background:var(--cardbg);font-size: 1.2rem;color:var(--cardcolor);border:1px solid var(--cardborder);border-radius:8px;padding:4px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.edmyc-btn:disabled{ opacity:.5; cursor: default; }

/* Mobile: 1 card por vez (<= 780px) */
@media (max-width: 780px) {
  .edmyc-wrapper { padding-top: 16px; }
  .edmyc-track {
    grid-auto-columns: 100%;  /* 1 card visível */
    gap: 10px;                /* opcional: gap menor no mobile */
  }
}