:root{
  --yan-bg:#0E2533; --yan-yazi:#A9BFCC;
  --vurgu:#0A7C8C; --vurgu-koyu:#075E6B; --vurgu-acik:#E3F3F5; --vurgu-parlak:#22B8CB;
  --zemin:#F2F5F7; --kart:#FFFFFF; --cizgi:#E1E7EC; --cizgi2:#EEF2F5;
  --yazi:#152430; --soluk:#5F7180; --soluk2:#8A9AA6;
  --yesil:#1C7C4F; --yesil-acik:#E2F4EA; --sari:#9A6400; --sari-acik:#FCF1DB;
  --kirmizi:#B4321F; --kirmizi-acik:#FCE8E4; --mavi:#2459A8; --mavi-acik:#E6EEFA;
  --golge:0 1px 2px rgba(16,36,48,.06),0 1px 3px rgba(16,36,48,.05);
  --golge2:0 10px 30px rgba(16,36,48,.12);
  --r:10px;
  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font-family:var(--font);font-size:15px;line-height:1.5}
a{color:var(--vurgu)}
h1,h2,h3{line-height:1.25}
.ikon{flex-shrink:0;display:block}
.mono{font-family:var(--mono)}
.rakam{font-variant-numeric:tabular-nums}
.sag{text-align:right}
.orta{text-align:center}
.soluk{color:var(--soluk)}
.kucuk{font-size:.82rem}
.gizli{display:none!important}

