/* Copyright (c) 2026 OpenMissile
   Ana Sayfa A: devam cetveli, departman çizgileri ve karar/özet panelleri. */
#anaSayfaKok { color: var(--text); font-family: var(--font-family); font-size: 14px; line-height: 1.5; min-width: 0; }
#anaSayfaKok *, #anaSayfaKok *::before, #anaSayfaKok *::after { box-sizing: border-box; }
#anaSayfaKok [hidden] { display: none !important; }
#anaSayfaKok .as-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
#anaSayfaKok .as-bolum { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); overflow-wrap: anywhere; }
#anaSayfaKok .as-devam, #anaSayfaKok .as-siparis, #anaSayfaKok .as-ajan { grid-column: 1 / -1; }
#anaSayfaKok .as-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
#anaSayfaKok h2 { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--text); }
#anaSayfaKok .as-cetvel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
#anaSayfaKok .as-cetvel > div { padding: 18px 24px; border-right: 1px solid var(--border); }
#anaSayfaKok .as-cetvel > div:last-child { border-right: 0; }
#anaSayfaKok dt { color: var(--muted); }
#anaSayfaKok dd { margin: 0; font-variant-numeric: tabular-nums; }
#anaSayfaKok .as-cetvel dd { margin-top: 4px; font-size: 36px; font-weight: 600; line-height: 1.2; }
#anaSayfaKok .as-cetvel > div:nth-child(2) dd { color: var(--ok); }
#anaSayfaKok .as-not, #anaSayfaKok .as-durum { padding: 12px 18px; margin: 0; color: var(--muted); }
#anaSayfaKok .as-not { font-size: 12px; }
#anaSayfaKok .as-durum button { margin-block: 4px; }
#anaSayfaKok .as-departmanlar { padding: 0 18px 8px; }
#anaSayfaKok .as-departman-satir { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(40px, 1fr) 64px; gap: 12px; align-items: center; padding-block: 10px; }
#anaSayfaKok .as-departman-satir strong { text-align: right; font-variant-numeric: tabular-nums; font-weight: 500; }
#anaSayfaKok meter { width: 100%; height: 8px; border: none; border-radius: var(--radius-sm, 4px); background: var(--surface3); }
#anaSayfaKok meter::-webkit-meter-bar { background: var(--surface3); border: 0; height: 8px; }
#anaSayfaKok meter::-webkit-meter-optimum-value { background: var(--ok); }
#anaSayfaKok meter::-moz-meter-bar { background: var(--ok); }
#anaSayfaKok .as-defter { margin: 0; padding: 2px 18px; }
#anaSayfaKok .as-defter > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; padding-block: 12px; border-bottom: 1px solid var(--border); }
#anaSayfaKok .as-defter > div:last-child { border-bottom: 0; }
#anaSayfaKok .as-defter dd { text-align: right; font-weight: 500; white-space: pre-wrap; }
#anaSayfaKok button { min-height: 40px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm, 4px); color: var(--text); background: var(--surface2); font: inherit; font-weight: 500; cursor: pointer; white-space: normal; }
#anaSayfaKok button:hover { background: var(--surface3); }
#anaSayfaKok button:disabled { opacity: .55; cursor: wait; }
#anaSayfaKok :is(button, textarea, input):focus-visible, #anaSayfaKok h2:focus { outline: 2px solid var(--accent); outline-offset: 3px; }
#anaSayfaKok .as-baglanti { color: var(--text); background: transparent; border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }
#anaSayfaKok #as-cari > .as-baglanti, #anaSayfaKok #as-maas > .as-baglanti { margin: 8px 6px; }
#anaSayfaKok .as-talep { border-bottom: 1px solid var(--border); }
#anaSayfaKok .as-talep:last-child { border-bottom: 0; }
#anaSayfaKok .as-talep-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; }
#anaSayfaKok .as-talep-bas > div { min-width: 0; }
#anaSayfaKok .as-talep-bas button { flex-shrink: 0; }
#anaSayfaKok .as-alt { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
#anaSayfaKok .as-talep-ic { background: var(--surface2); padding-bottom: 4px; }
#anaSayfaKok .as-not-alani { display: block; padding: 12px 18px; }
#anaSayfaKok textarea { display: block; margin-top: 8px; width: 100%; min-height: 88px; resize: vertical; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-sm, 4px); padding: 10px; font: inherit; font-size: 16px; caret-color: var(--accent); }
#anaSayfaKok .as-onay-secim { display: flex; align-items: center; gap: 10px; padding: 4px 18px 12px; min-height: 44px; }
#anaSayfaKok input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent); flex-shrink: 0; }
#anaSayfaKok .as-eylemler { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 12px; }
#anaSayfaKok .as-sonuc { margin: 0; padding: 0 18px 12px; }
#anaSayfaKok .as-sonuc:empty { padding: 0; }
#anaSayfaKok .as-tehlike { color: var(--danger); }
#anaSayfaKok .as-iyi { color: var(--ok); }
#anaSayfaKok .as-uyari { color: var(--warn); }
#anaSayfaKok .as-siparisler { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
#anaSayfaKok caption { text-align: left; padding: 10px 18px; font-size: 12px; color: var(--muted); }
#anaSayfaKok th, #anaSayfaKok td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--border); vertical-align: middle; }
#anaSayfaKok th { color: var(--muted); font-size: 12px; font-weight: 500; background: var(--surface2); }
#anaSayfaKok td:nth-child(3), #anaSayfaKok td:nth-child(4) { text-align: right; }
#anaSayfaKok tr:last-child td { border-bottom: 0; }
#anaSayfaKok tbody tr { cursor: pointer; }
#anaSayfaKok tbody tr:hover { background: var(--surface2); }
#anaSayfaKok td .as-baglanti { padding: 0; text-align: left; }
#anaSayfaKok #as-ajan { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
#anaSayfaKok ::selection { background: var(--accent); color: var(--surface); }
@media (max-width: 760px) {
  #anaSayfaKok .as-izgara { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #anaSayfaKok .as-cetvel > div { padding: 14px 12px; }
  #anaSayfaKok .as-cetvel dd { font-size: 28px; }
  #anaSayfaKok .as-cetvel dt { font-size: 12px; }
  #anaSayfaKok #as-ajan { grid-template-columns: minmax(0, 1fr); }
  #anaSayfaKok .as-siparisler, #anaSayfaKok tbody, #anaSayfaKok tr, #anaSayfaKok td { display: block; width: 100%; }
  #anaSayfaKok thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  #anaSayfaKok tbody tr { padding: 12px 16px; border-top: 1px solid var(--border); }
  #anaSayfaKok td { border: 0; padding: 6px 0; text-align: left; }
  #anaSayfaKok td[data-etiket] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 12px; text-align: right; }
  #anaSayfaKok td[data-etiket]::before { content: attr(data-etiket); color: var(--muted); text-align: left; }
  #anaSayfaKok td .as-alt { grid-column: 2; }
}