/* ==========================================================================
   acf.css — ACF sentinel confirm-dialog inline card.
   Part of منصة عقاب dashboard styles. Split from the former app.css.
   Cascade order is significant; see docs/flows/INDEX.md.
   ========================================================================== */
/* ══════════════════════════════════════════════════════
   ACF — SENTINEL CONFIRM DIALOG
══════════════════════════════════════════════════════ */
/* Inline choice card — appears in the chat flow */
.acf-inline {
  display: flex; justify-content: flex-start;
  padding: 6px 0 10px;
}
.acf-card {
  background: var(--s1);
  border: 1px solid var(--gbs);
  border-inline-start: 2px solid var(--g);
  border-radius: var(--r3);
  box-shadow: 0 4px 24px var(--sh);
  padding: 18px 20px 16px;
  max-width: min(500px, 92vw);
  font-family: var(--ff);
}
.acf-header {
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.acf-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--g); flex-shrink: 0;
}
.acf-title {
  font-family: var(--fh); font-weight: 700; font-size: 14.5px;
  color: var(--t1);
}
.acf-preamble {
  font-size: 13px; color: var(--t2); margin-bottom: 14px;
  line-height: 1.6;
}
.acf-questions { display: flex; flex-direction: column; gap: 14px; }
.acf-question {}
.acf-q-prompt {
  font-size: 13px; font-weight: 600; color: var(--t1);
  margin-bottom: 8px;
}
.acf-q-options {
  display: flex; flex-wrap: wrap; gap: 7px;
}
.acf-opt-btn {
  padding: 7px 14px; border-radius: var(--rf);
  border: 1.5px solid var(--b2);
  background: var(--s2); color: var(--t2);
  font-family: var(--ff); font-size: 13px;
  cursor: pointer; transition: border-color .13s, background .13s, color .13s;
  line-height: 1.4;
}
.acf-opt-btn:hover { border-color: var(--g); color: var(--t1); }
.acf-opt-btn.selected {
  border-color: var(--g); background: var(--gd); color: var(--gl);
  font-weight: 600;
}
.acf-actions {
  display: flex; gap: 10px; justify-content: flex-start;
  margin-top: 18px; padding-top: 14px;
  border-top: 1px solid var(--b1);
}
.acf-submit {
  padding: 7px 20px; border-radius: var(--rf);
  background: var(--g); color: #1a1008;
  font-family: var(--fh); font-weight: 700; font-size: 13px;
  transition: opacity .13s;
}
.acf-submit:disabled { opacity: .35; cursor: not-allowed; }
.acf-submit:not(:disabled):hover { opacity: .82; }
.acf-cancel {
  padding: 7px 16px; border-radius: var(--rf);
  border: 1.5px solid var(--b2); color: var(--t2);
  font-size: 13px; background: transparent;
  transition: border-color .13s, color .13s;
  cursor: pointer;
}
.acf-cancel:hover { border-color: var(--b2); color: var(--t1); }

/* ── Print / PDF — hide UI chrome ── */
@media print {
  #sidebar, #topbar, #input-area, #activity-bar, #reply-bar,
  #proc-badge, #login-screen, #pin-modal { display: none !important; }
  #messages { padding: 0; }
}