/* Açık tema: fildişi zemin, lacivert başlık, altın vurgu */
:root{
  --lacivert:#0b1630;--lacivert2:#14284f;
  --altin:#b8923a;--altin-koyu:#8b6d1f;--altin-acik:#f0d78a;--altin-orta:#c9a85a;
  --fildisi:#f6f2e7;--fildisi2:#efe9d8;--kart:#fffdf7;--kenar:#e3ddcc;
  --metin:#14284f;--soluk:#6b7280;
  --hata:#b42318;--ok:#0f6b4f;--uyari:#8a5a00;
}
*{box-sizing:border-box}
html{background:var(--fildisi2)}
body{margin:0;min-height:100vh;font-family:"Segoe UI",system-ui,Roboto,Arial,sans-serif;color:var(--metin);line-height:1.5;
  background:linear-gradient(180deg,var(--fildisi) 0%,var(--fildisi2) 100%) fixed}
a{color:var(--lacivert2)}
a:hover{color:var(--altin-koyu)}

/* üst çubuk (lacivert) */
.ust{display:flex;align-items:center;gap:14px;padding:14px max(18px,calc((100% - 1000px)/2));
  background:linear-gradient(160deg,var(--lacivert2),var(--lacivert));border-bottom:3px solid var(--altin-orta);box-shadow:0 6px 20px rgba(11,22,48,.18)}
