/* ===== assets/briefing.css =====
   Modal global de Briefing — aberto via AyaBriefing.open({...}) a partir de um item
   de Planejamento ou de um To Do (botão "+ criar briefing"). Único elemento no body
   (criado sob demanda, ver assets/briefing.js), por isso pode ficar escopado por id:
   #ayaBriefingModal nunca existe em duplicidade no DOM. Prefixado de propósito —
   .btn/.field/.modal-overlay/.toast já existem soltos (sem escopo) em outros CSS
   deste projeto (marketing.css etc.); sem o prefixo, este arquivo sobrescreveria
   esses estilos em todas as páginas, não só no próprio modal. */
#ayaBriefingModal {
  --green-900:#1c361d;
  --green-800:#24422a;
  --beige:#f2ecdd;
  --beige-soft:#f8f4e9;
  --white:#ffffff;
  --ink:#1e1d18;
  --muted:#7a7566;
  --muted-soft:#a39d8b;
  --border:#e6dfc9;
  --border-soft:#ece6d4;
  --magenta:#e315e2;
  --magenta-soft:#fceafc;
  --lavender:#8a81fe;
  --lavender-soft:#eeecff;
  --amber:#a3790a;
  --amber-soft:#fff6e0;
  --shadow-pop:0 12px 36px -12px rgba(28,54,29,.30);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
  color:var(--ink);
}
#ayaBriefingModal * { box-sizing:border-box; }
#ayaBriefingModal h3 { font-family:'Fraunces',serif; font-weight:600; letter-spacing:-0.01em; margin:0; }
#ayaBriefingModal button { font-family:inherit; }
#ayaBriefingModal :focus-visible { outline:2px solid var(--magenta); outline-offset:2px; border-radius:6px; }

#ayaBriefingModal .ab-overlay {
  position:fixed; inset:0; background:rgba(28,54,29,.4);
  opacity:0; pointer-events:none; transition:opacity .2s var(--ease);
  z-index:150; display:flex; align-items:center; justify-content:center; padding:20px; overflow-y:auto;
}
#ayaBriefingModal .ab-overlay.show { opacity:1; pointer-events:auto; }
#ayaBriefingModal .ab-modal {
  background:var(--white); border-radius:20px; width:min(680px,100%); max-height:90vh;
  overflow-y:auto; box-shadow:var(--shadow-pop);
  transform:scale(.96); opacity:0; transition:transform .2s var(--ease),opacity .2s var(--ease);
  margin:auto; display:flex; flex-direction:column;
}
#ayaBriefingModal .ab-overlay.show .ab-modal { transform:scale(1); opacity:1; }
#ayaBriefingModal .ab-head { padding:20px 22px 0; display:flex; align-items:flex-start; justify-content:space-between; flex:none; }
#ayaBriefingModal .ab-head h3 { font-size:18px; max-width:440px; }
#ayaBriefingModal .ab-close {
  width:28px; height:28px; border-radius:50%; background:var(--beige-soft); display:flex;
  align-items:center; justify-content:center; color:var(--muted); flex:none; cursor:pointer;
}
#ayaBriefingModal .ab-close:hover { background:var(--border); }

#ayaBriefingModal .ab-loading-hint { padding:6px 22px 0; font-size:11.5px; color:var(--muted); flex:none; }

#ayaBriefingModal .ab-tabseg {
  display:flex; gap:4px; background:var(--beige-soft); border:1px solid var(--border); border-radius:11px;
  padding:3px; width:max-content; margin:16px 22px 0; flex:none;
}
#ayaBriefingModal .ab-tabseg .opt {
  padding:8px 16px; border-radius:8px; font-size:12.5px; font-weight:700; color:var(--muted);
  cursor:pointer; display:flex; align-items:center; gap:6px;
}
#ayaBriefingModal .ab-tabseg .opt.active { background:var(--green-900); color:var(--beige); }

