/* Shared screen layout. Document and dashboard layouts have their own rules. */
@media screen {
  html[data-arayuz="modern"] .icerik { min-width: 0; }
  html[data-arayuz="modern"] .icerik > .ust-satir { gap: 12px 18px; margin-bottom: 16px; align-items: center; }
  html[data-arayuz="modern"] .icerik > .ust-satir h1,
  html[data-arayuz="modern"] .icerik > h1 { font-size: 24px; line-height: 1.3; letter-spacing: -.03em; }
  html[data-arayuz="modern"] .icerik > h2 { font-size: 17px; margin: 24px 0 12px; }
  html[data-arayuz="modern"] .icerik .dugme { min-height: 36px; padding: 7px 12px; border-radius: 7px; line-height: 1.5; box-shadow: none; }
  html[data-arayuz="modern"] .icerik .dugme:focus-visible,
  html[data-arayuz="modern"] .icerik summary:focus-visible,
  html[data-arayuz="modern"] .icerik a:focus-visible { outline: 2px solid var(--vurgu-dolu); outline-offset: 3px; }
  html[data-arayuz="modern"] .icerik .dugme.kucuk { min-height: 30px; padding: 5px 9px; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] { gap: 7px; min-width: 0; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] :is(input, select) { min-height: 36px; padding: 7px 10px; border-radius: 7px; font-size: 12px; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] input { flex: 1 1 190px; min-width: 140px; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] select { flex: 0 1 auto; max-width: min(100%, 300px); }
  html[data-arayuz="modern"] .icerik .modern-list-tools { padding: 11px 12px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 9px; }
  html[data-arayuz="modern"] .icerik .modern-list-tools > .dugme { white-space: nowrap; }
  html[data-arayuz="modern"] main form[method="get"] :is(input, select) { max-width: 100%; min-width: 0; }
  html[data-arayuz="modern"] .modern-inline-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 10px 12px; margin-bottom: 14px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--kart); }
  html[data-arayuz="modern"] .modern-filter-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 0 1 280px; }
  html[data-arayuz="modern"] .modern-filter-field select { width: 100%; min-height: 36px; padding: 7px 10px; font-size: 12px; border-radius: 7px; }
  html[data-arayuz="modern"] .icerik > .yazdir-arac { margin-bottom: 12px; }
  html[data-arayuz="modern"] .icerik > .yazdir-arac .dugme { min-height: 28px; padding: 4px 8px; font-size: 11px; }

  /* Consistent, legible lists with unobtrusive boundaries. */
  html[data-arayuz="modern"] .icerik .sarma { max-width: 100%; border-radius: 9px; background: var(--kart); }
  html[data-arayuz="modern"] .icerik .sarma:focus-visible { outline: 2px solid var(--vurgu-dolu); outline-offset: 2px; }
  html[data-arayuz="modern"] .icerik .tablo { border-radius: 9px; box-shadow: none; }
  /* ⭐ Satır yüksekliği (28 Eyl 2026 · kullanıcı: *"satırları daralt, çok
     yüksek"*). Ölçüldü: dolgu 9 → 6 px ile satır **41 → 33 px**; 396
     satırlık «Bugün ne yapmalıyım» listesinde 3.100 px kazanç. Yazı
     12 px'de **bırakıldı** — küçültmek okunabilirliği bozuyor, kazancın
     tamamı dolgudan geliyor.
     ⚠️ `line-height` artırmak satırı büyütür (bir kez yaşandı); 1,5 → 1,4. */
  html[data-arayuz="modern"] .icerik .tablo th { padding: 7px 12px; font-weight: 600; font-size: 11px; line-height: 1.4; }
  html[data-arayuz="modern"] .icerik .tablo td { padding: 6px 12px; font-size: 12px; line-height: 1.4; }
  html[data-arayuz="modern"] .icerik .tablo td .kucuk { font-size: 11px; }
  /* ⭐ Kısayol satırının yüksekliğini **select belirliyordu**: modern
     temanın form denetimleri `min-height: 42px`. Dolguyu küçültmek hiçbir
     şey değiştirmedi (ölçüldü), asıl sınır min-height'tı. 30 px'e
     iniyor — tablo düğmelerinin 29 px'lik yoğunluğuyla aynı ailede.
     Ölçüldü: satır 59 → 41 px, 38 satırlık ekran 3.106 → 2.478 px. */
  html[data-arayuz="modern"] .icerik .kisayol-satir :is(select, button) {
    min-height: 30px; padding: 3px 8px; font-size: 12.5px;
  }
  html[data-arayuz="modern"] .icerik .tablo :is(td, th) { overflow-wrap: break-word; }
  html[data-arayuz="modern"] .icerik .tablo tbody > tr:last-child > td { border-bottom: 0; }
  html[data-arayuz="modern"] .icerik .tablo tbody > tr:hover { background: var(--satir-vurgu); }
  html[data-arayuz="modern"] .icerik .tablo td[colspan].soluk { padding: 24px 18px; text-align: center; }
  html[data-arayuz="modern"] .icerik .tablo :is(.satir-islem, .satir-eylem) .dugme { min-height: 29px; padding: 4px 8px; font-size: 11px; }
  html[data-arayuz="modern"] .icerik :is(.uyum-matris, .plan-matris, .ekip-tablosu) :is(th, td) { padding: 7px 8px; font-size: 11px; }
  html[data-arayuz="modern"] .icerik .uyum-matris td.hucre { padding: 5px; }
  /* 🔴 **12 AY SIĞSIN** (kullanıcı üç kez sordu, 27 Eyl 2026). Ölçüldü:
     1280 px pencerede tablo 1047 px, içerik alanı 951 px → altı ay ekran
     dışındaydı. Daraltma kuralları `isgbys.css`te ama **buradaki genel
     dolgu onları eziyordu** (bu seçici daha güçlü): eğitim matrisi için
     dolgu ayrıca daraltılır. Öbür matrisler (uyum, yıllık plan, ekip)
     dokunulmadan kalır — onların sütun sayısı başka. */
  html[data-arayuz="modern"] .icerik .egitim-matris :is(th, td) { padding: 3px 4px; }
  /* ⚠️ Başlıklar **katlanabilir kalmalı**: `nowrap` denendi ve ters teptiğinde
     ölçüldü — «Eğitime katılacaklar» 78 px'den 113 px'e, «Süresi (ss:dd)»
     54'ten 83'e çıktı, kazanılan yer geri gitti. */
  html[data-arayuz="modern"] .icerik .egitim-matris th { white-space: normal; }
  html[data-arayuz="modern"] .modern-table-hint { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 5px 2px 10px; color: var(--yazi-soluk); font-size: 11px; }
  html[data-arayuz="modern"] .modern-table-hint[hidden] { display: none; }
  html[data-arayuz="modern"] .icerik .sayfalama { flex-wrap: wrap; gap: 8px; margin: 14px 0; }
  html[data-arayuz="modern"] .icerik .sayfalama a { min-width: 30px; padding: 5px 9px; text-align: center; }

  /* A short primary action row; secondary links expand inside the row. */
  html[data-arayuz="modern"] .modern-record-actions { display: flex; align-items: flex-start; gap: 5px; flex-wrap: wrap; min-width: 165px; }
  html[data-arayuz="modern"] .modern-record-actions > .dugme { min-height: 29px; padding: 4px 8px; font-size: 11px; }
  html[data-arayuz="modern"] .modern-row-menu { position: relative; }
  html[data-arayuz="modern"] .modern-row-menu > summary { display: flex; align-items: center; gap: 6px; min-height: 29px; padding: 4px 8px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--kart); color: var(--yazi-soluk); font-size: 11px; list-style: none; cursor: pointer; }
  html[data-arayuz="modern"] .modern-row-menu > summary::-webkit-details-marker { display: none; }
  html[data-arayuz="modern"] .modern-row-menu > summary::after { content: "⌄"; font-size: 12px; }
  html[data-arayuz="modern"] .modern-row-menu[open] { flex-basis: 100%; }
  html[data-arayuz="modern"] .modern-row-menu[open] > summary { width: fit-content; border-color: var(--vurgu-dolu); color: var(--vurgu-dolu); }
  html[data-arayuz="modern"] .modern-row-menu[open] > summary::after { transform: rotate(180deg); }
  html[data-arayuz="modern"] .modern-row-menu-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; margin-top: 7px; padding: 8px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--zemin); }
  html[data-arayuz="modern"] .modern-row-menu-links a { padding: 4px 5px; border-radius: 4px; font-size: 11px; }
  html[data-arayuz="modern"] .modern-row-menu-links a:hover { background: var(--kart); text-decoration: none; }
  html[data-arayuz="modern"] .modern-record-table td:first-child { min-width: 175px; }
  html[data-arayuz="modern"] .modern-record-table .modern-record-code { white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 11px; }
  html[data-arayuz="modern"] .modern-record-table td:nth-child(4) { white-space: nowrap; font-variant-numeric: tabular-nums; }

  /* Record sections and secondary module summaries. */
  html[data-arayuz="modern"] .icerik .sekmeler { padding: 5px; background: var(--zemin-yumusak); border: 1px solid var(--cizgi); border-radius: 9px; }
  html[data-arayuz="modern"] .icerik .sekmeler .dugme { min-height: 33px; padding: 6px 10px; font-size: 12px; border-radius: 6px; }
  html[data-arayuz="modern"] .icerik .sekmeler .dugme.sade { border-color: transparent; background: transparent; color: var(--yazi-soluk); }
  html[data-arayuz="modern"] .icerik .sekmeler .dugme.sade:hover { background: var(--kart); color: var(--yazi); }
  html[data-arayuz="modern"] .icerik > .kartlar:not(#kart-izgarasi) { gap: 12px; }
  html[data-arayuz="modern"] .icerik > .kartlar .kart { border-radius: 9px; padding: 16px; box-shadow: none; }
  html[data-arayuz="modern"] .icerik > .kartlar .kart .ad { font-size: 16px; line-height: 1.4; }
  html[data-arayuz="modern"] .icerik > .kartlar .kart .durum { font-size: 12px; line-height: 1.5; }
  html[data-arayuz="modern"] .icerik > .kartlar > div.kart::after { content: none; }
  html[data-arayuz="modern"] .icerik :is(.ozet-panel,.grafik-kutu,.trend-kutu,.yorum-kutu,.gundem-kutu,.panel-bolum) { padding: 15px 16px; border-radius: 9px; box-shadow: none; }
  html[data-arayuz="modern"] .icerik :is(.bilgi-kutu,.hata) { padding: 10px 13px; margin-bottom: 14px; font-size: 12px; line-height: 1.6; border-radius: 8px; }
  html[data-arayuz="modern"] .icerik .modern-alerts { padding: 9px 11px 3px; margin-bottom: 16px; border-radius: 9px; }
  html[data-arayuz="modern"] .icerik .modern-alerts :is(.hata,.bilgi-kutu) { padding: 6px 9px; margin-bottom: 6px; font-size: 11px; }
  html[data-arayuz="modern"] .icerik .bos { padding: 26px 18px; font-size: 13px; border-radius: 9px; }
  html[data-arayuz="modern"] .icerik .toplu-cubuk { padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--kart); }
  html[data-arayuz="modern"] .icerik .son-bakilanlar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 12px; }
  html[data-arayuz="modern"] .icerik .renk-anahtari { padding-top: 14px; margin-top: 24px; gap: 8px 16px; font-size: 10px; line-height: 1.5; }

  /* The employee portal uses the same surfaces without the desktop sidebar. */
  html[data-arayuz="modern"] .portal-ust { gap: 16px; padding: 15px 24px; background: var(--yan-menu); color: #f1f5fc; border: 0; }
  html[data-arayuz="modern"] .portal-menu { display: flex; flex-wrap: wrap; gap: 6px; }
  html[data-arayuz="modern"] .portal-menu a { padding: 7px 10px; border-radius: 6px; color: #cbd5e1; }
  html[data-arayuz="modern"] .portal-menu a:hover { color: #fff; background: rgba(255,255,255,.08); }
  html[data-arayuz="modern"] .portal-icerik { max-width: 1200px; padding: 24px; }
  html[data-arayuz="modern"] .portal-icerik h1 { font-size: 24px; line-height: 1.3; }
}
@media screen and (max-width: 720px) {
  html[data-arayuz="modern"] .icerik > .ust-satir h1,
  html[data-arayuz="modern"] .icerik > h1 { font-size: 21px; }
  html[data-arayuz="modern"] .icerik .modern-list-tools { padding: 10px; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] { flex-basis: 100%; }
  html[data-arayuz="modern"] .icerik .ust-satir form[method="get"] select { flex: 1 1 130px; max-width: 100%; }
  html[data-arayuz="modern"] .icerik .modern-list-tools > .dugme { flex: 1 1 auto; }
  html[data-arayuz="modern"] .icerik .sekmeler { max-width: 100%; }
  html[data-arayuz="modern"] .portal-ust { padding: 12px 16px; flex-wrap: wrap; }
  html[data-arayuz="modern"] .portal-icerik { padding: 18px 16px; }
}
/* Touch targets on phones and tablets; desktop density stays unchanged. */
@media screen and (max-width: 1024px) {
  html[data-arayuz="modern"] .yan-menu nav a,
  html[data-arayuz="modern"] .yan-menu nav summary.baslik {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  html[data-arayuz="modern"] .yan-menu nav summary.baslik { justify-content: space-between; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .dugme,
  html[data-arayuz="modern"] .yan-menu :is(input, select),
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
    min-height: 44px;
  }
  html[data-arayuz="modern"] .modern-row-menu > summary { min-height: 44px; display: flex; align-items: center; }
}
@media screen and (max-width: 720px) {
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik, .yan-menu) :is(input, select, textarea) { font-size: 16px; }
  html[data-arayuz="modern"] :is(.icerik, .portal-icerik) .alan :is(input, select, textarea) { font-size: 16px; }
  html[data-arayuz="modern"] .icerik .ust-cubuk :is(.ust-ana-ekran, .ust-birak) { min-height: 44px; display: inline-flex; align-items: center; }
}
@media print {
  .modern-table-hint, .modern-record-actions { display: none !important; }
}