/* ADIM Olay Dosyasi - sade, telefonda okunur. CDN yok, build zinciri yok. */ /* Tum renkler degiskenden gelir; koyu tema yalnizca degiskenleri degistirir. Secim ile gelir (ui.js, localStorage); oznitelik yoksa isletim sistemi tercihi (prefers-color-scheme) gecerlidir. */ :root{ --metin:#1f2430; --ince:#6b7280; --cizgi:#e5e7eb; --zemin:#f7f8fa; --kart:#fff; --vurgu:#1d4ed8; --vurgu-metin:#fff; --acik:#b45309; --kapali:#047857; --hata:#b91c1c; --satir-vurgu:#f3f6ff; --uyari-zemin:#fef3c7; --uyari-metin:#92400e; --uyari-cizgi:#fcd34d; --basari-zemin:#d1fae5; --basari-metin:#065f46; --rozet-acik-zemin:#fef3c7; --rozet-hata-zemin:#fee2e2; --mavi-zemin:#eef2ff; --mavi-metin:#3730a3; --mavi-cizgi:#c7d2fe; --pembe-zemin:#fce7f3; --pembe-metin:#9d174d; color-scheme:light; } /* Koyu tema - operatorun acik secimi. */ :root[data-tema="koyu"]{ --metin:#e6e9ef; --ince:#98a2b3; --cizgi:#2c333f; --zemin:#11141a; --kart:#1a1f28; --vurgu:#8ab4ff; --vurgu-metin:#0b1220; --acik:#fbbf24; --kapali:#34d399; --hata:#fca5a5; --satir-vurgu:#212a3b; --uyari-zemin:#3b2f10; --uyari-metin:#fcd34d; --uyari-cizgi:#6b5417; --basari-zemin:#10301f; --basari-metin:#6ee7b7; --rozet-acik-zemin:#3b2f10; --rozet-hata-zemin:#3a1b1b; --mavi-zemin:#1e2440; --mavi-metin:#c7d2fe; --mavi-cizgi:#3a4370; --pembe-zemin:#3a1830; --pembe-metin:#f9a8d4; color-scheme:dark; } /* Secim yapilmadiysa isletim sistemi koyu diyorsa koyu. "acik" secimi bunu ezer. */ @media (prefers-color-scheme:dark){ :root:not([data-tema="acik"]){ --metin:#e6e9ef; --ince:#98a2b3; --cizgi:#2c333f; --zemin:#11141a; --kart:#1a1f28; --vurgu:#8ab4ff; --vurgu-metin:#0b1220; --acik:#fbbf24; --kapali:#34d399; --hata:#fca5a5; --satir-vurgu:#212a3b; --uyari-zemin:#3b2f10; --uyari-metin:#fcd34d; --uyari-cizgi:#6b5417; --basari-zemin:#10301f; --basari-metin:#6ee7b7; --rozet-acik-zemin:#3b2f10; --rozet-hata-zemin:#3a1b1b; --mavi-zemin:#1e2440; --mavi-metin:#c7d2fe; --mavi-cizgi:#3a4370; --pembe-zemin:#3a1830; --pembe-metin:#f9a8d4; color-scheme:dark; } } *{box-sizing:border-box} body{margin:0;background:var(--zemin);color:var(--metin); font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif} a{color:var(--vurgu);text-decoration:none} a:hover{text-decoration:underline} h1{font-size:1.4rem;margin:.6rem 0} h2{font-size:1.1rem;margin:1.4rem 0 .6rem} h3{font-size:.95rem;margin:0 0 .5rem} main{max-width:1200px;margin:0 auto;padding:0 16px 40px} pre{margin:0;white-space:pre-wrap;word-break:break-word;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace} code{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace} .ince{color:var(--ince);font-size:.85em} .sag{text-align:right} .kir{word-break:break-all} .bos{color:var(--ince);padding:24px 0} /* ust / alt */ .ust{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between; max-width:1200px;margin:0 auto;padding:14px 16px} .marka{font-size:1.05rem;color:var(--metin)} .ust nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center} .kullanici{color:var(--ince);font-size:.85em} .alt{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;gap:10px; justify-content:space-between;border-top:1px solid var(--cizgi);color:var(--ince);font-size:.82em} /* seritler */ .serit{padding:10px 16px;text-align:center;font-size:.9rem} .serit-uyari{background:var(--uyari-zemin);color:var(--uyari-metin);border-bottom:1px solid var(--uyari-cizgi)} .uyari{background:var(--uyari-zemin);color:var(--uyari-metin);padding:10px 12px;border-radius:6px;margin:.6rem 0} .basari{background:var(--basari-zemin);color:var(--basari-metin);padding:10px 12px;border-radius:6px;margin:.6rem 0} /* dugmeler ve form */ .dugme{display:inline-block;background:var(--vurgu);color:var(--vurgu-metin);border:0;border-radius:6px; padding:8px 14px;font-size:.9rem;cursor:pointer} .dugme:hover{text-decoration:none;opacity:.92} .dugme-ince{background:var(--kart);color:var(--vurgu);border:1px solid var(--cizgi)} input,select{font:inherit;padding:7px 9px;border:1px solid var(--cizgi);border-radius:6px; background:var(--kart);color:var(--metin);width:100%} label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--ince)} .dar{max-width:380px;margin:40px auto} .form-dikey{display:flex;flex-direction:column;gap:12px;background:var(--kart);padding:18px; border:1px solid var(--cizgi);border-radius:8px} /* filtre */ .filtre{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:12px;margin-bottom:14px} .filtre-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px} .filtre-satir:last-child{margin-bottom:0} .filtre-dugmeler{display:flex;gap:8px;align-items:flex-end} .sonuc-sayisi{color:var(--ince);font-size:.85rem;margin:.4rem 0} /* liste */ .tablo-kaydir{overflow-x:auto;background:var(--kart);border:1px solid var(--cizgi);border-radius:8px} table.liste{border-collapse:collapse;width:100%;min-width:760px} table.liste th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ince); text-align:left;padding:10px;border-bottom:1px solid var(--cizgi);white-space:nowrap} table.liste td{padding:10px;border-bottom:1px solid var(--cizgi);vertical-align:top} table.liste tbody tr{cursor:pointer} table.liste tbody tr:hover{background:var(--satir-vurgu)} table.liste td.tekil{white-space:nowrap} td.alarm{max-width:340px} td.alarm .ince{display:block} .rozet{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;white-space:nowrap} .rozet-acik{background:var(--rozet-acik-zemin);color:var(--acik)} .rozet-kapali{background:var(--basari-zemin);color:var(--kapali)} .rozet-uyari{background:var(--uyari-zemin);color:var(--uyari-metin)} .rozet-hata{background:var(--rozet-hata-zemin);color:var(--hata)} .onem{font-size:.8rem} .onem-high,.onem-critical,.onem-disaster{color:var(--hata);font-weight:600} .onem-average,.onem-warning{color:var(--acik)} /* sayfalama - tablonun ustunde ve altinda ayni serit */ .sayfalama{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between; background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:9px 12px;margin:.6rem 0} .sayfalama-bilgi{font-size:.85rem} .sayfa-baglari{display:flex;flex-wrap:wrap;gap:4px;align-items:center} .sayfa-bag{min-width:34px;text-align:center;padding:5px 9px;border:1px solid var(--cizgi); border-radius:6px;font-size:.85rem;background:var(--kart);color:var(--vurgu)} a.sayfa-bag:hover{text-decoration:none;border-color:var(--vurgu)} .sayfa-secili{background:var(--vurgu);color:var(--vurgu-metin);border-color:var(--vurgu);font-weight:600} .sayfa-pasif{color:var(--ince);opacity:.5} .sayfa-bosluk{color:var(--ince);padding:0 2px} .boyut-form{display:flex;gap:8px;align-items:center} .boyut-form select{width:auto} label.satir-ici{flex-direction:row;align-items:center;gap:6px;white-space:nowrap} .tema-dugme{min-width:106px;text-align:center} /* --- ust cubuk kontrolleri ------------------------------------------------- Dil secici bir FORM'dur. Kural verilmezse blok gibi davranir: "Dil", acilir kutu ve "Uygula" alt alta duser ve menu hizasinin ustunde kalir. Asagidaki kurallar dil secicisini tema dugmesiyle AYNI yukseklik ve dikey hizaya getirir. */ .ust nav > *{display:inline-flex;align-items:center} .dil-form{display:inline-flex;align-items:center;gap:6px;margin:0} .dil-form label.satir-ici{margin:0} .dil-form select{width:auto;min-width:106px;max-width:100%} /* Cubuktaki tum kontroller ayni yukseklikte: dugmeler, dil kutusu, tema dugmesi. */ .ust .dugme, .ust select{height:34px;padding-top:0;padding-bottom:0;line-height:1} .ust .dugme{justify-content:center} /* Dar ekran: cubuk tasmasin; satirlar sarsin, kutular kucululsun. */ @media (max-width:560px){ .ust{gap:8px} .ust nav{gap:8px;row-gap:6px} .dil-form select,.tema-dugme{min-width:0} .dil-form label.satir-ici{gap:4px} } /* olay dosyasi */ .geri{margin:.4rem 0} .ust-ozet{color:var(--ince);margin:.2rem 0 1rem} .kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px} .kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px; display:flex;flex-direction:column;gap:3px} .kart-etiket{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ince)} .kart-deger{font-size:.95rem} .iki-kolon{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start} @media (max-width:900px){.iki-kolon{grid-template-columns:1fr}} .zaman-cizgisi{list-style:none;margin:0;padding:0} .adim{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px 0; border-bottom:1px solid var(--cizgi)} .adim:last-child{border-bottom:0} .adim-zaman{font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ince); display:flex;flex-direction:column} .adim-govde{min-width:0;border-left:3px solid var(--cizgi);padding-left:12px} .adim-baslik{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:3px} .adim-tip{font-weight:600;font-size:.9rem} .adim-ozet{margin:.2rem 0 .4rem;word-break:break-word} .aktor{font-size:.75rem;padding:1px 7px;border-radius:999px;background:var(--mavi-zemin);color:var(--mavi-metin)} .aktor-human{background:var(--pembe-zemin);color:var(--pembe-metin)} .aktor-runbook{background:var(--basari-zemin);color:var(--basari-metin)} .kaynak{margin:.3rem 0 0} /* adim tipine gore sol cizgi rengi */ .adim-alarm .adim-govde{border-left-color:#f59e0b} .adim-gate .adim-govde{border-left-color:#9ca3af} .adim-decision .adim-govde{border-left-color:#6366f1} .adim-action .adim-govde{border-left-color:#0ea5e9} .adim-evidence .adim-govde{border-left-color:#64748b} .adim-human .adim-govde{border-left-color:#ec4899} .adim-notify .adim-govde{border-left-color:#8b5cf6} .adim-verify .adim-govde{border-left-color:#14b8a6} .adim-closed .adim-govde{border-left-color:#10b981} .adim-improve .adim-govde{border-left-color:#a16207} .adim-error .adim-govde{border-left-color:var(--hata)} .katlanir{margin:.35rem 0} .katlanir>summary{cursor:pointer;font-size:.82rem;color:var(--vurgu);padding:2px 0} table.detay{border-collapse:collapse;width:100%;margin:.4rem 0;background:var(--kart); border:1px solid var(--cizgi);border-radius:6px} table.detay th{text-align:left;vertical-align:top;padding:6px 10px;width:170px;color:var(--ince); font-size:.78rem;font-weight:600;border-bottom:1px solid var(--cizgi);word-break:break-word} table.detay td{padding:6px 10px;border-bottom:1px solid var(--cizgi)} table.detay tr:last-child th,table.detay tr:last-child td{border-bottom:0} pre.kanit{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:6px;max-height:460px;overflow:auto} .kolon-yan .yan-blok{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px; padding:12px;margin-bottom:14px} table.yan-tablo{border-collapse:collapse;width:100%;margin-bottom:8px} table.yan-tablo th{text-align:left;color:var(--ince);font-size:.75rem;font-weight:600; padding:3px 0;width:88px;vertical-align:top} table.yan-tablo td{padding:3px 0;font-size:.82rem;word-break:break-word} /* --- Asama 1b --- */ .cag-sekmeleri{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:.4rem 0 .8rem} .cag{padding:6px 12px;border:1px solid var(--cizgi);border-radius:999px;background:var(--kart); font-size:.85rem;color:var(--metin)} .cag:hover{text-decoration:none;border-color:var(--vurgu)} .cag-secili{background:var(--vurgu);color:var(--vurgu-metin);border-color:var(--vurgu)} .serit-kapsam{background:var(--mavi-zemin);color:var(--mavi-metin);border:1px solid var(--mavi-cizgi);border-radius:8px; padding:10px 12px;margin:.4rem 0 .8rem;text-align:left} .kapsam-liste{margin:.3rem 0 0;padding-left:18px;font-size:.8rem;color:var(--ince)} .kapsam-liste li{margin-bottom:.35rem} .uyari-ince{color:var(--uyari-metin);margin:.15rem 0} .eylemler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:.6rem 0 1rem} .anlatim{background:var(--kart);border:1px solid var(--cizgi);border-left:3px solid #6366f1; border-radius:8px;padding:12px 14px;margin:0 0 1rem} .anlatim-ust{margin:0 0 .4rem} .anlatim-govde p{margin:.4rem 0} .htmx-indicator{display:none} .htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:inline} /* --- yazdirma (tarayicidan PDF) --- */ .yazdirma-goster{display:block} @media print{ /* Koyu temadayken de kagit beyaz basilir: degiskenler aydinlik degerlere donduruluyor. */ :root,:root[data-tema="koyu"]{ --zemin:#fff; --kart:#fff; --metin:#111; --ince:#555; --cizgi:#ddd; --satir-vurgu:#fff; --vurgu:#111; --vurgu-metin:#fff; --uyari-zemin:#fff; --uyari-metin:#111; --uyari-cizgi:#999; --basari-zemin:#fff; --basari-metin:#111; --rozet-acik-zemin:#fff; --rozet-hata-zemin:#fff; --mavi-zemin:#fff; --mavi-metin:#111; --mavi-cizgi:#999; --pembe-zemin:#fff; --pembe-metin:#111; color-scheme:light; } body{background:#fff;font-size:11pt} .ust,.alt,.eylemler,.filtre,.sayfalama,.cag-sekmeleri,.yazdirma-gizle{display:none !important} main{max-width:none;padding:0} .iki-kolon{grid-template-columns:1fr;gap:0} .kolon-yan{page-break-before:auto} .katlanir>summary{display:none} .katlanir[open] .detay,.katlanir .detay{display:table} details{display:block} details:not([open])>*:not(summary){display:block} /* yazdirmada hepsi acik */ pre.kanit{background:#f6f8fa;color:#111;max-height:none;overflow:visible; border:1px solid #ddd;page-break-inside:avoid} .adim{page-break-inside:avoid} a[href]:after{content:""} .serit-kapsam{border:1px solid #999} }