/* MXonnowell v0.6.17 — Tüm Sistem Görsel Netlik ve Arayüz Tutarlılığı
 * v0.6.16 tipografi standardının üzerine; kontrol, kart, tablo ve odak durumlarını tutarlılaştırır.
 * İş kuralları ve yerleşim mimarisi değiştirilmez.
 */
:root{
  --mx617-ink:#102f40;
  --mx617-ink-2:#24495b;
  --mx617-muted:#496675;
  --mx617-line:#cfdde4;
  --mx617-line-soft:#deeaef;
  --mx617-surface:#ffffff;
  --mx617-soft:#f5f9fb;
  --mx617-blue:#0c769f;
  --mx617-green:#118664;
  --mx617-orange:#c97913;
  --mx617-red:#bb4540;
  --mx617-radius:12px;
  --mx617-shadow:0 8px 24px rgba(19,59,78,.065);
}

/* Odak erişilebilirliği: görünür ama titreşmeyen odak halkası. */
body :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid rgba(12,118,159,.22)!important;
  outline-offset:2px!important;
}

/* Metin barındıran kontrollerde hover ölçekleme/titreme yok. */
body :where(.mx-btn,.btn,.button,.mx-text-link,.mx-site-nav a,.mx-nav-list a,[class*="menu"] a,[class*="toolbar"] button){
  transform:none!important;
  text-shadow:none!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important;
}

/* Form kontrolleri: aynı sınır, aynı kontrast, net placeholder. */
body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select){
  border-color:var(--mx617-line)!important;
  background-color:#fff!important;
  color:var(--mx617-ink)!important;
  box-shadow:none!important;
}
body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select):focus{
  border-color:#67a9c1!important;
  box-shadow:0 0 0 3px rgba(12,118,159,.09)!important;
}
body :where(input,textarea)::placeholder{color:#617b89!important;opacity:1!important}

/* Açık yüzeyli kartlarda gereksiz blur yerine temiz sınır ve çok hafif gölge. */
body :where(.mxon-card,.mx-card,.mx-public-product-card,.mx-product-card,.mx-contact-card,.mx-access-card,[class*="account-card"],[class*="summary-card"]){
  border-color:var(--mx617-line-soft)!important;
  box-shadow:var(--mx617-shadow)!important;
}

/* Tablolar: satır ayrımı ve başlık kontrastı. */
body table{border-color:var(--mx617-line-soft)!important}
body table :where(th){color:#153d52!important;background-color:#f3f8fa}
body table :where(td){color:#274d60!important;border-color:#e0eaee!important}
body table tbody tr:hover{background-color:#f7fafb}

/* Durum renkleri yalnız anlam taşısın. */
body :where(.is-success,.status-success,[class*="is-green"]){--mx617-status:#118664}
body :where(.is-warning,.status-warning,[class*="is-orange"]){--mx617-status:#c97913}
body :where(.is-danger,.status-danger,[class*="is-red"]){--mx617-status:#bb4540}

/* Menü okunabilirliği: aktif öğe hem renk hem sınır ile ayrılır. */
body :where(.mx-site-nav,.mx-nav-list,[class*="sidebar"],[class*="menu"]){font-synthesis:none!important}
body :where(.mx-site-nav a,.mx-nav-list a,[class*="sidebar"] a,[class*="menu"] a){letter-spacing:0!important}
body :where(.mx-site-nav a[aria-current="page"],.mx-nav-list a[aria-current="page"],[class*="sidebar"] .is-active,[class*="menu"] .is-active){font-weight:700!important}

/* Link alt çizgisi yalnız metin bağlantılarında; butonlarda yok. */
body :where(.mx-btn,.btn,.button,[role="button"]){text-decoration:none!important}

/* Küçük ekranlarda buton/kart boşlukları korunurken yazı sıkışmasın. */
@media(max-width:760px){
  body :where(.mx-btn,.btn,.button){min-height:40px}
  body table{font-size:13px}
}