/* Página /criar — complementa styles.css */
.criar { background: #f5f5f6; }
.criar__col { max-width: 32.5rem; }
.criar .head { margin-bottom: var(--s-8); }
.criar__titulo { font-size: 1.75rem; letter-spacing: -.02em; text-wrap: balance; }
@media (min-width: 48rem) { .criar__titulo { font-size: 2rem; } }
@media (min-width: 64rem) { .criar__titulo { font-size: 2.375rem; } }

.criar__form { padding: var(--s-5); }
@media (min-width: 40rem) { .criar__form { padding: var(--s-8); } }
.criar__form input:not([type=checkbox]):not([type=radio]), .criar__form select { border-color: #86888b; }
.criar__form :focus-visible { outline: 2px solid #0095c4; outline-offset: 2px; }
.criar__form [aria-invalid="true"] { border-color: #b63739 !important; }

.criar__ajuda { margin-top: var(--s-2); font-size: .75rem; color: #626468; }
.criar__erro { font-size: .8125rem; font-weight: 500; color: #b63739; }
.criar__erro:not(:empty) { margin-top: var(--s-2); }
.criar__erro:not(:empty)::before { content: "\26A0\FE0E\00A0"; }

.criar__resumo { margin-bottom: var(--s-5); padding: var(--s-3) var(--s-4); border-radius: var(--r-md); background: #fde9e9; color: #b63739; border: 1px solid #b63739; font-size: var(--fs-sm); }
.criar__resumo ul { margin: var(--s-2) 0 0; padding-left: 1.25em; list-style: disc; }
.criar__resumo a { color: inherit; text-decoration: underline; }

.criar__grupo { border: 0; padding: 0; min-width: 0; }
.criar__grupo legend { font-weight: 500; font-size: var(--fs-sm); color: var(--text-strong); margin-bottom: var(--s-2); padding: 0; }
.criar__opcoes { display: flex; gap: var(--s-3); }
.criar__opcao { flex: 1; display: flex !important; align-items: center; justify-content: center; gap: var(--s-2); min-height: 2.75rem; margin: 0 !important; padding: 0 var(--s-4); border: 1px solid #86888b; border-radius: var(--r-md); cursor: pointer; font-weight: 500; }
.criar__opcao input { width: auto !important; min-height: 0 !important; margin: 0; accent-color: #0095c4; }
.criar__opcao:has(input:checked) { border-color: #0095c4; background: #e6f7fc; }

.criar .form__check { min-height: 2.75rem; }
.criar .form__check input { width: 1.25rem; height: 1.25rem; }
.criar .form__check label { color: #4a4c51; }

.criar__enviar { min-height: 3.25rem; margin-top: var(--s-2); color: #0d1117; }
.criar__enviar.is-loading::after { content: ""; width: 1em; height: 1em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: criar-gira .7s linear infinite; }
@keyframes criar-gira { to { transform: rotate(360deg); } }
.criar__aviso { margin-top: var(--s-3); text-align: center; }

.criar__ok:not(:empty) { margin-top: var(--s-5); padding: var(--s-4); border-radius: var(--r-md); background: #e2f7f0; color: #0f7657; border: 1px solid #0f7657; font-size: var(--fs-sm); }
.criar__ok .btn { margin-top: var(--s-3); }

@media (prefers-reduced-motion: reduce) {
  .criar__enviar.is-loading::after { animation: none; }
}