/* mm.erp vitrin — sayfa stili (Y-297). Ortak kit: vitrin/kmp-vitrin.css. Yalnız .kv-mm kapsamı. */

.kv.kv-mm { --kv-vurgu: #3563E9; --kv-vurgu-metin: #6EA8FF; }
html[data-theme="light"] .kv.kv-mm { --kv-vurgu-metin: #2A52C9; }
@media (prefers-color-scheme: light) {
    html:not([data-theme]) .kv.kv-mm { --kv-vurgu-metin: #2A52C9; }
}

/* Marka */
.kv-mm .kv-brand { gap: 0; font-family: var(--kv-display); font-weight: 700; letter-spacing: -.02em; font-size: 1.15rem; text-decoration: none; color: var(--kv-text); }
.kv-mm .brand-dot { color: var(--kv-vurgu-metin); }
.kv-mm .kv-chip-btn svg { width: 18px; height: 18px; }
.kv-mm code { font-family: var(--kv-mono); font-size: .88em; background: var(--kv-vurgu-yumusak); padding: .08em .35em; border-radius: 5px; }
.kv-mm .kv-sub a, .kv-mm .faq-item a, .kv-mm .contact-value { color: var(--kv-vurgu-metin); }
.kv-mm .kv-btn, .kv-mm .kv-nav a, .kv-mm .kv-back, .kv-mm .kv-brand { text-decoration: none; }

/* İmza: mali mühür damgası */
.kv-mm .kv-scene { position: relative; min-height: 400px; }
.kv-mm .mm-muhur { position: absolute; width: 190px; height: 190px; right: 0; top: 50%; transform: translateY(-50%); opacity: .9; }
.kv-mm .mm-muhur__dis { fill: none; stroke: var(--kv-vurgu-metin); stroke-width: 2; opacity: .55; }
.kv-mm .mm-muhur__kesik { fill: none; stroke: var(--kv-vurgu-metin); stroke-width: 1.5; stroke-dasharray: 3 7; opacity: .7; }
.kv-mm .mm-muhur__ic { fill: var(--kv-vurgu-yumusak); stroke: var(--kv-vurgu); stroke-width: 2; }
.kv-mm .mm-muhur__yazi { font-family: var(--kv-mono); font-size: 10.5px; letter-spacing: .12em; fill: var(--kv-vurgu-metin); }
.kv-mm .mm-muhur__mm { font-family: var(--kv-display); font-size: 34px; font-weight: 700; fill: var(--kv-text); }
.kv-mm .mm-muhur__don { transform-origin: 100px 100px; animation: mm-don 48s linear infinite; }
@keyframes mm-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .kv-mm .mm-muhur__don { animation: none; } }

.kv-mm .kv-scene-card { position: absolute; max-width: 260px; }
.kv-mm .mm-sc-dosya { left: 0; top: 4%; }
.kv-mm .mm-sc-anahtar { left: 0; top: 40%; }
.kv-mm .mm-sc-zincir { left: 0; bottom: 6%; }
.kv-mm .mm-sc-rdp { right: 2%; top: 0; }
@media (max-width: 960px) {
    .kv-mm .kv-scene { min-height: 0; display: grid; gap: 12px; }
    .kv-mm .kv-scene-card, .kv-mm .mm-muhur { position: static; transform: none; max-width: none; }
    .kv-mm .mm-muhur { width: 150px; height: 150px; justify-self: center; }
}

/* Karşılaştırma tablosu */
.kv-mm .table-wrap { overflow-x: auto; border: 1px solid var(--kv-border); border-radius: var(--kv-r); background: var(--kv-bg-card); }
.kv-mm table.compare { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 760px; }
.kv-mm .compare th, .kv-mm .compare td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--kv-border); vertical-align: top; }
.kv-mm .compare thead th { font-family: var(--kv-display); font-weight: 600; color: var(--kv-mute); background: var(--kv-bg-elev); position: sticky; top: 0; }
.kv-mm .compare .th-us, .kv-mm .compare td.us { background: var(--kv-vurgu-yumusak); color: var(--kv-text); font-weight: 600; }
.kv-mm .compare td:first-child { color: var(--kv-text); font-weight: 500; }
.kv-mm .compare td { color: var(--kv-mute); }
.kv-mm .compare .yes { color: #34d399; }
.kv-mm .compare .no { color: #f87171; }
.kv-mm .compare .partial { color: #fbbf24; }
html[data-theme="light"] .kv-mm .compare .yes { color: #047857; }
html[data-theme="light"] .kv-mm .compare .no { color: #b91c1c; }
html[data-theme="light"] .kv-mm .compare .partial { color: #92400e; }
.kv-mm .compare tbody tr:last-child td { border-bottom: 0; }
.kv-mm .compare-note { margin-top: 14px; color: var(--kv-mute); font-size: .88rem; }

/* Mimari */
.kv-mm .mm-arch { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.kv-mm .arch-tag { display: inline-block; font-family: var(--kv-mono); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--kv-vurgu-metin); margin-bottom: 8px; }
.kv-mm .algo-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }

/* Kod kartları */
.kv-mm .code-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; }
.kv-mm .code-card { border: 1px solid var(--kv-border); border-radius: var(--kv-r); background: #0b1220; overflow: hidden; min-width: 0; }
.kv-mm .code-tab { font-family: var(--kv-mono); font-size: .78rem; color: #9fb3d9; padding: 9px 14px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.kv-mm .code-card pre { margin: 0; padding: 14px; overflow-x: auto; }
.kv-mm .code-card pre code { background: none; padding: 0; font-size: .82rem; line-height: 1.6; color: #e2e8f0; white-space: pre; }
.kv-mm .code-card .kw { color: #c084fc; }
.kv-mm .code-card .str { color: #86efac; }
.kv-mm .code-card .cm { color: #7c8aa5; font-style: italic; }

/* SSS */
.kv-mm .faq-list { display: grid; gap: 10px; max-width: 880px; }
.kv-mm .faq-item { border: 1px solid var(--kv-border); border-radius: var(--kv-r); background: var(--kv-bg-card); padding: 0 18px; }
.kv-mm .faq-item summary { cursor: pointer; padding: 15px 0; font-weight: 600; color: var(--kv-text); list-style: none; }
.kv-mm .faq-item summary::-webkit-details-marker { display: none; }
.kv-mm .faq-item summary::after { content: "+"; float: right; color: var(--kv-vurgu-metin); transition: transform var(--kv-dur) var(--kv-ease); }
.kv-mm .faq-item[open] summary::after { transform: rotate(45deg); }
.kv-mm .faq-item p { color: var(--kv-mute); margin: 0 0 16px; line-height: 1.65; }
.kv-mm .faq-item summary:focus-visible { outline: 2px solid var(--kv-vurgu-metin); outline-offset: 3px; border-radius: 4px; }

/* İletişim formu */
.kv-mm .lead-form { max-width: 720px; border: 1px solid var(--kv-border); border-radius: var(--kv-r); background: var(--kv-bg-card); padding: 24px; box-shadow: var(--kv-shadow); }
.kv-mm .lead-form-head h3 { margin: 0 0 4px; font-family: var(--kv-display); }
.kv-mm .lead-form-head p { margin: 0 0 18px; color: var(--kv-mute); }
.kv-mm .form-row { margin-bottom: 14px; }
.kv-mm .form-row-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 760px) { .kv-mm .form-row-split { grid-template-columns: 1fr; } }
.kv-mm .lead-form label { display: block; font-size: .86rem; font-weight: 600; margin-bottom: 6px; color: var(--kv-text); }
.kv-mm .lead-form .req { color: #f87171; }
.kv-mm .lead-form .opt { color: var(--kv-dim); font-weight: 400; }
.kv-mm .lead-form input, .kv-mm .lead-form select, .kv-mm .lead-form textarea {
    width: 100%; box-sizing: border-box; font: inherit; color: var(--kv-text); background: var(--kv-bg);
    border: 1px solid var(--kv-border); border-radius: 10px; padding: 10px 12px;
    transition: border-color var(--kv-dur) var(--kv-ease), box-shadow var(--kv-dur) var(--kv-ease);
}
.kv-mm .lead-form input:focus-visible, .kv-mm .lead-form select:focus-visible, .kv-mm .lead-form textarea:focus-visible {
    outline: none; border-color: var(--kv-vurgu); box-shadow: 0 0 0 3px var(--kv-vurgu-yumusak);
}
.kv-mm .form-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kv-mm .form-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.kv-mm .form-submit:disabled { opacity: .6; cursor: progress; }
.kv-mm .form-status { font-size: .9rem; }
.kv-mm .form-status--pending { color: var(--kv-mute); }
.kv-mm .form-status--ok { color: #34d399; }
.kv-mm .form-status--err { color: #f87171; }
html[data-theme="light"] .kv-mm .form-status--ok { color: #047857; }
html[data-theme="light"] .kv-mm .form-status--err { color: #b91c1c; }
.kv-mm .form-privacy { margin: 12px 0 0; font-size: .8rem; color: var(--kv-dim); }

.kv-mm .contact-divider { display: flex; align-items: center; gap: 12px; color: var(--kv-dim); font-size: .85rem; margin: 32px 0 20px; max-width: 720px; }
.kv-mm .contact-divider::before, .kv-mm .contact-divider::after { content: ""; flex: 1; height: 1px; background: var(--kv-border); }

.kv-mm .contact-panel { max-width: 720px; border: 1px solid var(--kv-border); border-radius: var(--kv-r); background: var(--kv-bg-card); padding: 22px 24px; }
.kv-mm .contact-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.kv-mm .contact-company { margin: 0 0 6px; font-family: var(--kv-display); font-size: 1.05rem; }
.kv-mm .contact-address { margin: 0; color: var(--kv-mute); font-size: .9rem; }
.kv-mm .contact-cta { gap: 8px; }
.kv-mm .contact-rows { display: grid; gap: 10px; }
.kv-mm .contact-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .92rem; }
.kv-mm .contact-label { min-width: 72px; color: var(--kv-dim); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.kv-mm .contact-value { font-weight: 600; }
.kv-mm .contact-sep { color: var(--kv-dim); }
.kv-mm .contact-hint { color: var(--kv-dim); font-size: .8rem; }
.kv-mm .contact-email-img { height: 24px; width: auto; background: #0a1628; border-radius: 6px; padding: 3px 8px; }

/* Footer (mevcut künye bloğu korunur) */
.kv-mm .footer { border-top: 1px solid var(--kv-border); background: var(--kv-bg-elev); color: var(--kv-mute); padding-top: 40px; font-size: .9rem; }
.kv-mm .footer-inner { display: grid; grid-template-columns: 2fr 1fr 1.6fr; gap: 28px; }
@media (max-width: 760px) { .kv-mm .footer-inner { grid-template-columns: 1fr; } }
.kv-mm .footer-brand { font-family: var(--kv-display); font-weight: 700; font-size: 1.1rem; color: var(--kv-text); }
.kv-mm .footer-brand p { font-family: var(--kv-sans); font-weight: 400; font-size: .88rem; color: var(--kv-mute); margin-top: 8px; }
.kv-mm .footer h4 { margin: 0 0 10px; font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: var(--kv-dim); }
.kv-mm .footer-links a { display: block; padding: 3px 0; color: var(--kv-mute); text-decoration: none; }
.kv-mm .footer-links a:hover, .kv-mm .footer-meta a:hover { color: var(--kv-vurgu-metin); }
.kv-mm .footer-meta p { margin: 0 0 6px; }
.kv-mm .footer-meta a { color: var(--kv-mute); text-decoration: none; }
.kv-mm .footer-family-section { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--kv-border); }
.kv-mm .footer-family-title { margin: 0 0 12px; font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: var(--kv-dim); }
.kv-mm .footer-family-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.kv-mm .footer-family-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--kv-border); border-radius: 10px; color: var(--kv-mute); text-decoration: none; font-size: .85rem; transition: border-color var(--kv-dur) var(--kv-ease), color var(--kv-dur) var(--kv-ease); }
.kv-mm .footer-family-item:hover { border-color: var(--kv-vurgu); color: var(--kv-text); }
.kv-mm .footer-bottom { margin-top: 28px; padding: 18px 0 24px; border-top: 1px solid var(--kv-border); color: var(--kv-dim); font-size: .82rem; }
.kv-mm .footer-bottom .kunye { white-space: nowrap; font-variant-numeric: tabular-nums; }

/* Dokümantasyon (/readme, Y-297 artığı): README gövdesi kit belirteçleriyle — eski styles.css'e bağlı değil. */
.kv-mm .mm-doc-hero { padding: calc(var(--kv-header-h) + 56px) 0 28px; border-bottom: 1px solid var(--kv-border); background: var(--kv-bg-elev); }
.kv-mm .mm-doc-hero .kv-h2 { margin-top: 12px; }
.kv-mm .mm-doc { padding: 48px 0 88px; }
.kv-mm .mm-doc__govde { max-width: 820px; margin: 0 auto; color: var(--kv-mute); line-height: 1.72; font-size: 1rem; overflow-wrap: anywhere; }
.kv-mm .mm-doc__govde h2, .kv-mm .mm-doc__govde h3, .kv-mm .mm-doc__govde h4 { font-family: var(--kv-display); color: var(--kv-text); letter-spacing: -.02em; line-height: 1.25; margin: 2.2em 0 .7em; scroll-margin-top: calc(var(--kv-header-h) + 16px); }
.kv-mm .mm-doc__govde h2 { font-size: 1.6rem; padding-bottom: .35em; border-bottom: 1px solid var(--kv-border); }
.kv-mm .mm-doc__govde > h2:first-child { margin-top: 0; }
.kv-mm .mm-doc__govde h3 { font-size: 1.22rem; }
.kv-mm .mm-doc__govde h4 { font-size: 1.04rem; color: var(--kv-vurgu-metin); }
.kv-mm .mm-doc__govde p { margin: 0 0 1.1em; }
.kv-mm .mm-doc__govde strong, .kv-mm .mm-doc__govde em { color: var(--kv-text); }
.kv-mm .mm-doc__govde a { color: var(--kv-vurgu-metin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: text-decoration-thickness var(--kv-dur) var(--kv-ease); }
.kv-mm .mm-doc__govde a:hover { text-decoration-thickness: 2px; }
.kv-mm .mm-doc__govde a:focus-visible { outline: 2px solid var(--kv-vurgu); outline-offset: 2px; border-radius: 3px; }
.kv-mm .mm-doc__govde ul, .kv-mm .mm-doc__govde ol { padding-left: 1.4em; margin: 0 0 1.1em; }
.kv-mm .mm-doc__govde li { margin: .35em 0; }
.kv-mm .mm-doc__govde li::marker { color: var(--kv-vurgu-metin); }
.kv-mm .mm-doc__govde blockquote { margin: 1.2em 0; padding: .8em 1.1em; border-left: 3px solid var(--kv-vurgu); background: var(--kv-vurgu-yumusak); border-radius: 0 var(--kv-r) var(--kv-r) 0; }
.kv-mm .mm-doc__govde blockquote p:last-child { margin-bottom: 0; }
.kv-mm .mm-doc__govde pre { margin: 0 0 1.3em; padding: 16px 18px; overflow-x: auto; background: var(--kv-bg-card); border: 1px solid var(--kv-border); border-radius: var(--kv-r); line-height: 1.55; }
.kv-mm .mm-doc__govde pre code { background: none; padding: 0; font-size: .86rem; color: var(--kv-text); }
.kv-mm .mm-doc__govde table { display: block; overflow-x: auto; border-collapse: collapse; margin: 0 0 1.4em; font-size: .92rem; }
.kv-mm .mm-doc__govde th, .kv-mm .mm-doc__govde td { padding: 9px 13px; border-bottom: 1px solid var(--kv-border); text-align: left; vertical-align: top; }
.kv-mm .mm-doc__govde th { color: var(--kv-text); font-weight: 600; background: var(--kv-bg-elev); }
.kv-mm .mm-doc__govde tr:hover td { background: var(--kv-track); }
.kv-mm .mm-doc__govde hr { border: 0; border-top: 1px solid var(--kv-border); margin: 2.4em 0; }
.kv-mm .mm-doc__govde img { max-width: 100%; border-radius: var(--kv-r); }
@media (max-width: 640px) { .kv-mm .mm-doc-hero { padding-top: calc(var(--kv-header-h) + 32px); } .kv-mm .mm-doc { padding-top: 32px; } }