/* ssConfirm — shared inline confirmation dialog
   Class prefix: .sk-confirm-*  (avoids chat-ny [class*="modal"]/[class*="dialog"] wildcards) */

.sk-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-confirm, 10400);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.sk-confirm-overlay.sk-confirm-visible {
  opacity: 1;
}

.sk-confirm-card {
  background: var(--color-card, #FAF7F3);
  border-radius: 16px;
  padding: 28px;
  max-width: min(420px, calc(100vw - 40px));
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  transform: scale(0.92);
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.sk-confirm-visible .sk-confirm-card {
  transform: scale(1);
}

.sk-confirm-title {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1.15rem;
  color: var(--color-text-primary, #5C4D43);
  margin: 0 0 8px;
  line-height: 1.3;
}

.sk-confirm-message {
  font-size: 0.95rem;
  color: var(--color-text-secondary, #8B7D74);
  line-height: 1.5;
  margin: 0 0 24px;
}

.sk-confirm-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.sk-confirm-btn {
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.sk-confirm-btn-cancel {
  background: transparent;
  border: 1.5px solid var(--color-border, #E0D6CE);
  color: var(--color-text-primary, #5C4D43);
}

.sk-confirm-btn-cancel:hover {
  background: rgba(0, 0, 0, 0.04);
}

.sk-confirm-btn-ok {
  background: var(--color-accent, #D4A89A);
  color: #fff;
  border: 1.5px solid transparent;
}

.sk-confirm-btn-ok:hover {
  filter: brightness(0.95);
}

.sk-confirm-btn-danger {
  background: var(--color-danger, #C75B4A);
  color: #fff;
  border: 1.5px solid transparent;
}

.sk-confirm-btn-danger:hover {
  filter: brightness(0.92);
}

/* ── Dark mode ── */

[data-theme="dark"] .sk-confirm-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .sk-confirm-card {
  background: var(--color-card, #2A2420) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .sk-confirm-title {
  color: var(--color-text-primary, #E8DDD4) !important;
}

[data-theme="dark"] .sk-confirm-message {
  color: var(--color-text-secondary, #A89A90) !important;
}

[data-theme="dark"] .sk-confirm-btn-cancel {
  border-color: var(--color-border, #4A3F38) !important;
  color: var(--color-text-primary, #E8DDD4) !important;
}

[data-theme="dark"] .sk-confirm-btn-cancel:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ── Mobile ── */

@media (max-width: 480px) {
  .sk-confirm-card {
    padding: 20px;
  }
}