/* Randevu Defteri -- internet sitesiyle ayni renkler ve yazi tipleri.
   Buyuk harfli etiketler HTML'de zaten buyuk yazilir; text-transform
   kullanilmaz (Turkce'de "i" harfini bozar). */

/* Yazi tipleri programin icinde (statik/YAZI_TIPLERI.txt): her bilgisayarda --
   Windows dahil -- ve basili kagitta ayni gorunsun diye. Degisken yazi tipi,
   tek dosya butun kalinliklari tasir. */
@font-face{font-family:"Atkinson";src:url("atkinson.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("jost.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --ink:#10232B; --ink-soft:#3C5560; --paper:#F4F6F5;
  --surface:#FFFFFF; --sunk:#E9EFEE;
  --teal-700:#0A5D68; --teal-600:#0E6E79; --teal-500:#1C8A93; --teal-100:#DCEBEA;
  --kil:#9C4A21; --kil-100:#F6E5DB;
  --line:rgba(16,35,43,.12); --line-strong:rgba(16,35,43,.22);
  --baslik:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --govde:"Atkinson","Jost","Atkinson Hyperlegible",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --ink:#EDF3F2; --ink-soft:#A9BEC2; --paper:#0B171B;
    --surface:#112229; --sunk:#0E1B20;
    --teal-700:#4FBAC2; --teal-600:#3EA6AF; --teal-500:#2E8D96;
    --teal-100:rgba(78,186,194,.16);
    --kil:#E0895E; --kil-100:rgba(224,137,94,.16);
    --line:rgba(237,243,242,.14); --line-strong:rgba(237,243,242,.26);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--govde);
  font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
main{max-width:840px;margin:0 auto;padding:0 14px 90px}
a{color:inherit;text-decoration:none}
h1{font-family:var(--baslik);font-weight:500;font-size:1.5rem;margin:0}
button,input,select{font-family:inherit;font-size:1rem;color:inherit}
:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}

/* ---------------------------------------------------------- ust cubuk */
.cubuk{display:flex;align-items:center;gap:14px;padding:10px 16px;
  background:var(--sunk);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:5;flex-wrap:wrap}
.marka{font-family:var(--baslik);font-weight:500;color:var(--teal-700);font-size:1rem}
.sekmeler{display:flex;gap:4px}
.sekme{padding:6px 12px;border-radius:6px;font-size:.88rem;color:var(--ink-soft)}
.sekme.acik{background:var(--teal-700);color:var(--paper);font-weight:700}
.ara{margin-left:auto}
.ara input{background:var(--surface);border:1px solid var(--line-strong);
  border-radius:6px;padding:7px 12px;min-width:190px}
.yeni-dugme{background:var(--teal-700);color:var(--paper);border-radius:6px;
  padding:7px 14px;font-weight:700;font-size:.9rem}
.cikis{color:var(--ink-soft);font-size:.85rem}

/* ------------------------------------------------------------ gun ust */
.serit{display:flex;align-items:center;gap:8px;padding:16px 4px 8px}
.ok{font-size:1.6rem;color:var(--ink-soft);padding:0 10px;line-height:1}
.gun-basi{flex:1;display:flex;flex-direction:column;gap:2px;text-align:center}
.gun-basi strong{font-family:var(--baslik);font-weight:500;font-size:1.2rem}
.gun-basi em{font-style:normal;color:var(--ink-soft);font-size:.84rem;
  font-variant-numeric:tabular-nums}
.doldu{background:var(--kil-100);color:var(--kil);border-radius:999px;
  padding:2px 9px;font-weight:700;margin-left:6px}

/* ------------------------------------------------------------- liste */
.liste{background:var(--surface);border:1px solid var(--line);border-radius:10px;
  overflow:hidden}
.satir{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;
  padding:11px 14px;border-top:1px solid var(--line)}
