/* Şantiye Takip — tanıtım sitesi (Yön B). Fontlar KENDİ sunucumuzdan (OFL; lisanslar assets/fonts/lisanslar):
   Google Fonts ziyaretçi IP'sini yurt dışına iletir (KVKK). latin-ext: ğ ş İ ₺; latin: ı. Satır içi stil yok (CSP style-src 'self'). */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Yön B — "Lacivert vardiya": tek bir görsel dünya (tema dışı): koyu lacivert bantlar + açık içerik zemini,
   dar ve güçlü başlık yazısı, sarı yalnızca eylem ve vurgu. Renkler açıkça tanımlı; görüntüleyicinin temasına bağlı değil. */
:root{
  --gece:#0d1626; --gece-2:#14213a; --kenar-koyu:#26354f; --zemin:#f3f1ec; --yuzey:#ffffff; --murekkep:#121a28; --ikincil:#55607a;
  --cizgi:#e1ddd4; --sari:#f5b800; --sari-koyu:#d99f00; --sari-zemin:#fff1c2; --acik-metin:#e9edf5; --soluk:#9aa6bd; --iyi:#137a4b; --uyari:#8a5300; --mavi:#2453c9;
  --f-baslik:"Barlow Condensed","Arial Narrow",Arial,sans-serif; --f-govde:"Source Sans 3","Segoe UI",Arial,sans-serif; --f-veri:"JetBrains Mono",Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--zemin);color:var(--murekkep);font:17px/1.6 var(--f-govde);-webkit-font-smoothing:antialiased}
a{color:var(--mavi)}
:focus-visible{outline:3px solid var(--sari);outline-offset:2px;border-radius:2px}
.kap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-baslik);line-height:1.02;margin:0;text-wrap:balance}
h1{font-weight:700;text-transform:uppercase;letter-spacing:.005em}
h2{font-size:clamp(32px,4vw,48px);font-weight:700;text-transform:uppercase}
h3{font-size:22px;font-weight:600}
p{margin:0}
.etiket{font:600 13px/1 var(--f-govde);letter-spacing:.14em;text-transform:uppercase;color:var(--sari-koyu)}

body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--gece)}
.ust{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--gece);border-bottom:1px solid var(--kenar-koyu)}
.ust .kap{display:flex;align-items:center;gap:28px;padding-block:14px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--acik-metin);font:700 22px/1 var(--f-baslik);text-transform:uppercase;letter-spacing:.02em}
.marka img{width:34px;height:34px}
.menu{display:flex;gap:24px;margin-left:auto}
.menu a{color:var(--soluk);text-decoration:none;font-size:15px}
.menu a:hover{color:var(--acik-metin)}
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:4px;font:700 16px/1 var(--f-baslik);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;white-space:nowrap}
.dugme.ana{background:var(--sari);color:var(--gece)}
.dugme.ana:hover{background:#ffcc33}
.dugme.ikinci{border-color:var(--kenar-koyu);color:var(--acik-metin);background:transparent}
.dugme.ikinci:hover{border-color:var(--soluk)}
.ust .dugmeler{display:flex;gap:10px}
@media (max-width:860px){.menu{display:none}.ust .dugmeler{margin-left:auto}.ust .dugme.ikinci{display:none}}

.acilis{background:var(--gece);color:var(--acik-metin)}
.acilis .kap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-block:80px 88px}
.acilis h1{font-size:clamp(44px,6.4vw,84px)}
.acilis h1 mark{background:none;color:var(--sari)}
.acilis .ozet{font-size:19px;color:var(--soluk);max-width:34em;margin-top:24px}
.acilis .dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.acilis .not{margin-top:18px;font-size:15px;color:var(--soluk)}
.acilis .etiket{color:var(--sari)}
@media (max-width:960px){.acilis .kap{grid-template-columns:1fr;gap:44px;padding-block:52px 60px}}

