/* Foton Medya Defter - web arayuzu. Renkler masaustu temasiyla ayni (acik/koyu otomatik). */
:root{--bg:#0A1220;--kart:#111B2E;--kart-ust:#17233B;--cizgi:#223152;--yazi:#E8EEFA;--sol:#8C9BBB;--ana:#5B8CFF;--ana-koyu:#4577F0;--yesil:#3DDC97;--kirmizi:#FF7B6B;--sari:#F5B94A;--golge:0 8px 30px #0006}
@media(prefers-color-scheme:light){:root:not([data-tema]){--bg:#EDF1F8;--kart:#FFFFFF;--kart-ust:#F4F7FC;--cizgi:#DAE2EF;--yazi:#0B1730;--sol:#5A6885;--ana:#1E4FD8;--ana-koyu:#173FB0;--yesil:#0E8A5F;--kirmizi:#CF3A2C;--sari:#B7791F;--golge:0 8px 30px #1a2a5522}}
:root[data-tema="acik"]{--bg:#EDF1F8;--kart:#FFFFFF;--kart-ust:#F4F7FC;--cizgi:#DAE2EF;--yazi:#0B1730;--sol:#5A6885;--ana:#1E4FD8;--ana-koyu:#173FB0;--yesil:#0E8A5F;--kirmizi:#CF3A2C;--sari:#B7791F;--golge:0 8px 30px #1a2a5522}
:root[data-tema="koyu"]{--bg:#0A1220;--kart:#111B2E;--kart-ust:#17233B;--cizgi:#223152;--yazi:#E8EEFA;--sol:#8C9BBB;--ana:#5B8CFF;--ana-koyu:#4577F0;--yesil:#3DDC97;--kirmizi:#FF7B6B;--sari:#F5B94A;--golge:0 8px 30px #0006}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--yazi);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0}
.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}

/* ---- kabuk ---- */
.kabuk{display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh}
.yan{display:none}
.icerik-alani{min-width:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.ust{position:sticky;top:0;z-index:20;background:var(--bg);display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--cizgi);padding-top:calc(12px + env(safe-area-inset-top))}
.ust h1{font-size:18px;flex:1}
main{padding:16px;max-width:1180px;margin:0 auto}
.alt-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--kart);border-top:1px solid var(--cizgi);padding-bottom:env(safe-area-inset-bottom)}
.alt-nav button{flex:1;background:none;border:0;padding:10px 2px 9px;color:var(--sol);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.alt-nav button .ik{font-size:18px;line-height:1}
.alt-nav button.aktif{color:var(--ana);font-weight:700}
@media(min-width:900px){
  .kabuk{grid-template-columns:232px 1fr}
  .yan{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--kart);border-right:1px solid var(--cizgi);padding:18px 12px;gap:2px;overflow-y:auto}
  .yan .marka{font-size:17px;font-weight:700;padding:4px 12px 16px;display:flex;align-items:center;gap:12px}
.yan .marka-alt{font-size:11px;font-weight:400;color:var(--soluk,#8EA0C4);margin-top:1px}
.yan .kul-satir{font-size:11px;color:var(--soluk,#8EA0C4);padding:6px 12px 2px}
.logo-f{width:40px;height:40px;border-radius:12px;background:#6FA3FF;color:#0A1A33;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center;flex:none}
.logo-f.buyuk{width:56px;height:56px;border-radius:16px;background:#1E4FD8;color:#fff;font-size:26px;margin-bottom:14px}
  .yan button{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:12px;padding:10px 12px;color:var(--sol);text-align:left;font-size:14.5px}
  .yan button:hover{background:var(--kart-ust);color:var(--yazi)}
  .yan button.aktif{background:var(--ana);color:#fff;font-weight:600}
  .yan .bosluk{flex:1}
  .yan .ayirac{height:1px;background:var(--cizgi);margin:8px 6px}
  .alt-nav{display:none}
  .icerik-alani{padding-bottom:24px}
  .ust{position:static;background:transparent;border:0;padding:20px 28px 0}
  .ust .menu-dugme{display:none}
  main{padding:14px 28px 28px}
}

/* ---- bilesenler ---- */
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px;margin-bottom:14px}
.kart.sifir{padding:0;overflow:hidden}
.bolum{font-size:14px;font-weight:700;margin:18px 2px 10px}
.etiket{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--sol);text-transform:uppercase}
.sol{color:var(--sol)}
.yesil{color:var(--yesil)}.kirmizi{color:var(--kirmizi)}.sari{color:var(--sari)}
.btn{background:var(--ana);color:#fff;border:0;border-radius:12px;padding:0 16px;height:40px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--ana-koyu)}
.btn.yesil{background:var(--yesil);color:#fff}.btn.kirmizi{background:var(--kirmizi);color:#fff}
.btn.ikincil{background:transparent;color:var(--yazi);border:1px solid var(--cizgi)}
.btn.ikincil:hover{background:var(--kart-ust)}
.btn.yazi-sol{background:transparent;color:var(--sol);border:1px solid var(--cizgi)}
.btn.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
.btn.kucuk{height:32px;padding:0 12px;font-size:13px;border-radius:10px}
.btn[disabled]{opacity:.55;cursor:default}
.alan{display:flex;flex-direction:column;gap:5px;min-width:0}
.alan>label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--sol);text-transform:uppercase}
input,select,textarea{background:var(--bg);border:1px solid var(--cizgi);border-radius:12px;padding:0 12px;height:40px;width:100%;min-width:0;outline:0}
textarea{height:auto;padding:10px 12px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--ana)}
select{appearance:auto}
.izgara{display:grid;gap:12px}
.i2{grid-template-columns:1fr 1fr}.i3{grid-template-columns:repeat(3,1fr)}
.i4,.i5{grid-template-columns:1fr 1fr}
@media(min-width:700px){.i4{grid-template-columns:repeat(4,1fr)}.i5{grid-template-columns:repeat(5,1fr)}}
.satir-esnek{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.satir-esnek>.alan{flex:1 1 130px}
.satir-esnek .btn{flex:0 0 auto}
.ortala{text-align:center}
.bos{color:var(--sol);text-align:center;padding:28px 8px}
.hata{color:var(--kirmizi);min-height:20px;font-size:13.5px}
.baslik-satiri{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.baslik-satiri h2{font-size:15px;flex:1;min-width:120px}
.kpi{font-size:20px;font-weight:700}
.cip{white-space:nowrap;background:var(--kart-ust);border:1px solid var(--cizgi);border-radius:20px;padding:7px 14px;cursor:pointer}
.cip.aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.cipler{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}

/* ---- Kasa satirlari ---- */
.liste-baslik,.k-satir{display:grid;grid-template-columns:88px 1fr 70px 80px 120px 130px;gap:10px;align-items:center}
.liste-baslik{padding:6px 14px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--sol)}
.k-satir{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:10px 14px;margin-bottom:8px}
.k-satir .tutar{text-align:right;font-weight:700;font-size:15px}
.k-satir .islem{display:flex;gap:6px;justify-content:flex-end}
.k-satir .not{font-size:12.5px;color:var(--sol)}
.k-satir .mobil-od{display:none}
@media(max-width:760px){
  .liste-baslik{display:none}
  .k-satir{grid-template-columns:1fr auto;grid-template-areas:"ac tu" "ta tu" "tur is";gap:4px 10px}
  .k-satir .c-ac{grid-area:ac}.k-satir .tutar{grid-area:tu;align-self:center}.k-satir .c-ta{grid-area:ta}
  .k-satir .c-tur{grid-area:tur;display:flex;gap:8px;color:var(--sol);font-size:12.5px}
  .k-satir .islem{grid-area:is}
  .k-satir .c-od{display:none}
  .k-satir .mobil-od{display:inline}
}

/* ---- dialog ---- */
.perde{position:fixed;inset:0;background:#0009;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.modal{background:var(--kart);border:1px solid var(--cizgi);width:100%;max-width:560px;max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--golge)}
.modal h3{font-size:17px;margin-bottom:12px}
.modal .alan{margin-bottom:12px}
.modal .butonlar{display:flex;gap:10px;margin-top:16px}.modal .butonlar .btn{flex:1}
@media(min-width:700px){.perde{align-items:center}.modal{border-radius:20px}}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:90;background:var(--kart-ust);border:1px solid var(--cizgi);box-shadow:var(--golge);padding:10px 16px;border-radius:12px;max-width:92vw}
.toast.hata-t{border-color:var(--kirmizi);color:var(--kirmizi)}
@media(min-width:900px){.toast{bottom:28px}}

/* ---- giris ---- */
.giris{max-width:360px;margin:14vh auto 0;padding:0 22px}
.giris h1{font-size:26px;margin-bottom:4px}
.giris input{margin:6px 0 10px}
.menu-liste{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.menu-liste button{background:var(--kart-ust);border:1px solid var(--cizgi);border-radius:14px;padding:14px;text-align:left;display:flex;gap:10px;align-items:center}
.menu-liste button.aktif{border-color:var(--ana);color:var(--ana);font-weight:700}

/* ---- eski sayfalar (gecici, asama asama yerine yenileri gelecek) ---- */
.satir{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi)}
.satir:first-child{border-top:0}
.saat{min-width:48px;font-weight:700;color:var(--ana)}
.alt{color:var(--sol);font-size:13px}
.ayliste{display:flex;align-items:center;justify-content:space-between;gap:8px}
.not{white-space:pre-wrap;margin:8px 0}
.buyuk{font-size:24px;font-weight:700;margin-top:4px}
.btn.sil{background:transparent;color:var(--kirmizi)}
.dialog{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:60}
.dialog>div{background:var(--kart);width:100%;max-width:560px;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.iki input,.dialog textarea{margin:6px 0 10px}
@media(min-width:700px){.dialog{align-items:center}.dialog>div{border-radius:20px}}
.ozet-satir{display:flex;gap:12px;padding:10px 14px}
.ana{color:var(--ana)}
.btn.kucuk-yan{padding:0 14px}
.tablo-kaydir{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;font-size:14px}
.tablo th{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--sol);text-align:left;padding:10px 14px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:9px 14px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo tr:last-child td{border-bottom:0}

/* ---- Takvim ---- */
.t-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.t-ay{font-size:28px;font-weight:700;line-height:1.15}
.t-dugme{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yuvarlak{width:36px;height:36px;border-radius:50%;border:1px solid var(--cizgi);background:var(--kart);font-size:20px;cursor:pointer}
.bugun-dugme{height:36px;padding:0 16px;border-radius:18px;border:0;background:var(--kart-ust);color:var(--ana);font-weight:700;cursor:pointer}
.t-izgara{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.t-gun-ad{text-align:center;font-size:11px;font-weight:700;color:var(--sol);padding:4px 0 6px}
.t-hucre{min-height:120px;border:1px solid var(--cizgi);border-radius:12px;padding:6px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.t-hucre.bos-h{border-color:transparent;cursor:default}
.t-hucre.haftasonu{background:var(--kart-ust)}
.t-hucre.secili{border:2px solid var(--ana);background:var(--kart-ust)}
.t-hucre-ust{display:flex;justify-content:space-between;align-items:center}
.t-no{font-size:13px;min-width:24px;height:24px;line-height:24px;text-align:center;border-radius:12px}
.t-no.bugun{background:var(--ana);color:#fff;font-weight:700}
.t-adet{font-size:10.5px;font-weight:700;background:var(--kart-ust);color:var(--ana);border-radius:9px;padding:1px 7px}
.t-hucre.secili .t-adet{background:var(--kart)}
.t-serit{display:flex;align-items:center;gap:4px;border-radius:4px;font-size:10.5px;line-height:18px;height:20px;overflow:hidden;white-space:nowrap}
.t-serit i{width:3px;align-self:stretch;margin:3px 0 3px 2px;border-radius:2px;flex:0 0 3px}
.t-serit span{flex:1;overflow:hidden;text-overflow:ellipsis}
.t-serit b{color:#E5484D;padding-right:4px}
.t-fazla{font-size:10.5px;font-weight:700;color:var(--ana);padding-left:4px}
.t-noktalar{display:none}
@media(max-width:720px){
  .t-hucre{min-height:54px;padding:4px;align-items:center}
  .t-serit,.t-fazla{display:none}
  .t-noktalar{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}
  .t-noktalar i{width:6px;height:6px;border-radius:50%}
  .t-adet{display:none}
  .t-hucre-ust{justify-content:center}
  .t-ay{font-size:24px}
}
.bugun-pill{background:var(--ana);color:#fff;border-radius:11px;padding:2px 12px;font-size:11px;font-weight:700}
.r-satir{display:flex;gap:10px;align-items:stretch;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.r-satir .serit{width:5px;border-radius:3px;flex:0 0 5px}
.r-orta{flex:1;min-width:0}
.r-ust{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.r-islem{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.unlem{color:#E5484D;font-weight:800;font-size:20px;align-self:center}
.salon-etiket{border-radius:8px;padding:2px 8px;font-weight:700}
.salon-etiket.kucuk-e{font-size:12px}
.pill{border-radius:10px;padding:1px 9px;font-size:12px;font-weight:600;background:var(--kart-ust);white-space:nowrap}
.yesil-pill{color:var(--yesil)}.kirmizi-pill{color:var(--kirmizi)}
.btn.kirmizi-yazi{color:var(--kirmizi)}.btn.ana-yazi{color:var(--ana)}
/* randevu formu */
.modal.genis{max-width:640px}
.form-kaydir{max-height:62dvh;overflow:auto;margin:0 -6px;padding:0 6px}
.form-bolum{border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;margin-bottom:10px}
.form-baslik{font-weight:700;margin-bottom:8px}
.form-bolum input[type=checkbox],.onay input{width:18px;height:18px;padding:0;margin:0;flex:0 0 18px}
.onay{display:flex;gap:8px;align-items:center;cursor:pointer}
.kucuk-onay{font-size:12.5px;color:var(--sol)}
.tur-satir{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:8px}
.kutu{border:1px solid var(--cizgi);border-radius:12px;padding:4px 10px;background:var(--bg)}
.pers-satir{padding:7px 0;border-bottom:1px solid var(--cizgi)}.pers-satir:last-child{border-bottom:0}
.roller{display:flex;gap:6px 14px;flex-wrap:wrap;margin:6px 0 0 26px}
.hizmet-satir{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0}
.mini-fiyat{width:130px;height:32px;border-radius:8px}

/* ---- Dugunler ---- */
.dg-cipler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.dg-sut{display:grid;grid-template-columns:70px minmax(120px,220px) 90px;gap:8px 10px;align-items:center}
.dg-kap{overflow-x:auto}
.dg-tablo{min-width:max-content;padding:8px 10px}
.dg-satir{display:grid;align-items:center;column-gap:12px}
.dg-baslik{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--sol);padding:4px 4px 6px;border-bottom:1px solid var(--cizgi);margin-bottom:2px}
.dg-tarih-b{color:var(--ana);cursor:pointer}
.dg-veri{padding:6px 4px;border-radius:8px;cursor:pointer;min-height:36px}
.dg-veri:hover{background:var(--kart-ust)}
.dg-hucre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.dg-hucre.yesil{color:var(--yesil)}.dg-hucre.kirmizi{color:var(--kirmizi)}
.dg-daha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--cizgi)}

/* ---- Notlar ---- */
.not-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}
.not-izgara .kart{margin:0}
.not-ust{display:flex;align-items:center;gap:6px}
.not-tarih{color:var(--ana);font-weight:700;font-size:13px}
.not-metin{margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}

/* ---- Total ---- */
.kart.tikla,tr.tikla{cursor:pointer}
.kart.tikla:hover{border-color:var(--ana)}
tr.tikla:hover td{background:var(--kart-ust)}
@media(max-width:700px){.total-genel,.total-salonlar{grid-template-columns:1fr}}
.i3{grid-template-columns:repeat(3,minmax(0,1fr))}
.total-genel{grid-template-columns:repeat(3,minmax(0,1fr))}
.total-genel>.kart{min-width:0}
.total-genel .kpi{font-size:clamp(12px,1.25vw,16px);white-space:nowrap}
@media(max-width:700px){
  .total-genel,.total-salonlar{grid-template-columns:minmax(0,1fr)}
  .kart .izgara.i3 .kpi{font-size:clamp(12px,3.9vw,18px);white-space:nowrap}
  .total-genel .kpi{font-size:clamp(12px,3.9vw,18px)}
}

/* ---- Analiz ---- */
.segment{display:inline-flex;background:var(--kart-ust);border:1px solid var(--cizgi);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
.segment button{background:none;border:0;border-radius:9px;padding:6px 12px;color:var(--sol);cursor:pointer;font-size:13.5px}
.segment button.aktif{background:var(--ana);color:#fff;font-weight:700}
.analiz-ust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.analiz-kpi{margin:0 0 4px}
.analiz-kpi .kart{margin-bottom:10px}
.analiz-buyuk{font-size:26px;font-weight:700;margin:2px 0}
.analiz-buyuk.yesil,.analiz-yazi.yesil{color:var(--yesil)}.analiz-buyuk.kirmizi,.analiz-yazi.kirmizi{color:var(--kirmizi)}.analiz-buyuk.ana{color:var(--ana)}
.analiz-yazi{margin:6px 0;font-size:13px}.analiz-yazi.sol{color:var(--sol)}
.analiz-t td{padding:8px 14px;white-space:nowrap}
.analiz-t tbody tr:nth-child(odd){background:var(--kart-ust)}
.analiz-t td.ad{font-weight:700;white-space:normal;min-width:110px}.analiz-t .sag{text-align:right}
.bar-h{min-width:150px}.bar-iz{height:8px;background:var(--cizgi);border-radius:4px;display:inline-block;width:calc(100% - 64px);vertical-align:middle;overflow:hidden}
.bar-dolgu{height:100%;background:var(--ana)}.bar-dolgu.yesil{background:var(--yesil)}.bar-dolgu.kirmizi{background:var(--kirmizi)}
.bar-m{display:inline-block;width:58px;text-align:right;font-weight:700;font-size:12.5px}
.ozet-s{display:flex;gap:12px;padding:2px 0;flex-wrap:wrap}.ozet-s .sol{min-width:210px}
.cb-satir{display:flex;gap:10px;align-items:center;padding:6px 4px;cursor:pointer}.cb-satir input{width:18px;height:18px}
.cb-liste{max-height:50vh;overflow:auto;border:1px solid var(--cizgi);border-radius:12px;padding:4px 8px}
@media(max-width:700px){.analiz-kpi{grid-template-columns:1fr 1fr !important}.analiz-buyuk{font-size:22px}}
.analiz-sira{flex:0 1 280px !important}

/* ---- Gecmis ---- */
.gecmis-satir{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:6px}
.gecmis-satir>div:first-child{min-width:0;overflow-wrap:anywhere}

/* HIZMETLER */
.hz-baslik{margin:18px 0 8px;font-size:15px}
.hz-satir{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:6px}
.hz-sira{display:flex;gap:4px}
.hz-ad{font-weight:700;padding:3px 10px;border-radius:8px;min-width:0;overflow-wrap:anywhere}
.hz-fiyat{font-weight:700}
.renk-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}
.renk-kutu{height:38px;border-radius:10px;border:2px solid transparent;cursor:pointer}
.renk-kutu.secili{border-color:var(--ana,#2563eb);outline:2px solid #fff}
.modal .sol{white-space:pre-line}
.hz-ad{flex:1 1 140px}
.hz-islem{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
@media (max-width:640px){.hz-islem{flex:1 1 100%;margin-left:0}.hz-ad{flex:1 1 0}}

/* MUSTERILER (cekimler) */
.cek-satir{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:6px;flex-wrap:wrap}
.cek-sol{flex:1 1 220px;min-width:0}
.cek-alt{margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.cek-sag{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}
.cek-islem{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-top:6px}
.cari-ust{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
@media (max-width:640px){.cek-sag{align-items:flex-start;margin-left:0;flex:1 1 100%}.cek-islem{justify-content:flex-start}}

/* PERSONELLER */
.pr-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.pr-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pr-izgara{grid-template-columns:minmax(0,1fr)}}
.pr-kart{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px;position:relative;margin:0}
.pr-ok{position:absolute;top:10px;right:10px;display:flex;gap:4px}
.pr-ad{font-weight:700;font-size:15px;margin-top:10px;overflow-wrap:anywhere}
.pr-unvan{color:var(--ana);font-size:12px;margin:1px 0 2px}
.pr-ist{font-size:12px;font-weight:700;margin-top:2px}
.pr-yildiz{margin-top:4px}
.pr-alt{display:flex;gap:6px;margin-top:10px;justify-content:center;flex-wrap:wrap}
.pr-avatar{border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center 18%;flex:none}
.pr-baslik-satir{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.pr-baslik-satir label{margin:0}
.pr-no{width:26px;height:26px;border-radius:50%;background:var(--kirmizi);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.kucuk-sec{height:32px;font-size:12px;width:auto;max-width:190px}

/* VARDIYA */
.vd-eksik{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--kirmizi-zemin,rgba(220,60,50,.08));padding:10px 14px;margin-bottom:6px}
.vd-metin{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.vd-gun{color:var(--ana);font-weight:700;font-size:13px;margin:14px 0 4px}
.vd-satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:6px}
.vd-salon{border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}

/* PUANTAJ */
.pt-ust{display:flex;gap:12px;align-items:center}
.pt-sol{flex:1;min-width:0}
.pt-ad{font-size:15px;font-weight:700;color:var(--ana);cursor:pointer;margin-bottom:3px}
.pt-sag{text-align:right;flex:none}
.pt-toplam{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ana);color:#fff;border-radius:16px;padding:14px 18px;margin:12px 0 4px}
.tablo tr.secili td{background:rgba(59,130,246,.18)}
@media(max-width:640px){.pt-ust{flex-wrap:wrap}.pt-sag{width:100%;text-align:left;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}}

/* AYARLAR */
.ay-baslik{display:block;width:100%;text-align:left;background:none;border:0;padding:12px 2px;font-weight:700;font-size:14px;cursor:pointer;color:var(--yazi)}
.ay-govde{margin-bottom:10px}
.ay-satir{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}
.ay-satir input{flex:1;min-width:120px}
.ay-ust{margin-bottom:0}
.ay-kul{background:var(--kart-ust);border-radius:12px;padding:12px;margin:8px 0}
.ay-anahtar{display:flex;align-items:center;gap:8px;margin-bottom:14px;cursor:pointer}
.ay-anahtar input{width:20px;height:20px;flex:none}
.ay-yedek{max-height:320px;overflow:auto}