.satir:first-child{border-top:none}
.saat{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.9rem}
.kim{display:flex;flex-direction:column;gap:2px;min-width:0}
.kim b{font-weight:700;font-size:.97rem}
.kim small{color:var(--ink-soft);font-size:.8rem}
.parca{font-family:var(--baslik);color:var(--teal-600);font-size:.75rem}
.satir.cift{box-shadow:inset 3px 0 0 var(--teal-500)}
.satir.simdi{background:var(--teal-100)}
.satir.simdi .saat{color:var(--teal-700);font-weight:700}
.satir.damla{background:var(--sunk);padding-top:7px;padding-bottom:7px}
.satir.damla .kim b{font-weight:400;color:var(--ink-soft);font-size:.88rem}
.satir.mola{grid-template-columns:58px 1fr;background:var(--sunk)}
.satir.mola .kim b{font-weight:400;font-size:.88rem;color:var(--ink-soft)}
.bos{padding:26px 14px;text-align:center;color:var(--ink-soft)}
.ayrac{padding:9px 14px;margin-top:18px;background:var(--sunk);
  border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;
  font-family:var(--baslik);font-size:.76rem;letter-spacing:.08em;color:var(--ink-soft)}
.ayrac + .liste{border-radius:0 0 10px 10px}

.ipucu,.ipucu-s{display:flex;align-items:center;gap:6px;font-size:.78rem;margin-top:2px}
.ipucu{color:var(--kil)}
.ipucu-s{color:var(--teal-600)}
.nokta{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}

/* ------------------------------------------------------------ rozetler */
.rozet{border:1px solid transparent;border-radius:999px;padding:5px 11px;
  font-size:.76rem;white-space:nowrap;background:none;cursor:pointer}
button.rozet:active{transform:scale(.96)}
.r-bekliyor{border-color:var(--line-strong);color:var(--ink-soft)}
.r-geldi{background:var(--teal-100);color:var(--teal-700);font-weight:700}
.r-oldu{background:var(--sunk);color:var(--ink-soft)}
.r-gelmedi{background:var(--kil-100);color:var(--kil);font-weight:700}
.r-iptal{color:var(--ink-soft);text-decoration:line-through;border-color:var(--line)}
.r-damla{color:var(--ink-soft);border-color:var(--line);cursor:default}
.sag-dugmeler{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ilac-dugme{border:1px dashed var(--kil);color:var(--kil);background:none;border-radius:999px;
  padding:5px 11px;font-size:.76rem;font-weight:700;white-space:nowrap;cursor:pointer}
.ilac-dugme.acik{border:1px solid transparent;background:var(--teal-100);color:var(--teal-700)}
.ilac-dugme:active{transform:scale(.96)}

/* --------------------------------------------------------------- hasta */
.hasta-ust{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:18px 4px 10px}
.kunye{display:flex;flex-direction:column;gap:3px;color:var(--ink-soft);font-size:.86rem;margin-top:4px}
.hasta-not{margin:8px 0 0;font-size:.9rem}
.uyari-kutu{margin-left:auto;background:var(--kil-100);color:var(--kil);
  border-radius:7px;padding:8px 12px;font-size:.8rem;font-weight:700}
.yeni-alt{display:block;text-align:center;margin:14px 0;padding:11px;
  border:1px solid var(--teal-700);color:var(--teal-700);border-radius:8px;font-weight:700}

/* ---------------------------------------------------------------- form */
.giris-kutu,.form-kutu{background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:20px;margin-top:26px;display:flex;flex-direction:column;gap:16px}
.giris-kutu{max-width:340px;margin:70px auto}
.giris-kutu form{display:flex;flex-direction:column;gap:14px}
.giris-kutu label{display:flex;flex-direction:column;gap:6px;
  font-family:var(--baslik);font-size:.74rem;letter-spacing:.1em;color:var(--ink-soft)}
.giris-kutu input{border:1px solid var(--line-strong);border-radius:7px;padding:10px 12px;
  background:var(--surface);font-size:1rem;letter-spacing:normal}
.alan{display:flex;flex-direction:column;gap:7px}
.ikili-alan{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.etiket{font-family:var(--baslik);font-size:.74rem;letter-spacing:.1em;color:var(--ink-soft)}
.girdi{border:1px solid var(--line-strong);border-radius:7px;padding:10px 12px;
  background:var(--surface);width:100%}
.secimler{display:flex;flex-wrap:wrap;gap:8px}
.sec{border:1px solid var(--line-strong);border-radius:7px;padding:9px 14px;
  font-size:.9rem;color:var(--ink-soft);background:none;cursor:pointer}
.sec.acik{background:var(--teal-700);border-color:var(--teal-700);
  color:var(--paper);font-weight:700}
.saatler{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}
.sa{text-align:center;padding:10px 0;border:1px solid var(--line-strong);border-radius:7px;
  font-variant-numeric:tabular-nums;font-size:.9rem;background:none;cursor:pointer}
.sa.secili{background:var(--teal-700);border-color:var(--teal-700);
  color:var(--paper);font-weight:700}
.dugme{background:var(--teal-700);color:var(--paper);border:none;border-radius:7px;
  padding:13px;font-weight:700;cursor:pointer;font-size:1rem}
.dugme:disabled{background:var(--sunk);color:var(--ink-soft);cursor:default}
.anahtar{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);
  border-radius:7px;padding:10px 12px;cursor:pointer}
.anahtar input{position:absolute;opacity:0;width:0;height:0}
.anahtar .kol{width:36px;height:21px;border-radius:999px;background:var(--line-strong);
  position:relative;flex:none;transition:background .15s}
.anahtar .kol::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;
  border-radius:50%;background:var(--surface);transition:left .15s}