#ayaBriefingModal .ab-body { padding:16px 22px 4px; overflow-y:auto; }
#ayaBriefingModal .ab-foot { padding:14px 22px 20px; display:flex; align-items:center; justify-content:flex-end; gap:10px; flex:none; border-top:1px solid var(--border-soft); }
#ayaBriefingModal .ab-autosave-status { margin-right:auto; font-size:11.5px; color:var(--muted); }
#ayaBriefingModal .ab-autosave-status.ok { color:var(--teal-dark, var(--muted)); }
#ayaBriefingModal .ab-autosave-status.error { color:var(--coral-dark, #b3452f); }

#ayaBriefingModal .ab-btn { display:inline-flex; align-items:center; gap:7px; padding:10px 16px; border-radius:11px; font-size:var(--fs-btn); font-weight:var(--fw-bold); cursor:pointer; border:1px solid transparent; white-space:nowrap; }
#ayaBriefingModal .ab-btn:active { transform:scale(.97); }
#ayaBriefingModal .ab-btn-primary { background:var(--green-900); color:var(--beige); }
#ayaBriefingModal .ab-btn-primary:hover { background:var(--green-800); }
#ayaBriefingModal .ab-btn-ghost { background:transparent; color:var(--muted); }
#ayaBriefingModal .ab-btn-ghost:hover { background:var(--beige-soft); }
#ayaBriefingModal .ab-btn-danger-ghost { background:transparent; color:#c65b4e; }
#ayaBriefingModal .ab-btn-danger-ghost:hover { background:#fbeae7; }

#ayaBriefingModal .ab-field { display:flex; flex-direction:column; gap:6px; margin-bottom:13px; }
#ayaBriefingModal .ab-field label { font-size:11.5px; font-weight:700; color:var(--muted); }
#ayaBriefingModal .ab-field input, #ayaBriefingModal .ab-field select, #ayaBriefingModal .ab-field textarea {
  padding:9px 11px; border:1px solid var(--border); border-radius:10px; font-size:12.5px; font-family:inherit; color:var(--ink); width:100%;
}
#ayaBriefingModal .ab-field textarea { min-height:56px; resize:vertical; }
#ayaBriefingModal .ab-field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

#ayaBriefingModal .ab-pill-select {
  appearance:none; border:none; border-radius:999px; padding:7px 26px 7px 12px; font-size:12px; font-weight:700;
  cursor:pointer; background-repeat:no-repeat; background-position:right 8px center; background-size:11px;
}
#ayaBriefingModal .ab-pill-canal { background-color:var(--magenta-soft); color:var(--magenta); background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23e315e2" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>'); }
#ayaBriefingModal .ab-pill-data { background-color:var(--magenta-soft); color:var(--magenta); border:none; border-radius:999px; padding:7px 12px; font-size:12px; font-weight:700; }
#ayaBriefingModal .ab-pill-finalidade { background-color:var(--lavender-soft); color:var(--lavender); background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238a81fe" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>'); }
#ayaBriefingModal .ab-pill-dim { background-color:var(--amber-soft); color:var(--amber); border:1px solid transparent; border-radius:999px; padding:7px 12px; font-size:12px; font-weight:700; }

#ayaBriefingModal .ab-brief-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; background:var(--beige-soft);
  border:1px solid var(--border-soft); border-radius:14px; padding:14px 16px; margin-bottom:16px;
}
#ayaBriefingModal .ab-brief-grid .bf { display:flex; flex-direction:column; gap:5px; }
#ayaBriefingModal .ab-brief-grid .bf label { font-size:10.5px; font-weight:700; color:var(--muted); letter-spacing:.02em; }
#ayaBriefingModal .ab-brief-grid .bf.full { grid-column:1 / -1; }

#ayaBriefingModal .ab-toast {
  position:fixed; bottom:22px; right:22px; background:var(--green-900); color:var(--beige); padding:12px 18px;
  border-radius:12px; font-size:13px; font-weight:600; box-shadow:var(--shadow-pop); z-index:160;
  transform:translateY(10px); opacity:0; transition:transform .2s var(--ease),opacity .2s var(--ease); pointer-events:none;
}
#ayaBriefingModal .ab-toast.show { transform:translateY(0); opacity:1; }

@media (max-width:640px) {
  #ayaBriefingModal .ab-field-row, #ayaBriefingModal .ab-brief-grid { grid-template-columns:1fr; }
}