/* ============================================================================
   Platform paneli — C3 "ikon rayı" tasarım yönü (19 Eki 2026, Barış seçti).
   Dil: koyu orman yeşili yüzeyler, lime yalnız eylem ve aktif durumda,
   kalın kenarlı kartlar, Archivo display tipi, gölge yok.
   Masaüstü: solda 72px ikon rayı, üstüne gelince 232px'e açılır.
   Telefon: alt sekme çubuğu + hamburgerden çekmece.
   ========================================================================== */
:root{
  --orman:#0C2E1E; --koyu:#061B11; --lime:#B8F04A; --kagit:#F4F6F1; --panel:#FFFFFF;
  --ink:#0C2E1E; --muted:#5C6F65; --faint:#8798A0; --line:rgba(12,46,30,.14);
  --sis:#9FB3A8; --cizgi:rgba(255,255,255,.14);
  --brand:#0C2E1E; --brand2:#1FA463; --brand3:#1FA463;
  --soft:#E8F0EA; --soft2:#D7E6DC;
  --ok:#1FA463; --oks:#E6F6EC; --warn:#8A6209; --warns:#FFF4DC; --bad:#C0392B; --bads:#FDECEA;
  --kritik:#FF6B5A; --uyari:#FFC75A;
  --r:18px; --r-kucuk:12px; --r-pill:999px;
  --egri:cubic-bezier(.2,.7,.3,1);
  --dar:"Archivo Narrow",Archivo,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--kagit);color:var(--ink);
  font:15px/1.55 Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
html[data-dil="tr"] .en{display:none !important}
html[data-dil="en"] .tr{display:none !important}
a{color:inherit}
button{font:inherit;cursor:pointer}
h1,h2,h3{letter-spacing:-.03em;font-weight:800}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}

/* ---------- ÜST BANT ---------- */
.ust{background:var(--orman);color:#fff;display:flex;align-items:center;gap:14px;
  padding:13px 22px;position:sticky;top:0;z-index:40;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--dar);font-weight:700;
  font-size:19px;letter-spacing:.04em;text-transform:uppercase}
.logo i{width:26px;height:26px;border-radius:8px;background:var(--lime);display:inline-block}
.logo i:after{content:none}
.etiket{font-size:12px;color:var(--sis);border:1px solid var(--cizgi);padding:4px 11px;border-radius:var(--r-pill)}
.bosluk{flex:1}
.dil{display:flex;border:1px solid var(--cizgi);border-radius:var(--r-pill);overflow:hidden}
.dil button{border:0;background:transparent;padding:6px 14px;font-weight:700;color:var(--sis);font-size:13px}
.dil button.secili{background:var(--lime);color:var(--orman)}
#arama{display:none;align-items:center;gap:8px;color:var(--sis)}
#arama input{width:210px;padding:8px 13px;border:1px solid var(--cizgi);border-radius:var(--r-pill);
  background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:13px}
#zil{display:none;position:relative;font-size:17px}
#kullanici{display:none;align-items:center;gap:9px;font-size:13px;color:var(--sis)}
#kullanici>span:first-child{width:28px;height:28px;border-radius:50%;background:var(--lime)!important;
  color:var(--orman)!important;display:grid;place-items:center;font-weight:800;font-size:12px}
#kullanici b{color:#fff;font-weight:700}
#kullanici small{color:var(--sis)!important}
body.uygulama #arama{display:flex} body.uygulama #zil{display:inline-block}
body.uygulama #kullanici{display:flex} body.uygulama .etiket{display:none}
#uygbaslik{display:none;align-items:center;gap:11px;min-width:0}
#uygbaslik .ad{font-family:var(--dar);font-weight:700;font-size:18px;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#geri{display:none;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);
  border:1px solid var(--cizgi);background:transparent;color:#fff;font-size:16px;flex:none;padding:0}
#geri.var{display:grid}

/* ---------- DÜZEN ---------- */
.duzen{display:grid;grid-template-columns:252px 1fr;gap:20px;max-width:1340px;margin:0 auto;padding:20px}
.adimlar{position:sticky;top:76px;align-self:start;background:var(--panel);border:2px solid var(--orman);
  border-radius:var(--r);padding:8px;max-height:calc(100vh - 96px);overflow:auto}