.marka{display:flex;align-items:center;gap:12px;color:#f4efe2;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:600;letter-spacing:.4px;white-space:nowrap}
.marka::before{content:"";width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,var(--altin-acik),var(--altin-orta));box-shadow:0 0 0 4px rgba(240,215,138,.2)}
.marka span{color:var(--altin-acik);font-family:"Segoe UI",system-ui,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-top:3px}
.menu{display:flex;gap:4px;flex:1;margin-left:24px}
.menu a{color:#aab3c7;text-decoration:none;padding:7px 14px;border-radius:10px;font-weight:600;font-size:.92rem}
.menu a:hover{color:#fff;background:rgba(255,255,255,.08)}
.menu a.secili{color:#1a1305;background:linear-gradient(180deg,var(--altin-acik),var(--altin-orta))}
.ust .ikincil{background:rgba(255,255,255,.1);color:#f4efe2!important;border-color:rgba(255,255,255,.3)}
@media(max-width:700px){.ust{flex-wrap:wrap}.menu{order:3;width:100%;margin-left:0;flex:none;overflow-x:auto}}
.seritli{background:#fff4dc;color:var(--uyari);text-align:center;padding:8px 14px;font-size:.88rem;border-bottom:1px solid #f1d9a0}

main{max-width:1000px;margin:0 auto;padding:30px 18px 80px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;font-weight:600;margin:.1em 0 .55em;letter-spacing:.3px;color:var(--lacivert2)}
h2{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:600;margin:0 0 1em;color:var(--lacivert2)}
h2.ic{margin:8px 8px 4px}
.yol{margin:0 0 6px;font-size:.9rem}
.yol a{text-decoration:none;color:var(--soluk)}
.yol a:hover{color:var(--altin-koyu)}
.baslik-satiri{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.baslik-satiri.ic{padding:6px 8px 0}

/* kartlar */
.kart{background:var(--kart);border:1px solid var(--kenar);border-radius:18px;padding:24px;margin:0 0 20px;box-shadow:0 10px 28px rgba(20,40,79,.07)}
.kart.dar{max-width:430px;margin:72px auto}
.kart.dar h1{text-align:center;font-size:1.7rem}
.tablo-kart{padding:10px 18px;overflow-x:auto}

/* tablo */
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--kenar);vertical-align:middle}
th{font-size:.74rem;text-transform:uppercase;letter-spacing:1.3px;color:var(--altin-koyu);font-weight:700}
tr:last-child td{border-bottom:none}
tbody tr:hover td{background:#faf6ea}
td a{color:var(--lacivert2);text-decoration:none}
td a:hover{color:var(--altin-koyu)}
.sag{text-align:right;white-space:nowrap}
.ustu-cizili{text-decoration:line-through;color:var(--soluk)}

/* form */
label{display:block;margin:0 0 16px;font-weight:600;font-size:.9rem;color:var(--lacivert2)}
input,select{display:block;width:100%;margin-top:7px;padding:11px 14px;border:1px solid #d3cbb3;border-radius:12px;font:inherit;background:#fff;color:var(--metin);outline:none;transition:border-color .15s,box-shadow .15s}
input::placeholder{color:#9aa3b5}
input:focus,select:focus{border-color:var(--altin);box-shadow:0 0 0 3px rgba(184,146,58,.22)}
input[type=checkbox]{display:inline-block;width:auto;margin:0 10px 0 0;accent-color:var(--lacivert2)}
input[type=file]{padding:9px;color:var(--soluk)}
input[type=file]::file-selector-button{background:#f3ecd6;color:var(--altin-koyu);border:1px solid #e0d4a8;border-radius:8px;padding:6px 12px;margin-right:12px;cursor:pointer;font-weight:600}
label.onay{font-weight:500}
small{display:block;margin-top:5px;color:var(--soluk);font-weight:400;font-size:.82rem}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.iki{grid-template-columns:1fr}.bilgi-listesi{grid-template-columns:1fr!important}}
.filtre{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end}
.filtre label{margin:0}
.filtre-dugme{display:flex;gap:10px}

/* düğmeler */
button,.dugme{font:inherit;font-weight:700;border:0;border-radius:12px;padding:11px 20px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .08s,filter .15s}
button:hover,.dugme:hover{filter:brightness(1.05)}
button:active,.dugme:active{transform:translateY(1px)}
.birincil{background:linear-gradient(180deg,var(--altin-acik),var(--altin-orta));color:#1a1305!important;box-shadow:0 6px 16px rgba(184,146,58,.28)}
.ikincil{background:#fff;color:var(--lacivert2)!important;border:1px solid #d3cbb3}
.ikincil:hover{border-color:var(--altin)}
.tehlike{background:#fdecea;color:var(--hata);border:1px solid #f1b8b0}
.kucuk{padding:6px 13px;font-size:.82rem;font-weight:600}
.tam{width:100%}
.satir{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.satir input{flex:1;min-width:200px;margin-top:0}
.islem{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.islem form{margin:0}

/* bildirimler */
.hata{background:#fdecea;color:var(--hata);border:1px solid #f1b8b0;border-radius:12px;padding:12px 16px;margin:0 0 18px}
.bilgi{background:#e7f3ee;color:var(--ok);border:1px solid #bddccd;border-radius:12px;padding:12px 16px;margin:0 0 18px}
.uyari{background:#fff4dc;color:var(--uyari);border:1px solid #f1d9a0;border-radius:12px;padding:12px 16px;margin:0 0 18px}
.not{color:var(--soluk)}
.orta{text-align:center}

/* etiketler */
.etiket{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:#eceff4;color:#44506a;letter-spacing:.2px}
.etiket.ok{background:#e1f2ea;color:var(--ok)}
.etiket.dur{background:#fdecea;color:var(--hata)}
.etiket.canli{background:#fff1d1;color:var(--uyari)}
.etiket.test{background:#eceff4;color:#44506a}
.etiket.durum-onaylandi{background:#e1f2ea;color:var(--ok)}
.etiket.durum-iptal_edildi{background:#fff1d1;color:var(--uyari)}
.etiket.durum-reddedildi,.etiket.durum-vazgecildi{background:#eceff4;color:#5a6580}
.etiket.durum-belirsiz{background:#fdecea;color:var(--hata)}

details summary{cursor:pointer;color:var(--soluk);font-size:.9rem;padding:6px 2px}
details.sil summary{color:var(--hata);font-size:.82rem}
details[open] summary{margin-bottom:8px}
.logo-onizleme{background:#fff;border:1px solid var(--kenar);border-radius:14px;padding:14px 18px;display:inline-block;margin-bottom:14px}
.logo-onizleme img{display:block;max-height:90px;max-width:100%}

code{background:#f3ecd6;border-radius:7px;padding:2px 8px;color:#6b5314;font-family:Consolas,"Courier New",monospace;font-size:.92em}
code.buyuk{font-size:1.15rem;padding:7px 12px;word-break:break-all;display:inline-block}
code.anahtar{background:var(--lacivert);color:var(--altin-acik);border:1px solid var(--lacivert2);letter-spacing:.5px}

.bilgi-listesi{display:grid;grid-template-columns:160px 1fr;gap:12px 16px;align-items:center}
.bilgi-listesi dt{color:var(--altin-koyu);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}
.bilgi-listesi dd{margin:0}
.tehlike-alani{border-color:#f1c8c3}
.tehlike-alani h2{color:var(--hata)}

/* özet */
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 20px}
@media(max-width:800px){.kpi{grid-template-columns:1fr}}
.kpi .kart{margin:0}
.kpi-baslik{color:var(--altin-koyu);font-size:.76rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:700}
.kpi-sayi{font-family:Georgia,"Times New Roman",serif;font-size:2.3rem;font-weight:600;margin:6px 0 2px;color:var(--lacivert2);line-height:1.1}
.kpi-sayi small{display:inline;font-size:1.15rem;color:var(--altin);margin:0}
.kpi-alt{color:var(--soluk);font-size:.9rem}
.kpi-alt.sonuk{font-size:.8rem;margin-top:6px}
.satir-ici{display:inline;color:var(--soluk);margin:0}
.cubuklar{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:8px}
.cubuk{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}
.cubuk .dolgu{width:100%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--altin-acik),var(--altin));opacity:.95}
.cubuk small{margin:0;font-size:.68rem;color:var(--soluk)}
.sayfalama{display:flex;justify-content:center;align-items:center;gap:16px;padding:14px 0 6px}

td code{white-space:nowrap}