/* Offer (Gente e Gestao). So classes .adm-; reaproveita a base da casca e as
   classes .tes- de lista, fatos, linha do tempo e estado. */

.adm-fila { display: grid; gap: 28px; }
.adm-indicadores { gap: 24px 32px; }
.adm-indicador { background: none; border: 0; padding: 0; text-align: left; cursor: pointer; font: inherit; color: inherit; border-radius: var(--raio-pq); }
.adm-indicador:hover h3 { text-decoration: underline; text-decoration-color: var(--teal); text-underline-offset: 3px; }
.adm-filtros { flex-wrap: wrap; justify-self: start; }
.adm-vazio { padding: 64px 16px; }
.adm-linha { grid-template-columns: minmax(0, 1fr) 128px 150px 190px 16px; }

/* formulario em grupos, como no prototipo */
.adm-form { display: grid; gap: 8px; max-width: 820px; }
.adm-form-corpo { display: grid; }
.adm-grupo { display: grid; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--linha); }
.adm-grupo:first-child { padding-top: 0; }
.adm-grupo-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.adm-dupla { grid-template-columns: 1fr 1fr; gap: 12px; }
.adm-grupo textarea { min-height: 110px; }

/* link pronto */
.adm-pronto { display: grid; gap: 28px; max-width: 760px; }
.adm-pronto > h1 { margin-top: -12px; }
.adm-ok {
  width: 44px; height: 44px; border-radius: 50%; background: var(--teal) no-repeat center / 22px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301000F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E");
}
.adm-link { display: flex; gap: 12px; align-items: center; padding: 12px 12px 12px 16px; border-radius: var(--raio-pq); background: var(--realce); }
.adm-link code { flex: 1; min-width: 0; overflow-wrap: anywhere; font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; color: var(--texto-2); }
.adm-carta { margin: 0; white-space: pre-wrap; font-family: var(--fonte); font-size: 14px; line-height: 1.65; padding: 20px 22px; border-radius: var(--raio); border: 1px solid var(--linha); color: var(--texto); }
.adm-desligado { opacity: .45; pointer-events: none; }

@media (max-width: 760px) {
  .adm-linha { grid-template-columns: 1fr auto; }
  .adm-dupla { grid-template-columns: 1fr 1fr; }
  .adm-link { flex-direction: column; align-items: stretch; }
}