.rapor{background:var(--gece-2);border:1px solid var(--kenar-koyu);border-radius:6px;overflow:hidden;min-width:0;color:var(--acik-metin)}
.rapor .bas{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px;border-bottom:1px solid var(--kenar-koyu)}
.rapor .bas b{font:600 20px/1.1 var(--f-baslik);text-transform:uppercase;letter-spacing:.03em}
.rapor .bas span{font:12px var(--f-veri);color:var(--soluk)}
.satirlar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--kenar-koyu)}
.satirlar div{padding:16px 20px;border-right:1px solid var(--kenar-koyu);min-width:0}
.satirlar div:last-child{border-right:0}
.satirlar dt{font:600 11px/1 var(--f-govde);letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.satirlar dd{margin:8px 0 0;font:600 26px/1 var(--f-baslik);font-variant-numeric:tabular-nums;color:var(--sari)}
.olaylar{list-style:none;margin:0;padding:6px 0}
.olaylar li{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:11px 20px;font-size:15px;border-bottom:1px solid color-mix(in srgb,var(--kenar-koyu) 55%,transparent)}
.olaylar li:last-child{border-bottom:0}
.olaylar time{font:12px var(--f-veri);color:var(--soluk)}
.rozet{font:700 12px/1 var(--f-baslik);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:2px;white-space:nowrap}
.rozet.acik{background:var(--sari);color:var(--gece)}
.rozet.tamam{background:#1d3b2e;color:#7fd8aa}
.rozet.bilgi{background:#1d2f57;color:#a9c1ff}
.rapor .alt{padding:10px 20px;border-top:1px solid var(--kenar-koyu);font:12px var(--f-veri);color:var(--soluk)}
@media (max-width:560px){.satirlar{grid-template-columns:repeat(2,1fr)}.satirlar div:nth-child(2){border-right:0}.satirlar div:nth-child(-n+2){border-bottom:1px solid var(--kenar-koyu)}}

.bolum{padding-block:92px}
.bolum + .bolum{border-top:1px solid var(--cizgi)}
.bolum-bas{display:grid;gap:14px;max-width:44em;margin-bottom:46px}
.bolum-bas p{color:var(--ikincil);font-size:19px}

.kayip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kayip > div{padding:28px 0 0;border-top:4px solid var(--gece);display:grid;gap:12px;align-content:start;min-width:0}
.kayip .once{font-size:16px;color:var(--ikincil);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ikincil) 50%,transparent)}
.kayip .simdi{font-size:17px}
@media (max-width:860px){.kayip{grid-template-columns:1fr}}

.moduller{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.moduller article{background:var(--yuzey);padding:24px;display:grid;gap:10px;align-content:start;border:1px solid var(--cizgi);border-radius:4px;min-width:0}
.moduller article p{font-size:15.5px;color:var(--ikincil)}
.moduller .kod{font:700 12px var(--f-baslik);letter-spacing:.14em;text-transform:uppercase;color:var(--sari-koyu)}
@media (max-width:960px){.moduller{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.moduller{grid-template-columns:1fr}}

#hakedis{background:var(--gece);color:var(--acik-metin);border-top:0}
#hakedis .bolum-bas p,#hakedis li{color:var(--soluk)}
#hakedis li b{color:var(--acik-metin)}
#hakedis .etiket{color:var(--sari)}
.hakedis{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.hakedis ul{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.hakedis li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:17px}
.hakedis li::before{content:"";width:12px;height:3px;margin-top:13px;background:var(--sari)}
.cetvel{background:var(--zemin);color:var(--murekkep);border-radius:4px;overflow-x:auto}
.cetvel table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.cetvel caption{text-align:left;padding:16px 20px;font:700 20px var(--f-baslik);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--murekkep)}
.cetvel caption .etiket{color:var(--ikincil)}
.cetvel th{font:600 11px var(--f-govde);letter-spacing:.12em;text-transform:uppercase;color:var(--ikincil);text-align:left;padding:10px 20px;border-bottom:1px solid var(--cizgi)}
.cetvel td{padding:11px 20px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.cetvel td.s{font-family:var(--f-veri);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.cetvel tr.toplam td{font-weight:700;border-bottom:2px solid var(--murekkep)}
.cetvel tr.net td{background:var(--sari);font:700 17px var(--f-veri);border-bottom:0}
.cetvel .formul{display:block;font:12px var(--f-veri);color:var(--ikincil);margin-top:3px}
@media (max-width:960px){.hakedis{grid-template-columns:1fr}}

.roller{overflow-x:auto;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:4px}
.roller table{width:100%;border-collapse:collapse;min-width:720px;font-size:15px}
.roller th,.roller td{padding:14px 16px;border-bottom:1px solid var(--cizgi);text-align:center}
.roller th:first-child,.roller td:first-child{text-align:left}
.roller thead th{background:var(--gece);color:var(--acik-metin);font:600 13px var(--f-baslik);letter-spacing:.08em;text-transform:uppercase;vertical-align:bottom}
.roller tbody tr:last-child td{border-bottom:0}
.roller td b{font-weight:600}
.var{color:var(--iyi);font-weight:700}
.yok{color:var(--ikincil)}
.roller small{display:block;color:var(--ikincil);font-size:12.5px}

.guven{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--cizgi)}
.guven article{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:28px 24px 28px 0;border-bottom:1px solid var(--cizgi);min-width:0}
.guven article:nth-child(odd){padding-right:32px;border-right:1px solid var(--cizgi)}
.guven article:nth-child(even){padding-left:32px}
.guven svg{width:30px;height:30px;color:var(--sari-koyu)}
.guven p{color:var(--ikincil);font-size:16px;margin-top:6px}
@media (max-width:760px){.guven{grid-template-columns:1fr}.guven article:nth-child(odd){border-right:0;padding-right:0}.guven article:nth-child(even){padding-left:0}}

.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:adim;padding:0;margin:0;border:1px solid var(--cizgi);border-radius:4px;background:var(--yuzey)}
.adimlar li{list-style:none;counter-increment:adim;padding:28px;border-right:1px solid var(--cizgi);display:grid;gap:8px;align-content:start}
.adimlar li:last-child{border-right:0}
.adimlar li::before{content:counter(adim);font:700 44px/1 var(--f-baslik);color:var(--sari-koyu)}
.adimlar p{color:var(--ikincil);font-size:16px}
@media (max-width:760px){.adimlar{grid-template-columns:1fr}.adimlar li{border-right:0;border-bottom:1px solid var(--cizgi)}.adimlar li:last-child{border-bottom:0}}

.sss{display:grid;border-top:2px solid var(--murekkep)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font:600 22px/1.2 var(--f-baslik)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font:700 26px/1 var(--f-baslik);color:var(--sari-koyu)}
.sss details[open] summary::after{content:"−"}
.sss details p{padding-bottom:22px;color:var(--ikincil);max-width:46em}

.cagri{background:var(--sari);color:var(--gece);border-radius:4px;padding:56px 48px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.cagri p{color:var(--gece-2);margin-top:12px;font-size:18px}
.cagri .dugme.ana{background:var(--gece);color:var(--acik-metin)}
.cagri .dugme.ana:hover{background:var(--gece-2)}
@media (max-width:760px){.cagri{grid-template-columns:1fr;padding:36px 24px}}

.alt-bilgi{background:var(--gece);color:var(--soluk);padding-block:44px 60px;font-size:15px}
.alt-bilgi .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.alt-bilgi h3{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--acik-metin);margin-bottom:10px}
.alt-bilgi ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.alt-bilgi a{color:var(--soluk)}
.alt-bilgi .marka{color:var(--acik-metin)}
.yer-tutucu{background:var(--sari-zemin);color:var(--uyari);padding:1px 6px;border-radius:2px;font:12px var(--f-veri)}
@media (max-width:760px){.alt-bilgi .kap{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.dugme{transition:background .15s,border-color .15s}}

/* Önizlemedeki satır içi stillerin sınıf karşılıkları */
.acilis h1{margin-top:16px}
.rapor,.satirlar{margin:0}
.hakedis .bolum-bas{margin-bottom:0}
.hakedis ul{margin-top:8px}
.cetvel caption .etiket{margin-left:8px}
.cetvel th.s{text-align:right}
.kap.dar{max-width:860px}
.bolum.cagri-bolum{padding-top:0;border-top:0}
.alt-bilgi .unvan{margin-top:12px}
.atla{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--sari);color:var(--gece);padding:10px 14px;font-weight:700}
.atla:focus{left:max(16px,env(safe-area-inset-left,0px))}
.hata-sayfa{min-height:60vh;display:grid;place-content:center;gap:18px;text-align:center;padding-block:80px}
.dugme.ikinci-acik{border-color:var(--cizgi);color:var(--murekkep);background:var(--yuzey)}
.dugme.ikinci-acik:hover{border-color:var(--ikincil)}
.hata-sayfa h1{font-size:clamp(36px,5vw,56px)}
.hata-sayfa .dugmeler{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}