/* ---------- Yerleşim ---------- */
.uygulama{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.yan{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#0E2533 0%,#0A1C27 100%);color:var(--yan-yazi);display:flex;flex-direction:column;z-index:40}
.marka{display:flex;align-items:center;gap:11px;padding:18px 18px 12px;color:#fff;text-decoration:none}
.marka-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#1FB0C2,#0A6C7A);display:grid;place-items:center;color:#fff;box-shadow:0 4px 14px rgba(20,163,181,.35)}
.marka-ad{font-weight:700;font-size:1.02rem;line-height:1.15;letter-spacing:-.01em}
.marka-alt{font-size:.74rem;color:var(--yan-yazi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.menu{padding:4px 10px 16px}
.menu-baslik{font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:#6A8695;padding:14px 10px 6px;font-weight:600}
.menu a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;color:var(--yan-yazi);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .12s,color .12s}
.menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.menu a.aktif{background:rgba(34,184,203,.16);color:#fff;box-shadow:inset 3px 0 0 var(--vurgu-parlak)}
.menu a.aktif .ikon{color:var(--vurgu-parlak)}
.menu .kisayol{margin-left:auto;font-size:.66rem;font-family:var(--mono);background:rgba(255,255,255,.08);color:#C8D7E0;padding:1px 6px;border-radius:4px}
.yan-alt{margin-top:auto;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);font-size:.75rem;color:#6A8695}
.ana{min-width:0;display:flex;flex-direction:column}
.ust{position:sticky;top:0;z-index:30;height:62px;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--cizgi);display:flex;align-items:center;gap:14px;padding:0 24px}
.ust-ara{flex:1;max-width:580px;position:relative;margin:0}
.ust-ara .ikon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--soluk2);pointer-events:none}
.ust-ara input{width:100%;height:40px;padding:0 44px 0 38px;border:1px solid var(--cizgi);border-radius:9px;background:#F6F8FA;font:inherit;font-size:.9rem;color:var(--yazi);transition:all .15s}
.ust-ara input:focus{outline:none;background:#fff;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(10,124,140,.14)}
.ust-ara kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:14px}
.sube-rozet{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--vurgu-koyu);background:var(--vurgu-acik);padding:5px 10px;border-radius:99px;white-space:nowrap}
.kullanici{display:flex;align-items:center;gap:10px}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#123A4D,#0A7C8C);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.82rem;letter-spacing:.02em}
.kullanici-ad{font-weight:600;font-size:.88rem;line-height:1.2}
.kullanici-rol{font-size:.74rem;color:var(--soluk)}
.icerik{padding:24px 28px 48px;width:100%;max-width:1480px}
.sayfa-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sayfa-bas h1{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-.015em}
.sayfa-bas p{margin:4px 0 0;color:var(--soluk)}
.islemler{display:flex;gap:8px;flex-wrap:wrap}
.menu-dugme{display:none}
.perde{display:none}
kbd{font-family:var(--mono);font-size:.7rem;padding:2px 6px;border-radius:5px;border:1px solid var(--cizgi);border-bottom-width:2px;background:#fff;color:var(--soluk)}

/* ---------- Düğmeler ---------- */
.dgm{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:8px;border:1px solid var(--cizgi);background:#fff;color:var(--yazi);font:600 .88rem var(--font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s}
.dgm:hover{border-color:#C6D1D8;background:#F7F9FA}
.dgm:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(10,124,140,.25)}
.dgm-birincil{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.dgm-birincil:hover{background:var(--vurgu-koyu);border-color:var(--vurgu-koyu)}
.dgm-tehlike{color:var(--kirmizi);border-color:#F0C9C1}
.dgm-tehlike:hover{background:var(--kirmizi-acik);border-color:#E7A99D}
.dgm-yesil{background:var(--yesil);border-color:var(--yesil);color:#fff}
.dgm-yesil:hover{background:#155F3C}
.dgm-hayalet{border-color:transparent;background:transparent;color:var(--soluk)}
.dgm-hayalet:hover{background:#EEF2F5;border-color:transparent;color:var(--yazi)}
.dgm-kucuk{height:30px;padding:0 10px;font-size:.8rem;border-radius:7px}
.dgm-buyuk{height:48px;padding:0 22px;font-size:1rem;border-radius:10px}
.dgm-tam{width:100%}
.dgm[disabled]{opacity:.55;cursor:not-allowed}

/* ---------- Kartlar ve ızgara ---------- */
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);min-width:0}
.kart-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cizgi2)}
.kart-bas h2{font-size:.97rem;margin:0;font-weight:600}
.kart-bas .soluk{font-size:.8rem}
.kart-govde{padding:18px}
.kart-govde.sifir{padding:0}
.izgara{display:grid;gap:16px}
.s2{grid-template-columns:repeat(2,minmax(0,1fr))}
.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.s4{grid-template-columns:repeat(4,minmax(0,1fr))}
.s-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.s-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.bosluk{margin-top:16px}

/* ---------- İstatistik kutuları ---------- */
.istat{padding:16px 18px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
a.istat:hover{box-shadow:var(--golge2);transform:translateY(-1px)}
.istat-bas{display:flex;align-items:center;justify-content:space-between;color:var(--soluk);font-size:.84rem;font-weight:500;margin-bottom:4px}
.istat-ikon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.istat-deger{font-size:1.62rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}
.istat-alt{font-size:.79rem;color:var(--soluk2)}
.r-vurgu{background:var(--vurgu-acik);color:var(--vurgu)}
.r-yesil{background:var(--yesil-acik);color:var(--yesil)}
.r-sari{background:var(--sari-acik);color:var(--sari)}
.r-kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}
.r-mavi{background:var(--mavi-acik);color:var(--mavi)}

/* ---------- Tablolar ---------- */
.tablo-sar{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;font-size:.88rem}
.tablo th{text-align:left;font-size:.71rem;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:600;padding:10px 14px;background:#F7F9FA;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:11px 14px;border-bottom:1px solid var(--cizgi2);vertical-align:middle}
.tablo tbody tr:last-child td{border-bottom:0}
.tablo tbody tr:hover td{background:#F9FBFC}
.tablo tr.tikla{cursor:pointer}
.tablo .sag{text-align:right}
.tablo td.kalin{font-weight:600}
.tablo .alt-yazi{display:block;font-size:.77rem;color:var(--soluk)}

/* ---------- Rozetler ---------- */
.rzt{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:.73rem;font-weight:600;white-space:nowrap;background:#EEF2F5;color:var(--soluk)}
.rzt-yesil{background:var(--yesil-acik);color:var(--yesil)}
.rzt-sari{background:var(--sari-acik);color:var(--sari)}
.rzt-kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}
.rzt-mavi{background:var(--mavi-acik);color:var(--mavi)}
.rzt-vurgu{background:var(--vurgu-acik);color:var(--vurgu-koyu)}

/* ---------- Formlar ---------- */
.form-izgara{display:grid;gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-izgara .tam{grid-column:1/-1}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan label,.etiket{font-size:.8rem;font-weight:600;color:#33475A}
.alan .ipucu{font-size:.76rem;color:var(--soluk2)}
.girdi,.alan input[type=text],.alan input[type=email],.alan input[type=password],.alan input[type=number],.alan input[type=date],.alan input[type=tel],.alan input[type=search],.alan select,.alan textarea{width:100%;height:40px;padding:0 12px;border:1px solid #CFD8DE;border-radius:8px;font:inherit;font-size:.92rem;color:var(--yazi);background:#fff;transition:border-color .12s,box-shadow .12s}
.alan textarea{height:auto;min-height:84px;padding:10px 12px;resize:vertical}
.alan select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F7180' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.girdi:focus,.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(10,124,140,.14)}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:var(--kirmizi)}
.hata-yazi{color:var(--kirmizi);font-size:.78rem}
.onay{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer;user-select:none}
.onay input{width:17px;height:17px;accent-color:var(--vurgu)}
.form-alt{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--cizgi2);background:#FAFBFC;border-radius:0 0 var(--r) var(--r)}

/* ---------- Bildirimler ---------- */
.bildirim{padding:12px 16px;border-radius:10px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start;font-size:.9rem;border:1px solid transparent}
.bildirim ul{margin:0;padding-left:18px}
.b-yesil{background:var(--yesil-acik);color:#145C3A;border-color:#BFE3CE}
.b-kirmizi{background:var(--kirmizi-acik);color:#8E2717;border-color:#F2C3B9}
.b-sari{background:var(--sari-acik);color:#7A4F00;border-color:#F0D9A8}
.b-mavi{background:var(--mavi-acik);color:#1D4785;border-color:#C6D6F0}

/* ---------- Boş durum ---------- */
.bos{padding:44px 20px;text-align:center;color:var(--soluk)}
.bos-ikon{width:54px;height:54px;border-radius:15px;background:var(--vurgu-acik);color:var(--vurgu);display:grid;place-items:center;margin:0 auto 14px}
.bos h3{margin:0 0 4px;font-size:1rem;color:var(--yazi)}
.bos p{margin:0 auto 16px;max-width:420px;font-size:.88rem}

/* ---------- Grafik ---------- */
.grafik{display:flex;align-items:flex-end;gap:14px;height:200px;padding:8px 4px 0}
.grafik-sutun{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.grafik-cubuk{width:100%;max-width:46px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#2CC2D4,#0A7C8C);min-height:4px;position:relative;transition:filter .15s}
.grafik-cubuk.bos-cubuk{background:#E3E9ED}
.grafik-sutun:hover .grafik-cubuk{filter:brightness(1.08)}
.grafik-deger{font-size:.7rem;color:var(--soluk);font-variant-numeric:tabular-nums;white-space:nowrap}
.grafik-etiket{font-size:.76rem;color:var(--soluk);font-weight:500}
.grafik-sutun.bugun .grafik-etiket{color:var(--vurgu);font-weight:700}

/* ---------- Liste satırları ---------- */
.liste{list-style:none;margin:0;padding:0}
.liste li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid var(--cizgi2);font-size:.88rem}
.liste li:last-child{border-bottom:0}
.liste .baslik{font-weight:600}
.liste .alt{font-size:.77rem;color:var(--soluk)}

/* ---------- Sekmeler ---------- */
.sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--cizgi);padding:0 12px;overflow-x:auto}
.sekmeler a,.sekmeler button{padding:12px 12px;font:600 .88rem var(--font);color:var(--soluk);text-decoration:none;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.sekmeler .aktif{color:var(--vurgu);border-bottom-color:var(--vurgu)}

/* ---------- Giriş sayfası ---------- */
.giris-sayfa{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}
.giris-sol{position:relative;overflow:hidden;color:#fff;padding:44px 52px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(900px 500px at 85% 15%,rgba(34,184,203,.28),transparent 60%),linear-gradient(160deg,#0E2533 0%,#0A3E4B 60%,#0A5866 100%)}
.giris-sol .halka{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.10)}
.giris-sol .h1{width:420px;height:420px;right:-120px;bottom:-110px}
.giris-sol .h2{width:300px;height:300px;right:-60px;bottom:-50px;border-color:rgba(34,184,203,.25)}
.giris-sol .h3{width:180px;height:180px;right:0;bottom:10px;border-color:rgba(255,255,255,.07)}
.giris-baslik{font-size:2.15rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0 0 14px;max-width:460px}
.giris-aciklama{color:#B9D0DA;font-size:1.02rem;max-width:440px;margin:0 0 28px}
.giris-ozellik{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:440px;position:relative;z-index:1}
.giris-ozellik li{display:flex;gap:12px;align-items:center;font-size:.95rem;color:#E3EEF2}
.giris-ozellik .tik{width:26px;height:26px;border-radius:8px;background:rgba(34,184,203,.2);color:#5FD6E4;display:grid;place-items:center;flex-shrink:0}
.giris-alt{font-size:.8rem;color:#7FA0AE;position:relative;z-index:1}
.giris-sag{display:grid;place-items:center;padding:32px 24px}
.giris-kutu{width:100%;max-width:380px}
.giris-kutu h1{font-size:1.6rem;margin:0 0 6px;letter-spacing:-.015em}
.giris-kutu>p{color:var(--soluk);margin:0 0 26px}
.giris-kutu .alan{margin-bottom:14px}
.giris-kutu .alan input{height:46px;font-size:.98rem}
.giris-satir{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}

/* ---------- Mobil ---------- */
@media (max-width:1180px){
  .s4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-2-1,.s-1-2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .uygulama{grid-template-columns:minmax(0,1fr)}
  .yan{position:fixed;left:0;top:0;width:264px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--golge2)}
  .menu-acik .yan{transform:none}
  .menu-acik .perde{display:block;position:fixed;inset:0;background:rgba(10,28,39,.45);z-index:35}
  .menu-dugme{display:inline-flex}
  .ust{padding:0 14px;gap:10px}
  .kullanici-bilgi,.sube-rozet,.ust-ara kbd{display:none}
  .icerik{padding:18px 14px 40px}
  .s3,.s2,.form-izgara{grid-template-columns:minmax(0,1fr)}
  .giris-sayfa{grid-template-columns:1fr}
  .giris-sol{display:none}
}
@media (max-width:560px){
  .s4{grid-template-columns:minmax(0,1fr)}
}
@media print{
  .yan,.ust,.islemler,.dgm{display:none!important}
  .uygulama{display:block}
  body{background:#fff}
  .kart{box-shadow:none;border-color:#ccc}
}

/* ---------- Süzgeç çubuğu ---------- */
.suzgec{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid var(--cizgi2)}
.suzgec-ara{flex:1;min-width:240px;position:relative}
.suzgec-ara .ikon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--soluk2);pointer-events:none}
.suzgec-ara .girdi{padding-left:38px}
select.girdi{width:auto;min-width:180px;appearance:none;padding-right:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F7180' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}

/* ---------- Sayfalama ---------- */
.sayfalama-sar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--cizgi2)}
.sayfalama-bilgi{font-size:.82rem;color:var(--soluk)}
.sayfalama{display:flex;gap:4px;flex-wrap:wrap}
.sayfalama a,.sayfalama span{min-width:34px;height:34px;display:inline-grid;place-items:center;padding:0 10px;border:1px solid var(--cizgi);border-radius:8px;font-size:.85rem;text-decoration:none;color:var(--yazi);background:#fff}
.sayfalama a:hover{border-color:var(--vurgu);color:var(--vurgu)}
.sayfalama .aktif{background:var(--vurgu);border-color:var(--vurgu);color:#fff;font-weight:600}
.sayfalama .pasif{color:var(--soluk2);background:#F7F9FA}

/* ---------- Kişi hücreleri ve profil ---------- */
.hucre-kisi{display:flex;align-items:center;gap:10px}
.mini-avatar{width:32px;height:32px;border-radius:9px;background:var(--vurgu-acik);color:var(--vurgu-koyu);display:grid;place-items:center;font-weight:700;font-size:.75rem;flex-shrink:0}
.profil{display:flex;align-items:center;gap:16px}
.profil-avatar{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#123A4D,#0A7C8C);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.25rem;flex-shrink:0;box-shadow:0 6px 16px rgba(10,124,140,.25)}
.profil-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;color:var(--soluk);font-size:.88rem}
.profil-alt span{display:inline-flex;align-items:center;gap:5px}
.bilgi{display:grid;grid-template-columns:170px 1fr;gap:12px 18px;margin:0;font-size:.9rem}
.bilgi dt{color:var(--soluk)}
.bilgi dd{margin:0;font-weight:500}

/* ---------- Reçete ---------- */
.recete-kart{border:1px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}
.recete-kart-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;background:#F7F9FA;border-bottom:1px solid var(--cizgi)}
.recete-not{padding:10px 14px;border-top:1px solid var(--cizgi2);font-size:.85rem;color:var(--soluk);white-space:pre-line}
.recete-tablo{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:520px}
.recete-tablo th,.recete-tablo td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--cizgi2)}
.recete-tablo thead th{font-size:.72rem;letter-spacing:.06em;color:var(--soluk);font-weight:600;background:#FBFCFD}
.recete-tablo tbody th{text-align:left;font-size:.85rem;font-weight:600;color:#33475A;white-space:nowrap;width:110px}
.recete-tablo tbody td{font-family:var(--mono);font-size:.98rem;font-weight:500}
.recete-tablo tbody tr:last-child th,.recete-tablo tbody tr:last-child td{border-bottom:0}
.recete-giris td{padding:6px}
.recete-giris input{width:100%;height:44px;text-align:center;font-family:var(--mono);font-size:1.02rem;border:1px solid #CFD8DE;border-radius:8px;background:#fff;color:var(--yazi)}
.recete-giris input:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(10,124,140,.15);background:#FBFEFF}
.recete-giris td.hatali input{border-color:var(--kirmizi);background:var(--kirmizi-acik)}
.recete-giris input::placeholder{color:#B8C4CC;font-size:.82rem}
@media (max-width:900px){.bilgi{grid-template-columns:1fr;gap:2px 0}.bilgi dd{margin-bottom:10px}}

/* ---------- Kategori çipleri ---------- */
.cipler{display:flex;gap:6px;flex-wrap:wrap;padding:14px 18px 0}
.cipler a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--cizgi);background:#fff;color:var(--yazi);font-size:.84rem;font-weight:600;text-decoration:none}
.cipler a span{font-size:.72rem;color:var(--soluk);background:#EEF2F5;padding:0 7px;border-radius:99px}
.cipler a:hover{border-color:var(--vurgu)}
.cipler a.aktif{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.cipler a.aktif span{background:rgba(255,255,255,.2);color:#fff}

/* ---------- Mal kabul ---------- */
.okut-kutu{position:relative;margin-top:6px}
.okut-kutu .ikon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--vurgu);pointer-events:none}
.okut-girdi{width:100%;height:62px;padding:0 18px 0 54px;font-family:var(--mono);font-size:1.2rem;border:2px solid var(--vurgu);border-radius:12px;background:#FBFEFF;color:var(--yazi)}
.okut-girdi:focus{outline:none;box-shadow:0 0 0 4px rgba(10,124,140,.18)}
.okut-girdi::placeholder{font-family:var(--font);font-size:1rem;color:#9AAAB5}
.aday-liste{display:grid;gap:8px}
.aday{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--cizgi);border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:inherit;text-align:left}
.aday:hover{border-color:var(--vurgu);background:var(--vurgu-acik)}
.aday-no{width:28px;height:28px;border-radius:8px;background:var(--vurgu-acik);color:var(--vurgu-koyu);display:grid;place-items:center;font-weight:700;flex-shrink:0}
.aday .alt-yazi{display:block;font-size:.77rem;color:var(--soluk)}
.yeni-urun{margin-top:14px;border:1px solid #F0D9A8;background:#FFFCF4;border-radius:12px;padding:16px}
.yeni-urun-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.yeni-urun-bas h3{margin:0;font-size:1rem}
@keyframes yeniSatir{from{background:#E2F4EA}to{background:transparent}}
.yeni-satir td{animation:yeniSatir 2.5s ease-out}

/* ---------- Hızlı satış ---------- */
.arama-kutu{position:relative}
.acilir{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:25;background:#fff;border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge2);max-height:340px;overflow-y:auto;padding:4px}
.acilir-oge{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;width:100%;text-align:left;padding:9px 12px;border:0;background:none;border-radius:8px;cursor:pointer;font:inherit;color:inherit}
.acilir-oge .alt-yazi{grid-column:1;font-size:.77rem;color:var(--soluk)}
.acilir-oge .acilir-fiyat{grid-column:2;grid-row:1/3;align-self:center;font-weight:600;font-variant-numeric:tabular-nums}
.acilir-oge:hover:not([disabled]){background:var(--vurgu-acik)}
.acilir-oge[disabled]{opacity:.5;cursor:not-allowed}
.acilir-bos{padding:14px;text-align:center;color:var(--soluk);font-size:.88rem}
.sepet td{vertical-align:middle}
.sepet .alt-yazi{display:block;font-size:.77rem;color:var(--soluk)}
.hucre-girdi{width:100%;height:34px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:#F6F8FA;font:inherit;font-size:.9rem;color:var(--yazi);font-variant-numeric:tabular-nums}
.hucre-girdi:hover{border-color:var(--cizgi)}
.hucre-girdi:focus{outline:none;border-color:var(--vurgu);background:#fff;box-shadow:0 0 0 3px rgba(10,124,140,.12)}
.hucre-girdi.sag{text-align:right}
.kart-alt-satir{padding:12px 18px;border-top:1px solid var(--cizgi2)}
.toplam-satir{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:.9rem;font-variant-numeric:tabular-nums}
.genel-toplam{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 4px;padding:12px 0;border-top:2px solid var(--yazi);border-bottom:1px solid var(--cizgi);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.genel-toplam span:first-child{font-size:1rem}
.iskonto-giris{display:flex;gap:4px}
.girdi-kucuk{height:32px;padding:0 8px;border:1px solid #CFD8DE;border-radius:7px;font:inherit;font-size:.88rem;background:#fff;color:var(--yazi);width:90px;font-variant-numeric:tabular-nums}
select.girdi-kucuk{width:auto}
.girdi-kucuk.sag{text-align:right}
.girdi-kucuk:focus{outline:none;border-color:var(--vurgu)}
.odeme-dugmeler{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 8px}
.odeme-dugmeler .dgm{padding:0 6px}
.odeme-satir{display:flex;align-items:center;gap:8px;padding:5px 0}
.odeme-satir .kalin{flex:1;font-size:.88rem}
.odeme-satir .girdi-kucuk{width:120px}
.renk-yesil{color:var(--yesil)}
.renk-sari{color:var(--sari)}
.renk-kirmizi{color:var(--kirmizi)}
.kbd-koyu{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff;margin-left:4px}
.musteri-secili{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--cizgi);border-radius:10px;background:#FAFCFD}
.musteri-secili .alt-yazi{display:block;font-size:.8rem;color:var(--soluk)}

/* ---------- Satış fişi ---------- */
.fis-bas{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px dashed var(--cizgi)}
.fis-optik{font-weight:700;font-size:1.1rem}
.fis-baslik{font-size:.72rem;letter-spacing:.12em;color:var(--soluk);font-weight:700}
.fis-musteri{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--cizgi2)}
.fis-toplam{padding:12px 18px;border-top:1px solid var(--cizgi2)}
.fis-recete{padding:12px 18px;border-top:1px dashed var(--cizgi)}
.fis-alt{padding:12px 18px;border-top:1px dashed var(--cizgi);text-align:center;font-size:.78rem;color:var(--soluk)}
@media print{
  .yazdirma-gizle,.sayfa-bas,.bildirim{display:none!important}
  .icerik{padding:0;max-width:none}
  .izgara.s-2-1{display:block}
  .fis{border:0}
  .fis .tablo th{background:none}
}

/* ---------- Açılır kartlar, mini istatistik ---------- */
.ac-kart{border:1px solid var(--cizgi);border-radius:10px;background:#fff;padding:0 14px}
.ac-kart summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;flex-wrap:wrap}
.ac-kart summary::-webkit-details-marker{display:none}
.ac-kart summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid var(--soluk2);border-bottom:2px solid var(--soluk2);transform:rotate(45deg);transition:transform .15s}
.ac-kart[open] summary::after{transform:rotate(-135deg)}
.ac-kart[open]{padding-bottom:14px;box-shadow:var(--golge)}
.mini-istat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--cizgi2);border-radius:10px;background:#FAFCFD}
.mini-istat span{font-size:.78rem;color:var(--soluk)}
.mini-istat strong{font-size:1.15rem;font-variant-numeric:tabular-nums}
.liste li.tikla:hover{background:#F9FBFC}

/* ---------- İş emri panosu ---------- */
.pano{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px}
.pano-sutun{background:#E8EEF2;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:180px}
.pano-bas{display:flex;justify-content:space-between;align-items:center;padding:2px 4px}
.pano-bos{text-align:center;color:var(--soluk2);font-size:.82rem;padding:20px 0}
.is-kart{background:#fff;border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge);padding:10px;display:grid;gap:8px}
.is-kart.gecikmis{border-color:#F0B8AC;box-shadow:inset 3px 0 0 var(--kirmizi)}
.is-kart-govde{display:grid;gap:2px;text-decoration:none;color:inherit}
.is-kart-govde:hover .kalin{color:var(--vurgu)}
.is-kart-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.is-kart .alt-yazi{font-size:.77rem;color:var(--soluk)}
.zaman{list-style:none;margin:0;padding:6px 18px 14px}
.zaman li{display:grid;gap:3px;padding:10px 0 10px 16px;border-left:2px solid var(--cizgi);position:relative}
.zaman li::before{content:'';position:absolute;left:-6px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--vurgu);border:2px solid #fff}

/* ---------- İade ---------- */
.iade-satir{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cizgi2);border-radius:8px;font-size:.88rem}
.iade-satir .alt-yazi{font-size:.75rem;color:var(--soluk)}

/* ---------- KVKK ---------- */
.kvkk-kutu{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border:1px dashed #E0C58F;border-radius:10px;background:#FFFCF4}

/* ---------- Eklenti ---------- */
.anahtar-kutu{display:flex;gap:8px;margin-top:8px}
.anahtar-kutu input{flex:1;height:36px;padding:0 10px;font-family:var(--mono);font-size:.85rem;border:1px solid #BFE3CE;border-radius:8px;background:#fff}
.kesif-veri{max-height:420px;overflow:auto;background:#0F1C26;color:#CFE3EC;font-size:.75rem;padding:12px;border-radius:8px;margin:0}
.recete-ust{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--cizgi2);background:#FBFCFD}
.yakin-satir th,.yakin-satir td{background:#F7FAFC}
.kurulum{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.9rem}

/* ---------- ÜTS ---------- */
.uts-grup{border:1px solid var(--cizgi);border-radius:10px;overflow:hidden}
.uts-grup-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#F7F9FA;border-bottom:1px solid var(--cizgi)}
.kurulum-kutu{border:1px dashed var(--cizgi);border-radius:10px;padding:14px 16px;background:#FAFCFD;font-size:.9rem}
.kurulum-kutu .kurulum{margin-top:8px}

/* ---------- Etiket önizleme ---------- */
.etk-onizleme{background:#E5E9EC;border-radius:10px;padding:14px;display:grid;place-items:center;overflow:auto;min-height:90px}
.etk-onizleme .etiket{outline:1px dashed #9AA8B2;zoom:1.6}

/* ---------- Raflar ve sayım ---------- */
.raf-agac{padding:10px 14px 14px}
.raf-dal{margin-left:calc(var(--derinlik) * 22px)}
.raf-dal .raf-dal{border-left:2px solid var(--cizgi2);margin-left:14px;padding-left:8px}
.raf-dugum{border:1px solid var(--cizgi);border-radius:9px;background:#fff;margin:6px 0}
.raf-dugum summary{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;list-style:none;flex-wrap:wrap}
.raf-dugum summary::-webkit-details-marker{display:none}
.raf-dugum[open]{box-shadow:var(--golge)}
.raf-ad{font-weight:600}
.raf-sayi{margin-left:auto;font-size:.8rem;color:var(--soluk)}
.raf-panel{display:grid;gap:12px;padding:4px 12px 12px;border-top:1px solid var(--cizgi2)}
.raf-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding-top:10px}
.raf-form .alan{min-width:120px;flex:1}
.raf-form .alan input,.raf-form .alan select{height:34px;font-size:.85rem}
.raf-ozet{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--cizgi);border-radius:10px;background:#fff;font-size:.9rem}
.aktif-raf{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:2px dashed var(--cizgi);border-radius:12px;background:#FAFCFD}
.aktif-raf strong{font-size:1.1rem}
.aktif-raf.secili{border-style:solid;border-color:var(--vurgu);background:var(--vurgu-acik)}
.sayim-liste{max-height:420px;overflow:auto;border:1px solid var(--cizgi2);border-radius:10px}
.sayim-baslik{font-size:.95rem;margin:0 0 8px}
.sayim-kapat{display:grid;gap:10px;padding:16px;border:1px solid #F0D9A8;background:#FFFCF4;border-radius:12px}

/* ---------- Kullanıcılar ve yetkiler ---------- */
.sube-secim{display:flex;flex-wrap:wrap;gap:6px 16px}
.yetki-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.yetki-blok{border:1px solid var(--cizgi2);border-radius:10px;padding:10px 12px;display:grid;gap:6px;background:#FCFDFE}
.yetki-baslik{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk)}
.grup-sil{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.sube-sec{display:flex;align-items:center;gap:6px;background:var(--vurgu-acik);border-radius:999px;padding:4px 6px 4px 12px;margin:0}
.sube-sec select{border:0;background:transparent;font:inherit;font-weight:600;color:inherit;cursor:pointer}

/* ---------- Nivo yönetim paneli ---------- */
body.nivo{--vurgu:#6D4AFF;--vurgu-koyu:#5636E0;--vurgu-acik:#EFEAFF}
body.nivo .yan{background:linear-gradient(180deg,#1B1240 0%,#120C2E 100%)}
body.nivo .marka-logo{background:linear-gradient(135deg,#8B6CFF,#5636E0)}
.destek-serit{display:flex;gap:10px;align-items:center;background:#FCF1DB;border:1px solid #F0D9A8;color:#7A4F00;padding:8px 12px;border-radius:10px;margin-bottom:14px;font-size:.9rem}
.destek-serit form{margin:0 0 0 auto}
.abo-ozet{border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px;background:#FBFAFF;align-self:start}
.abo-ozet .tablo td{padding:7px 4px}
.satir-kutu{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--cizgi);border-radius:10px;background:#fff}
.satir-kutu > span:first-child{flex:1;min-width:0}
.bar30{display:flex;align-items:flex-end;gap:3px;height:90px;padding:6px;border:1px solid var(--cizgi2);border-radius:10px;background:#FBFAFF}
.bar30 span{flex:1;background:var(--vurgu);opacity:.75;border-radius:3px 3px 0 0;min-height:2px}

/* ---------- Raflar (sade görünüm) ---------- */
.hizli-raf{padding:14px 18px}
.hizli-raf-ic{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.hizli-raf-ic .alan{min-width:140px}
.sablon-dugmeler{display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px}
.raf-harita{display:grid;gap:14px}
.raf-alan{padding:14px 16px}
.raf-alan-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.raf-alan-ad{font-weight:700;font-size:1.05rem;color:inherit;text-decoration:none}
.raf-alan-ad:hover{color:var(--vurgu)}
.raf-adlandir{margin-left:auto;position:relative}
.raf-adlandir summary{list-style:none;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--soluk)}
.raf-adlandir summary::-webkit-details-marker{display:none}
.raf-adlandir summary:hover{background:var(--cizgi2)}
.raf-adlandir form{position:absolute;right:0;top:34px;z-index:5;display:flex;gap:6px;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:8px;box-shadow:var(--golge)}
.raf-adlandir input{height:32px;padding:0 8px;border:1px solid var(--cizgi);border-radius:7px;min-width:200px}
.raf-kutular{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.raf-kutu{display:flex;flex-direction:column;gap:4px;min-height:84px;padding:12px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.raf-kutu:hover{border-color:var(--vurgu);box-shadow:var(--golge)}
.raf-kutu.bos{background:#FAFBFC}
.raf-kutu-ad{font-weight:600}
.raf-kutu-sayi{font-size:1.5rem;font-weight:700;margin-top:auto;font-variant-numeric:tabular-nums}
.raf-kutu.bos .raf-kutu-sayi{color:var(--soluk2)}
.raf-kutu.ekle{border-style:dashed;justify-content:center;cursor:pointer}
.raf-kutu.ekle summary{list-style:none;color:var(--vurgu);font-weight:600;text-align:center}
.raf-kutu.ekle summary::-webkit-details-marker{display:none}
.raf-kutu.ekle form{display:grid;gap:6px;margin-top:8px}
.raf-kutu.ekle input{height:32px;padding:0 8px;border:1px solid var(--cizgi);border-radius:7px;width:100%}
.raf-pill{display:inline-flex;align-items:center;gap:4px;max-width:260px;padding:3px 10px;border:1px solid transparent;border-radius:999px;background:var(--vurgu-acik);color:inherit;font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raf-pill span{overflow:hidden;text-overflow:ellipsis}
.raf-pill.bos{background:transparent;border-style:dashed;border-color:var(--cizgi);color:var(--soluk)}
.raf-pill:hover{border-color:var(--vurgu)}
.raf-pill.kaydedildi{background:#E2F4EA;border-color:#9BD3B4}
.raf-select{height:30px;font:inherit;font-size:.82rem;border:1px solid var(--vurgu);border-radius:8px;max-width:280px}
.raf-sonuc{border:1px solid var(--cizgi2);border-radius:10px;max-height:380px;overflow:auto}

/* ---------- Sipariş ---------- */
.siparis-kutu{display:grid;gap:6px;margin-top:10px;padding:10px;border:1px dashed var(--cizgi);border-radius:10px;background:#FBFCFD}
.siparis-tarih{display:flex;align-items:center;justify-content:space-between;gap:8px}
.eslestir{display:flex;flex-direction:column;gap:2px}
.eslestir .girdi-kucuk{max-width:220px}

/* Nivo Optik marka simgesi */
.marka-logo:has(img){background:none;box-shadow:0 4px 14px rgba(27,36,64,.28)}