/* Responsive layout only. Canonical typography belongs to tokens/base/components/ops-ui. */

.shell, .icerik, main, main > *, .kart, .kart-govde { min-width: 0; }
.icerik { overflow-x: clip; }
.kart-baslik { gap: 12px; flex-wrap: wrap; align-items: center; }
.kart-baslik h2 { margin: 0; }
.table-scroll, .kart-govde:has(> table), .kart > div:has(> table) { overflow-x: auto; max-width: 100%; }

.tablo thead th { white-space: normal; padding: 12px 10px; }
.tablo tbody td, #alan .tablo tbody td { padding: 12px 10px; vertical-align: top; overflow-wrap: anywhere; white-space: normal; }
.tablo td .hucre-iki > *, .tablo td .durum-h .engel-metin { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.tablo td > b { white-space: normal; overflow-wrap: anywhere; }

.tablo td .kamp-ad, .tablo td.kirp { white-space: normal; overflow: visible; text-overflow: clip; }
.tablo td .kamp-ad, .tablo td .durum-h { min-width: 0; max-width: 100%; }
.tablo td .engel-liste { display: block; -webkit-line-clamp: unset; overflow: visible; margin-top: 5px; }
.hucre-iki { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.hucre-iki > span { color: #53646a; }
.durum-h { align-items: flex-start; flex-direction: column; gap: 5px; }

.badge { padding: 4px 7px; white-space: normal; text-align: left; }
.filtre-bar { gap: 8px; }
.filtre-bar .girdi { min-height: 40px; }

.secim-bar { position: sticky; bottom: 12px; z-index: 8; background: #fff; color: #173b39; border: 1px solid #b2cfca; box-shadow: 0 8px 26px #163f3b20; gap: 10px; flex-wrap: wrap; }
.secim-bar .secim-metin, .secim-bar .secim-metin .alt { color: #173b39; }
.secim-bar .btn-primary { background: #15514f; color: #fff; }
.secim-bar .btn-secondary, .secim-bar .btn-ghost { background: #fff; color: #15514f; border: 1px solid #b2cfca; }
.health-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 18px 0; }
.health-card .kart-govde { padding: 20px; }
.health-title { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.health-title h2 { flex: 1; margin: 0; }
.health-card p { margin: 8px 0 0; }

.technical-details summary, .media-scan-panel summary { padding: 16px 20px; cursor: pointer; }
.health-facts > div { display: grid; grid-template-columns: minmax(120px,1fr) 2fr; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.health-facts dt { color: #53646a; }.health-facts dd { margin: 0; overflow-wrap: anywhere; }
.scan-controls { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.scan-controls label { display: flex; flex-direction: column; gap: 5px; }
.media-scan-panel { margin-bottom: 16px; }.media-scan-panel progress { width: 100%; accent-color: #15514f; }
.tracking-table { table-layout: fixed; min-width: 940px; }
.campaign-table { min-width: 1150px; }
.water-table { min-width: 1100px; table-layout: auto; }
.water-table th:first-child, .water-table td:first-child { min-width: 230px; }
.water-table td { word-break: normal; overflow-wrap: break-word; }
.water-table th, .water-table td { min-width: 100px; }
.gazze-stage-table { min-width: 1100px; }
.gazze-stage-table th, .gazze-stage-table td { min-width: 90px; }
.gazze-stage-table th:first-child, .gazze-stage-table td:first-child { min-width: 300px; }
.campaign-table td { word-break: normal; overflow-wrap: break-word; }
.tracking-table th:nth-child(1) { width: 20%; }.tracking-table th:nth-child(2) { width: 15%; }.tracking-table th:nth-child(3) { width: 20%; }
.tracking-table th:nth-child(4) { width: 15%; }.tracking-table th:nth-child(5) { width: 11%; }.tracking-table th:nth-child(6) { width: 10%; }.tracking-table th:nth-child(7) { width: 9%; }
.tracking-table td:last-child > * { display: block; margin-bottom: 7px; }
.kurban-table, .dispatch-table { table-layout: fixed; min-width: 980px; }
.kurban-table th:nth-child(1) { width: 10%; }.kurban-table th:nth-child(2) { width: 17%; }.kurban-table th:nth-child(3) { width: 13%; }.kurban-table th:nth-child(4) { width: 15%; }.kurban-table th:nth-child(5) { width: 8%; }.kurban-table th:nth-child(6) { width: 18%; }.kurban-table th:nth-child(7) { width: 10%; }.kurban-table th:nth-child(8) { width: 9%; }
.dispatch-table th:first-child { width: 36px; }.dispatch-table th:nth-child(2) { width: 19%; }.dispatch-table th:nth-child(3) { width: 13%; }.dispatch-table th:nth-child(4) { width: 13%; }.dispatch-table th:nth-child(5) { width: 8%; }.dispatch-table th:nth-child(6) { width: 16%; }.dispatch-table th:nth-child(7) { width: 10%; }.dispatch-table th:nth-child(8) { width: 18%; }
.giris-sayfa { background: #003f40; }
@media (max-width: 1280px) { .health-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 768px) { main { padding: 18px 14px; }.health-grid { grid-template-columns: 1fr; }.secim-bar { bottom: 4px; padding: 12px; }.secim-bar .secim-metin { width: 100%; }.secim-bar .btn { flex: 1; min-width: 130px; }.health-facts > div { grid-template-columns: 1fr; gap: 5px; }.ops-baslik { gap: 12px; flex-wrap: wrap; }.filtre-bar .girdi { flex: 1 1 150px; max-width: 100%; } }