.anahtar input:checked + .kol{background:var(--teal-700)}
.anahtar input:checked + .kol::after{left:18px}
.anahtar small{margin-left:auto;color:var(--ink-soft);font-size:.78rem}
.soyle{background:var(--teal-100);color:var(--teal-700);border-radius:7px;
  padding:11px 13px;font-size:.88rem}
.bulundu{display:flex;gap:10px;align-items:baseline;background:var(--teal-100);
  border-radius:7px;padding:10px 12px;font-size:.9rem;cursor:pointer;margin-top:7px}
.bulundu small{color:var(--ink-soft);margin-left:auto;font-size:.8rem}
.bulundu.secili{outline:2px solid var(--teal-500)}
.hata{color:var(--kil);font-size:.9rem;margin:0}
.ipucu-yazi{color:var(--ink-soft);font-size:.88rem;margin:0}
.gizli{display:none !important}

@media (max-width:620px){
  .cubuk{gap:10px}
  .ara{order:5;margin-left:0;width:100%}
  .ara input{width:100%;min-width:0}
  .satir{grid-template-columns:52px 1fr;row-gap:7px}
  .satir > .rozet,.satir > .sag-dugmeler{grid-column:2;justify-self:start}
  .satir.mola{grid-template-columns:52px 1fr}
}

/* ------------------------------------------------------------- gun sonu */
.sayilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;margin-top:6px}
.sayi{background:var(--surface);padding:13px 15px;display:flex;flex-direction:column;gap:3px}
.sayi b{font-family:var(--baslik);font-size:1.6rem;font-weight:500;line-height:1;
  font-variant-numeric:tabular-nums}
.sayi span{font-size:.78rem;color:var(--ink-soft)}
.sayi.dikkat b{color:var(--kil)}