.adimlar button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;
  background:transparent;padding:8px 11px;border-radius:var(--r-pill);color:var(--muted);font-size:13.5px}
.adimlar button:hover{background:var(--soft);color:var(--ink)}
.adimlar button b{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-size:11px;background:var(--soft);color:var(--muted);font-weight:700}
.adimlar button.secili{background:var(--lime);color:var(--orman);font-weight:700}
.adimlar button.secili b{background:var(--orman);color:var(--lime)}
#uygmenu{display:none}

/* ---------- EKRAN ---------- */
.ekran{display:none}
.ekran.acik{display:block}
.baslik{margin:2px 0 18px}
.baslik h1{margin:0 0 7px;font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1;
  letter-spacing:-.035em;text-wrap:balance}
.baslik p{margin:0;color:var(--muted);max-width:66ch}
.izgara{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.izgara>*,.kullanim>*,.kutular>*,.ofis>*{min-width:0}

/* ---------- KART ---------- */
.kart{background:var(--panel);border:2px solid var(--orman);border-radius:var(--r);padding:18px}
.kart+.kart{margin-top:12px}
.kart h3{margin:0 0 13px;font-size:18px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.not{background:var(--orman);color:var(--sis);border-radius:var(--r);padding:18px;font-size:14px}
.not strong{color:#fff;display:block;margin-bottom:9px;font-weight:800}
.not ol{margin:0;padding-left:18px}
.not li{margin:7px 0}
.alt{display:flex;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}

/* ---------- DÜĞME ---------- */
.dugme{border:2px solid var(--orman);background:transparent;color:var(--orman);padding:10px 19px;
  border-radius:var(--r-pill);font-weight:700;transition:.15s var(--egri)}
.dugme:hover{background:var(--lime);border-color:var(--lime)}
.dugme.ana{background:var(--orman);color:#fff}
.dugme.ana:hover{background:var(--lime);border-color:var(--lime);color:var(--orman)}
.dugme.kucuk{padding:7px 15px;font-size:13px}
.dugme:disabled{opacity:.35;cursor:default}
.dugme:disabled:hover{background:transparent;border-color:var(--orman)}

/* ---------- ROZET ---------- */
.rozet{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.03em;padding:5px 12px;
  border-radius:var(--r-pill);background:var(--orman);color:#fff;white-space:nowrap}
.rozet.ok{background:var(--ok)}
.rozet.warn{background:var(--uyari);color:var(--orman)}
.rozet.bad{background:var(--kritik)}
.rozet.mavi{background:#2B6CB0}

/* ---------- TABLO ---------- */
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);
  padding:9px 8px;border-bottom:2px solid var(--orman);font-weight:800}
td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--soft)}

/* ---------- FORM ---------- */
.alan{display:block;margin:0 0 13px}
.alan .l{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:700}
.alan input,.alan select,.alan textarea,.satir input,.satir select{width:100%;padding:11px 14px;
  border:2px solid var(--orman);border-radius:var(--r-kucuk);font:inherit;background:var(--panel);color:var(--ink)}
.satir{display:flex;align-items:center;gap:10px}

/* ---------- KAHRAMAN ---------- */
.hero{background:var(--orman);color:#fff;border-radius:var(--r);padding:clamp(26px,4vw,48px);
  display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.hero h2{font-size:clamp(32px,5vw,56px);line-height:.98;margin:0 0 15px;letter-spacing:-.035em;font-weight:900}
.hero h2 u{text-decoration:none;background:var(--lime);color:var(--orman);padding:0 11px;border-radius:var(--r-pill)}
.hero p{color:var(--sis);margin:0 0 22px;font-size:16px;max-width:44ch}
.hero .dugme{background:var(--lime);border-color:var(--lime);color:var(--orman)}
.hero .dugme.bos{background:transparent;color:#fff;border-color:var(--cizgi)}
.hero .dugme.bos:hover{background:rgba(255,255,255,.12)}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mini div{background:transparent;border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:12px;
  font-size:12px;color:var(--sis)}
.mini b{display:block;font-size:13.5px;color:#fff;margin-bottom:3px;font-weight:700}
.guven{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;padding-top:16px;
  border-top:1px solid var(--cizgi);font-size:13px;color:var(--sis)}
.guven span{display:flex;align-items:center;gap:6px}
.ozellik{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.ozellik p{margin:0;color:var(--muted);font-size:14px}

/* ---------- PAKET ---------- */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.paket{border:2px solid var(--orman);border-radius:var(--r);padding:19px;background:var(--panel);position:relative}
.paket.secili{background:var(--orman);color:#fff}
.paket.secili h3,.paket.secili .fiyat{color:#fff}
.paket.secili ul{color:var(--sis)}
.paket.secili li:before{color:var(--lime)}
.paket.secili:before{content:"✓";position:absolute;top:-13px;right:18px;width:26px;height:26px;
  border-radius:50%;background:var(--lime);color:var(--orman);display:grid;place-items:center;font-weight:800}
.paket h3{margin:10px 0 3px}
.fiyat{font-family:var(--dar);font-size:32px;font-weight:700;letter-spacing:-.03em}
.fiyat small{font-size:13px;color:var(--muted);font-weight:500}
.paket ul{margin:12px 0 0;padding-left:0;list-style:none;color:var(--muted);font-size:13.5px}
.paket li{padding-left:21px;position:relative;margin:6px 0}
.paket li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}

/* ---------- BAĞLANTI KUTULARI ---------- */
.kutular{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.kutu{border:2px solid var(--orman);border-radius:var(--r);padding:16px;background:var(--panel);
  display:flex;flex-direction:column;gap:10px;min-height:150px;position:relative;transition:.15s var(--egri)}
.kutu:hover{background:var(--soft)}
.kutu .ikon{width:36px;height:36px;border-radius:var(--r-kucuk);display:grid;place-items:center;
  font-weight:800;color:#fff;font-size:13px}
.kutu b{font-size:15px;display:block;font-weight:800;letter-spacing:-.015em}
.kutu small{color:var(--muted);font-size:13px;display:block;line-height:1.45}
.kutu .son{margin-top:auto}
.kutu.bagli{background:var(--oks)}
.kutu.bekliyor{border-color:var(--uyari)}
.kutu.yeni{border-color:#2B6CB0}
.kutu.kapali{border-style:dashed;opacity:.72}
.kutu.kapali .ikon{filter:grayscale(1)}

/* ---------- OFİS ---------- */
.ofis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.masa{border:2px solid var(--orman);border-radius:var(--r);padding:14px;background:var(--panel)}
.masa .yuz{width:38px;height:38px;border-radius:var(--r-kucuk);display:grid;place-items:center;
  color:#fff;font-weight:800;margin-bottom:10px}
.masa b{display:block;font-size:14.5px;font-weight:800}
.masa small{color:var(--muted);display:block;font-size:12.5px}
.masa .durum{margin-top:10px;font-size:12.5px;background:var(--soft);border-radius:var(--r-kucuk);
  padding:8px 10px;min-height:46px;line-height:1.45}
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--ok)}
.nokta.bos{background:var(--faint)}
.nokta.sira{background:var(--uyari)}

/* ---------- SOHBET ---------- */
.sohbet{display:flex;flex-direction:column;gap:9px;max-height:340px;overflow:auto;padding-right:4px}
.mesaj{max-width:88%;padding:11px 15px;border-radius:var(--r);font-size:14.5px;line-height:1.5}
.mesaj small{display:block;font-size:11px;opacity:.75;margin-bottom:3px;font-weight:700}
.mesaj.ben{align-self:flex-end;background:var(--orman);color:#fff;border-bottom-right-radius:5px}
.mesaj.ajan{background:var(--soft);border-bottom-left-radius:5px}
.yaz{display:flex;gap:9px;margin-top:12px}
.yaz input{flex:1;padding:12px 15px;border:2px solid var(--orman);border-radius:var(--r-pill);font:inherit}

/* ---------- GÖRSEL ---------- */
.gorseller{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.gorsel{aspect-ratio:1;border-radius:var(--r);position:relative;display:flex;align-items:flex-end;
  padding:12px;color:#fff;font-weight:700;font-size:13px;overflow:hidden}
.gorsel small{position:absolute;top:10px;left:10px;background:rgba(6,27,17,.6);padding:3px 10px;
  border-radius:var(--r-pill);font-size:11px;font-weight:700}

/* ---------- ÇUBUK ---------- */
.cubuk{height:6px;background:var(--soft2);border-radius:var(--r-pill);overflow:hidden;margin-top:8px}
.cubuk b{display:block;height:100%;background:var(--ok);border-radius:var(--r-pill)}
.cubuk b.sari{background:var(--uyari)}
.kullanim{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kullanim>div{background:var(--soft);border-radius:var(--r-kucuk);padding:13px}
.kullanim small{color:var(--muted)}

/* ---------- UYARI / BAŞARI ---------- */
.uyari{display:flex;gap:11px;background:var(--warns);border:2px solid var(--uyari);color:#6B4A06;
  padding:14px 16px;border-radius:var(--r);font-size:14px;margin-bottom:13px;line-height:1.5}
.basari{display:flex;gap:11px;background:var(--oks);border:2px solid var(--ok);color:#0B4A2E;
  padding:14px 16px;border-radius:var(--r);font-size:14px;margin-top:13px;line-height:1.5}
.anahtar{width:46px;height:26px;border-radius:var(--r-pill);background:var(--ok);position:relative;border:0;flex:none}
.anahtar:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff}
.anahtar.kapali{background:#B6C2BB}
.anahtar.kapali:after{right:auto;left:3px}

/* ============================================================================
   UYGULAMA KABUĞU
   ========================================================================== */
#yan,#sekmeler,#hub,#hamburger,#perde{display:none}
#perde{position:fixed;inset:0;background:rgba(6,27,17,.5);z-index:55;opacity:0;pointer-events:none;
  transition:.25s var(--egri)}
#perde.ac{opacity:1;pointer-events:auto}

#yan .bolum{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;
  background:transparent;color:var(--sis);font:inherit;font-size:14px;font-weight:700;
  padding:11px 12px;border-radius:var(--r-pill);cursor:pointer;position:relative}
#yan .bolum:hover{background:rgba(255,255,255,.09);color:#fff}
#yan .bolum.acik{background:var(--lime);color:var(--orman)}
#yan .bolum i{font-style:normal;font-size:17px;flex:none;width:20px;text-align:center}
#yan .bolum .im{position:absolute;top:4px;right:7px;background:var(--lime);color:var(--orman);
  font-size:10px;font-weight:800;border-radius:var(--r-pill);padding:0 5px;line-height:1.5}
#yan .bolum.acik .im{background:var(--orman);color:var(--lime)}
#yan .bolum .ok{display:none}
#yan .ic{display:none;padding:2px 0 8px 14px}
#yan .ic.acik{display:block}
#yan .ic button{display:block;width:100%;text-align:left;border:0;background:transparent;
  padding:8px 12px;border-radius:var(--r-pill);color:var(--sis);font:inherit;font-size:13.5px;cursor:pointer}
#yan .ic button:hover{background:rgba(255,255,255,.09);color:#fff}
#yan .ic button.secili{background:rgba(184,240,74,.18);color:var(--lime);font-weight:700}
#yan .ayrac{height:1px;background:var(--cizgi);margin:8px 6px}
#yan .cbaslik{display:none}

/* masaüstü: ikon rayı */
@media (min-width:900px){
  body.uygulama .duzen{grid-template-columns:72px 1fr;gap:0;max-width:none;padding:0;
    transition:grid-template-columns .2s var(--egri)}
  body.uygulama .duzen:has(#yan:hover){grid-template-columns:232px 1fr}
  body.uygulama .adimlar{display:none}
  body.uygulama #yan{display:flex;flex-direction:column;gap:3px;background:var(--orman);
    padding:14px 10px;position:sticky;top:0;height:100vh;overflow:hidden auto;z-index:30}
  body.uygulama #yan .yz{display:none}
  body.uygulama #yan .bolum{justify-content:center;padding:11px 0;border-radius:var(--r-kucuk)}
  body.uygulama #yan:hover .bolum{justify-content:flex-start;padding:11px 13px;border-radius:var(--r-pill)}
  body.uygulama #yan:hover .yz{display:inline}
  body.uygulama #yan:hover .bolum .im{position:static;margin-left:auto}
  body.uygulama #yan .ic{display:none!important}
  body.uygulama #yan:hover .ic.acik{display:block!important}
  body.uygulama #sahne{padding:0 0 70px;min-width:0}
  body.uygulama .ekran.acik{padding:22px 26px 0;max-width:1240px}
  body.uygulama #uygbaslik{display:flex}
  body.uygulama .baslik{display:none}
  body.uygulama #hub{display:block;padding:22px 26px 0;max-width:1240px;columns:2;column-gap:14px}
}

/* telefon: alt sekme + çekmece */
@media (max-width:899px){
  body.uygulama{padding-bottom:84px}
  body.uygulama .duzen{display:block;max-width:640px;margin:0 auto;padding:14px 16px 0}
  body.uygulama .adimlar{display:none}
  body.uygulama .baslik{display:none}
  body.uygulama #uygbaslik{display:flex}
  body.uygulama .logo{display:none}
  body.uygulama #arama{display:none}
  body.uygulama #hamburger{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);
    border:1px solid var(--cizgi);background:transparent;color:#fff;font-size:16px;flex:none;padding:0}
  body.uygulama #yan{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:60;
    width:min(286px,86vw);background:var(--orman);padding:16px 12px calc(18px + env(safe-area-inset-bottom));
    overflow:auto;transform:translateX(-101%);transition:transform .26s var(--egri)}
  body.uygulama #yan.acik{transform:none}
  body.uygulama #perde{display:block}
  #yan .cbaslik{display:flex;align-items:center;gap:10px;padding:2px 10px 14px;color:#fff;
    font-family:var(--dar);font-weight:700;font-size:18px}
  #yan .cbaslik button{margin-left:auto;border:1px solid var(--cizgi);background:transparent;color:#fff;
    width:32px;height:32px;border-radius:var(--r-pill);font-size:15px}
  #yan .bolum .im{position:static;margin-left:auto}
  body.uygulama #sekmeler{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:3px;
    background:var(--orman);padding:8px 8px calc(10px + env(safe-area-inset-bottom))}
  #sekmeler button{position:relative;flex:1;min-width:0;border:0;background:transparent;display:flex;
    flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:var(--r-kucuk);
    color:var(--sis);font-size:11px;font-weight:700}
  #sekmeler button i{font-style:normal;font-size:18px;line-height:1}
  #sekmeler button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  #sekmeler button.secili{color:var(--orman);background:var(--lime)}
  #sekmeler .im{position:absolute;top:2px;left:50%;margin-left:5px;background:var(--kritik);color:#fff;
    font-size:9.5px;font-weight:800;border-radius:var(--r-pill);padding:0 5px;line-height:1.5}
  body.uygulama #hub{display:block}
  body.uygulama .izgara{grid-template-columns:1fr}
  body.uygulama .not{display:none}
  body.uygulama .alt-gezinme{display:none}
  body.uygulama thead{display:none}
  body.uygulama table,body.uygulama tbody,body.uygulama tr,body.uygulama td{display:block;width:auto}
  body.uygulama tr{padding:12px 0;border-bottom:1px solid var(--line)}
  body.uygulama tr:last-child{border-bottom:0}
  body.uygulama td{padding:2px 0;border:0}
  body.uygulama td:first-child{font-weight:800;font-size:15px}
  body.uygulama td:not(:first-child){color:var(--muted);font-size:13.5px}
  body.uygulama tbody tr:hover{background:transparent}
  body.uygulama .kutular{grid-template-columns:1fr!important;gap:9px}
  body.uygulama .kutu{flex-direction:row;align-items:center;min-height:0;padding:13px}
  body.uygulama .kutu>div:not(.son){flex:1;min-width:0}
  body.uygulama .kutu .son{margin-top:0;flex:none}
  body.uygulama .ozellik,body.uygulama .paketler{grid-template-columns:1fr!important}
  body.uygulama .ofis,body.uygulama .gorseller,body.uygulama .kullanim{grid-template-columns:1fr 1fr!important}
  body.uygulama .hero{grid-template-columns:1fr}
}

/* hub listesi */
.grupbas{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);
  font-weight:800;margin:18px 4px 8px}
.grupbas:first-child{margin-top:0}
.srow{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--panel);
  border:2px solid var(--orman);border-radius:var(--r);padding:14px;margin-bottom:10px;
  transition:.15s var(--egri);break-inside:avoid}
.srow:hover{background:var(--lime)}
.srow .ikon{width:38px;height:38px;border-radius:var(--r-kucuk);display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:16px;flex:none}
.srow .yazi{flex:1;min-width:0}
.srow b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.015em}
.srow small{color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.srow:hover small{color:var(--orman)}
.srow .ileri{color:var(--muted);font-size:19px;flex:none}

/* tanıtım görünümü */
body:not(.uygulama) #sekmeler,
body:not(.uygulama) #uygbaslik,
body:not(.uygulama) #hamburger,
body:not(.uygulama) #perde,
body:not(.uygulama) #yan,
body:not(.uygulama) #hub{display:none !important}

@media (max-width:1050px){
  .duzen{grid-template-columns:1fr;padding:14px}
  .adimlar{position:static;display:flex;overflow-x:auto;gap:5px;padding:7px;max-height:none}
  .adimlar button{flex:none}
  .adimlar button span{display:none}
  .adimlar button.secili span{display:inline}
  .izgara,.hero{grid-template-columns:1fr}
  .ozellik,.paketler,.gorseller,.ofis,.kutular{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .ozellik,.paketler,.kutular{grid-template-columns:1fr}
  .kullanim{grid-template-columns:1fr 1fr!important}
  .gorseller{grid-template-columns:1fr!important}
  .satir{flex-wrap:wrap}
  .satir input,.satir select{min-width:0;flex:1 1 150px}
  table{font-size:13.5px}
  .kart{overflow-x:auto}
  .etiket{display:none}
}

/* arama kutusu: koyu bantta okunur dursun */
#arama input::placeholder{color:var(--sis);opacity:1}
#arama>span:first-child{color:var(--sis)}
#zil span{position:absolute;top:-4px;right:-6px;background:var(--kritik);color:#fff;font-size:10px;
  font-weight:800;border-radius:var(--r-pill);padding:1px 5px}

/* ---------- YAZI ALANLARI: her yerde rahat tıklanır ve okunur ----------
   Tablo içindeki ya da .alan sınıfı olmayan alanlar 19px yüksekliğe düşüyordu. */
input:not([type=checkbox]):not([type=radio]),select,textarea{
  font:inherit;font-size:15px;min-height:44px;padding:10px 13px;
  border:2px solid var(--orman);border-radius:var(--r-kucuk);
  background:var(--panel);color:var(--ink);min-width:0;max-width:100%}
textarea{min-height:96px;line-height:1.5}
td input,td select,td textarea{width:100%;min-width:140px}
.satir input,.satir select{flex:1 1 190px}
.kutu input,.kutu select{width:100%}
/* üst banttaki arama kutusu kendi ölçüsünde kalır */
#arama input{min-height:38px;padding:8px 13px;border:1px solid var(--cizgi);
  background:rgba(255,255,255,.07);color:#fff;border-radius:var(--r-pill);width:210px}
@media (max-width:899px){
  body.uygulama td input,body.uygulama td select,body.uygulama td textarea{width:100%;min-width:0}
  .satir input,.satir select{flex:1 1 100%}
}
@media (max-width:899px){
  /* .satir içindeki alanlar yan yana sıkışmasın, alt alta insin */
  .satir{flex-wrap:wrap}
  .satir>label.alan,.satir>.alan,.satir>input,.satir>select{flex:1 1 100%!important;min-width:0}
  .satir>.dugme{flex:0 1 auto}
}

/* Ana panel: bekleyenlerde ilk dört madde, gerisi "devamını gör" ile açılır */
#anasol .fazla{display:none}
#anasol.acik .fazla{display:table-row}
#anasol.acik .devam{display:none}
@media (max-width:899px){
  body.uygulama #anasol.acik .fazla{display:block}
  /* telefonda önce bugünün özeti, sonra bekleyenler */
  #anasol{display:flex;flex-direction:column}
  #anasol>.kart-bugun{order:-1;margin-top:0}
  #anasol>.kart-bugun+.kart{margin-top:12px}
}