/*
 * XAN Gayrimenkul Araçları v1.8.77
 * SADE KURUMSAL UI / MOBİL-TABLET STABİL FINAL KATMAN
 * Amaç: 32 araçta tam beyaz çalışma yüzeyi, kontrollü petrol alanlar,
 *       net koyu tipografi, aynı sekmede gezinme ve sıfır görsel/gölge karmaşası.
 */

@media screen {
  :root {
    --xan-ui-petrol: #055970;
    --xan-ui-petrol-2: #0A6B82;
    --xan-ui-petrol-deep: #03485B;
    --xan-ui-cyan: #47AFC0;
    --xan-ui-ink: #202124;
    --xan-ui-heading: #12262D;
    --xan-ui-text: #394C53;
    --xan-ui-muted: #66777D;
    --xan-ui-border: #D8E2E5;
    --xan-ui-border-strong: #C6D5D9;
    --xan-ui-white: #FFFFFF;
  }

  html,
  body.xan-ga-body {
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: var(--xan-ui-ink) !important;
  }

  body.xan-ga-body,
  body.xan-ga-body #xan-ga-app-root,
  body.xan-ga-body #xan-ga-app-root * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
    font-synthesis: none !important;
    filter: none !important;
    box-sizing: border-box !important;
  }

  body.xan-ga-body #xan-ga-app-root * {
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,label,li,td,th,a,button,legend
  ) {
    color: var(--xan-ui-ink) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(a,button,.xan-ga-tool-tile,.xan-ga-growth-card) {
    transition: none !important;
    transform: none !important;
  }

  body.xan-ga-body #xan-ga-app-root {
    --xan-primary: var(--xan-ui-petrol) !important;
    --xan-secondary: var(--xan-ui-petrol-2) !important;
    --xan-accent: var(--xan-ui-cyan) !important;
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: 252px minmax(0,1fr) !important;
    background: #FFFFFF !important;
    color: var(--xan-ui-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* ---------- Sidebar: yalnızca araç gezinmesi ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    overflow: hidden !important;
    contain: paint !important;
    padding: 14px 10px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: var(--xan-ui-ink) !important;
    border: 0 !important;
    border-right: 1px solid var(--xan-ui-border) !important;
    z-index: 20 !important;
  }

  body.admin-bar.xan-ga-body #xan-ga-app-root .xan-ga-sidebar {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-top {
    min-height: 118px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 8px 14px !important;
    border-bottom: 1px solid #EDF1F2 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-brand img {
    display: block !important;
    width: auto !important;
    max-width: 142px !important;
    max-height: 64px !important;
    object-fit: contain !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-brand-caption,
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-links,
  body.xan-ga-body #xan-ga-app-root .xan-ga-ad-card,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-ad-tile {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-toggle {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner {
    height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 0 16px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #B8C9CE #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a {
    display: grid !important;
    grid-template-columns: 31px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    width: 100% !important;
    padding: 5px 8px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    color: #30464E !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    border-radius: 8px !important;
    background: #EEF7F8 !important;
    border: 1px solid #D3E5E8 !important;
    color: var(--xan-ui-petrol) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #30464E !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a:hover {
    background: #F7FAFA !important;
    border-color: #E2EAEC !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active {
    background: var(--xan-ui-petrol) !important;
    border-color: var(--xan-ui-petrol) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active > span {
    color: #FFFFFF !important;
    font-weight: 500 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active > b {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: var(--xan-ui-petrol) !important;
    -webkit-text-fill-color: var(--xan-ui-petrol) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > em {
    display: inline-flex !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    background: #FFF7E8 !important;
    color: #7A5200 !important;
    border: 1px solid #ECD49F !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  /* ---------- Ana çalışma yüzeyi ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-main {
    min-width: 0 !important;
    width: 100% !important;
    padding: 22px 26px 94px !important;
    background: #FFFFFF !important;
    background-image: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-content {
    margin-top: 14px !important;
  }

  /* ---------- Hero: tek başlık + tek açıklama ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 24px 28px !important;
    background: var(--xan-ui-petrol) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple::before,
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple::after {
    display: none !important;
    content: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero-content {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero h1 {
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(27px,2.1vw,36px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.012em !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero p {
    margin: 0 !important;
    max-width: 900px !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-eyebrow,.xan-ga-hero-mini-clock,.xan-ga-live-clock) {
    display: none !important;
  }

  /* ---------- Ana merkez filtre ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-filter {
    margin: 0 0 14px !important;
    padding: 14px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 11px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-filter-mainrow {
    display: grid !important;
    grid-template-columns: minmax(0,1.55fr) minmax(260px,.75fr) !important;
    gap: 12px !important;
    align-items: end !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-tool-search,.xan-ga-tool-select) {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-tool-search,.xan-ga-tool-select) > span {
    color: #40565E !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  /* ---------- Form elemanları: tam beyaz + koyu ---------- */
  body.xan-ga-body #xan-ga-app-root :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    textarea,
    select
  ) {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: #202124 !important;
    -webkit-text-fill-color: #202124 !important;
    border: 1px solid var(--xan-ui-border-strong) !important;
    border-radius: 8px !important;
    outline: none !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root textarea {
    min-height: 104px !important;
    resize: vertical !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input,textarea)::placeholder {
    color: #7B898E !important;
    -webkit-text-fill-color: #7B898E !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    textarea,
    select
  ):focus {
    border-color: var(--xan-ui-petrol) !important;
    outline: 2px solid rgba(5,89,112,.13) !important;
    outline-offset: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-form-grid label,.xan-ga-lead-form label,.xan-ga-admin-field) {
    color: #344A52 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  /* ---------- 32 araç kartı ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows: 1fr !important;
    gap: 13px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 218px !important;
    padding: 16px !important;
    gap: 9px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: var(--xan-ui-ink) !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-top: 3px solid var(--xan-ui-petrol-2) !important;
    border-radius: 11px !important;
    text-decoration: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile::before,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile::after {
    display: none !important;
    content: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover {
    border-color: #AFC8CE !important;
    border-top-color: var(--xan-ui-petrol) !important;
    background: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 2px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    margin: 0 !important;
    background: var(--xan-ui-petrol) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid var(--xan-ui-petrol) !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-category {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 4px 8px !important;
    background: #F5F8F9 !important;
    color: #53666D !important;
    border: 1px solid #E0E7E9 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile > strong {
    margin: 1px 0 0 !important;
    color: var(--xan-ui-heading) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile > p {
    margin: 0 !important;
    color: #52666D !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: auto 0 0 !important;
    padding: 8px 11px !important;
    background: var(--xan-ui-petrol) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid var(--xan-ui-petrol) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-empty {
    margin-top: 14px !important;
    padding: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 10px !important;
    color: var(--xan-ui-ink) !important;
  }

  /* ---------- Detay: 3 kısa petrol bilgi kartı ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro {
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-head {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div {
    min-height: 132px !important;
    padding: 16px !important;
    background: var(--xan-ui-petrol) !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 3px solid var(--xan-ui-cyan) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div:nth-child(2) {
    background: #064E61 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div:nth-child(3) {
    background: var(--xan-ui-petrol-2) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div > strong {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div > p {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div :is(span,small,b,em,a) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-note {
    margin: 10px 0 0 !important;
    padding: 10px 12px !important;
    background: #FFFFFF !important;
    color: #4D5E64 !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-left: 3px solid var(--xan-ui-petrol) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* Eski tekrarlanan detay katmanları görünmez. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-tool-toolbar,
    .xan-ga-tool-bottom-cta,
    .xan-ga-tool-bottom-cta-strong
  ) {
    display: none !important;
  }

  /* ---------- Form / sonuç çalışma alanı ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-shell {
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
    display: grid !important;
    grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-panel,
    .xan-ga-info-panel,
    .xan-ga-lead-section,
    .xan-ga-lead-section-light,
    .xan-ga-field-block,
    .xan-ga-coming-soon,
    .xan-ga-result,
    .xan-ga-result-empty,
    .xan-ga-card-preview
  ) {
    background: #FFFFFF !important;
    background-image: none !important;
    color: var(--xan-ui-ink) !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 11px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-panel {
    padding: 18px !important;
  }

  /* Hero başlığı zaten aracı tanımlıyor; form içindeki yinelenen başlık/açıklama kaldırılır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-shell .xan-ga-calc-form > h2:first-child,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-shell .xan-ga-calc-form > h2:first-child + p {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-panel,.xan-ga-result,.xan-ga-info-panel) :is(h1,h2,h3,h4,strong,b) {
    color: var(--xan-ui-heading) !important;
    font-weight: 500 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-panel h2,
  body.xan-ga-body #xan-ga-app-root .xan-ga-result h2 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-panel,.xan-ga-result,.xan-ga-info-panel) :is(p,li,small,label) {
    color: #445A62 !important;
    font-weight: 400 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid label,
  body.xan-ga-body #xan-ga-app-root .xan-ga-lead-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    color: #344A52 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-full {
    grid-column: 1 / -1 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-process-strip {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-process-strip > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
    background: #FFFFFF !important;
    color: #41565E !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-process-strip > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;
    border-radius: 50% !important;
    background: var(--xan-ui-petrol) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 11px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 14px 0 4px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-btn,
  body.xan-ga-body #xan-ga-app-root button.xan-ga-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    border: 1px solid var(--xan-ui-petrol) !important;
    background: #FFFFFF !important;
    color: var(--xan-ui-petrol) !important;
    -webkit-text-fill-color: var(--xan-ui-petrol) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent),
  body.xan-ga-body #xan-ga-app-root button[type="submit"]:not(.xan-ga-btn-soft) {
    background: var(--xan-ui-petrol) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: var(--xan-ui-petrol) !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent) * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-soft,.xan-ga-btn-light,.xan-ga-btn-ghost) {
    background: #FFFFFF !important;
    color: var(--xan-ui-petrol) !important;
    -webkit-text-fill-color: var(--xan-ui-petrol) !important;
    border-color: #B9D1D7 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-result-item,.xan-ga-check-grid label) {
    background: #FFFFFF !important;
    color: var(--xan-ui-ink) !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 8px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result-item :is(strong,b) {
    color: var(--xan-ui-heading) !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-result-note,.xan-ga-alert) {
    background: #F8FBFB !important;
    color: #3C555E !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-left: 3px solid var(--xan-ui-petrol) !important;
    border-radius: 8px !important;
  }

  /* Rapor / belirgin koyu yüzeyler: kesin beyaz metin. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-report-banner,
    .xan-ga-report-cta,
    .xan-ga-print-titlebar,
    .xan-ga-card-preview-head
  ) {
    background: var(--xan-ui-petrol) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: var(--xan-ui-petrol) !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-report-banner,
    .xan-ga-report-cta,
    .xan-ga-print-titlebar,
    .xan-ga-card-preview-head
  ) :is(h1,h2,h3,h4,p,span,strong,b,small,em,a,button,li) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  /* ---------- Home alt hızlı bağlantılar: başlıksız, dengeli ---------- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-growth-card-simple {
    display: flex !important;
    flex-direction: column !important;
    min-height: 156px !important;
    padding: 15px !important;
    background: #FFFFFF !important;
    color: var(--xan-ui-ink) !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-top: 3px solid var(--xan-ui-petrol) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-growth-card-simple > strong {
    margin: 0 0 7px !important;
    color: var(--xan-ui-heading) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-growth-card-simple > p {
    margin: 0 0 12px !important;
    color: #53666D !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-growth-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: auto 0 0 !important;
    padding: 8px 10px !important;
    background: var(--xan-ui-petrol) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  /* ---------- Mobil alt bar ---------- */
  body.xan-ga-body .xan-ga-mobile-bar {
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid var(--xan-ui-border) !important;
    box-shadow: none !important;
  }

  body.xan-ga-body .xan-ga-mobile-bar a,
  body.xan-ga-body .xan-ga-mobile-bar a span {
    color: #30464E !important;
    -webkit-text-fill-color: #30464E !important;
    text-shadow: none !important;
  }

  body.xan-ga-body .xan-ga-mobile-bar .xan-ga-mobile-bar-link-whatsapp,
  body.xan-ga-body .xan-ga-mobile-bar .xan-ga-mobile-bar-link-whatsapp span {
    background: #16A66A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  /* ---------- Erişilebilir odak ---------- */
  body.xan-ga-body #xan-ga-app-root :is(a,button,input,textarea,select):focus-visible {
    outline: 2px solid var(--xan-ui-cyan) !important;
    outline-offset: 2px !important;
  }

  /* ---------- Tablet ---------- */
  @media (max-width: 1280px) {
    body.xan-ga-body #xan-ga-app-root {
      grid-template-columns: 226px minmax(0,1fr) !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding: 18px 18px 92px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid {
      grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
      grid-template-columns: 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 980px) {
    body.xan-ga-body #xan-ga-app-root {
      display: block !important;
      min-height: 100vh !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar,
    body.admin-bar.xan-ga-body #xan-ga-app-root .xan-ga-sidebar {
      position: sticky !important;
      top: 0 !important;
      height: auto !important;
      max-height: none !important;
      padding: 8px 12px !important;
      background: #FFFFFF !important;
      border: 0 !important;
      border-bottom: 1px solid var(--xan-ui-border) !important;
      z-index: 100 !important;
    }

    body.admin-bar.xan-ga-body #xan-ga-app-root .xan-ga-sidebar {
      top: 32px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-top {
      min-height: 54px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      padding: 0 !important;
      border: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-brand {
      width: auto !important;
      justify-content: flex-start !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-brand img {
      max-width: 108px !important;
      max-height: 46px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-toggle {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 38px !important;
      padding: 7px 11px !important;
      background: #FFFFFF !important;
      color: var(--xan-ui-petrol) !important;
      border: 1px solid #BFD4D9 !important;
      border-radius: 8px !important;
      font-size: 12px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner {
      display: none !important;
      height: auto !important;
      max-height: 68vh !important;
      margin-top: 8px !important;
      padding: 8px 0 12px !important;
      overflow-y: auto !important;
      border-top: 1px solid #EDF1F2 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar.is-open .xan-ga-sidebar-inner {
      display: block !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding: 14px 14px 88px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 20px !important;
      border-radius: 10px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero h1 {
      font-size: 28px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div {
      min-height: 0 !important;
    }
  }

  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root {
      font-size: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding: 12px 10px 82px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 18px 16px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero h1 {
      font-size: 24px !important;
      line-height: 1.18 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero p {
      font-size: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-filter {
      padding: 12px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-filter-mainrow {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-select-desktop {
      display: none !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker {
      display: block !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker > summary {
      min-height: 42px !important;
      display: flex !important;
      align-items: center !important;
      padding: 9px 11px !important;
      background: #FFFFFF !important;
      color: var(--xan-ui-petrol) !important;
      border: 1px solid #BFD4D9 !important;
      border-radius: 8px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker-sheet {
      display: grid !important;
      gap: 4px !important;
      max-height: 55vh !important;
      overflow-y: auto !important;
      margin-top: 6px !important;
      padding: 6px !important;
      background: #FFFFFF !important;
      border: 1px solid var(--xan-ui-border) !important;
      border-radius: 8px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker-sheet a {
      display: block !important;
      padding: 9px !important;
      color: #30464E !important;
      text-decoration: none !important;
      border-radius: 6px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
      gap: 10px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
      min-height: 205px !important;
      padding: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-process-strip {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-panel {
      padding: 14px !important;
    }
  }

  @media (max-width: 520px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile,
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-card-simple {
      min-height: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions .xan-ga-btn {
      width: 100% !important;
    }
  }
}

@media screen {
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-generated-cta,.xan-ga-mini-cta-button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #055970 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-generated-cta,.xan-ga-mini-cta-button) * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }
}

@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-result {
    min-height: 0 !important;
  }
  body.xan-ga-body .xan-ga-mobile-bar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* ==========================================================================
   v1.8.69 — MOBİL / TABLET AKICILIK VE STABİLİZASYON
   - Tek dikey kaydırma akışı
   - Sticky/nested-scroll çatışması yok
   - Animasyon/backdrop/repaint yükü yok
   - 44px dokunma hedefleri + safe-area
   ========================================================================== */
@media screen {
  html {
    scroll-behavior: auto !important;
    background: #FFFFFF !important;
    color-scheme: light !important;
  }

  body.xan-ga-body {
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    background: #FFFFFF !important;
    -webkit-tap-highlight-color: rgba(5,89,112,.12) !important;
  }

  body.xan-ga-body #xan-ga-app-root,
  body.xan-ga-body #xan-ga-app-root .xan-ga-main,
  body.xan-ga-body #xan-ga-app-root .xan-ga-content,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-shell,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout,
  body.xan-ga-body #xan-ga-app-root .xan-ga-panel,
  body.xan-ga-body #xan-ga-app-root .xan-ga-result {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Eski katmanlardan kalan hareketli efektleri bütün uygulamada kapat. */
  body.xan-ga-body #xan-ga-app-root *,
  body.xan-ga-body #xan-ga-app-root *::before,
  body.xan-ga-body #xan-ga-app-root *::after,
  body.xan-ga-body .xan-ga-mobile-bar,
  body.xan-ga-body .xan-ga-mobile-bar * {
    animation: none !important;
    transition: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(a,button,input,select,textarea,summary,label),
  body.xan-ga-body .xan-ga-mobile-bar a {
    touch-action: manipulation !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner {
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
  }

  /* Sonuç paneli masaüstünde gerektiğinde sticky kalabilir; tablet/mobilde kesin static. */
  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root {
      display: block !important;
      min-height: 100dvh !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar,
    body.admin-bar.xan-ga-body #xan-ga-app-root .xan-ga-sidebar {
      position: relative !important;
      inset: auto !important;
      top: auto !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: visible !important;
      contain: none !important;
      padding: 8px 12px !important;
      background: #FFFFFF !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--xan-ui-border) !important;
      z-index: 5 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-top {
      min-height: 54px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      padding: 0 !important;
      border: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-brand {
      width: auto !important;
      justify-content: flex-start !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-brand img {
      max-width: 112px !important;
      max-height: 46px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-toggle {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 88px !important;
      min-height: 44px !important;
      padding: 8px 12px !important;
      background: #FFFFFF !important;
      color: var(--xan-ui-petrol) !important;
      -webkit-text-fill-color: var(--xan-ui-petrol) !important;
      border: 1px solid #BFD4D9 !important;
      border-radius: 8px !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
    }

    /* Nested scroll kaldırıldı: menü açıldığında normal sayfa akışı içinde kayar. */
    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner {
      display: none !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      margin: 8px 0 0 !important;
      padding: 8px 0 2px !important;
      border-top: 1px solid #EDF1F2 !important;
      overscroll-behavior: auto !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar.is-open .xan-ga-sidebar-inner {
      display: block !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-nav {
      display: grid !important;
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
      gap: 6px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a {
      min-width: 0 !important;
      min-height: 44px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding: 14px 14px 92px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout .xan-ga-result,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result {
      position: static !important;
      top: auto !important;
      align-self: auto !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
      gap: 10px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid {
      grid-template-columns: repeat(3,minmax(0,1fr)) !important;
      gap: 10px !important;
    }
  }

  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding: 12px 10px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-nav,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid {
      grid-template-columns: 1fr !important;
    }

    /* Tek yerel seçim bileşeni: 32 linklik ikinci mobil liste yok. */
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-select-desktop {
      display: flex !important;
      width: 100% !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker {
      display: none !important;
    }

    body.xan-ga-body #xan-ga-app-root :is(
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
      select,
      textarea
    ) {
      font-size: 16px !important;
      min-height: 46px !important;
    }

    body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn,button,summary) {
      min-height: 44px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-panel {
      padding: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 17px 15px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero h1 {
      font-size: clamp(22px,7vw,27px) !important;
      line-height: 1.18 !important;
    }

    body.xan-ga-body .xan-ga-mobile-bar {
      display: grid !important;
      grid-template-columns: repeat(4,minmax(0,1fr)) !important;
      gap: 4px !important;
      position: fixed !important;
      left: 7px !important;
      right: 7px !important;
      bottom: max(7px, env(safe-area-inset-bottom, 0px)) !important;
      width: auto !important;
      min-height: 58px !important;
      padding: 5px !important;
      background: #FFFFFF !important;
      border: 1px solid var(--xan-ui-border) !important;
      border-radius: 10px !important;
      box-shadow: none !important;
      z-index: 9999 !important;
      contain: layout paint !important;
    }

    body.xan-ga-body .xan-ga-mobile-bar a {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 0 !important;
      min-height: 46px !important;
      padding: 7px 4px !important;
      border-radius: 7px !important;
      font-size: 11.5px !important;
      line-height: 1.15 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-mobile-picker-sheet {
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior: contain !important;
    }
  }

  @media (max-width: 520px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-growth-grid-simple {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
      min-height: 0 !important;
    }
  }

  @media (max-width: 920px) and (orientation: landscape) and (max-height: 600px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-main {
      padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    }
    body.xan-ga-body .xan-ga-mobile-bar {
      min-height: 50px !important;
      padding: 4px !important;
    }
    body.xan-ga-body .xan-ga-mobile-bar a {
      min-height: 40px !important;
      font-size: 11px !important;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body.xan-ga-body #xan-ga-app-root *,
  body.xan-ga-body #xan-ga-app-root *::before,
  body.xan-ga-body #xan-ga-app-root *::after,
  body.xan-ga-body .xan-ga-mobile-bar,
  body.xan-ga-body .xan-ga-mobile-bar * {
    animation: none !important;
    transition: none !important;
  }
}

/* ========================================================================== 
   v1.8.70 — FORM KONTROL / BUTON / KART STABİLİTE KİLİDİ
   Kaynak düzeltmesi:
   - Generic input width/min-height kuralları checkbox/radio öğelerine uygulanmaz.
   - Tüm checkbox listeleri tek kompakt kontrol standardına alınır.
   - Buton hover/focus/active renkleri açıkça kilitlenir; beyaz üstüne beyaz metin oluşamaz.
   - Dokunmatik cihazlarda yapışkan hover etkisi kaldırılır.
   ========================================================================== */
@media screen {
  /* --- Native küçük kontroller: genel text-input kurallarından tamamen izole --- */
  body.xan-ga-body #xan-ga-app-root input[type="checkbox"],
  body.xan-ga-body #xan-ga-app-root input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    display: inline-block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #9CB3BA !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
    accent-color: var(--xan-ui-petrol) !important;
    vertical-align: top !important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="radio"] {
    border-radius: 50% !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input[type="checkbox"],input[type="radio"]):focus-visible {
    outline: 2px solid rgba(5,89,112,.22) !important;
    outline-offset: 2px !important;
  }

  /* --- Checklist kartları: checkbox + metin kesin aynı satır ve taşmasız --- */
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
    align-items: stretch !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 13px !important;
    background: #FFFFFF !important;
    color: #2F454D !important;
    -webkit-text-fill-color: #2F454D !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label > span {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    color: #2F454D !important;
    -webkit-text-fill-color: #2F454D !important;
    font: inherit !important;
    line-height: inherit !important;
    overflow-wrap: anywhere !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:hover {
    background: #F7FBFB !important;
    border-color: #B9CDD2 !important;
    color: #213A43 !important;
    -webkit-text-fill-color: #213A43 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:has(input:checked) {
    background: #EEF7F8 !important;
    border-color: #A9C9D0 !important;
    color: #173842 !important;
    -webkit-text-fill-color: #173842 !important;
  }

  /* İlan kontrol listesi masaüstünde formu biraz daha geniş kullanır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout[data-xan-tool="ilan"] {
    grid-template-columns: minmax(0,1.38fr) minmax(300px,.62fr) !important;
    gap: 14px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout[data-xan-tool="ilan"] .xan-ga-result {
    min-height: 0 !important;
  }

  /* --- Birincil buton sistemi: petrol + beyaz, hover daha koyu petrol --- */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-tile-action,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft)
  ) {
    background: var(--xan-ui-petrol) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid var(--xan-ui-petrol) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-tile-action,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft)
  ) :is(span,strong,b,em) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-tile-action,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft)
  ):is(:hover,:focus,:focus-visible,:active) {
    background: var(--xan-ui-petrol-deep) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: var(--xan-ui-petrol-deep) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible) .xan-ga-tile-action,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible) .xan-ga-tile-action * {
    background: var(--xan-ui-petrol-deep) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: var(--xan-ui-petrol-deep) !important;
  }

  /* --- İkincil buton sistemi: beyaz/petrol; hover açık petrol, metin daima koyu --- */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-soft,
    .xan-ga-btn-light,
    .xan-ga-btn-ghost,
    button[type="reset"].xan-ga-btn
  ) {
    background: #FFFFFF !important;
    background-image: none !important;
    color: var(--xan-ui-petrol) !important;
    -webkit-text-fill-color: var(--xan-ui-petrol) !important;
    border: 1px solid #AFCBD1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-soft,
    .xan-ga-btn-light,
    .xan-ga-btn-ghost,
    button[type="reset"].xan-ga-btn
  ):is(:hover,:focus,:focus-visible,:active) {
    background: #EAF5F6 !important;
    background-image: none !important;
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
    border-color: #7FB0BA !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  /* Generic buton/bağlantı içinde tema kaynaklı beyaz yazı sızıntısını engelle. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-btn-soft:is(:hover,:focus,:focus-visible,:active) *,
  body.xan-ga-body #xan-ga-app-root .xan-ga-btn-light:is(:hover,:focus,:focus-visible,:active) *,
  body.xan-ga-body #xan-ga-app-root .xan-ga-btn-ghost:is(:hover,:focus,:focus-visible,:active) * {
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
  }


  /* Mobil/tablet araç menüsü butonu da aynı kontrast mantığında. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-toggle:is(:hover,:focus,:focus-visible,:active) {
    background: #EAF5F6 !important;
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
    border-color: #7FB0BA !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.xan-ga-body .xan-ga-mobile-bar a:is(:hover,:focus,:focus-visible,:active),
  body.xan-ga-body .xan-ga-mobile-bar a:is(:hover,:focus,:focus-visible,:active) span {
    background: #EEF7F8 !important;
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
  }

  /* Kart ve buton yüksekliği / hizası: aynı satırdaki tüm araçlarda dengeli. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid {
    align-items: stretch !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
    height: 100% !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action {
    margin-top: auto !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* Tablet */
  @media (max-width: 1180px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout[data-xan-tool="ilan"] {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 820px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 520px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
      min-height: 48px !important;
      padding: 11px !important;
      font-size: 13px !important;
    }
  }

  /* Dokunmatik cihazlarda hover kilitlenmesi / beyaza dönüşme hissi yok. */
  @media (hover: none), (pointer: coarse) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover {
      background: #FFFFFF !important;
      border-color: var(--xan-ui-border) !important;
      border-top-color: var(--xan-ui-petrol-2) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover .xan-ga-tile-action,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover .xan-ga-tile-action * {
      background: var(--xan-ui-petrol) !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      border-color: var(--xan-ui-petrol) !important;
    }
  }
}


/* ========================================================================== 
   v1.8.71 — SADE ETKİLEŞİM / ERİŞİLEBİLİRLİK / AKICILIK FAZI
   - 32 kartta tekrar eden büyük alt buton yerine tek kompakt "Aracı Kullan" aksiyonu
   - Tekrarlanan 1-2-3 süreç şeritleri görünmez
   - Klavye odağı, skip-link ve aria-current desteği
   - Kartlarda hafif contain izolasyonu; repaint alanı küçülür
   - Mobil/tablet üzerinde uzun başlıklar ve aksiyonlar taşmaz
   ========================================================================== */
@media screen {
  body.xan-ga-body .xan-ga-skip-link {
    position: fixed !important;
    left: 12px !important;
    top: 10px !important;
    z-index: 100000 !important;
    transform: translateY(-160%) !important;
    padding: 9px 12px !important;
    background: #FFFFFF !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    border: 2px solid #055970 !important;
    border-radius: 7px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body.xan-ga-body .xan-ga-skip-link:focus {
    transform: translateY(0) !important;
    outline: none !important;
  }

  body.xan-ga-body #xan-ga-main-content:focus {
    outline: none !important;
  }

  /* 20 modülde fiziksel olarak kaldırıldı; shortcode/geriye dönük render için de kapalı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-process-strip,
  .xan-ga-shortcode-shell .xan-ga-process-strip {
    display: none !important;
  }

  /* 32 kartın her biri kendi repaint alanında; ağır will-change kullanılmaz. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
    contain: layout paint !important;
    min-height: 196px !important;
    padding-bottom: 14px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile > strong,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile > p,
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-panel,.xan-ga-result) :is(h1,h2,h3,h4,p,label) {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Kartın tamamı tıklanabilir; büyük ikinci buton görsel kalabalık yaratmaz. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 26px !important;
    margin: auto 0 0 !important;
    padding: 2px 0 !important;
    gap: 6px !important;
    background: transparent !important;
    background-image: none !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action *,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action * {
    background: transparent !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action-arrow {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  /* Net ve tutarlı klavye odağı. */
  body.xan-ga-body #xan-ga-app-root :is(a,button,input,select,textarea,summary):focus-visible,
  body.xan-ga-body .xan-ga-mobile-bar a:focus-visible {
    outline: 2px solid #47AFC0 !important;
    outline-offset: 2px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:focus-visible {
    border-color: #055970 !important;
    border-top-color: #055970 !important;
    background: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(button,input,select,textarea)[disabled],
  body.xan-ga-body #xan-ga-app-root :is(button,input,select,textarea)[aria-disabled="true"] {
    opacity: .56 !important;
    cursor: not-allowed !important;
  }

  /* Sonuçlarda rakamlar daha kararlı hizalanır; ölçü değişimi/titreşim azalır. */
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-result,.xan-ga-result-item,.xan-ga-report-pages) :is(strong,b,.xan-ga-metric-value) {
    font-variant-numeric: tabular-nums !important;
  }

  /* Detay bilgi kartları daha kısa; amaç/kullanım/çıktı aynı ritimde. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div {
    min-height: 112px !important;
    padding: 14px 15px !important;
  }

  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
      contain: layout !important;
      min-height: 184px !important;
    }
  }

  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile {
      min-height: 0 !important;
      padding: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action {
      min-height: 30px !important;
      padding: 4px 0 !important;
      font-size: 13px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid > div {
      min-height: 0 !important;
      padding: 13px 14px !important;
    }
  }
}

/* ========================================================================== 
   v1.8.72 — TEK AKIŞ FORM / SONUÇ + MOBİL ERGONOMİ + TİTREŞİM AZALTMA
   - Araç sayfası form -> sonuç şeklinde tek dikey akış kullanır.
   - Boş sonuç paneli hesaplama yapılana kadar görünmez.
   - Reset sonucu temizler ve formu tekrar tek çalışma yüzeyine döndürür.
   - Windows/web genişlik sıçramaları azaltılır; mobil alanlar taşmasızdır.
   ========================================================================== */
@media screen {
  html {
    scrollbar-gutter: stable !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout > .xan-ga-calc-form,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout > .xan-ga-result {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
  }

  /* JS etkinse boş sonuç alanını tamamen kaldır; JS kapalıysa mevcut açıklama görünür kalır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout.is-result-empty > .xan-ga-result.xan-ga-result-empty {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout.has-rendered-result > .xan-ga-result.is-rendered {
    display: block !important;
    margin-top: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form .xan-ga-form-grid {
    align-items: start !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form label {
    min-width: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input,select,textarea) {
    max-width: 100% !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
    align-items: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn) {
    white-space: normal !important;
    text-align: center !important;
  }

  /* Off-screen ana araç kartlarında tarayıcıya güvenli çizim izolasyonu. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
    contain: layout paint !important;
  }

  /* Formların tarayıcı otomatik doldurma görünümü kurumsal beyaz yüzeyi bozmasın. */
  body.xan-ga-body #xan-ga-app-root input:-webkit-autofill,
  body.xan-ga-body #xan-ga-app-root input:-webkit-autofill:hover,
  body.xan-ga-body #xan-ga-app-root input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--xan-ui-ink) !important;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    caret-color: var(--xan-ui-ink) !important;
  }

  @media (max-width: 1024px) {
    html { scrollbar-gutter: auto !important; }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
      gap: 12px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result-grid {
      grid-template-columns: minmax(0,1fr) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
      display: grid !important;
      grid-template-columns: minmax(0,1fr) auto !important;
      gap: 8px !important;
      width: 100% !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn) {
      min-width: 0 !important;
      min-height: 46px !important;
      margin: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :first-child {
      width: 100% !important;
    }
  }

  @media (max-width: 480px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
      grid-template-columns: 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn) {
      width: 100% !important;
    }
  }
}

/* ========================================================================== 
   v1.8.73 — GLOBAL BUTON HOVER/KONTRAST STABİLİZASYONU
   - 32 araç ana merkezinde CTA kontrastı sabitlenir.
   - Hover sırasında koyu zemin üstünde koyu metin / beyaz zemin üstünde beyaz metin oluşamaz.
   - Kartın tamamı tıklanabilir kaldığı için CTA alt bileşeni pointer-events üretmez.
   - Mobilde CTA butonları daha rahat dokunma alanı alır.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile * {
    text-shadow: none !important;
    filter: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) {
    background: #FFFFFF !important;
    border-color: #9FBDC4 !important;
    border-top-color: #055970 !important;
    box-shadow: 0 4px 14px rgba(5,89,112,.06) !important;
    text-decoration: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) > strong,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) > p,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tool-category,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tool-icon {
    text-decoration: none !important;
  }

  /* Ana merkez CTA: her durumda petrol dolgu + beyaz yazı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    min-width: 154px !important;
    min-height: 40px !important;
    margin: auto 0 0 !important;
    padding: 0 16px !important;
    gap: 8px !important;
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #055970 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    background: #03485B !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #03485B !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action *,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action * {
    background: transparent !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action-arrow {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* Birincil butonlar: hover/focus/active sırasında daima koyu petrol + beyaz yazı. */
  body.xan-ga-body #xan-ga-app-root :is(
    a.xan-ga-btn,
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft),
    .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn):not(.xan-ga-btn-soft)
  ) {
    text-decoration: none !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    a.xan-ga-btn,
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft),
    .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn):not(.xan-ga-btn-soft)
  ):is(:hover,:focus,:focus-visible,:active),
  body.xan-ga-body #xan-ga-app-root :is(
    a.xan-ga-btn,
    .xan-ga-btn-dark,
    .xan-ga-btn-accent,
    .xan-ga-growth-action,
    .xan-ga-generated-cta,
    .xan-ga-mini-cta-button,
    button[type="submit"]:not(.xan-ga-btn-soft),
    .xan-ga-actions > :is(button,.xan-ga-btn,a.xan-ga-btn):not(.xan-ga-btn-soft)
  ):is(:hover,:focus,:focus-visible,:active) * {
    background: #03485B !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #03485B !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* İkincil butonlar: hover'da da okunaklı koyu petrol metin. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-soft,
    .xan-ga-btn-light,
    .xan-ga-btn-ghost,
    button[type="reset"].xan-ga-btn
  ):is(:hover,:focus,:focus-visible,:active),
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-btn-soft,
    .xan-ga-btn-light,
    .xan-ga-btn-ghost,
    button[type="reset"].xan-ga-btn
  ):is(:hover,:focus,:focus-visible,:active) * {
    background: #EAF5F6 !important;
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
    border-color: #7FB0BA !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* Ana merkez kartlarında başlık/metin hizası biraz daha dengeli. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
    min-height: 58px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > p {
    min-height: 86px !important;
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile .xan-ga-tile-action,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
      align-self: stretch !important;
      width: 100% !important;
      min-width: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong,
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > p {
      min-height: 0 !important;
    }
  }

  @media (hover: none), (pointer: coarse) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover .xan-ga-tile-action,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-tile:hover .xan-ga-tile-action * {
      background: #055970 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      border-color: #055970 !important;
    }
  }
}

/* ========================================================================== 
   v1.8.74 — CSS CORE KONSOLİDASYONU + 32 ARAÇ ORTAK UI STANDARDI
   - Eski v1.8.15-v1.8.48 ekran cascade'i artık yüklenmez.
   - Hero -> kısa kullanım -> form -> sonuç tek ortak akış.
   - Tam beyaz çalışma yüzeyleri, petrol aksiyonlar, net koyu metin.
   - Aynı ölçü/form/buton standardı web, tablet ve mobilde korunur.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-main {
    background: #FFFFFF !important;
  }

  /* Araç detayında tek ve sakin dikey ritim. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-content,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-layout {
    min-width: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-content {
    margin-top: 14px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard {
    display: grid !important;
    gap: 14px !important;
  }

  /* Hero sade kalır: tek başlık + tek açıklama. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
    min-height: 0 !important;
    padding: 24px 28px !important;
    background: #055970 !important;
    background-image: none !important;
    border: 1px solid #055970 !important;
    border-radius: 12px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple :is(h1,p),
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple :is(h1,p) * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple h1 {
    margin: 0 0 7px !important;
    max-width: 1050px !important;
    font-size: clamp(27px,2.25vw,36px) !important;
    font-weight: 500 !important;
    line-height: 1.14 !important;
    letter-spacing: -.02em !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple p {
    margin: 0 !important;
    max-width: 1000px !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  /* Hızlı kullanım: amaç hero'da zaten açıklandığı için yalnız Kullanım + Çıktı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro.xan-ga-tool-intro-compact {
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 11px !important;
    overflow: hidden !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item {
    min-height: 82px !important;
    padding: 14px 16px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-right: 1px solid var(--xan-ui-border) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item:last-child {
    border-right: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item > strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item > p {
    margin: 0 !important;
    color: #394C53 !important;
    -webkit-text-fill-color: #394C53 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-note {
    margin: 0 !important;
    padding: 9px 14px !important;
    background: #F7FAFA !important;
    color: #53666D !important;
    -webkit-text-fill-color: #53666D !important;
    border: 0 !important;
    border-top: 1px solid var(--xan-ui-border) !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 32 aracın form yüzeyi ortak standardı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-tool-layout {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-panel {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-radius: 11px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-calc-form > h2:first-child,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-calc-form > h2:first-child + p {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 13px 14px !important;
    align-items: start !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid > label,
  body.xan-ga-body #xan-ga-app-root .xan-ga-lead-form > label {
    min-width: 0 !important;
    gap: 6px !important;
    color: #31464E !important;
    -webkit-text-fill-color: #31464E !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: #202124 !important;
    -webkit-text-fill-color: #202124 !important;
    border: 1px solid #C9D8DC !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    outline: none !important;
  }

  body.xan-ga-body #xan-ga-app-root textarea {
    min-height: 96px !important;
    resize: vertical !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
    border-color: #055970 !important;
    outline: 3px solid rgba(5,89,112,.10) !important;
    outline-offset: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input,textarea)::placeholder {
    color: #83949A !important;
    -webkit-text-fill-color: #83949A !important;
    opacity: 1 !important;
  }

  /* Checkbox/radio metinle birlikte doğal boyutta; genel input kurallarından tamamen ayrıdır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
    display: grid !important;
    grid-template-columns: 20px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 11px 12px !important;
    background: #FFFFFF !important;
    color: #31464E !important;
    border: 1px solid #D7E2E5 !important;
    border-radius: 8px !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input[type="checkbox"],input[type="radio"]) {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    accent-color: #055970 !important;
    box-shadow: none !important;
  }

  /* Tek aksiyon standardı: primary petrol, reset beyaz. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 16px 0 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :is(button,a,.xan-ga-btn) {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 15px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)),
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)):is(:hover,:focus,:focus-visible,:active) {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)):is(:hover,:focus,:focus-visible,:active) {
    background: #03485B !important;
    border-color: #03485B !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)) *,
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)):is(:hover,:focus,:focus-visible,:active) * {
    background: transparent !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-soft,.xan-ga-btn-light,.xan-ga-btn-ghost,button[type="reset"].xan-ga-btn),
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-soft,.xan-ga-btn-light,.xan-ga-btn-ghost,button[type="reset"].xan-ga-btn):is(:hover,:focus,:focus-visible,:active) {
    background: #FFFFFF !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    border: 1px solid #AFCBD1 !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-soft,.xan-ga-btn-light,.xan-ga-btn-ghost,button[type="reset"].xan-ga-btn):is(:hover,:focus,:focus-visible,:active) {
    background: #EAF5F6 !important;
    color: #03485B !important;
    -webkit-text-fill-color: #03485B !important;
    border-color: #7FB0BA !important;
  }

  /* Sonuç: yalnız üretildiğinde görünür; ortak okunabilir yüzey. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-result {
    min-height: 0 !important;
    background: #FFFFFF !important;
    color: #202124 !important;
    border: 1px solid var(--xan-ui-border) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result :is(h1,h2,h3,h4,strong,b) {
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result :is(p,li,small,span:not(.xan-ga-btn *)) {
    text-shadow: none !important;
  }

  /* Ana merkez: daha kısa açıklama, dengeli kart ve tek CTA. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid {
    gap: 12px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
    min-height: 238px !important;
    padding: 16px !important;
    gap: 9px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--xan-ui-border) !important;
    border-top: 3px solid #0A6B82 !important;
    border-radius: 10px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
    min-height: 44px !important;
    margin: 1px 0 0 !important;
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
    font-size: 16px !important;
    line-height: 1.32 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > p {
    min-height: 64px !important;
    margin: 0 !important;
    color: #52666D !important;
    -webkit-text-fill-color: #52666D !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tile-action,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin-top: auto !important;
    padding: 8px 12px !important;
    background: #055970 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #055970 !important;
    border-radius: 8px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    background: #03485B !important;
    border-color: #03485B !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tile-action *,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action * {
    background: transparent !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  /* Modifier sınıfları: eski ekran cascade'i kaldırıldıktan sonra açıkça tanımlı. */
  body.xan-ga-body .xan-ga-mobile-bar :is(.xan-ga-mobile-bar-link-tools,.xan-ga-mobile-bar-link-portfolio,.xan-ga-mobile-bar-link-business,.xan-ga-whatsapp-final) {
    min-width: 0 !important;
  }

  /* Tablet */
  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 20px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-panel {
      padding: 16px !important;
    }
  }

  /* Telefon */
  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-content,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard {
      gap: 10px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 18px 16px !important;
      border-radius: 9px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple h1 {
      font-size: 24px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item {
      min-height: 0 !important;
      padding: 11px 13px !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--xan-ui-border) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item:last-child {
      border-bottom: 0 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-form-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result-grid {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-standard .xan-ga-panel {
      padding: 14px !important;
      border-radius: 9px !important;
    }

    body.xan-ga-body #xan-ga-app-root :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
      min-height: 46px !important;
      font-size: 16px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
      display: grid !important;
      grid-template-columns: minmax(0,1fr) auto !important;
      gap: 8px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :first-child {
      width: 100% !important;
    }
  }

  @media (max-width: 480px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-actions {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-actions > :is(button,a,.xan-ga-btn) {
      width: 100% !important;
    }
  }
}

/* ========================================================================== 
   v1.8.75 — 32 ARAÇ FORM ERGONOMİSİ + SONUÇ / PDF STANDARDI
   - Zorunlu/hatalı alanların görünümü nettir; açık yüzey daima beyazdır.
   - Uzun formlar geniş ekranda alanı verimli kullanır, tablet/telefon sadeleşir.
   - Uzun kontrol listeleri geniş ekranda 3, tablette 2, telefonda 1 kolondur.
   - Yazdır/PDF katmanı eski ekran CSS'inden bağımsız, A4 ve beyaz yüzeylidir.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form {
    background: #FFFFFF !important;
    color: #202124 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form label,
  body.xan-ga-body #xan-ga-app-root .xan-ga-field-block {
    color: #263A41 !important;
    -webkit-text-fill-color: #263A41 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    width: 100% !important;
    background: #FFFFFF !important;
    color: #202124 !important;
    -webkit-text-fill-color: #202124 !important;
    border: 1px solid #C8D8DC !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input:not([type="checkbox"]):not([type="radio"]),select) {
    min-height: 46px !important;
    padding: 10px 12px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form textarea {
    min-height: 104px !important;
    padding: 11px 12px !important;
    resize: vertical !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
    border-color: #055970 !important;
    box-shadow: 0 0 0 3px rgba(5,89,112,.10) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input,select,textarea).is-invalid,
  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input,select,textarea)[aria-invalid="true"] {
    border-color: #B42318 !important;
    box-shadow: 0 0 0 3px rgba(180,35,24,.08) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-field-error {
    display: block !important;
    margin: -2px 0 0 !important;
    color: #9B1C1C !important;
    -webkit-text-fill-color: #9B1C1C !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > .xan-ga-field-error-group {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input,textarea)::placeholder {
    color: #819198 !important;
    -webkit-text-fill-color: #819198 !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
    min-width: 0 !important;
    min-height: 52px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 12px !important;
    background: #FFFFFF !important;
    color: #263A41 !important;
    -webkit-text-fill-color: #263A41 !important;
    border: 1px solid #D4E0E3 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:has(input:checked) {
    background: #F1F8F9 !important;
    border-color: #8CB9C2 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid input[type="checkbox"],
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    accent-color: #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered {
    background: #FFFFFF !important;
    border-color: #C9DADD !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered :is(h1,h2,h3,h4,strong,b) {
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered :is(p,li,small,span:not(.xan-ga-btn):not(.xan-ga-report-badge)) {
    text-shadow: none !important;
  }

  /* Geniş masaüstünde uzun formlar daha kısa dikey akış kullanır. */
  @media (min-width: 1500px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form.xan-ga-long-form .xan-ga-form-grid {
      grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form.xan-ga-long-form .xan-ga-form-grid > .xan-ga-full {
      grid-column: 1 / -1 !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid.xan-ga-dense-checklist {
      grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1499px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid.xan-ga-dense-checklist {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 760px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form {
      padding: 14px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-calc-form :is(input:not([type="checkbox"]):not([type="radio"]),select) {
      min-height: 48px !important;
      font-size: 16px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid.xan-ga-dense-checklist {
      grid-template-columns: 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
      min-height: 48px !important;
    }
  }
}

/* Son katman yazdır/PDF standardı: ekran yüzeylerinden bağımsız. */
@media print {
  @page { size: A4; margin: 12mm; }

  html, body,
  body.xan-ga-body {
    background: #FFFFFF !important;
    color: #202124 !important;
  }

  body.xan-ga-body * {
    text-shadow: none !important;
    filter: none !important;
  }

  body.xan-ga-body .xan-ga-print-target,
  body.xan-ga-body .xan-ga-print-target * {
    visibility: visible !important;
  }

  body.xan-ga-body .xan-ga-print-target {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.xan-ga-body .xan-ga-print-target .xan-ga-report-document {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    color: #202124 !important;
    border: 0 !important;
    border-top: 4px solid #055970 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body.xan-ga-body .xan-ga-print-target :is(h1,h2,h3,h4,strong,b) {
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
  }

  body.xan-ga-body .xan-ga-print-target :is(p,li,td,th,span,small,label) {
    color: #334A52 !important;
    -webkit-text-fill-color: #334A52 !important;
  }

  body.xan-ga-body :is(.xan-ga-report-toolbar,.xan-ga-report-toolbar-wrap,.xan-ga-source-line,.xan-ga-mobile-bar,.xan-ga-sidebar,.xan-ga-hero,.xan-ga-tool-intro,.xan-ga-calc-form) {
    display: none !important;
  }

  body.xan-ga-body .xan-ga-report-section,
  body.xan-ga-body .xan-ga-report-metric,
  body.xan-ga-body .xan-ga-scenario-card,
  body.xan-ga-body .xan-ga-report-signature,
  body.xan-ga-body .xan-ga-report-disclaimer {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
}

/* ========================================================================== 
   v1.8.77 — KARAR ÖZETİ + TUTARLI SKOR BANTLARI
   - Sonuç ekranında kullanıcı ilk bakışta ana sonucu, karar bandını ve sonraki adımı görür.
   - /100 skorlar tek bant standardı kullanır: 85+, 70+, 50+, 0-49.
   - Açık yüzeyler tam beyaz; renk yalnız anlam ve aksiyon vurgusunda kullanılır.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen {
    display: grid !important;
    grid-template-columns: minmax(170px,.75fr) minmax(260px,1fr) minmax(300px,1.35fr) !important;
    gap: 0 !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border: 1px solid #D7E2E5 !important;
    border-top: 4px solid #055970 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #202124 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div {
    min-width: 0 !important;
    padding: 15px 17px !important;
    background: #FFFFFF !important;
    border-right: 1px solid #E5ECEE !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div:last-child {
    border-right: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary :is(span,small) {
    display: block !important;
    color: #5B6B71 !important;
    -webkit-text-fill-color: #5B6B71 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary > div > span {
    margin: 0 0 5px !important;
    color: #52646B !important;
    -webkit-text-fill-color: #52646B !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary strong {
    display: block !important;
    margin: 0 !important;
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
    overflow-wrap: anywhere !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-primary strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-band small {
    margin-top: 4px !important;
    font-weight: 400 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-strong .xan-ga-decision-band,
  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-good .xan-ga-decision-band {
    background: #F2F8F8 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-strong .xan-ga-decision-band strong,
  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-good .xan-ga-decision-band strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-watch .xan-ga-decision-band {
    background: #FFF9EC !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-watch .xan-ga-decision-band strong {
    color: #76520A !important;
    -webkit-text-fill-color: #76520A !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-risk .xan-ga-decision-band {
    background: #FFF5F3 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-risk .xan-ga-decision-band strong {
    color: #7A3027 !important;
    -webkit-text-fill-color: #7A3027 !important;
  }

  /* PDF/rapor içindeki karar özeti daha kompakt tutulur. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report {
    display: grid !important;
    grid-template-columns: .7fr .95fr 1.35fr !important;
    gap: 8px !important;
    margin: 10px 0 12px !important;
    padding: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #D7E2E5 !important;
    border-left: 4px solid #055970 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report > div {
    min-width: 0 !important;
    padding: 7px 8px !important;
    background: #FFFFFF !important;
    border: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report > div > span {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report strong {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report .xan-ga-decision-primary strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 16px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report small {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  /* Skor metrikleri aynı bant mantığıyla ince bir vurgu alır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-metric.is-score {
    border-top: 3px solid #7EA6AF !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-metric.is-score-strong,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-metric.is-score-good {
    border-top-color: #055970 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-metric.is-score-watch {
    border-top-color: #C99731 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-metric.is-score-risk {
    border-top-color: #B76558 !important;
  }

  @media (max-width: 900px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen {
      grid-template-columns: 1fr 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-next {
      grid-column: 1 / -1 !important;
      border-top: 1px solid #E5ECEE !important;
      border-right: 0 !important;
    }
  }

  @media (max-width: 560px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen {
      grid-template-columns: 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div {
      padding: 13px 14px !important;
      border-right: 0 !important;
      border-bottom: 1px solid #E5ECEE !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div:last-child {
      border-bottom: 0 !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-next {
      grid-column: auto !important;
      border-top: 0 !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-primary strong {
      font-size: 22px !important;
    }
  }
}

@media print {
  .xan-ga-report-document .xan-ga-decision-summary.is-report {
    display: grid !important;
    grid-template-columns: .7fr .95fr 1.35fr !important;
    gap: 8px !important;
    margin: 9px 0 11px !important;
    padding: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #D7E2E5 !important;
    border-left: 4px solid #055970 !important;
    border-radius: 7px !important;
    break-inside: avoid !important;
  }
  .xan-ga-report-document .xan-ga-decision-summary.is-report > div {
    padding: 6px 7px !important;
  }
  .xan-ga-report-document .xan-ga-decision-summary.is-report > div > span,
  .xan-ga-report-document .xan-ga-decision-summary.is-report small {
    color: #53666D !important;
    -webkit-text-fill-color: #53666D !important;
    font-size: 8px !important;
  }
  .xan-ga-report-document .xan-ga-decision-summary.is-report strong {
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
    font-size: 10.5px !important;
  }
  .xan-ga-report-document .xan-ga-decision-summary.is-report .xan-ga-decision-primary strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 15px !important;
  }
}

/* ========================================================================== 
   v1.8.79 — KESİN KONTRAST SÖZLEŞMESİ
   Kural: koyu/petrol yüzey = beyaz metin. Açık yüzey = koyu metin.
   Bu blok dosyanın EN SONUNDA tutulur.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"],
  body.xan-ga-body #xan-ga-app-root .xan-ga-dark-surface,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #055970 !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"] :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,label,a,button,li),
  body.xan-ga-body #xan-ga-app-root .xan-ga-dark-surface :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,label,a,button,li),
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,label,a,button,li) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
    background: #FFFFFF !important;
    border-radius: 11px !important;
    overflow: hidden !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
    min-height: 92px !important;
    padding: 16px 18px !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface:last-child {
    border-right: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong {
    margin: 0 0 7px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;
  }

  /* Hero ve aktif navigasyon da aynı kontrast sözleşmesine bağlıdır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple,
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active,
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)) {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple :is(h1,p,span,strong,b),
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active :is(span,b,em),
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-btn-dark,.xan-ga-btn-accent,button[type="submit"]:not(.xan-ga-btn-soft)) :is(span,strong,b,em) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
  }

  /* Açık yüzeyler tam beyaz ve metin koyudur. */
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-panel,.xan-ga-calc-form,.xan-ga-result,.xan-ga-tool-intro,.xan-ga-tool-intro-note) {
    box-shadow: none !important;
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
      grid-template-columns: 1fr !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
      min-height: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid rgba(255,255,255,.18) !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface:last-child {
      border-bottom: 0 !important;
    }
  }
}

/* ========================================================================== 
   v1.8.80 — HERO + KULLANIM / ÇIKTI TİPOGRAFİ DENGELEME
   - Koyu yüzeylerde metin ortalı ve dengeli.
   - Yazı boyutları hafif büyütülür.
   - Masaüstü / tablet / mobil uyumu korunur.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
    padding: 28px 34px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple h1 {
    margin: 0 0 10px !important;
    max-width: 1120px !important;
    text-align: center !important;
    font-size: clamp(29px, 2.5vw, 40px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.022em !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple p {
    margin: 0 auto !important;
    max-width: 980px !important;
    text-align: center !important;
    font-size: 15.75px !important;
    font-weight: 500 !important;
    line-height: 1.62 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
    align-items: stretch !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
    min-height: 116px !important;
    padding: 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong {
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 660px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    letter-spacing: -0.005em !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-note {
    text-align: center !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 24px 24px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple h1 {
      font-size: clamp(27px, 4.1vw, 35px) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple p {
      font-size: 15px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
      min-height: 108px !important;
      padding: 18px 20px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong {
      font-size: 14.5px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p {
      font-size: 14.5px !important;
    }
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
      padding: 22px 18px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple h1 {
      margin-bottom: 8px !important;
      font-size: 26px !important;
      line-height: 1.18 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple p {
      font-size: 14.5px !important;
      line-height: 1.58 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
      min-height: 0 !important;
      padding: 18px 16px !important;
      gap: 7px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong {
      font-size: 14px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p {
      font-size: 14px !important;
      max-width: 100% !important;
    }
  }
}

/* ========================================================================== 
   v1.8.80 — MERKEZLENMİŞ / DENGELİ ÜST BÖLÜM STANDARDI
   - Tüm 32 araç detayında hero metni optik olarak merkezlenir.
   - Kullanım / Çıktı kartları yatay ve dikey ortalanır.
   - Tipografi bir miktar büyütülür; satır uzunluğu kontrollü tutulur.
   - Petrol zemin + beyaz yazı kontrast sözleşmesi korunur.
   ========================================================================== */
@media screen {
  /* Detay hero: dengeli, ortalanmış ve okunaklı. */
  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 150px !important;
    padding: 26px 34px !important;
    text-align: center !important;
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero-content,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero-content {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
    margin: 0 auto 10px !important;
    max-width: 900px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: clamp(30px, 2.3vw, 39px) !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: -.018em !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple p,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple p {
    margin: 0 auto !important;
    max-width: 820px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  /* Kullanım / Çıktı: iki eşit kart, içerik tam ortada. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro.xan-ga-tool-intro-compact {
    margin-top: 14px !important;
    background: #FFFFFF !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 2px !important;
    align-items: stretch !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 118px !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > strong {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > p {
    display: block !important;
    width: 100% !important;
    max-width: 630px !important;
    margin: 0 auto !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-note {
    padding: 11px 16px !important;
    text-align: center !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  /* Tablet */
  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
      min-height: 138px !important;
      padding: 23px 26px !important;
    }

    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
      font-size: clamp(27px, 3.2vw, 34px) !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface {
      min-height: 112px !important;
      padding: 18px 20px !important;
    }
  }

  /* Telefon: kartlar tek sütun; merkezleme korunur. */
  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
      min-height: 0 !important;
      padding: 22px 18px !important;
      border-radius: 12px !important;
    }

    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
      margin-bottom: 8px !important;
      font-size: clamp(25px, 7vw, 31px) !important;
      line-height: 1.18 !important;
    }

    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple p,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple p {
      font-size: 14px !important;
      line-height: 1.5 !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
      grid-template-columns: 1fr !important;
      gap: 2px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
    body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
      min-height: 104px !important;
      padding: 17px 18px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong {
      font-size: 14.5px !important;
      margin-bottom: 7px !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p {
      font-size: 14px !important;
    }
  }
}

/* ========================================================================== 
   v1.8.81 — TÜM PUBLIC KARTLAR / MERKEZ HİZA SÖZLEŞMESİ
   Kart metinleri yatay merkezde; uygun kart gövdeleri dikey olarak da ortada.
   Form alanları ve giriş etiketleri bilinçli olarak kapsam dışıdır.
   ========================================================================== */
@media screen {
  /* Kart tipi bütün yüzeylerde ortak metin merkezi. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-tool-tile,
    .xan-ga-tool-intro-item,
    .xan-ga-growth-card,
    .xan-ga-growth-card-simple,
    .xan-ga-growth-card-strong,
    .xan-ga-social-card,
    .xan-ga-social-card-strong,
    .xan-ga-ad-card,
    .xan-ga-result-item,
    .xan-ga-scenario-card,
    .xan-ga-visual-card,
    .xan-ga-report-metric,
    .xan-ga-workflow-step,
    .xan-ga-decision-primary,
    .xan-ga-decision-band,
    .xan-ga-decision-next,
    .xan-ga-roadmap-grid > div,
    .xan-ga-quality-grid > div,
    .xan-ga-report-quality-grid > div,
    .xan-ga-live-tracking-grid > div,
    .xan-ga-process-route-links > a,
    .xan-ga-closing-focus-grid > a,
    .xan-ga-closing-file-grid > div,
    .xan-ga-field-control-grid > div,
    .xan-ga-quick-profile-grid > button,
    .xan-ga-check-grid > label,
    .xan-ga-corporate-links > a
  ) {
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-tool-tile,
    .xan-ga-tool-intro-item,
    .xan-ga-growth-card,
    .xan-ga-growth-card-simple,
    .xan-ga-growth-card-strong,
    .xan-ga-result-item,
    .xan-ga-scenario-card,
    .xan-ga-visual-card,
    .xan-ga-report-metric,
    .xan-ga-workflow-step,
    .xan-ga-decision-primary,
    .xan-ga-decision-band,
    .xan-ga-decision-next,
    .xan-ga-roadmap-grid > div,
    .xan-ga-quality-grid > div,
    .xan-ga-report-quality-grid > div,
    .xan-ga-live-tracking-grid > div,
    .xan-ga-process-route-links > a,
    .xan-ga-closing-focus-grid > a,
    .xan-ga-closing-file-grid > div,
    .xan-ga-field-control-grid > div,
    .xan-ga-quick-profile-grid > button
  ) {
    align-items: center !important;
    justify-content: center !important;
  }

  /* 32 ana araç kartı: bütün içerik gerçek merkez ekseninde. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile-head {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 9px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > :is(strong,p),
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile-head :is(span,strong),
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile :is(.xan-ga-tool-category,.xan-ga-tool-meta) {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tile-action,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) .xan-ga-tile-action {
    align-self: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Kullanım / Çıktı zaten petrol yüzey; merkeze kilitlenir. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item,
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item > :is(strong,p,span,small,b,em) {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Sonuç / metrik / analiz kartları. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-result-item,
    .xan-ga-scenario-card,
    .xan-ga-visual-card,
    .xan-ga-report-metric,
    .xan-ga-decision-primary,
    .xan-ga-decision-band,
    .xan-ga-decision-next,
    .xan-ga-quality-grid > div,
    .xan-ga-report-quality-grid > div,
    .xan-ga-live-tracking-grid > div,
    .xan-ga-workflow-step
  ) :is(h1,h2,h3,h4,h5,h6,strong,b,p,span,small,em) {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-result-item,
    .xan-ga-scenario-card,
    .xan-ga-visual-card,
    .xan-ga-report-metric,
    .xan-ga-quality-grid > div,
    .xan-ga-report-quality-grid > div,
    .xan-ga-live-tracking-grid > div,
    .xan-ga-workflow-step
  ) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Yönlendirme / profil / süreç kartları. */
  body.xan-ga-body #xan-ga-app-root :is(
    .xan-ga-process-route-links > a,
    .xan-ga-closing-focus-grid > a,
    .xan-ga-closing-file-grid > div,
    .xan-ga-field-control-grid > div,
    .xan-ga-quick-profile-grid > button,
    .xan-ga-roadmap-grid > div
  ) :is(h1,h2,h3,h4,strong,b,p,span,small,em) {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Kontrol kartı: checkbox/radio ile metin birlikte kartın ortasında kalır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label > span {
    flex: 0 1 auto !important;
    text-align: center !important;
  }

  /* Kurumsal / sosyal kartlar: mevcut grid/flex yapısını bozmadan içerik merkezlenir. */
  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-social-card,.xan-ga-social-card-strong) {
    justify-items: center !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root :is(.xan-ga-social-card,.xan-ga-social-card-strong) :is(h1,h2,h3,strong,p,span),
  body.xan-ga-body #xan-ga-app-root .xan-ga-ad-card :is(h1,h2,h3,strong,p,span),
  body.xan-ga-body #xan-ga-app-root .xan-ga-corporate-links > a {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-social-buttons {
    justify-content: center !important;
  }

  /* Küçük ve orta ekranlarda da aynı merkez ekseni korunur. */
  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root :is(
      .xan-ga-tool-tile,
      .xan-ga-tool-intro-item,
      .xan-ga-result-item,
      .xan-ga-scenario-card,
      .xan-ga-report-metric,
      .xan-ga-workflow-step,
      .xan-ga-quality-grid > div,
      .xan-ga-report-quality-grid > div,
      .xan-ga-live-tracking-grid > div
    ) {
      text-align: center !important;
      align-items: center !important;
      justify-content: center !important;
    }
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile,
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item,
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
      text-align: center !important;
      align-items: center !important;
      justify-content: center !important;
    }
  }
}

/* ========================================================================== 
   v1.8.82 — SONUÇ EKRANI STANDARDI + SOL MENÜ SVG İKON SİSTEMİ
   - 32 araçta sonuç ilk bakışta: Ana Sonuç / Durum / Kritik Kontrol / Sonraki Adım.
   - Sol menüde harf kısaltması yok; font bağımsız inline SVG ikonlar kullanılır.
   ========================================================================== */
@media screen {
  /* Sol menü ikonları: 18px çizgisel, currentColor ile aktif/pasif renge otomatik uyum. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > b {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav-svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    flex: 0 0 18px !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a:hover > b {
    background: #E8F3F5 !important;
    border-color: #C6DDE2 !important;
    color: #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active > b,
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active:hover > b {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #055970 !important;
  }

  /* Sonuç gövdesi her araçta temiz beyaz çalışma yüzeyi. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered {
    background: #FFFFFF !important;
    color: #202124 !important;
  }

  /* Ortak 4'lü sonuç özeti. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 116px !important;
    padding: 15px 16px !important;
    text-align: center !important;
    background: #FFFFFF !important;
    border: 1px solid #DCE6E9 !important;
    border-top: 3px solid #9BBBC2 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-primary {
    border-top-color: #055970 !important;
    background: #F7FBFB !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-warning {
    border-top-color: #C9932D !important;
    background: #FFF9ED !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-next {
    border-top-color: #0A6B82 !important;
    background: #F4F9FA !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div > span {
    margin: 0 0 6px !important;
    color: #586B72 !important;
    -webkit-text-fill-color: #586B72 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div > small {
    margin: 0 0 4px !important;
    color: #66777D !important;
    -webkit-text-fill-color: #66777D !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen strong {
    max-width: 100% !important;
    margin: 0 !important;
    color: #173038 !important;
    -webkit-text-fill-color: #173038 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-primary > strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: clamp(22px,2vw,28px) !important;
    line-height: 1.15 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-band > small {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-warning > strong {
    color: #674A12 !important;
    -webkit-text-fill-color: #674A12 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen .xan-ga-decision-next > strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
  }

  /* Skor bantlarının anlam rengi yalnız Durum kartında kalır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-strong .xan-ga-decision-band,
  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-good .xan-ga-decision-band {
    border-top-color: #055970 !important;
    background: #F2F8F8 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-watch .xan-ga-decision-band {
    border-top-color: #C99731 !important;
    background: #FFF9EC !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-risk .xan-ga-decision-band {
    border-top-color: #B76558 !important;
    background: #FFF5F3 !important;
  }

  /* Ortak sonuç metrikleri: aynı ölçü, merkez ve okunabilirlik. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metrics {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metric {
    min-height: 108px !important;
    padding: 14px 12px !important;
    background: #FFFFFF !important;
    border: 1px solid #DCE6E9 !important;
    border-top: 3px solid #8EAFB7 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metric > span {
    color: #5F7076 !important;
    -webkit-text-fill-color: #5F7076 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metric > strong {
    margin: 5px 0 3px !important;
    color: #173038 !important;
    -webkit-text-fill-color: #173038 !important;
    font-size: clamp(18px,1.5vw,23px) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metric > small {
    color: #6A7A80 !important;
    -webkit-text-fill-color: #6A7A80 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* PDF/rapor içindeki özet de aynı 4 başlığı taşır ancak A4 için kompakt kalır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 9px 0 11px !important;
    padding: 7px !important;
    background: #FFFFFF !important;
    border: 1px solid #D7E2E5 !important;
    border-left: 4px solid #055970 !important;
    border-radius: 8px !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report > div {
    min-width: 0 !important;
    padding: 6px 7px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5ECEE !important;
    border-radius: 6px !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-decision-summary.is-report .xan-ga-decision-warning {
    background: #FFF9ED !important;
  }

  @media (max-width: 1100px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metrics {
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 620px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered > .xan-ga-decision-summary.is-screen,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metrics {
      grid-template-columns: 1fr !important;
    }

    body.xan-ga-body #xan-ga-app-root .xan-ga-decision-summary.is-screen > div,
    body.xan-ga-body #xan-ga-app-root .xan-ga-result.is-rendered .xan-ga-report-metric {
      min-height: 0 !important;
      padding: 14px 13px !important;
    }
  }
}

@media print {
  .xan-ga-report-document .xan-ga-decision-summary.is-report {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 5px !important;
  }
  .xan-ga-report-document .xan-ga-decision-warning {
    background: #FFF9ED !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* ========================================================================== 
   v1.8.83 — RAPOR/PDF KURUMSAL RENK + KESİN KONTRAST SÖZLEŞMESİ
   Kurumsal ana renk: #055970. Koyu/petrol yüzeyde yalnız beyaz metin kullanılır.
   Bu katman xan-interface-lock.css içinde EN SONDA tutulur; eski rapor katmanlarını
   güvenli biçimde ezer ve ekran + yazdırma/PDF görünümünde aynı kontrastı korur.
   ========================================================================== */
:root {
  --xan-corporate-petrol: #055970 !important;
  --xan-corporate-petrol-dark: #055970 !important;
  --xan-corporate-petrol-soft: #0A6B82 !important;
}

/* Uygulamadaki ana kurumsal koyu yüzeyler tek dilde. */
body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple,
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active,
body.xan-ga-body #xan-ga-app-root .xan-ga-btn-dark,
body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action {
  background: #055970 !important;
  background-image: none !important;
  border-color: #055970 !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple :is(h1,h2,h3,h4,p,span,strong,b,small,em),
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface :is(h1,h2,h3,h4,p,span,strong,b,small,em),
body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active :is(span,strong,b,small,em,svg),
body.xan-ga-body #xan-ga-app-root .xan-ga-btn-dark,
body.xan-ga-body #xan-ga-app-root .xan-ga-btn-dark *,
body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action,
body.xan-ga-body #xan-ga-app-root .xan-ga-tile-action * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Rapor başlık bandı: işaretlenen koyu-yazı problemi burada kesin kapatılır. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-print-titlebar,
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-print-titlebar.xan-ga-print-titlebar-merged,
.xan-ga-report-document .xan-ga-print-titlebar,
.xan-ga-report-document .xan-ga-print-titlebar.xan-ga-print-titlebar-merged,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged {
  background: #055970 !important;
  background-image: none !important;
  border-color: #055970 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-print-titlebar :is(strong,span,b,small,em),
.xan-ga-report-document .xan-ga-print-titlebar :is(strong,span,b,small,em),
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar :is(strong,span,b,small,em) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-print-titlebar strong,
.xan-ga-report-document .xan-ga-print-titlebar.xan-ga-print-titlebar-merged strong {
  font-weight:600!important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-print-titlebar span,
.xan-ga-report-document .xan-ga-print-titlebar.xan-ga-print-titlebar-merged span {
  font-weight: 500 !important;
}

/* Raporun ikinci koyu bandı / konum özeti. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-banner,
.xan-ga-report-document .xan-ga-report-banner,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner {
  background: #055970 !important;
  background-image: none !important;
  border-color: #055970 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: none !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-banner :is(h1,h2,h3,h4,p,span,strong,b,small,em,i,a),
.xan-ga-report-document .xan-ga-report-banner :is(h1,h2,h3,h4,p,span,strong,b,small,em,i,a) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.xan-ga-report-document .xan-ga-report-meta span,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-meta span {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.30) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* İki dikey kurumsal şerit. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-rail,
.xan-ga-report-document .xan-ga-report-rail,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail {
  background: #055970 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #055970 !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-rail *,
.xan-ga-report-document .xan-ga-report-rail * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
}

/* Rapor çizgileri/çerçeveleri de aynı kurumsal ailede. */
.xan-ga-report-document .xan-ga-report-inner {
  border-color: #0A6B82 !important;
}
.xan-ga-report-document .xan-ga-report-edge,
.xan-ga-report-document .xan-ga-report-edge::before,
.xan-ga-report-document .xan-ga-report-edge::after {
  background: #0A6B82 !important;
}

/* Detay tablosu koyu başlık satırı. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-table thead th,
.xan-ga-report-document .xan-ga-report-table thead th,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table th {
  background: #055970 !important;
  background-image: none !important;
  border-color: #D7E3E6 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
}

body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-table thead th *,
.xan-ga-report-document .xan-ga-report-table thead th * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Kurumsal rapor CTA bandı: koyu zemindeki metinler beyaz kalır. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-cta,
.xan-ga-report-document .xan-ga-report-cta {
  background: #055970 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #055970 !important;
  box-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-cta > div :is(strong,p,span,b,small),
.xan-ga-report-document .xan-ga-report-cta > div :is(strong,p,span,b,small) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
}
/* CTA içindeki beyaz aksiyon butonu bilinçli ters kontrasttır. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document .xan-ga-report-cta .xan-ga-btn,
.xan-ga-report-document .xan-ga-report-cta .xan-ga-btn {
  background: #FFFFFF !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  border-color: #FFFFFF !important;
}

/* Alt çizgi ve sayfa numarası. */
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-bottom-strip,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-bottom-strip b {
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
}
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-bottom-strip span,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-bottom-strip .xan-ga-report-bottom-gap {
  background: #0A6B82 !important;
}
.xan-ga-report-document .xan-ga-report-page-dot,
.xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-page-dot {
  background: #055970 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Ekranda rapor içeriği genel UI koyu-metin kuralından etkilenmesin. */
body.xan-ga-body #xan-ga-app-root .xan-ga-report-document :is(.xan-ga-print-titlebar,.xan-ga-report-banner,.xan-ga-report-rail,.xan-ga-report-table thead,.xan-ga-report-cta,.xan-ga-report-page-dot) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,i,a,th) {
  text-shadow: none !important;
}

/* PDF / fiziksel yazdırma: ekran ile birebir kurumsal kontrast. */
@media print {
  body.xan-ga-print-mode .xan-ga-print-host .xan-ga-report-document.xan-ga-print-standard-v173,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 {
    border-left-color: #055970 !important;
    border-right-color: #055970 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body.xan-ga-print-mode .xan-ga-print-host .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-page-dot {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar *,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner *,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail *,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-inner {
    border-color: #0A6B82 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-edge,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-edge::before,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-edge::after {
    background: #0A6B82 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* ==========================================================================
   v1.8.84 — SADE ARAÇ MERKEZİ / İKON-ROZET TEMİZLİĞİ
   Kullanıcı isteği: sol menü önündeki ikon kutuları ve ana 32 araç kartlarının
   üstündeki ikon + kategori rozet satırı kaldırılır. Filtre/veri mantığı korunur.
   ========================================================================== */
@media screen {
  /* Sol menü: yalnız başlık + gerekiyorsa Yakında rozeti. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 10px 13px !important;
    align-items: center !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > b {
    display: none !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > span {
    grid-column: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > em {
    grid-column: 2 !important;
    margin: 0 !important;
  }

  /* Ana merkez: ikon kutusu ve Hesaplama/Portföy/Pazarlama vb. üst rozetleri yok. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile-head,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-icon,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-category {
    display: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
    min-height: 218px !important;
    padding: 18px 16px 16px !important;
    gap: 10px !important;
    justify-content: flex-start !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    text-align: center !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > p {
    width: 100% !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    text-align: center !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tile-action {
    margin-top: auto !important;
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
      min-height: 0 !important;
      padding: 16px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > :is(strong,p) {
      min-height: 0 !important;
    }
  }
}


/* ==========================================================================
   v1.8.85 — PREMIUM BAŞLIK İŞARETİ / ARAÇ KARTI HİYERARŞİSİ
   32 ana araç kartında ikon/rozet geri getirilmez. Başlığın önüne kutusuz,
   geometrik kurumsal işaret eklenir: cyan üst vurgu + petrol ana gövde.
   Başlık ve işaret tek grup olarak gerçek merkez ekseninde kalır.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 30px !important;
    min-width: 4px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(to bottom, #47AFC0 0 24%, #055970 24% 100%) !important;
    box-shadow: none !important;
  }

  /* Hover/focus sırasında işaret belirginleşir; metin ve yüzey kontrastı değişmez. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) > strong {
    color: #12262D !important;
    -webkit-text-fill-color: #12262D !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile:is(:hover,:focus,:focus-visible,:active) > strong::before {
    background: linear-gradient(to bottom, #47AFC0 0 34%, #055970 34% 100%) !important;
  }

  /* Kartların üst kurumsal çizgisi ana petrol renge bağlanır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile {
    border-top-color: #055970 !important;
  }

  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
      font-size: 16.5px !important;
      gap: 10px !important;
    }
  }

  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong {
      min-height: 0 !important;
      padding: 0 4px !important;
      font-size: 16px !important;
      line-height: 1.3 !important;
      gap: 9px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile > strong::before {
      flex-basis: 3px !important;
      width: 3px !important;
      min-width: 3px !important;
      height: 25px !important;
    }
  }
}

/* ========================================================================== 
   v1.8.86 — SOL MENÜ SVG İKON RESTORASYONU
   v1.8.84'te ana kart ikonlarıyla birlikte yanlışlıkla kaldırılan sol menü
   ikonları geri getirilir. Ana araç kartlarında ikon/rozet temizliği korunur.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a {
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    align-items: center !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > b {
    display: flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border: 1px solid #D7E7EA !important;
    border-radius: 10px !important;
    background: #F4FAFB !important;
    color: #055970 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > span {
    grid-column: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a > em {
    grid-column: 3 !important;
    margin: 0 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a:hover > b {
    background: #E8F3F5 !important;
    border-color: #BFD8DD !important;
    color: #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active > b,
  body.xan-ga-body #xan-ga-app-root .xan-ga-nav > a.is-active:hover > b {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #055970 !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-nav-svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    pointer-events: none !important;
  }

  /* Ana araç kartlarında v1.8.84/v1.8.85 sade premium yapı aynen korunur. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-tile-head,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-icon,
  body.xan-ga-body #xan-ga-app-root .xan-ga-home-grid .xan-ga-tool-category {
    display: none !important;
  }
}

/* ========================================================================== 
   v1.8.87 — RAPOR TİPOGRAFİ NETLİĞİ + DENGE FİNALİ
   - Rapor önizleme ve A4 çıktıda tek, keskin sistem font ailesi.
   - Küçük/soluk metinler yükseltilir; başlık/gövde hiyerarşisi dengelenir.
   - Petrol #055970 yüzeylerde beyaz, açık yüzeylerde koyu metin sözleşmesi korunur.
   - Form/araç ekranı değil, yalnız rapor dokümanı hedeflenir.
   ========================================================================== */

/* Ekran önizlemesi: transform yüksekliğe göre küçültülmediği için masaüstünde 1:1 netlik. */
@media screen {
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-pages {
    max-width: 1080px !important;
    background: #EAF1F4 !important;
    border-color: #CBD9DE !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-scale {
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 * {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    text-shadow: none !important;
    filter: none !important;
    font-synthesis: none !important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 {
    color: #172B32 !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: optimizeLegibility !important;
  }

  /* Logo + ana rapor başlığı */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-brand-logo-only {
    margin: 0 0 10px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-brand-logo-only img {
    width: 148px !important;
    max-height: 64px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged {
    min-height: 66px !important;
    margin: 0 18px 13px !important;
    padding: 10px 18px !important;
    gap: 4px !important;
    background: #055970 !important;
    background-image: none !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged strong {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight:600!important;
    line-height: 1.12 !important;
    letter-spacing: -0.012em !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }

  /* Rapor kodu / tarih / çıktı / tip / revizyon */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta {
    gap: 9px !important;
    margin: 0 18px 14px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta div {
    min-height: 57px !important;
    padding: 9px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F7FAFB !important;
    border: 1px solid #D6E2E6 !important;
    border-radius: 9px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta span {
    color: #53666D !important;
    -webkit-text-fill-color: #53666D !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta strong {
    margin-top: 4px !important;
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  /* Petrol konum/özet bandı */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner {
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    background: #055970 !important;
    background-image: none !important;
    border-radius: 12px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-location {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-meta span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  /* Ana metrik kartları */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metrics {
    gap: 10px !important;
    margin-bottom: 13px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric {
    min-height: 128px !important;
    padding: 13px 11px !important;
    border: 1px solid #D6E2E6 !important;
    border-top: 3px solid #8EB3BC !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > span {
    color: #5B6D73 !important;
    -webkit-text-fill-color: #5B6D73 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > strong,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric.is-compact > strong {
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1.17 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric.is-long > strong {
    font-size: 18px !important;
    line-height: 1.24 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > small {
    color: #61747B !important;
    -webkit-text-fill-color: #61747B !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
  }

  /* Karar özeti: raporda artık mikro yazı yok. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report {
    gap: 7px !important;
    margin: 10px 0 13px !important;
    padding: 8px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report > div {
    min-height: 104px !important;
    padding: 9px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report > div > span {
    color: #5B6D73 !important;
    -webkit-text-fill-color: #5B6D73 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report strong {
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report .xan-ga-decision-primary strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 19px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report small {
    color: #61747B !important;
    -webkit-text-fill-color: #61747B !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  /* Bölüm başlıkları ve açıklama kutuları */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-section,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box {
    margin-top: 13px !important;
    padding: 15px 16px !important;
    border: 1px solid #D6E2E6 !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-section-title,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box > strong {
    margin: 0 0 10px !important;
    padding: 0 0 5px !important;
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    border-bottom: 2px solid #055970 !important;
    font-size: 18px !important;
    font-weight:600!important;
    line-height: 1.22 !important;
    letter-spacing: -0.01em !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box p,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-copyline {
    margin: 0 !important;
    color: #334B54 !important;
    -webkit-text-fill-color: #334B54 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }

  /* Detay tabloları */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table th,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table td {
    padding: 9px 11px !important;
    color: #213840 !important;
    -webkit-text-fill-color: #213840 !important;
    border-color: #D5E1E5 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th {
    background: #055970 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table tbody td:last-child {
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    font-weight: 500 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table tbody tr:nth-child(even) {
    background: #F6F9FA !important;
  }

  /* Senaryo, aksiyon, kullanım, CRM, kalite ve takip blokları */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card {
    padding: 12px !important;
    min-height: 92px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > span,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > small {
    color: #5E7178 !important;
    -webkit-text-fill-color: #5E7178 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > strong {
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
    font-size: 16px !important;
    line-height: 1.24 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 :is(.xan-ga-action-plan li,.xan-ga-report-usage-grid span,.xan-ga-crm-transfer-grid div,.xan-ga-handoff-list div,.xan-ga-report-quality-grid div,.xan-ga-live-tracking-grid div) {
    color: #2F4851 !important;
    -webkit-text-fill-color: #2F4851 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 :is(.xan-ga-crm-transfer-grid b,.xan-ga-handoff-list b,.xan-ga-report-quality-grid b,.xan-ga-live-tracking-grid b) {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  /* Alt kurumsal bloklar */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-signature div {
    background: #F7FAFB !important;
    border-color: #D6E2E6 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-signature b,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-disclaimer strong {
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-signature span,
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-disclaimer span {
    color: #3D555D !important;
    -webkit-text-fill-color: #3D555D !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-footer {
    color: #53666D !important;
    -webkit-text-fill-color: #53666D !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-footer strong {
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
  }

  /* Yan şeritler: marka rengi ve okunaklı beyaz yazı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
  }
}

/* A4/PDF: daha az mikro yazı, fakat iki sayfalı rapor akışı korunacak kadar kompakt. */
@media print {
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 * {
    font-family: Arial, Helvetica, sans-serif !important;
    text-shadow: none !important;
    filter: none !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 {
    color: #172B32 !important;
    font-size: 8pt !important;
    line-height: 1.32 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    min-height: 10.5mm !important;
    padding: 2.1mm 4mm !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged strong {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 15.5pt !important;
    font-weight:600!important;
    line-height: 1.08 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-titlebar.xan-ga-print-titlebar-merged span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 8.5pt !important;
    font-weight: 500 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta span {
    font-size: 7pt !important;
    color: #53666D !important;
    -webkit-text-fill-color: #53666D !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-print-meta strong {
    font-size: 8.2pt !important;
    color: #172B32 !important;
    -webkit-text-fill-color: #172B32 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-rail,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-page-dot {
    background: #055970 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-banner * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-location {
    font-size: 12.5pt !important;
    font-weight: 500 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-section,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box {
    margin-top: 2mm !important;
    padding: 2.4mm 2.7mm !important;
    border-radius: 2mm !important;
    box-shadow: none !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-section-title,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box > strong {
    margin-bottom: 1.5mm !important;
    padding-bottom: .8mm !important;
    font-size: 10.5pt !important;
    line-height: 1.15 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-note-box p,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-copyline {
    font-size: 7.8pt !important;
    line-height: 1.36 !important;
    color: #334B54 !important;
    -webkit-text-fill-color: #334B54 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table th,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table td {
    padding: 1.45mm 1.8mm !important;
    font-size: 7.6pt !important;
    line-height: 1.25 !important;
    color: #213840 !important;
    -webkit-text-fill-color: #213840 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-table thead th {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 7.5pt !important;
    font-weight: 500 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric {
    min-height: 21mm !important;
    padding: 2mm !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > span {
    font-size: 6.8pt !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > strong,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric.is-compact > strong {
    font-size: 13pt !important;
    line-height: 1.12 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric.is-long > strong {
    font-size: 10.5pt !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-metric > small {
    font-size: 6.8pt !important;
    line-height: 1.22 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report > div > span,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report small {
    font-size: 6.6pt !important;
    line-height: 1.2 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report strong {
    font-size: 8pt !important;
    line-height: 1.22 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-decision-summary.is-report .xan-ga-decision-primary strong {
    font-size: 11pt !important;
    color: #055970 !important;
    -webkit-text-fill-color: #055970 !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > span,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > small,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 :is(.xan-ga-action-plan li,.xan-ga-report-usage-grid span,.xan-ga-crm-transfer-grid div,.xan-ga-handoff-list div,.xan-ga-report-quality-grid div,.xan-ga-live-tracking-grid div) {
    font-size: 7pt !important;
    line-height: 1.24 !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-scenario-card > strong {
    font-size: 9.5pt !important;
  }

  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-signature b,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-disclaimer strong,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-footer {
    font-size: 6.7pt !important;
  }
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-signature span,
  body.xan-ga-print-mode .xan-ga-report-document.xan-ga-print-standard-v173 .xan-ga-report-disclaimer span {
    font-size: 6.9pt !important;
    line-height: 1.22 !important;
  }
}


/* ======================================================================
   v1.8.88 — 32 ARAÇ KULLANIM REHBERİ + SSS
   Web / tablet / mobil ortak, JS'siz native accordion.
   ====================================================================== */
body.xan-ga-body #xan-ga-app-root .xan-ga-help-center {
  width: 100% !important;
  margin: 26px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 18px !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-section {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #D6E4E8 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  text-shadow: none !important;
  filter: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading {
  max-width: 820px !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-kicker {
  display: inline-block !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(24px,2vw,30px) !important;
  line-height: 1.16 !important;
  font-weight: 500 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
  text-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading p {
  max-width: 680px !important;
  margin: 8px auto 0 !important;
  color: #40575F !important;
  -webkit-text-fill-color: #40575F !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid {
  list-style: none !important;
  counter-reset: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card {
  min-width: 0 !important;
  min-height: 166px !important;
  margin: 0 !important;
  padding: 18px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #D6E4E8 !important;
  border-top: 3px solid #055970 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  text-align: center !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  break-inside: avoid !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-number {
  display: block !important;
  margin: 0 !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > strong {
  margin: 0 !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > p {
  margin: 0 !important;
  color: #40575F !important;
  -webkit-text-fill-color: #40575F !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-list {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 8px !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #D6E4E8 !important;
  border-radius: 12px !important;
  overflow: clip !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  box-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary {
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) 34px !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
  background: #FFFFFF !important;
  background-image: none !important;
  color: #12262D !important;
  -webkit-text-fill-color: #12262D !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  text-align: left !important;
  -webkit-tap-highlight-color: transparent !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary::-webkit-details-marker { display: none !important; }
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary::marker { content: '' !important; }
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
  background: #F4FAFB !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  border-bottom: 1px solid #D6E4E8 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-number {
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-question {
  min-width: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-toggle {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] .xan-ga-faq-toggle {
  font-size: 0 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] .xan-ga-faq-toggle::after {
  content: '−' !important;
  font-size: 21px !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer {
  margin: 0 !important;
  padding: 14px 58px 16px !important;
  background: #FFFFFF !important;
  color: #40575F !important;
  -webkit-text-fill-color: #40575F !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer p {
  margin: 0 !important;
  color: #40575F !important;
  -webkit-text-fill-color: #40575F !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary:focus-visible {
  outline: 2px solid #055970 !important;
  outline-offset: -3px !important;
}

@media (max-width: 1024px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-center { margin-top: 20px !important; gap: 14px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-section { padding: 20px !important; border-radius: 16px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card { min-height: 152px !important; padding: 16px 14px !important; }
}

@media (max-width: 680px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-center { margin-top: 16px !important; gap: 12px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-section { padding: 16px 12px !important; border-radius: 14px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading { margin-bottom: 14px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading h2 { font-size: 22px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading p { font-size: 14px !important; line-height: 1.5 !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card { min-height: 0 !important; padding: 15px 13px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > strong { font-size: 15px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > p { font-size: 14px !important; line-height: 1.48 !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary {
    min-height: 56px !important;
    padding: 12px 11px !important;
    grid-template-columns: 28px minmax(0,1fr) 28px !important;
    gap: 7px !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer { padding: 13px 14px 15px !important; }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer p { font-size: 14px !important; line-height: 1.55 !important; }
}

@media (hover: none) and (pointer: coarse) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary { min-height: 58px !important; }
}

@media print {
  .xan-ga-help-center { display: none !important; }
}
body.xan-ga-print-mode .xan-ga-help-center { display: none !important; }

/* ======================================================================
   v1.8.89 — REHBER + SSS PREMIUM RESPONSIVE DÜZEN
   Desktop: iki bağımsız kolon. Tablet/mobil: kontrollü tek kolon.
   Kurumsal renk sözleşmesi: #055970 / #0A6B82 / #47AFC0 / #FFFFFF.
   ====================================================================== */
body.xan-ga-body #xan-ga-app-root .xan-ga-help-center {
  --xan-help-primary: #055970;
  --xan-help-primary-dark: #03485B;
  --xan-help-secondary: #0A6B82;
  --xan-help-accent: #47AFC0;
  --xan-help-ink: #12262D;
  --xan-help-line: #D6E4E8;
  --xan-help-soft: #F4FAFB;
  width: 100% !important;
  margin: 28px 0 0 !important;
  gap: 18px !important;
  align-items: start !important;
}

/* Bölüm kabuğu */
body.xan-ga-body #xan-ga-app-root .xan-ga-help-section {
  min-width: 0 !important;
  padding: 0 18px 18px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--xan-help-line) !important;
  border-top: 4px solid var(--xan-help-primary) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Kullanım Rehberi ve SSS başlıkları artık gerçek kurumsal başlık bandı. */
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading {
  max-width: none !important;
  margin: 0 -18px 18px !important;
  padding: 18px 20px 17px !important;
  background: var(--xan-help-primary) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-align: center !important;
  border: 0 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading :is(h2,p,span,strong,b,small,em) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  filter: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  margin: 0 0 7px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: .055em !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading h2 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading p {
  max-width: 620px !important;
  margin: 7px auto 0 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: .96 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* Rehber: beyaz kart + petrol adım rozeti + dengeli merkezi tipografi. */
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid {
  gap: 10px !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card {
  min-height: 158px !important;
  padding: 15px 13px 16px !important;
  gap: 7px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--xan-help-line) !important;
  border-top: 3px solid var(--xan-help-primary) !important;
  border-radius: 13px !important;
  color: var(--xan-help-ink) !important;
  -webkit-text-fill-color: var(--xan-help-ink) !important;
  box-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-number {
  min-width: 38px !important;
  height: 26px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--xan-help-primary) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid var(--xan-help-primary) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > strong {
  color: var(--xan-help-primary) !important;
  -webkit-text-fill-color: var(--xan-help-primary) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > p {
  color: #40575F !important;
  -webkit-text-fill-color: #40575F !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* SSS: soru = petrol / beyaz. Cevap = beyaz / petrol. */
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-list {
  gap: 8px !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item {
  background: #FFFFFF !important;
  border: 1px solid var(--xan-help-primary) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary,
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
  min-height: 58px !important;
  padding: 12px 14px !important;
  grid-template-columns: 36px minmax(0,1fr) 36px !important;
  gap: 9px !important;
  background: var(--xan-help-primary) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
  background: var(--xan-help-primary-dark) !important;
  border-bottom: 1px solid var(--xan-help-primary) !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary :is(span,strong,b,small,em) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-number {
  width: 32px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-question {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-align: center !important;
  font-weight: 600 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-toggle,
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] .xan-ga-faq-toggle::after {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] .xan-ga-faq-toggle::after {
  border: 0 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer {
  margin: 0 !important;
  padding: 16px 18px 17px !important;
  background: #FFFFFF !important;
  color: var(--xan-help-primary) !important;
  -webkit-text-fill-color: var(--xan-help-primary) !important;
  border: 0 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer :is(p,span,strong,b,small,em,a) {
  color: var(--xan-help-primary) !important;
  -webkit-text-fill-color: var(--xan-help-primary) !important;
  text-shadow: none !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary:focus-visible {
  outline: 3px solid var(--xan-help-accent) !important;
  outline-offset: -3px !important;
}

/* WEB: Rehber ve SSS yan yana. 9 rehber maddesi kendi yarısında 3x3 düzenlenir. */
@media (min-width: 1181px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-center {
    grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important;
    gap: 18px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-section {
    align-self: start !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

/* TABLET: bölümler alt alta, rehber iki kolon; dokunma hedefleri büyür. */
@media (min-width: 681px) and (max-width: 1180px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-center {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 15px !important;
    margin-top: 22px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-section {
    padding: 0 16px 16px !important;
    border-radius: 16px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading {
    margin: 0 -16px 16px !important;
    padding: 16px 18px 15px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card {
    min-height: 142px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary,
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
    min-height: 62px !important;
    font-size: 14.5px !important;
  }
}

/* MOBİL: tek kolon, kartlar kompakt; soru alanı başparmak kullanımına uygun. */
@media (max-width: 680px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-center {
    grid-template-columns: minmax(0,1fr) !important;
    margin-top: 18px !important;
    gap: 12px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-section {
    padding: 0 10px 12px !important;
    border-radius: 14px !important;
    border-top-width: 3px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading {
    margin: 0 -10px 12px !important;
    padding: 15px 12px 14px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-kicker {
    min-height: 24px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading h2 {
    font-size: 18px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-help-heading p {
    max-width: 330px !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card {
    min-height: 0 !important;
    padding: 14px 12px 15px !important;
    border-radius: 12px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > strong {
    font-size: 15px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-guide-card > p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-list {
    gap: 7px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary,
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
    min-height: 60px !important;
    padding: 11px 9px !important;
    grid-template-columns: 30px minmax(0,1fr) 30px !important;
    gap: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-number {
    width: 28px !important;
    height: 24px !important;
    font-size: 11px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-toggle,
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] .xan-ga-faq-toggle::after {
    width: 26px !important;
    height: 26px !important;
    font-size: 18px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer {
    padding: 14px 12px 15px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-answer p {
    font-size: 13.5px !important;
    line-height: 1.58 !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item > summary,
  body.xan-ga-body #xan-ga-app-root .xan-ga-faq-item[open] > summary {
    min-height: 60px !important;
  }
}

/* ========================================================================== 
   v1.8.91 — KURUMSAL CHECKBOX/RADIO + BEYAZ TİK + NET KONTROL KARTI
   - Native tarayıcı tik rengi kaldırılır; seçili kontrol #055970, tik #FFFFFF.
   - Seçili kart XAN petrol ailesinde, metin yüksek kontrastta kalır.
   - 32 araçta checkbox/radio kullanan tüm kontrol listelerine ortak uygulanır.
   ========================================================================== */
@media screen {
  body.xan-ga-body #xan-ga-app-root {
    --xan-control-primary:#055970;
    --xan-control-primary-dark:#03485B;
    --xan-control-secondary:#0A6B82;
    --xan-control-accent:#47AFC0;
    --xan-control-ink:#12262D;
    --xan-control-text:#2B4149;
  }

  /* Native tik yerine cihazdan bağımsız, kesin beyaz CSS işareti. */
  body.xan-ga-body #xan-ga-app-root input[type="checkbox"] {
    -webkit-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    display:inline-block!important;
    flex:0 0 19px!important;
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
    margin:0!important;
    padding:0!important;
    border:1.5px solid #78969F!important;
    border-radius:5px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:none!important;
    vertical-align:middle!important;
    cursor:pointer!important;
    transition:none!important;
    accent-color:var(--xan-control-primary)!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="checkbox"]::before {
    content:none!important;
    display:none!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="checkbox"]:checked {
    background:var(--xan-control-primary)!important;
    background-image:none!important;
    border-color:var(--xan-control-primary)!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="checkbox"]:checked::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:5px!important;
    top:2px!important;
    width:6px!important;
    height:10px!important;
    border:solid #FFFFFF!important;
    border-width:0 2px 2px 0!important;
    box-sizing:border-box!important;
    transform:rotate(45deg)!important;
    transform-origin:center!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="radio"] {
    -webkit-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    display:inline-block!important;
    flex:0 0 19px!important;
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
    margin:0!important;
    padding:0!important;
    border:1.5px solid #78969F!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:none!important;
    vertical-align:middle!important;
    cursor:pointer!important;
    transition:none!important;
    accent-color:var(--xan-control-primary)!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="radio"]::before {
    content:none!important;
    display:none!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="radio"]:checked {
    background:var(--xan-control-primary)!important;
    border-color:var(--xan-control-primary)!important;
  }

  body.xan-ga-body #xan-ga-app-root input[type="radio"]:checked::after {
    content:""!important;
    position:absolute!important;
    inset:5px!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
  }

  body.xan-ga-body #xan-ga-app-root :is(input[type="checkbox"],input[type="radio"]):focus-visible {
    outline:3px solid rgba(5,89,112,.18)!important;
    outline-offset:2px!important;
  }

  /* Kontrol kartları: kurumsal beyaz/petrol, temiz ve yüksek kontrast. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
    min-height:54px!important;
    padding:12px 14px!important;
    gap:10px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    border:1px solid #CEDDE1!important;
    border-radius:9px!important;
    color:var(--xan-control-text)!important;
    -webkit-text-fill-color:var(--xan-control-text)!important;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.42!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label > :is(span,strong,b,small) {
    color:var(--xan-control-text)!important;
    -webkit-text-fill-color:var(--xan-control-text)!important;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
    font-weight:500!important;
    line-height:1.42!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:hover {
    background:#F4F9FA!important;
    border-color:#9EBFC6!important;
    color:var(--xan-control-ink)!important;
    -webkit-text-fill-color:var(--xan-control-ink)!important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:has(input:checked) {
    background:#EAF5F7!important;
    background-image:none!important;
    border-color:var(--xan-control-primary)!important;
    color:var(--xan-control-ink)!important;
    -webkit-text-fill-color:var(--xan-control-ink)!important;
    box-shadow:inset 3px 0 0 var(--xan-control-primary)!important;
  }

  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label:has(input:checked) > :is(span,strong,b,small) {
    color:var(--xan-control-ink)!important;
    -webkit-text-fill-color:var(--xan-control-ink)!important;
  }

  /* Koyu/petrol kontrol yüzeyi varsa metin ve tik kesin beyaz kalır. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label.xan-ga-dark-surface,
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label[style*="#055970"] {
    background:var(--xan-control-primary)!important;
    border-color:var(--xan-control-primary)!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label.xan-ga-dark-surface :is(span,strong,b,small),
  body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label[style*="#055970"] :is(span,strong,b,small) {
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
  }

  @media (max-width:1024px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
      min-height:52px!important;
      font-size:14px!important;
    }
  }

  @media (max-width:680px) {
    body.xan-ga-body #xan-ga-app-root .xan-ga-check-grid > label {
      min-height:50px!important;
      padding:11px 12px!important;
      font-size:14px!important;
      line-height:1.38!important;
    }
    body.xan-ga-body #xan-ga-app-root :is(input[type="checkbox"],input[type="radio"]) {
      flex-basis:20px!important;
      width:20px!important;
      min-width:20px!important;
      max-width:20px!important;
      height:20px!important;
      min-height:20px!important;
      max-height:20px!important;
    }
    body.xan-ga-body #xan-ga-app-root input[type="checkbox"]:checked::after {
      left:5.5px!important;
      top:2px!important;
      width:6px!important;
      height:11px!important;
    }
  }
}


/* =========================================================
   v1.8.99 — PUBLIC ↔ YÖNETİM ÇİFT YÖNLÜ HIZLI ERİŞİM
   Yalnız manage_options yetkili kullanıcıya render edilir.
   ========================================================= */
body.xan-ga-body #xan-ga-app-root .xan-ga-hero.xan-ga-hero-simple {
  position: relative !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-shortcuts {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(255,255,255,.76) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #055970 !important;
  -webkit-text-fill-color: #055970 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link:is(:hover,:focus,:focus-visible,:active) {
  background: #EAF5F7 !important;
  border-color: #47AFC0 !important;
  color: #03485B !important;
  -webkit-text-fill-color: #03485B !important;
  outline: 2px solid #FFFFFF !important;
  outline-offset: 2px !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link.is-tool {
  background: #0A6B82 !important;
  border-color: rgba(255,255,255,.72) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link.is-tool:is(:hover,:focus,:focus-visible,:active) {
  background: #03485B !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
@media (max-width: 1024px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-shortcuts {
    position: static !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 16px !important;
  }
}
@media (max-width: 680px) {
  body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-shortcuts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link {
    width: 100% !important;
    min-height: 44px !important;
    white-space: normal !important;
  }
}


/* v1.9.01 — Public form güvenliği görünüm sözleşmesi */
body.xan-ga-body #xan-ga-app-root .xan-ga-hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
body.xan-ga-body #xan-ga-app-root .xan-ga-alert.is-error{background:#fff!important;color:#7a2630!important;border:1px solid #d8a0a7!important;border-left:4px solid #a53a48!important;text-shadow:none!important;-webkit-text-fill-color:#7a2630!important;}

/* ================================================================
   v1.9.05 — 32 araç / sade kurumsal başvuru geçişi
   ================================================================ */
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-panel{margin:24px 0 0;padding:22px;border:1px solid #D5E3E6;border-top:4px solid #055970;border-radius:14px;background:#fff;color:#12262d;box-shadow:none!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px;text-align:left}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-head h2{margin:0!important;color:#12262D!important;-webkit-text-fill-color:#12262D!important;font-size:18px!important;line-height:1.25!important;font-weight:600!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-head p{margin:0!important;color:#60767C!important;-webkit-text-fill-color:#60767C!important;font-size:11px!important;line-height:1.45!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button{position:relative;min-height:106px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:15px 38px 15px 15px;border:1px solid #CDDFE2;border-top:3px solid #055970;border-radius:10px;background:#fff!important;color:#12262D!important;-webkit-text-fill-color:#12262D!important;text-decoration:none!important;box-shadow:none!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button>strong{color:#055970!important;-webkit-text-fill-color:#055970!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button>span{margin-top:6px;color:#60767C!important;-webkit-text-fill-color:#60767C!important;font-size:11px!important;font-weight:500!important;line-height:1.45!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button>b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#055970!important;-webkit-text-fill-color:#055970!important;font-size:18px!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button:hover,body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button:focus-visible{background:#055970!important;border-color:#055970!important;outline:3px solid rgba(71,175,192,.22)!important;outline-offset:2px!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button:hover :is(span,strong,b),body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button:focus-visible :is(span,strong,b){color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:1024px){body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-head{align-items:flex-start;flex-direction:column;gap:4px}body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button{min-height:92px}}
@media(max-width:620px){body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-panel{padding:16px 13px;border-radius:11px}body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-head h2{font-size:17px!important}body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-actions{grid-template-columns:1fr}body.xan-ga-body #xan-ga-app-root .xan-ga-tool-application-button{min-height:76px;padding:12px 38px 12px 13px}}
@media print{.xan-ga-tool-application-panel{display:none!important}}


/* ========================================================================== 
   v1.9.09 — MERKEZİ DUYURU ŞERİDİ / AUTO DISPLAY
   ========================================================================== */
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto{
  display:block!important;
  width:100%!important;
  min-height:42px!important;
  margin:10px 0 0!important;
  overflow:hidden!important;
  border:1px solid #0A6B82!important;
  border-radius:10px!important;
  background:#055970!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-track{
  display:flex!important;
  width:max-content!important;
  min-width:100%!important;
  align-items:center!important;
  animation:xanGaMarqueeAuto var(--xan-marquee-duration,52s) linear infinite!important;
  will-change:transform!important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-set{
  display:flex!important;
  flex:none!important;
  align-items:center!important;
  min-width:max-content!important;
  padding-right:28px!important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:0 18px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:500 12px/1.35 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span::after{
  content:""!important;
  width:5px!important;
  height:5px!important;
  margin-left:28px!important;
  border-radius:50%!important;
  background:#47AFC0!important;
  flex:none!important;
}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-slow{--xan-marquee-duration:72s}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-normal{--xan-marquee-duration:52s}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-fast{--xan-marquee-duration:38s}
@keyframes xanGaMarqueeAuto{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:820px){
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto{min-height:40px!important;border-radius:9px!important;margin-top:8px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span{min-height:38px!important;padding:0 14px!important;font-size:11px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span::after{margin-left:22px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-slow{--xan-marquee-duration:88s}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-normal{--xan-marquee-duration:66s}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-fast{--xan-marquee-duration:48s}
}
@media(prefers-reduced-motion:reduce){
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-slow{--xan-marquee-duration:132s;--xan-marquee-reduced-duration:132s}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-normal{--xan-marquee-duration:104s;--xan-marquee-reduced-duration:104s}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.is-speed-fast{--xan-marquee-duration:82s;--xan-marquee-reduced-duration:82s}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-track{width:max-content!important;min-width:100%!important;will-change:transform!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-set{min-width:max-content!important;flex-wrap:nowrap!important;padding-right:28px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-set[aria-hidden="true"]{display:flex!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span{white-space:nowrap!important}
}
@media print{body.xan-ga-body #xan-ga-app-root .xan-ga-marquee{display:none!important}}

/* ========================================================================== 
   v1.9.10 — DUYURU ŞERİDİ RUNTIME HAREKET KİLİDİ
   JS runtime aktif olduğunda legacy CSS animation transform ile yarışamaz.
   ========================================================================== */
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee[data-xan-marquee-runtime="1"] .xan-ga-marquee-track{
  animation:none!important;
  transition:none!important;
}

/* ========================================================================== 
   v1.9.11 — KOMPAKT ÜST ALAN / İLK EKRAN VERİMLİLİĞİ
   32 araç detay sayfasında hero + duyuru + Kullanım/Çıktı alanlarının
   dikey alan tüketimini azaltır. Kontrast ve merkez hizası korunur.
   ========================================================================== */
@media screen {
  /* Araç detay hero: başlık gücü korunur, gereksiz dikey boşluk azaltılır. */
  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
    min-height: 112px !important;
    padding: 17px 28px !important;
    border-radius: 13px !important;
  }

  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
    margin-bottom: 6px !important;
    font-size: clamp(24px, 1.85vw, 29px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -.016em !important;
  }

  body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple p,
  body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple p {
    max-width: 800px !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
  }

  /* Yöneticiye özel hero kısayolları kompakt hero içinde taşmasın. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-shortcuts {
    top: 12px !important;
    right: 12px !important;
    gap: 6px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link {
    min-height: 34px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  /* Duyuru: ince bilgi şeridi. JS akış motorunun davranışı değiştirilmez. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto {
    min-height: 34px !important;
    margin: 7px 0 0 !important;
    border-radius: 8px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span {
    min-height: 32px !important;
    padding: 0 14px !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span::after {
    width: 4px !important;
    height: 4px !important;
    margin-left: 20px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-set {
    padding-right: 20px !important;
  }

  /* Kullanım / Çıktı: daha kısa iki bilgi kartı. */
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro.xan-ga-tool-intro-compact {
    margin-top: 7px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-grid.xan-ga-tool-intro-grid-compact {
    gap: 1px !important;
    border-radius: 10px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
    min-height: 86px !important;
    padding: 13px 18px !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > strong {
    margin-bottom: 5px !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p,
  body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > p {
    max-width: 650px !important;
    font-size: 13.5px !important;
    line-height: 1.38 !important;
  }

  /* Tablet: kompakt fakat dokunma/okuma konforu korunur. */
  @media (max-width: 1024px) {
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
      min-height: 104px !important;
      padding: 16px 21px !important;
    }
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
      font-size: clamp(23px, 2.6vw, 26px) !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto {
      min-height: 32px !important;
      margin-top: 6px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span {
      min-height: 30px !important;
      padding: 0 12px !important;
      font-size: 11px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
    body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
      min-height: 82px !important;
      padding: 12px 15px !important;
    }
  }

  /* Mobil: alan kazanımı yapılır; 44px dokunma hedefi gerektiren kontroller etkilenmez. */
  @media (max-width: 680px) {
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple {
      min-height: 0 !important;
      padding: 16px 14px !important;
      border-radius: 10px !important;
    }
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple h1,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple h1 {
      margin-bottom: 5px !important;
      font-size: clamp(21px, 5.7vw, 24px) !important;
      line-height: 1.14 !important;
    }
    body.xan-ga-body #xan-ga-app-root.is-detail .xan-ga-hero.xan-ga-hero-simple p,
    body.xan-ga-body #xan-ga-app-root:not(.is-home) .xan-ga-hero.xan-ga-hero-simple p {
      font-size: 13.5px !important;
      line-height: 1.36 !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-shortcuts {
      margin-top: 10px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-public-admin-link {
      min-height: 40px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto {
      min-height: 31px !important;
      margin-top: 5px !important;
      border-radius: 7px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-marquee span {
      min-height: 29px !important;
      padding: 0 10px !important;
      font-size: 11px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro.xan-ga-tool-intro-compact {
      margin-top: 5px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface,
    body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item {
      min-height: 72px !important;
      padding: 11px 13px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > strong,
    body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > strong {
      margin-bottom: 4px !important;
      font-size: 13.5px !important;
    }
    body.xan-ga-body #xan-ga-app-root .xan-ga-tool-intro-item.xan-ga-dark-surface > p,
    body.xan-ga-body #xan-ga-app-root [data-xan-dark-surface="1"].xan-ga-tool-intro-item > p {
      font-size: 13px !important;
      line-height: 1.34 !important;
    }
  }
}


/* =========================================================
   v1.9.25 — SOCIAL DOCK / INTERFACE LOCK UYUMU
   ========================================================= */
@media (min-width:1025px){
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social{
    display:block!important;
    margin:8px 0 2px!important;
    padding:9px 8px 10px!important;
    background:#FFFFFF!important;
    border:1px solid #E2EAED!important;
    border-radius:10px!important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner{
    height:calc(100vh - 222px)!important;
  }
  body.admin-bar.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-inner{
    height:calc(100vh - 222px)!important;
  }
}
body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-head strong{color:#35515A!important;-webkit-text-fill-color:#35515A!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-head a{color:#055970!important;-webkit-text-fill-color:#055970!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-social-icon{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-social-icon svg{color:inherit!important}
@media (max-width:1024px){
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:7px 0 0!important;
    padding:8px 0 0!important;
    background:#FFFFFF!important;
    border:0!important;
    border-top:1px solid #EDF1F2!important;
    border-radius:0!important;
  }
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-head{margin:0!important;flex:0 0 auto!important;gap:8px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-icons{margin-left:auto!important;justify-content:flex-end!important;flex-wrap:wrap!important}
}
@media (max-width:520px){
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social{align-items:flex-start!important;gap:7px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-head{display:grid!important;gap:2px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-icons{gap:5px!important}
  body.xan-ga-body #xan-ga-app-root .xan-ga-social-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:8px!important}
}
body.xan-ga-body #xan-ga-app-root .xan-ga-social-platform-icon,
body.xan-ga-body #xan-ga-app-root .xan-ga-social-platform-icon svg{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
@media (min-width:1025px) and (max-width:1280px){
  body.xan-ga-body #xan-ga-app-root .xan-ga-sidebar-social-icons{gap:4px!important;}
  body.xan-ga-body #xan-ga-app-root .xan-ga-social-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:7px!important;}
  body.xan-ga-body #xan-ga-app-root .xan-ga-social-icon svg{width:16px!important;height:16px!important;}
}


/* v1.9.52 — kayan duyuru kullanıcı kontrolü; global buton stabilite kuralları hareket motorunu etkilemez. */
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee.xan-ga-marquee-auto{position:relative!important;padding-right:0!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-toggle{position:absolute!important;z-index:5!important;top:6px!important;right:6px!important;bottom:6px!important;width:32px!important;min-width:32px!important;min-height:28px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:7px!important;background:#055970!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;transform:none!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-toggle:hover,body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-toggle:focus-visible{background:#03485B!important;border-color:#fff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;outline:2px solid rgba(255,255,255,.9)!important;outline-offset:1px!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-toggle svg{display:block!important;width:13px!important;height:13px!important;fill:currentColor!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee .xan-ga-marquee-toggle .xan-ga-marquee-toggle-play{display:none!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee[data-xan-marquee-paused="1"] .xan-ga-marquee-toggle .xan-ga-marquee-toggle-pause{display:none!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee[data-xan-marquee-paused="1"] .xan-ga-marquee-toggle .xan-ga-marquee-toggle-play{display:block!important}
body.xan-ga-body #xan-ga-app-root .xan-ga-marquee[data-xan-marquee-paused="1"] .xan-ga-marquee-track{animation-play-state:paused!important;will-change:auto!important}
@media print{body.xan-ga-body #xan-ga-app-root .xan-ga-marquee-toggle{display:none!important}}