/* §102 styled confirm modal — theme-aware, AA colours, keyboard-visible focus.
   Surface uses --surface-2 + --fg (the assistant-bubble pair, defined in BOTH
   themes: dark rgba + light #e6edf3 in standard; solid #FFFBF2 + navy in cozy)
   — NOT --card, which is undefined on these pages.
   Button bg/color use !important because the global
   `button:not(.icon-btn):not(.danger)` catch-all in styles.css (specificity
   0,2,1) otherwise overrides single-class button styles with a non-AA gradient
   — !important is the documented escape (the cozy overrides use it too). */
.cmodal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, .6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cmodal {
  background: var(--surface-2, #FFFBF2);
  color: var(--fg, #1A2438);
  border: 1px solid var(--border, rgba(127, 127, 127, .28));
  border-radius: 14px;
  max-width: 400px;
  width: 100%;
  padding: 22px 22px 18px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}
.cmodal-msg {
  font-size: .95rem;
  line-height: 1.5;
  margin: 0 0 18px;
  color: var(--fg, #1A2438);
}
.cmodal-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.cmodal-btn {
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 10px;
  cursor: pointer;
  min-height: 40px;
  border: 1px solid transparent;
}
.cmodal-btn:focus-visible {
  outline: 2px solid var(--gradient-brand, #2563EB);
  outline-offset: 2px;
}
.cmodal-cancel {
  background: transparent !important;
  color: var(--fg, #1A2438) !important;
  border: 1px solid var(--border, rgba(127, 127, 127, .45)) !important;
}
.cmodal-cancel:hover {
  background: rgba(127, 127, 127, .14) !important;
}
.cmodal-confirm {
  background: var(--gradient-brand, #2563EB) !important;
  color: #ffffff !important;
}
/* Solid AA red for destructive confirms — white on #b32418 ≈ 6.2:1. */
.cmodal-confirm--danger {
  background: #b32418 !important;
  color: #ffffff !important;
}
.cmodal-confirm:hover {
  filter: brightness(1.07);
}