/* ── KuyumHesap MessageBox standardı ─────────────────────────
   Tüm onay / bilgi / uyarı / hata mesajları bu kutuyla gösterilir (wwwroot/js/kh-msgbox.js → KhMsg).
   Renkler tema token'larından (--ons-*) gelir; tasarım sistemi CSS'i yüklenmeyen sayfalar için
   aynı paletin yedek değerleri aşağıda tanımlıdır. Alt çubuk, X düğmesi ve tema simgesi yoktur.
   ─────────────────────────────────────────────────────────── */

.khm-backdrop {
    --khm-primary-fb: #CB122E;
    --khm-card-fb: #ffffff;
    --khm-text-fb: #1f2937;
    --khm-muted-fb: #4b5563;
    --khm-border-fb: #e5e7eb;
    --khm-btn2-bg-fb: #f3f4f6;
    --khm-btn2-text-fb: #374151;

    --khm-primary: var(--ons-primary, var(--khm-primary-fb));
    --khm-card: var(--ons-card-bg, var(--khm-card-fb));
    --khm-text: var(--ons-gray-800, var(--khm-text-fb));
    --khm-muted: var(--ons-gray-600, var(--khm-muted-fb));
    --khm-border: var(--ons-border, var(--khm-border-fb));
    --khm-btn2-bg: var(--ons-gray-100, var(--khm-btn2-bg-fb));
    --khm-btn2-text: var(--ons-gray-700, var(--khm-btn2-text-fb));
    --khm-success: var(--ons-success, #3ec972);
    --khm-success-bg: var(--ons-success-bg, #d2ffe2);
    --khm-warning: var(--ons-warning, #f0bb33);
    --khm-warning-bg: var(--ons-warning-bg, #fff2c9);
    --khm-danger: var(--ons-danger, #ff5656);
    --khm-danger-bg: var(--ons-danger-bg, #ffe8e8);
    --khm-info: var(--ons-info, #56b1f3);
    --khm-info-bg: var(--ons-info-bg, #e3f3ff);

    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    padding-top: max(16px, env(safe-area-inset-top, 0px));
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    font-family: var(--ons-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    animation: khm-fade-in 0.15s ease;
    box-sizing: border-box;
}
.khm-backdrop *, .khm-backdrop *::before, .khm-backdrop *::after { box-sizing: border-box; }

html[data-accent="lacivert"] .khm-backdrop { --khm-primary-fb: #2E1F7A; }
html[data-accent="yesil"] .khm-backdrop    { --khm-primary-fb: #0E6B3B; }
html[data-accent="pembe"] .khm-backdrop    { --khm-primary-fb: #A8115F; }
html[data-accent="mor"] .khm-backdrop      { --khm-primary-fb: #5B1F8C; }

html[data-theme="dark"] .khm-backdrop {
    --khm-primary-fb: #E8475F;
    --khm-card-fb: #1c1619;
    --khm-text-fb: #ebe3e7;
    --khm-muted-fb: #b7aab0;
    --khm-border-fb: #31292d;
    --khm-btn2-bg-fb: #272024;
    --khm-btn2-text-fb: #d4cacf;
    background: rgba(0, 0, 0, 0.6);
}
html[data-theme="dark"][data-accent="lacivert"] .khm-backdrop { --khm-primary-fb: #4A5FC1; }
html[data-theme="dark"][data-accent="yesil"] .khm-backdrop    { --khm-primary-fb: #2FA866; }
html[data-theme="dark"][data-accent="pembe"] .khm-backdrop    { --khm-primary-fb: #E0499A; }
html[data-theme="dark"][data-accent="mor"] .khm-backdrop      { --khm-primary-fb: #9B5DD6; }

.khm-dialog {
    width: 100%;
    max-width: 440px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--khm-card);
    color: var(--khm-text);
    border: 1px solid var(--khm-border);
    border-radius: var(--ons-radius-xl, 1rem);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.35);
    animation: khm-pop 0.18s cubic-bezier(0.34, 1.4, 0.64, 1);
    outline: none;
}

/* Başlık çubuğu — tema ana rengi */
.khm-title {
    flex-shrink: 0;
    margin: 0;
    padding: 11px 18px;
    background: var(--khm-primary);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
}

.khm-body {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 20px 20px 4px;
    min-height: 0;
    overflow: auto;
}
.khm-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.khm-icon svg { width: 20px; height: 20px; }
.khm-icon-info     { background: var(--khm-info-bg);    color: var(--khm-info); }
.khm-icon-success  { background: var(--khm-success-bg); color: var(--khm-success); }
.khm-icon-warning  { background: var(--khm-warning-bg); color: var(--khm-warning); }
.khm-icon-error    { background: var(--khm-danger-bg);  color: var(--khm-danger); }
.khm-icon-question { background: var(--khm-btn2-bg);    color: var(--khm-primary); }

.khm-content { flex: 1; min-width: 0; padding-top: 7px; }
.khm-message {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--khm-text);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.khm-message.khm-html { white-space: normal; }
.khm-input {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 9px 12px;
    font: inherit;
    font-size: 0.9375rem;
    color: var(--khm-text);
    background: var(--khm-card);
    border: 1px solid var(--khm-border);
    border-radius: var(--ons-radius, 0.5rem);
    outline: none;
}
.khm-input:focus { border-color: var(--khm-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--khm-primary) 22%, transparent); }

/* Düğmeler — ayrı alt çubuk yok, gövdenin devamı */
.khm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 18px 20px 20px;
    flex-shrink: 0;
}
.khm-btn {
    min-width: 92px;
    height: 38px;
    padding: 0 18px;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: var(--ons-radius, 0.5rem);
    border: 1px solid transparent;
    cursor: pointer;
    transition: filter 0.12s ease, background-color 0.12s ease;
    -webkit-tap-highlight-color: transparent;
}
.khm-btn:focus-visible { outline: 2px solid var(--khm-primary); outline-offset: 2px; }
.khm-btn-primary   { background: var(--khm-primary); color: #fff; border-color: var(--khm-primary); }
.khm-btn-danger    { background: var(--khm-danger);  color: #fff; border-color: var(--khm-danger); }
.khm-btn-secondary { background: var(--khm-btn2-bg); color: var(--khm-btn2-text); border-color: var(--khm-border); }
.khm-btn-primary:hover, .khm-btn-danger:hover { filter: brightness(0.92); }
.khm-btn-secondary:hover { filter: brightness(0.96); }

@media (max-width: 480px) {
    .khm-dialog { max-width: none; }
    .khm-actions { gap: 10px; }
    .khm-btn { flex: 1; height: 44px; font-size: 0.9375rem; }
}

@keyframes khm-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes khm-pop { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: none; } }