/* Dijitabela sektör demo sayfaları ortak stili (12 Eki 2026, Elif) */
:root{--lacivert:#0f2a4a;--mavi:#1d6fe0;--yesil:#17a35b;--sari:#f5b301;--kirmizi:#d93a32;--zemin:#f3f6fa;--kart:#fff;--cizgi:#dfe5ee;--yazi:#132033;--s:#5f6b7c;--wa:#25d366;--r:16px}
*{box-sizing:border-box;margin:0}body{background:var(--zemin);color:var(--yazi);font:16px/1.55 "Plus Jakarta Sans",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}
.kap{max-width:1180px;margin:0 auto;padding:0 16px}
header{background:var(--lacivert);color:#fff}header .kap{display:flex;align-items:center;gap:12px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;text-decoration:none}.logo i{width:34px;height:34px;border-radius:9px;background:#1b1f27;display:grid;place-items:center;color:var(--sari);font-style:normal;font-weight:900}
header .wa{margin-left:auto;background:var(--wa);color:#05361b;font-weight:800;font-size:14px;padding:9px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.hero{background:linear-gradient(160deg,var(--lacivert),#17406f);color:#fff;padding:44px 0 56px}
.hero h1{font-size:clamp(30px,4.6vw,50px);line-height:1.1;letter-spacing:-.02em;max-width:820px}.hero h1 em{font-style:normal;color:var(--sari)}
.hero p{color:#cfe0f5;margin-top:14px;font-size:18px;max-width:640px}
.etiket{display:inline-block;font:700 12px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:8px;margin-bottom:14px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:13px 18px;font-weight:800;text-decoration:none;font-size:15px}
.btn.sari{background:var(--sari);color:#1b1f27}.btn.cizgi{border:2px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.btn.mavi{background:var(--mavi);color:#fff}.btn.yesil{background:var(--yesil);color:#fff}.btn.wa{background:var(--wa);color:#05361b}.btn.ince{background:#fff;color:var(--lacivert);border:2px solid var(--lacivert)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
section{padding:48px 0}h2{font-size:clamp(25px,3.2vw,36px);letter-spacing:-.02em;line-height:1.15}.alt{color:var(--s);margin-top:8px;max-width:720px}
.anlat{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-left:5px solid var(--sari);border-radius:12px;padding:12px 14px;margin-top:18px;flex-wrap:wrap}
.anlat .no{font:800 12px "JetBrains Mono";color:var(--s);letter-spacing:.08em;text-transform:uppercase}
.anlat p{flex:1 1 260px;min-width:0;font-weight:600}
.anlat button{border:2px solid var(--lacivert);background:#fff;color:var(--lacivert);border-radius:10px;padding:7px 12px;font-weight:800;font-size:13px}.anlat button[aria-pressed=true]{background:var(--lacivert);color:#fff}
.demo{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:14px;align-items:start}
@media(max-width:900px){.demo{grid-template-columns:minmax(0,1fr)}.telefon{max-width:340px;margin:0 auto;width:100%}}
.telefon{background:#0b141a;border-radius:30px;padding:12px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);min-width:0}
.telefon .ust{color:#e9edef;font-weight:700;font-size:14px;padding:8px 10px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #1f2c33}
.telefon .ust i{width:30px;height:30px;border-radius:50%;background:var(--wa);display:grid;place-items:center;font-style:normal;color:#05361b;font-weight:900;flex:none}
.sohbet{height:360px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;background:#0b141a}
.msj{max-width:92%;padding:7px 10px;border-radius:10px;font-size:13px;color:#e9edef;animation:gir .3s;overflow-wrap:anywhere}
.msj.ben{align-self:flex-end;background:#005c4b}.msj.o{align-self:flex-start;background:#202c33}.msj.taslak{outline:2px dashed #f5b301;outline-offset:2px}
.msj time{display:block;text-align:right;font-size:10px;color:#8696a0}
.msj .gor{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:5px}.msj .gor img{width:100%;height:70px;object-fit:cover;border-radius:6px;display:block}.msj .gor img:first-child{grid-column:1/-1;height:100px}
.gun{align-self:center;background:#182229;color:#8696a0;font-size:11px;padding:3px 9px;border-radius:8px}
@keyframes gir{from{opacity:0;transform:translateY(6px)}}
.kisiler{display:flex;gap:6px;padding:8px 6px 0;overflow-x:auto}.kisiler button{flex:none;background:#202c33;color:#e9edef;border:1px solid #2a3942;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.kisiler button.on{border-color:var(--wa);background:#005c4b;color:#fff}
.aksiyon{padding:10px}.aksiyon button{width:100%;background:#202c33;color:#e9edef;border:1px solid #2a3942;border-radius:12px;padding:10px;font-weight:700;font-size:13px}.aksiyon button:hover:not([disabled]){border-color:var(--wa)}.aksiyon button[disabled]{opacity:.4;cursor:not-allowed}
.uyg{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px -18px rgba(15,42,74,.35);min-width:0}
.uyg .bar{background:var(--lacivert);color:#fff;display:flex;align-items:center;gap:10px;padding:10px 14px;font-weight:700;font-size:14px}.uyg .bar span{margin-left:auto;font:500 12px "JetBrains Mono";color:#9fb9d9;text-align:right}
.uyg .ic{padding:14px}
.tablo{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--r);background:#fff}.uyg .tablo{border:0;border-radius:0}
table.bd{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}table.bd th,table.bd td{padding:9px 10px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:middle}table.bd th{background:#f1f5fa;font-size:12px;color:var(--s);text-transform:uppercase;letter-spacing:.04em}
table.bd tr.yeni{animation:parla 1.6s}@keyframes parla{from{background:#fff7d6}}
.chip{display:inline-block;border:1.5px solid transparent;border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px;white-space:nowrap}
.chip.ok{background:#eaf7ef;color:#0e6b3a;border-color:#9ed8b6}.chip.kirmizi{background:#fdecea;color:#b3261e;border-color:#f1a9a4}.chip.gri{background:#f1f5fa;color:var(--s);border-color:var(--cizgi)}.chip.sari{background:#fff6d6;color:#7a5a00;border-color:#f0d27a}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:560px){.form{grid-template-columns:minmax(0,1fr)}}
.form label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--s);min-width:0}.form .genis{grid-column:1/-1}
.form input,.form select{border:1px solid var(--cizgi);border-radius:8px;padding:9px 10px;font-weight:600;color:var(--yazi);background:#fafcff;width:100%;min-width:0}
.fotolar{display:flex;gap:8px;flex-wrap:wrap}.fotolar img{width:92px;height:64px;object-fit:cover;border-radius:8px;border:2px solid var(--cizgi)}
.ek-ozet{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--cizgi);background:#fafcff}.ek-ozet .not{font-size:13px;color:var(--s);flex:1 1 200px}
.adim{margin-top:14px}.adim h3{font-size:16px;margin-bottom:4px}
.kurgu{font-size:13px;color:var(--s);margin-top:12px}
.sonuc{display:none;margin-top:18px;background:linear-gradient(135deg,#0f2a4a,#1d6fe0);color:#fff;border-radius:var(--r);padding:20px}.sonuc.gor{display:block;animation:gir .5s}.sonuc p{color:#cfe0f5;margin:6px 0 14px}
.ozellik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}@media(max-width:900px){.ozellik{grid-template-columns:1fr}}
.ozellik div{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px}.ozellik h3{font-size:17px;margin:8px 0 4px}.ozellik p{color:var(--s);font-size:14px}
.son{background:var(--lacivert);color:#fff;border-radius:22px;padding:32px 20px;text-align:center}.son p{color:#cfe0f5;margin:10px auto 20px;max-width:560px}
footer{color:var(--s);font-size:13px;text-align:center;padding:26px 16px}
[hidden]{display:none!important}