/* "Evento ou projecto?" — pop-up do "+ Adicionar" do menu (em todas as páginas) e página /adicionar. */
.ck-area, .ck-choose { --ck-line: rgba(45,76,54,.16); --ck-field: #fffdf8; }
/* Cartões "Projecto | Evento" */
.ck-area { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.ck-area-opt {
  display: flex; gap: 14px; align-items: center; padding: 18px; border: 1.5px solid var(--ck-line); border-radius: var(--radius);
  background: var(--ck-field); cursor: pointer;
}
.ck-area-opt input { position: absolute; opacity: 0; pointer-events: none; }
.ck-area-opt strong { display: block; font: 600 1.15rem/1.2 var(--font-head); color: var(--forest-dark); }
.ck-area-opt small { display: block; color: var(--muted-light); font-size: .85rem; margin-top: 2px; }
.ck-area-icon { font-size: 1.9rem; line-height: 1; }
.ck-area-opt:has(input:checked) { border-color: var(--forest); background: #fff; box-shadow: inset 0 0 0 1px var(--forest); }
a.ck-area-opt { color: inherit; text-decoration: none; }
a.ck-area-opt:hover { border-color: var(--forest); background: #fff; }
a.ck-area-opt:focus-visible { outline: 3px solid rgba(45,76,54,.35); outline-offset: 2px; }
.ck-choose-page { max-width: 720px; margin: 0 auto; padding: 56px 24px 80px; }
.ck-choose-page h1, .ck-choose h2 { font: 600 clamp(1.7rem, 3vw, 2.3rem)/1.15 var(--font-head); color: var(--forest-dark); margin-bottom: 28px; }
/* Pop-up do "+ Adicionar" do menu */
/* margin: auto centra o <dialog> — o reset do baldio.css (* { margin: 0 }) tirava-lho */
.ck-choose { border: 0; padding: 0; margin: auto; background: transparent; max-width: min(640px, calc(100vw - 32px)); width: 100%; }
.ck-choose::backdrop { background: rgba(28,28,24,.45); }
.ck-choose-card { position: relative; background: var(--paper); border-radius: var(--radius); padding: 32px 28px 28px; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.ck-choose-card h2 { margin-bottom: 20px; }
.ck-choose-card .ck-area { margin-bottom: 0; }
.ck-choose-close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; font-size: 1.3rem; color: var(--muted); cursor: pointer; }
.ck-choose-close:hover { background: rgba(45,76,54,.08); }
.ck-choose-close:focus-visible { outline: 3px solid rgba(45,76,54,.35); }
@media (max-width: 560px) { .ck-choose .ck-area { grid-template-columns: 1fr; } }
.ck-area-opt:has(input:focus-visible) { outline: 3px solid rgba(45,76,54,.35); outline-offset: 2px; }