.satir.para{grid-template-columns:58px 1fr auto}
.para-alan{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ucret-girdi{width:78px;border:1px solid var(--line-strong);border-radius:6px;
  padding:6px 8px;background:var(--surface);font-variant-numeric:tabular-nums;
  text-align:right}
.isaret{border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;
  font-size:.78rem;background:none;color:var(--ink-soft);cursor:pointer}
.isaret.acik{background:var(--teal-100);border-color:transparent;
  color:var(--teal-700);font-weight:700}

/* ------------------------------------------------------------- ayarlar */
.gunler{display:flex;flex-wrap:wrap;gap:7px}
.gun-sec{cursor:pointer}
.gun-sec input{position:absolute;opacity:0;width:0;height:0}
.gun-sec span{display:inline-block;border:1px solid var(--line-strong);border-radius:7px;
  padding:8px 13px;font-size:.9rem;color:var(--ink-soft)}
.gun-sec input:checked + span{background:var(--teal-700);border-color:var(--teal-700);
  color:var(--paper);font-weight:700}
.alanlar-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.alanlar-izgara .etiket{letter-spacing:.02em;font-size:.78rem}

/* --------------------------------------------------------- doktor listesi */
.listem{max-width:430px;margin:0 auto}
.listem-sekme{display:flex;gap:5px;justify-content:center;padding:18px 0 4px}
.listem-sekme .sekme{border:1px solid var(--line-strong);padding:8px 20px}
.listem-sekme .sekme.acik{border-color:var(--teal-700)}
.listem .satir{grid-template-columns:56px 1fr}
.listem .kim small{font-size:.82rem}

.soyle.ucretli{background:var(--kil-100);color:var(--kil)}

.satir.kapali{background:var(--kil-100)}
.satir.kapali .kim b{color:var(--kil)}
.satir.kapali .kim small{color:var(--kil);opacity:.85}
.alt-dugmeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.yeni-alt.sade{border-color:var(--line-strong);color:var(--ink-soft);font-weight:400}

.satir.acik{background:var(--teal-100)}
.satir.acik .kim b{color:var(--teal-700)}
.satir.acik .kim small{color:var(--teal-700);opacity:.85}
.sec-radyo{cursor:pointer}
.sec-radyo input{position:absolute;opacity:0;width:0;height:0}
.sec-radyo span{display:inline-block;border:1px solid var(--line-strong);border-radius:7px;
  padding:9px 20px;font-size:.9rem;color:var(--ink-soft)}
.sec-radyo input:checked + span{background:var(--teal-700);border-color:var(--teal-700);
  color:var(--paper);font-weight:700}

/* ======================================================= takip defteri */
.kunye-blok{background:var(--surface);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;margin-top:4px}
.kunye-sat{display:grid;grid-template-columns:150px 1fr;gap:4px 16px;padding:11px 14px;
  border-top:1px solid var(--line)}
.kunye-sat:first-child{border-top:none}
.kunye-sat .etiket{font-family:var(--baslik);font-size:.74rem;letter-spacing:.08em;
  color:var(--ink-soft)}
.kunye-sat .deger{font-size:.95rem}
.kunye-sat .deger i{font-style:normal;color:var(--ink-soft)}
.dis-rozet{font-size:.72rem;color:var(--kil);background:var(--kil-100);
  border-radius:3px;padding:1px 6px;white-space:nowrap}

.takip-dugmeler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dugme.ikincil{background:var(--surface);color:var(--teal-700);
  border:1px solid var(--line-strong)}
.dugme.bas{margin-top:26px}

.grafikler{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:10px;background:var(--surface);border:1px solid var(--line);
  border-radius:0 0 10px 10px;padding:14px}
.goz-sutun{min-width:0}
.goz-ad{font-family:var(--baslik);font-size:.78rem;letter-spacing:.09em;
  color:var(--ink-soft);margin-bottom:6px}
.seyir{width:100%;height:auto;overflow:visible}
.seyir .g-baslik{font-family:var(--baslik);font-size:12px;fill:var(--ink-soft)}
.seyir .g-eksen{font-size:11px;fill:var(--ink-soft)}
.seyir .g-son{font-size:12px;font-weight:700;fill:var(--ink)}
.seyir .g-izgara{stroke:var(--line)}
.seyir .g-yil{stroke:var(--line-strong);stroke-dasharray:2 4}
.seyir .g-yil-yazi{font-size:11px;font-weight:700;fill:var(--ink-soft)}
#seyir{scroll-margin-top:72px}
.ayrac-secim{display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.aralik{display:flex;gap:2px;letter-spacing:0}
.aralik a{padding:5px 10px;border-radius:6px;font-size:.82rem;color:var(--ink-soft);
  text-decoration:none}
.aralik a.acik{background:var(--teal-700);color:var(--paper);font-weight:700}
.aralik a:focus-visible{outline:2px solid var(--teal-700);outline-offset:1px}
.seyir .g-taban{stroke:var(--line-strong)}
.seyir polyline.g-cizgi{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.seyir .g-gorme{stroke:var(--teal-700);fill:var(--teal-700)}
.seyir .g-kalinlik{stroke:var(--teal-500);fill:var(--teal-500)}
.seyir .g-gib{stroke:var(--ink-soft);fill:var(--ink-soft)}
.seyir .g-nokta{stroke:none}
.seyir .g-sivi{fill:none;stroke:var(--kil);stroke-width:2.5}
.seyir .g-enj{fill:var(--teal-700)}
.seyir .g-islem{fill:var(--kil)}

/* ------------------------------------------------------------- formlar */
.form{background:var(--surface);border:1px solid var(--line);border-radius:10px;
  padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:12px}
.form-ust{display:flex;justify-content:space-between;align-items:baseline;
  flex-wrap:wrap;gap:8px}
.form-satir{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.form-satir.sutun{flex-direction:column;align-items:stretch;gap:4px}
.ga{display:flex;flex-direction:column;gap:4px;flex:0 1 190px;min-width:150px}
.ga.genis{flex:1 1 260px}
.ga span{font-family:var(--baslik);font-size:.76rem;letter-spacing:.06em;
  color:var(--ink-soft)}
.ga input,.ga select,.epikriz-metin{background:var(--paper);color:var(--ink);
  border:1px solid var(--line-strong);border-radius:6px;padding:9px 10px;width:100%}
.ga.onay{flex-direction:row;align-items:center;gap:8px;flex:0 0 auto}
.ga.onay input{width:auto}
.ga-baslik{font-family:var(--baslik);font-size:.76rem;letter-spacing:.06em;
  color:var(--ink-soft)}
.onaylar{display:flex;flex-wrap:wrap;gap:14px}
.goz-formlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.goz-form{background:var(--sunk);border-radius:8px;padding:12px;
  display:flex;flex-direction:column;gap:10px}
.goz-form .ga{flex:1 1 auto}
.ipucu{margin:0;color:var(--ink-soft);font-size:.85rem}
.form-alt{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.epikriz-metin{font-family:var(--govde);line-height:1.6;resize:vertical}

/* ---------------------------------------------------------- basili kagit */
.kagit{background:var(--paper)}
.kagit-sayfa{max-width:720px;margin:0 auto;padding:36px 22px 60px;
  background:var(--surface);min-height:100vh}
.kagit-ust{border-bottom:2px solid var(--teal-700);padding-bottom:10px}
.kagit-ad{font-family:var(--baslik);font-size:1.25rem}
.kagit-alt{color:var(--ink-soft);font-size:.88rem}
.kagit-tarih{text-align:right;color:var(--ink-soft);font-size:.86rem;margin-top:10px}
.kagit-muhatap{font-weight:700;margin:18px 0 10px}
.kagit-baslik{font-family:var(--baslik);font-weight:500;font-size:1.1rem;margin:18px 0 0}
.kagit-sayfa p{margin:0 0 12px;line-height:1.65}
.kagit-tablo{border-collapse:collapse;margin-top:12px;width:100%}
.kagit-tablo th,.kagit-tablo td{text-align:left;padding:8px 10px 8px 0;
  border-bottom:1px solid var(--line)}
.kagit-imza{margin:40px 0 0 auto;width:max-content;min-width:230px;text-align:center;
  break-inside:avoid;page-break-inside:avoid}
.imza-tarih{font-variant-numeric:tabular-nums}
.imza-yeri{height:64px;border-bottom:1px solid var(--line-strong);margin:6px 0 8px}
.imza-ad{font-weight:700}
.imza-unvan{color:var(--ink-soft);font-size:.9rem}
@page{size:A4;margin:18mm 18mm 20mm}
@media print{
  .cubuk,.dugme,.bas{display:none!important}
  body,.kagit-sayfa{background:#fff;color:#000}
  .kagit-sayfa{max-width:none;padding:0}
}
.cipler{display:flex;flex-wrap:wrap;gap:6px}
.cip{background:var(--sunk);border:1px solid var(--line);border-radius:999px;
  padding:5px 11px;font-size:.83rem;cursor:pointer}
.cip:hover{border-color:var(--teal-500);color:var(--teal-700)}
.kagit-liste{margin:14px 0 0;padding-left:22px}
.kagit-liste li{margin-bottom:9px;line-height:1.55}

.anamnez{background:var(--sunk);border-radius:8px;padding:12px;
  display:flex;flex-direction:column;gap:10px}
.anamnez > summary{cursor:pointer;font-family:var(--baslik);font-size:.84rem;
  color:var(--ink-soft)}
.anamnez[open] > summary{margin-bottom:4px}
/* Tarayici <details> icinde flex gap'i uygulamiyor; satirlar yapisiyordu. */
.anamnez .form-satir + .form-satir{margin-top:10px}

/* hastadan beklenenler */
.satir.beklenen{align-items:start}
.satir.beklenen .kim b .dis-rozet{margin-left:6px;vertical-align:middle}
.kapat-form{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kapat-form input{flex:1 1 220px;min-width:0;background:var(--paper);color:var(--ink);
  border:1px solid var(--line-strong);border-radius:6px;padding:8px 10px}
.kapat-form .dugme{padding-top:8px;padding-bottom:8px}
.beklenen-gecmis{border-top:1px solid var(--line)}
.beklenen-gecmis > summary{cursor:pointer;padding:10px 14px;font-size:.85rem;
  color:var(--ink-soft)}
.ga-metin{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);
  border-radius:6px;padding:9px 10px;width:100%;font-family:var(--govde);
  font-size:1rem;line-height:1.5;resize:vertical}

.seyir .g-rnfl{stroke:var(--teal-600);fill:var(--teal-600)}
.seyir .g-md{stroke:var(--kil);fill:var(--kil)}
.etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* hastaya ozel etiketler kapali durur -- ekran hastaya donuk olabilir */
.etiket-gizli{margin-top:8px}
.etiket-gizli > summary{list-style:none;display:inline-flex;align-items:center;
  justify-content:center;min-width:44px;height:28px;padding:0 10px;border-radius:999px;
  border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;
  font-size:.85rem;letter-spacing:.12em;user-select:none}
.etiket-gizli > summary::-webkit-details-marker{display:none}
.etiket-gizli > summary:focus-visible{outline:2px solid var(--teal-700);outline-offset:2px}
.etiket-gizli[open] > summary{background:var(--sunk)}
.etiket-gizli .etiketler{margin-top:6px}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}
.etiket-rozet{background:var(--kil-100);color:var(--kil);border-radius:999px;
  padding:4px 11px;font-size:.83rem}

/* --------------------------------------------- muayene sekmeleri, 2026-09 */
.sekme-cubuk{display:flex;gap:4px;border-bottom:2px solid var(--line-strong);
  margin-top:6px;overflow-x:auto}
.sekme-d{background:none;border:none;border-bottom:3px solid transparent;
  margin-bottom:-2px;padding:10px 16px;font-family:var(--baslik);font-size:.95rem;
  color:var(--ink-soft);cursor:pointer;white-space:nowrap;position:relative}
.sekme-d.acik{color:var(--teal-700);border-bottom-color:var(--teal-700);font-weight:500}
.sekme-d .dolu{display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--teal-500);margin-left:6px;vertical-align:middle}
.sekme-panel{padding-top:6px}

.goz-form .goz-ad{font-size:.9rem;color:var(--teal-700);font-weight:500}
.ga.buyuk input{font-size:1.3rem;font-weight:700;padding:10px 12px}
.ga.buyuk span{font-size:.82rem;color:var(--ink)}
.ga.genis-metin span,.goz-form .ga span{font-size:.8rem}
textarea.buyur{min-height:3.6em;overflow:hidden;resize:none}

.gib-satir{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end}
.gib-satir .ga{min-width:0}
.duzeltme output{display:block;padding:9px 10px;border-radius:6px;
  background:var(--teal-100);color:var(--teal-700);font-weight:700;
  font-variant-numeric:tabular-nums;min-height:2.5em}

.ref-kutu{overflow-x:auto}
.ref-tablo{border-collapse:collapse;min-width:560px;width:100%;
  font-variant-numeric:tabular-nums}
.ref-tablo th{font-family:var(--baslik);font-weight:500;font-size:.76rem;
  letter-spacing:.05em;color:var(--ink-soft);padding:6px 4px;text-align:center}
.ref-tablo th.ref-goz{color:var(--teal-700);border-bottom:1px solid var(--line)}
.ref-tablo th.ref-mesafe{text-align:left;color:var(--ink);padding-right:10px}
.ref-tablo td{padding:3px}
.ref-tablo input{width:100%;min-width:62px;text-align:center;background:var(--paper);
  color:var(--ink);border:1px solid var(--line-strong);border-radius:6px;padding:8px 4px}
.ref-tablo td:nth-child(4){border-right:10px solid transparent}

.kagit-tablo.gozluk th,.kagit-tablo.gozluk td{text-align:center;padding:8px 6px;
  border:1px solid var(--line-strong)}
.kagit-tablo.gozluk thead th{font-family:var(--baslik);font-weight:500;font-size:.85rem}
.kagit-not{margin-top:12px}
@media (max-width:560px){.gib-satir{grid-template-columns:1fr 1fr}.duzeltme{grid-column:1 / -1}}

/* ------------------------------------------ hasta acilinca ilk gorulen */
.son-durum{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;
  margin-top:10px}
.son-durum section{background:var(--surface);border:1px solid var(--line);
  border-left:4px solid var(--teal-700);border-radius:10px;padding:12px 14px}
.sd-baslik{font-family:var(--baslik);font-size:.78rem;letter-spacing:.07em;
  color:var(--teal-700);margin-bottom:8px}
.islem-listesi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.islem-listesi li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.islem-listesi li b{font-size:1rem}
.islem-listesi li span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.9rem}
.islem-listesi li em{font-style:normal;font-weight:700;color:var(--kil);font-size:.9rem}
.islem-listesi li.planli b{font-weight:400}
.sd-sat{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:4px 0;
  border-top:1px solid var(--line)}
.sd-sat:first-of-type{border-top:none}
.sd-sat > span{font-family:var(--baslik);font-size:.76rem;color:var(--ink-soft);padding-top:2px}
.sd-sat > div{font-size:.95rem;line-height:1.45}

.islem-listesi li.enj b{color:var(--teal-700)}
.islem-listesi li.enj em{color:var(--teal-700)}

.ref-baslik{font-family:var(--baslik);font-size:.8rem;letter-spacing:.07em;
  color:var(--teal-700);margin:14px 0 6px}
.ref-baslik:first-child{margin-top:4px}
.ref-kutu .add-sec{max-width:170px;margin-bottom:8px}
.ref-kutu .ipucu{margin-top:6px}

/* ------------------------------------------------------------- listeden seçim */
.form-satir.secim-satir{align-items:flex-start}
.secim-alan{position:relative;gap:6px}
.secim-secili{display:flex;flex-wrap:wrap;gap:6px}
.secim-secili:empty{display:none}
.ga .secim-rozet{font-family:var(--govde);letter-spacing:0;display:inline-flex;align-items:center;gap:4px;background:var(--teal-100);
  color:var(--teal-700);border-radius:999px;padding:4px 4px 4px 12px;font-size:.92rem}
.ga .secim-rozet.listede-yok{background:var(--paper);color:var(--ink);
  border:1px dashed var(--line-strong)}
.secim-rozet button{background:none;border:none;color:inherit;cursor:pointer;
  font-size:1.05rem;line-height:1;padding:2px 7px;border-radius:999px}
.secim-rozet button:hover{background:rgba(0,0,0,.08)}
.secim-girdi{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);
  border-radius:6px;padding:9px 10px;width:100%}
.secim-oneri{position:absolute;left:0;right:0;top:100%;z-index:15;margin-top:2px;
  background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;display:flex;flex-direction:column}
.secim-oneri[hidden]{display:none}
.secim-oneri button{background:none;border:none;text-align:left;padding:8px 10px;
  border-radius:6px;cursor:pointer;font-size:.95rem;color:var(--ink);
  display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.secim-oneri button small{color:var(--ink-soft);font-size:.8rem}
.secim-oneri button.isaretli,.secim-oneri button:hover{background:var(--teal-100)}
.secim-soru{background:var(--sunk);border-radius:8px;padding:10px 12px;
  display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.secim-bag{align-self:stretch}
.secim-soru[hidden]{display:none}
.secim-soru p{margin:0}
.secim-bag{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.secim-bag span{font-family:var(--govde);font-size:.9rem;letter-spacing:0;color:var(--ink)}
.secim-bag select{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);
  border-radius:6px;padding:8px;width:auto;flex:1 1 220px;max-width:100%}
.tani-gecmis{margin:0;font-size:.82rem;color:var(--ink-soft)}
.ga .tani-gecmis span{font-family:var(--govde);letter-spacing:0;font-size:inherit;color:inherit;white-space:nowrap}
.tani-yazim{background:var(--sunk);border-radius:8px;padding:10px 14px;font-size:.88rem;
  color:var(--ink-soft)}
.tani-yazim p{margin:4px 0}
.tani-yazim code{background:var(--paper);padding:1px 5px;border-radius:4px;color:var(--ink)}
.tani-metin{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;
  line-height:1.55;background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);
  border-radius:6px;padding:10px 12px;resize:vertical}

/* ---------------------------------------------------------------- liste sayfası */
.liste-sekme{margin-bottom:6px}
.liste-sekme .sec{text-decoration:none;color:var(--ink)}
.liste-sekme .sec.acik{color:#fff}
.liste-disi{background:var(--kil-100);color:var(--ink);border-radius:8px;padding:10px 14px;
  font-size:.88rem;line-height:1.6}
.liste-disi span{color:var(--ink-soft)}

/* ---------------------------------------------------------------- hasta bul */
.bul-ozet{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:16px 0 8px;
  font-size:1.05rem}
.bul-ozet small{flex-basis:100%;color:var(--ink-soft);font-size:.85rem}
.bul-aktar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.bul-aktar .soyle{flex-basis:100%}
.tablo-kap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.bul-tablo{border-collapse:collapse;width:100%;font-size:.9rem}
.bul-tablo th{text-align:left;font-family:var(--baslik);font-size:.74rem;letter-spacing:.06em;
  color:var(--ink-soft);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line-strong);
  white-space:nowrap}
.bul-tablo td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.bul-tablo tr:last-child td{border-bottom:none}
.bul-tablo td:first-child{white-space:nowrap}
.bul-tablo a{color:var(--teal-700);font-weight:600;text-decoration:none}

.secenekler{display:flex;flex-wrap:wrap;gap:8px}

/* ------------------------------------------------------ evreleme sistemleri */
.siniflama-icindekiler{margin:8px 0 0;line-height:1.9;font-size:.9rem}
.siniflama-icindekiler a{color:var(--teal-700)}
.siniflama-bolum{margin-top:14px}
.siniflama-bolum h2{font-family:var(--baslik);font-size:1.1rem;margin:0 0 10px}
.siniflama-bolum .ipucu-yazi{margin-top:10px}
.siniflama td b{white-space:nowrap}
.kaynak{margin:8px 0 0;font-size:.8rem;color:var(--ink-soft);font-style:italic}
.siniflama-bag{margin:0 0 8px;text-align:right;font-size:.88rem}
.siniflama-bag a{color:var(--teal-700)}

/* --- Görme: çıplak / gözlüğüyle / düzeltilmiş ------------------------- */
.gorme-ozet{margin:2px 0 0;font-size:.82rem;color:var(--teal-700)}
.ref-gorme{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:6px 0 16px;padding:10px 12px;background:var(--sunk);border-radius:8px}
.ref-gorme-ad{font-family:var(--baslik);font-size:.76rem;letter-spacing:.06em;
  color:var(--ink-soft)}
.ref-gorme-kutular{display:flex;gap:10px;flex-wrap:wrap}
.ga.dar{flex:0 0 110px;min-width:96px}

/* Düzeltmesiz görme: esas çizginin altında soluk ikinci seri. */
.seyir .g-cizgi.g-ciplak{stroke:var(--line-strong);stroke-width:1.5;
  stroke-dasharray:4 3;fill:none}
.seyir .g-nokta.g-ciplak{fill:var(--line-strong)}