:root {
  --brand:#162AA3; --brand-700:#0F1F7A; --brand-600:#1B33BF;
  --brand-050:#EEF1FB; --brand-100:#DCE2F7;
  --ink:#0B1020; --text:#1B2233; --muted:#5B6478;
  --surface:#FFFFFF; --bg:#F5F7FC; --line:#E3E7F2;
  --ok:#1E9E6A; --ok-bg:#E7F6EF; --wait:#B8860B; --wait-bg:#FBF3DC; --no:#D2444B; --no-bg:#FBE7E8;
  --radius:18px; --radius-sm:12px;
  --shadow:0 12px 34px -14px rgba(15,31,122,.30); --shadow-sm:0 2px 10px -3px rgba(11,16,32,.12);
  --ring:0 0 0 4px rgba(22,42,163,.18);
  --font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
}
* { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
html,body { margin:0; padding:0; }
body { font-family:var(--font); color:var(--text); background:var(--bg); line-height:1.55; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4 { font-family:var(--font); margin:0; color:var(--ink); font-weight:700; letter-spacing:-.01em; }
a { color:var(--brand); text-decoration:none; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font:600 1rem/1 var(--font); padding:.95rem 1.3rem; border-radius:var(--radius-sm);
  border:1px solid transparent; cursor:pointer; min-height:52px;
  transition:transform .08s ease, box-shadow .18s ease, background .18s ease; }
.btn:active { transform:translateY(1px); }
.btn-primary { background:var(--brand); color:#fff; box-shadow:var(--shadow-sm); }
.btn-primary:hover { background:var(--brand-600); box-shadow:var(--shadow); }
.btn-ghost { background:transparent; color:var(--brand); border-color:var(--line); min-height:44px; padding:.6rem 1rem; }
.btn-ghost:hover { background:var(--brand-050); }
.btn-block { width:100%; }

.field { margin-bottom:1.15rem; }
.field label { display:block; font-weight:600; font-size:.88rem; color:var(--muted); margin-bottom:.45rem; }
.input { width:100%; padding:.95rem 1rem; font-size:1rem; font-family:var(--font);
  background:#fff; color:var(--text); border:1.5px solid var(--line); border-radius:var(--radius-sm);
  min-height:52px; transition:border-color .15s ease, box-shadow .15s ease; }
.input::placeholder { color:#9AA2B4; }
.input:focus { outline:none; border-color:var(--brand); box-shadow:var(--ring); }

.card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); }

.alert { padding:.9rem 1rem; border-radius:var(--radius-sm); font-size:.92rem; margin-bottom:1rem; border:1px solid transparent; }
.alert-error { background:var(--no-bg); color:#8E2C31; border-color:#F3C6C9; }
.alert-success { background:var(--ok-bg); color:#13714C; border-color:#BFE7D4; }

.badge { display:inline-flex; align-items:center; gap:.35rem; font-size:.78rem; font-weight:600; padding:.3rem .6rem; border-radius:999px; }
.badge-ok { background:var(--ok-bg); color:var(--ok); }
.badge-wait { background:var(--wait-bg); color:var(--wait); }
.badge-no { background:var(--no-bg); color:var(--no); }

.login-wrap { min-height:100dvh; display:grid; grid-template-columns:1.05fr 1fr; }

.brand-panel { position:relative; overflow:hidden; color:#fff;
  background:linear-gradient(155deg,var(--brand) 0%, var(--brand-700) 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:1.4rem; padding:2.5rem; text-align:center; }
.brand-panel::before, .brand-panel::after { display:none; }
.brand-art { width:100%; max-width:560px; height:auto; object-fit:contain; display:block; }
.brand-logo { position:relative; height:40px; width:auto; }
.brand-photo { position:relative; margin:0; width:clamp(210px,52%,290px); aspect-ratio:4/5;
  background:#fff; padding:10px; border-radius:22px; box-shadow:0 24px 54px -18px rgba(0,0,0,.55); }
.brand-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 32%;
  border-radius:13px; display:block; }
.brand-copy { position:relative; max-width:46ch; }
.brand-copy h1 { color:#fff; font-size:clamp(1.7rem,2.7vw,2.4rem); line-height:1.14; }
.brand-copy p { color:rgba(255,255,255,.85); margin-top:.8rem; font-size:1.0rem; }
.brand-foot { position:relative; color:rgba(255,255,255,.62); font-size:.82rem; }

.form-panel { display:flex; flex-direction:column; background:var(--surface); padding:2.5rem; }
.form-center { flex:1; display:flex; align-items:center; justify-content:center; }
.form-inner { width:100%; max-width:390px; }
.form-inner .eyebrow { color:var(--brand); font-weight:600; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; }
.form-inner h2 { font-size:1.7rem; margin:.4rem 0 1.7rem; }
.pw-wrap { position:relative; }
.pw-toggle { position:absolute; right:.5rem; top:50%; transform:translateY(-50%); background:none; border:none;
  color:var(--muted); cursor:pointer; font:600 .82rem var(--font); padding:.5rem; }

.auth-pane.hidden { display:none; }
.code-input { text-align:center; font-size:1.7rem; font-weight:600; letter-spacing:.45em;
  padding-left:1.2rem; }
.code-input::placeholder { letter-spacing:.45em; color:#C2C8D6; }
.linkbtn { display:inline-block; margin-top:1.1rem; background:none; border:none; cursor:pointer;
  color:var(--brand); font:600 .9rem var(--font); padding:.3rem 0; }
.linkbtn:hover { text-decoration:underline; }

.legal { margin-top:2rem; text-align:center; }
.legal nav { font-size:.8rem; color:var(--muted); line-height:1.9; }
.legal nav a { color:var(--muted); }
.legal nav a:hover { color:var(--brand); text-decoration:underline; }
.legal .sep { opacity:.5; margin:0 .15rem; }
.legal .powered { margin-top:.7rem; font-size:.76rem; color:#9AA2B4; }
.legal .powered b { color:var(--muted); font-weight:600; }

@media (max-width:820px) {
  .login-wrap { grid-template-columns:1fr; }
  .brand-panel { flex-direction:column; justify-content:center; align-items:center; text-align:center;
    gap:.9rem; padding:1.4rem 1.2rem; min-height:auto; border-radius:0 0 30px 30px; }
  .brand-art { width:100%; max-width:380px; height:auto; max-height:30vh; object-fit:contain; }
  .brand-copy { max-width:90%; }
  .brand-copy h1 { font-size:1.4rem; }
  .brand-copy p { font-size:.9rem; }
  .brand-foot { display:none; }
  .form-panel { padding:2rem 1.4rem 2rem; }
  .form-center { align-items:flex-start; }
  .form-inner { max-width:480px; margin:0 auto; }
  .form-inner h2 { font-size:1.5rem; }
}

.topbar { background:var(--surface); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; padding:.7rem 1.2rem; gap:1rem; }
.topbar-brand { display:flex; align-items:center; }
.subnav { background:var(--surface); border-bottom:1px solid var(--line); display:flex; gap:.2rem;
  padding:0 1rem; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.subnav a { padding:.85rem .9rem; font:600 .92rem var(--font); color:var(--muted); white-space:nowrap;
  border-bottom:2.5px solid transparent; }
.subnav a.aktif { color:var(--brand); border-bottom-color:var(--brand); }
.subnav a:hover { color:var(--brand); }

.mola-gun-list { list-style:none; margin:0; padding:0; }
.mg-row { padding:.8rem .2rem; border-bottom:1px solid var(--line); }
.mg-row:last-child { border-bottom:none; }
.mg-row.asim .mg-top { background:var(--no-bg); color:var(--no); }
.mg-ad { display:flex; align-items:center; justify-content:space-between; font-weight:600; font-size:.95rem; margin-bottom:.4rem; }
.mg-top { font-size:.85rem; font-weight:700; color:var(--brand); background:var(--brand-050); padding:.2rem .6rem; border-radius:999px; }
.mg-detay { display:flex; flex-wrap:wrap; gap:.4rem; }
.mg-chip { font-size:.8rem; background:#F5F7FC; border:1px solid var(--line); border-radius:8px; padding:.25rem .55rem; color:var(--text); }
.mg-bos { font-size:.82rem; color:var(--muted); }
.topbar-logo { height:26px; width:auto; }
.topbar-user { display:flex; align-items:center; gap:.8rem; font-size:.9rem; }
.topbar-user .who { text-align:right; line-height:1.2; }
.topbar-user .who b { color:var(--ink); }
.topbar-user .role { color:var(--muted); font-size:.78rem; }
.container { max-width:1100px; margin:0 auto; padding:1.5rem 1.2rem; }
.welcome { padding:1.8rem; }
.welcome h2 { font-size:1.4rem; margin-bottom:.4rem; }
.welcome p { color:var(--muted); margin:0; }

.container > .card { margin-bottom:1.1rem; }
.btn-danger { background:var(--no); color:#fff; }
.btn-danger:hover { background:#bd3a40; }

.mola-card { padding:1.6rem; text-align:center; }
.mola-head { margin-bottom:.8rem; }
.mola-head h3 { font-size:1.05rem; text-align:left; }
.timer { font-size:3.4rem; font-weight:700; letter-spacing:.02em; color:var(--brand); line-height:1; margin:.3rem 0; }
.timer.asildi { color:var(--no); }
.timer-sub { color:var(--muted); margin:.2rem 0 1.2rem; font-size:.95rem; }
.mola-stats { display:flex; gap:1rem; justify-content:center; margin:.4rem 0 1rem; }
.stat { flex:1; background:var(--brand-050); border-radius:var(--radius-sm); padding:.9rem .5rem; }
.stat-num { display:block; font-size:1.7rem; font-weight:700; color:var(--brand); }
.stat-lbl { font-size:.78rem; color:var(--muted); }
.progress { height:8px; background:var(--brand-050); border-radius:999px; overflow:hidden; margin-bottom:1.2rem; }
.progress > i { display:block; height:100%; background:var(--brand); border-radius:999px; }

.hafta-card { padding:1.4rem 1.4rem .8rem; }
.hafta-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:.4rem; }
.hafta-head h3 { font-size:1.05rem; }
.hafta-aralik { color:var(--muted); font-size:.85rem; }
.hafta { list-style:none; margin:0; padding:0; }
.hafta-row { display:flex; align-items:center; justify-content:space-between; padding:.7rem .2rem; border-bottom:1px solid var(--line); }
.hafta-row:last-child { border-bottom:none; }
.hafta-row.bugun { background:var(--brand-050); border-radius:var(--radius-sm); padding-inline:.7rem; }
.hafta-gun { display:flex; flex-direction:column; line-height:1.2; }
.hafta-gun b { font-size:.95rem; }
.hafta-gun span { font-size:.78rem; color:var(--muted); }
.hafta-bos { color:#C2C8D6; }
.hafta-not { color:var(--muted); font-size:.78rem; margin:.8rem 0 .2rem; }

.badge-work { background:var(--brand-050); color:var(--brand); }
.badge-info { background:#E6F1FB; color:#185FA5; }

.plan-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.plan-head h2 { font-size:1.4rem; }
.plan-aralik { color:var(--muted); font-size:.88rem; }
.hafta-toggle { display:inline-flex; background:var(--brand-050); border-radius:999px; padding:3px; }
.hafta-toggle a { padding:.45rem .9rem; border-radius:999px; font-size:.85rem; font-weight:600; color:var(--muted); }
.hafta-toggle a.aktif { background:var(--brand); color:#fff; }

.durum-card { padding:1.1rem 1.3rem; }
.durum-row { display:flex; align-items:center; gap:.6rem; margin-bottom:.6rem; }
.durum-row span:first-child { color:var(--muted); font-size:.9rem; }
.durum-card .btn { margin-top:.4rem; }

.grid-card { padding:1rem; }
.grid-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.vgrid { border-collapse:separate; border-spacing:0; width:100%; }
.vgrid th, .vgrid td { padding:6px; text-align:center; }
.vgrid thead th { font-size:.78rem; color:var(--muted); font-weight:600; line-height:1.1; }
.vgrid thead th span { display:block; font-size:.7rem; color:#9AA2B4; font-weight:400; }
.vgrid th.sticky { position:sticky; left:0; z-index:2; background:var(--surface); text-align:left;
  font-size:.85rem; color:var(--ink); min-width:120px; box-shadow:1px 0 0 var(--line); }
.vgrid tbody th.sticky { font-weight:600; }
.vgrid tbody tr:nth-child(even) th.sticky { background:#FBFCFE; }
.vgrid tbody tr:nth-child(even) td { background:#FBFCFE; }
.cell-sel { width:100%; min-width:78px; padding:.4rem .3rem; font:500 .82rem var(--font);
  border:1.5px solid var(--line); border-radius:8px; background:#fff; color:var(--muted); cursor:pointer; }
.cell-sel.dolu { border-color:var(--brand); color:var(--brand); background:var(--brand-050); font-weight:600; }
.cell-sel:focus { outline:none; box-shadow:var(--ring); }
.grid-not { color:var(--muted); font-size:.78rem; margin:.8rem .2rem 0; }

.staff-card { padding:1.3rem; }
.staff-card h3 { font-size:1.05rem; margin-bottom:.6rem; }
.staff-list { list-style:none; margin:0 0 1rem; padding:0; }
.staff-list li { display:flex; align-items:center; gap:.8rem; padding:.6rem .2rem; border-bottom:1px solid var(--line); }
.staff-list li:last-child { border-bottom:none; }
.staff-ad { flex:1; font-size:.92rem; }
.staff-ad em { color:var(--muted); font-style:normal; font-size:.8rem; }
.staff-kod { font-size:.82rem; color:var(--muted); }
.staff-kod code { background:var(--brand-050); color:var(--brand); padding:.15rem .45rem; border-radius:6px; font-weight:600; letter-spacing:.05em; }
.btn-mini { min-height:34px; padding:.35rem .7rem; font-size:.82rem; }
.staff-ekle { display:flex; gap:.6rem; }
.staff-ekle .input { min-height:46px; }
.staff-ekle .btn { min-height:46px; white-space:nowrap; }

.yon-secimler { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.sube-sec { padding:.5rem .8rem; font:600 .9rem var(--font); border:1.5px solid var(--line);
  border-radius:var(--radius-sm); background:#fff; color:var(--ink); cursor:pointer; }
.sube-sec:focus { outline:none; box-shadow:var(--ring); border-color:var(--brand); }
.onay-aksiyon { display:flex; gap:.7rem; align-items:flex-start; flex-wrap:wrap; }
.red-form { display:flex; gap:.5rem; flex:1; min-width:240px; }
.red-form .input { min-height:46px; }
.red-form .btn { min-height:46px; white-space:nowrap; }
.mola-grid td { font-size:.85rem; color:var(--text); font-weight:500; }
.mola-grid .mola-asim { background:var(--no-bg); color:var(--no); font-weight:700; border-radius:6px; }
.mola-grid .mola-top { font-weight:700; color:var(--brand); }

.pz-araclar { display:flex; gap:.5rem; align-items:center; }
.ay-sec { padding:.45rem .6rem; font:500 .88rem var(--font); border:1.5px solid var(--line);
  border-radius:var(--radius-sm); background:#fff; color:var(--ink); }
.ay-sec:focus { outline:none; box-shadow:var(--ring); border-color:var(--brand); }
.puantaj-list { display:flex; flex-direction:column; gap:.7rem; }
.pz-row { border:1px solid var(--line); border-radius:var(--radius-sm); padding:.8rem; }
.pz-ad { font-weight:600; font-size:.95rem; margin-bottom:.6rem; display:flex; align-items:center; gap:.5rem; }
.pz-form { display:flex; flex-wrap:wrap; gap:.6rem; align-items:flex-end; }
.pz-form label { display:flex; flex-direction:column; font-size:.72rem; color:var(--muted); gap:.2rem; }
.pz-form label input { width:74px; padding:.45rem .5rem; font:600 .95rem var(--font); text-align:center;
  border:1.5px solid var(--line); border-radius:8px; }
.pz-form label input:focus { outline:none; border-color:var(--brand); box-shadow:var(--ring); }
.pz-hak { font-size:.85rem; color:var(--muted); margin-left:auto; align-self:center; }
.pz-hak b { color:var(--brand); font-size:1.05rem; }
.pz-sifirla { margin-top:.6rem; }

.sef-row { flex-direction:column; align-items:stretch; gap:.5rem; }
.sef-form { display:flex; gap:.5rem; flex:1; flex-wrap:wrap; }
.sef-form .input { flex:1; min-width:140px; min-height:42px; }
.sef-form .sube-sec { min-height:42px; }
.sef-ekle { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.4rem; }
.sef-ekle .input { flex:1; min-width:160px; min-height:46px; }
.sef-ekle .sube-sec, .sef-ekle .btn { min-height:46px; }
.sef-aks { display:flex; gap:.5rem; }

.reading { max-width:760px; }
.reading h1 { font-size:1.8rem; margin-bottom:.3rem; }
.reading .updated { color:var(--muted); font-size:.85rem; margin:0 0 1.2rem; }
.reading .note { background:var(--brand-050); border:1px solid var(--brand-100); color:var(--brand-700);
  padding:.85rem 1rem; border-radius:var(--radius-sm); font-size:.88rem; margin-bottom:1.6rem; }
.legal-sec { margin-bottom:1.4rem; }
.legal-sec h3 { font-size:1.05rem; margin-bottom:.4rem; }
.legal-sec p { margin:.3rem 0; color:var(--text); font-size:.95rem; }

@media (prefers-reduced-motion:reduce) { .brand-panel::after { animation:none; } .btn { transition:none; } }

.zayi-form { display:flex; gap:.7rem; align-items:flex-end; flex-wrap:wrap; }
.zayi-form label { display:flex; flex-direction:column; font-size:.74rem; color:var(--muted); gap:.25rem; }
.zayi-form .zf-urun { flex:1; min-width:200px; }
.zayi-form .zf-miktar { width:120px; }
.zayi-form .zf-birim { width:110px; }
.zayi-form .input, .zayi-form .sube-sec { min-height:46px; }
.zayi-form .btn { min-height:46px; white-space:nowrap; }

.chart { display:flex; gap:.9rem; align-items:flex-end; overflow-x:auto; padding:.6rem .2rem 0; }
.chart-col { display:flex; flex-direction:column; align-items:center; min-width:56px; }
.chart-val { font-size:.75rem; font-weight:700; color:var(--brand); margin-bottom:4px; }
.chart-track { height:160px; width:42px; display:flex; align-items:flex-end; background:linear-gradient(180deg,var(--brand-050),transparent); border-radius:8px; }
.chart-bar { width:100%; background:linear-gradient(180deg,var(--brand-600),var(--brand)); border-radius:8px 8px 0 0; min-height:4px; height:var(--h,0%); animation:cubuk-yuksel .7s cubic-bezier(.22,1,.36,1) both; }
@keyframes cubuk-yuksel { from { height:0; } to { height:var(--h,0%); } }
.chart-oran { font-size:.7rem; font-weight:600; color:var(--muted); margin-top:6px; }
.chart-lbl { font-size:.72rem; color:var(--text); margin-top:4px; text-align:center; max-width:72px; word-break:break-word; line-height:1.2; }
.chart-lbl span { color:var(--muted); font-size:.68rem; }

.zayi-list { list-style:none; margin:0; padding:0; }
.zayi-row { display:grid; grid-template-columns:1fr auto; gap:.2rem .8rem; padding:.7rem .2rem; border-bottom:1px solid var(--line); }
.zayi-row:last-child { border-bottom:none; }
.zr-urun { font-weight:600; font-size:.95rem; }
.zr-miktar { font-weight:700; color:var(--brand); text-align:right; }
.zr-miktar span { font-weight:500; color:var(--muted); font-size:.8rem; }
.zr-meta { grid-column:1 / -1; font-size:.78rem; color:var(--muted); }

.zr-edit { margin-top:.5rem; }
.zr-edit > summary { display:inline-block; cursor:pointer; font-weight:600; color:var(--brand);
  background:var(--brand-050); padding:.25rem .7rem; border-radius:999px; font-size:.78rem; list-style:none; }
.zr-edit > summary::-webkit-details-marker { display:none; }
.zr-edit[open] > summary { background:var(--brand-100); }
.zr-edit-body { display:flex; flex-direction:column; gap:.6rem; margin-top:.7rem; padding:.8rem;
  background:#F5F7FC; border:1px solid var(--line); border-radius:var(--radius-sm); }
.zr-edit-body .zayi-form { align-items:flex-end; }

.kal-cam { text-align:center; }
.kal-video-wrap { background:#000; border-radius:var(--radius-sm); overflow:hidden; max-width:520px; margin:0 auto .9rem;
  aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; }
.kal-video-wrap video { width:100%; height:100%; object-fit:cover; }
.kal-cek { min-height:52px; font-size:1.05rem; width:100%; max-width:520px; }
.kal-hata { background:var(--no-bg); color:var(--no); border-radius:var(--radius-sm); padding:.8rem; margin-bottom:.8rem; font-weight:600; }
.kal-galeri { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:.8rem; }
.kal-item { margin:0; border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; background:#fff; }
.kal-item img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.kal-item figcaption { padding:.5rem .6rem; font-size:.78rem; font-weight:600; display:flex; flex-direction:column; gap:.1rem; }
.kal-item figcaption span { color:var(--muted); font-weight:500; font-size:.72rem; }

.sv-kalem { display:flex; gap:.5rem; align-items:center; margin-bottom:.5rem; }
.sv-kalem .sv-urun { flex:1; min-width:120px; min-height:46px; }
.sv-kalem .sv-miktar { width:90px; min-height:46px; }
.sv-kalem .sube-sec { min-height:46px; }
.sv-kalem .sv-sil { min-height:46px; }
.sv-form-alt { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-top:.4rem; }
.sv-form-alt .sv-not { flex:1; min-width:160px; min-height:46px; }
.sv-form-alt .btn-primary { min-height:46px; }

.sv-talep { padding:1rem 1.1rem; }
.sv-head { display:flex; justify-content:space-between; align-items:flex-start; gap:.8rem; margin-bottom:.6rem; }
.sv-meta { font-size:.78rem; color:var(--muted); margin-top:.15rem; }
.sv-kalemler { list-style:none; margin:0; padding:0; }
.sv-kalemler li { display:flex; justify-content:space-between; gap:.8rem; padding:.45rem 0; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.sv-kalemler li:last-child { border-bottom:none; }
.sv-urun-ad { font-weight:600; font-size:.92rem; }
.sv-adet { font-size:.85rem; color:var(--muted); }
.sv-adet b { color:var(--ink); }
.sv-not { margin-top:.6rem; font-size:.82rem; color:var(--muted); background:var(--brand-050); padding:.45rem .7rem; border-radius:8px; }

.sv-kalem-edit { align-items:center; }
.sv-verilen { display:flex; align-items:center; gap:.4rem; font-size:.82rem; color:var(--muted); }
.sv-verilen input { width:80px; min-height:42px; padding:.4rem .5rem; border:1px solid var(--line); border-radius:8px; font:inherit; text-align:center; }
.sv-altbilgi { margin-top:.6rem; padding-top:.5rem; border-top:1px dashed var(--line); line-height:1.5; }
.sv-talep form .btn { margin-top:.4rem; }
.sv-iptal-form { margin-top:.4rem; }
.sv-sa-olustur summary.sv-sa-baslik { cursor:pointer; font-weight:600; color:var(--brand); padding:.3rem 0; list-style:none; }
.sv-sa-olustur summary.sv-sa-baslik::-webkit-details-marker { display:none; }
.sv-sube-sec-label { display:block; font-size:.82rem; color:var(--muted); font-weight:600; margin:.8rem 0; }

.sv-filtre { display:flex; gap:1rem; align-items:flex-end; flex-wrap:wrap; }
.sv-filtre label { display:flex; flex-direction:column; gap:.3rem; font-size:.8rem; color:var(--muted); }
.sv-filtre .sube-sec, .sv-filtre .input { min-height:44px; }
.sv-chart { display:flex; gap:1.2rem; align-items:flex-end; overflow-x:auto; padding:.5rem 0 0; }
.sv-cg { display:flex; flex-direction:column; align-items:center; gap:.45rem; min-width:60px; }
.sv-bars { display:flex; gap:.35rem; align-items:flex-end; height:170px; }
.sv-bar { width:26px; border-radius:7px 7px 0 0; position:relative; min-height:3px; }
.sv-bar span { position:absolute; top:-18px; left:50%; transform:translateX(-50%); font-size:.72rem; font-weight:600; color:var(--ink); }
.sv-bar-i { background:var(--brand); }
.sv-bar-v { background:#7C9AF5; }
.sv-cg-lbl { font-size:.76rem; text-align:center; color:var(--muted); max-width:84px; word-break:break-word; }
.sv-legend { display:flex; align-items:center; gap:.4rem; font-size:.82rem; color:var(--muted); margin-top:.9rem; }
.sv-legend .lg { width:14px; height:14px; border-radius:4px; display:inline-block; }
.sv-legend .lg-i { background:var(--brand); }
.sv-legend .lg-v { background:#7C9AF5; margin-left:.8rem; }
.sv-belgeler { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem; }

.sv-katalog { padding-top:.4rem; }
.sv-tablar { display:flex; gap:.5rem; margin-bottom:1.1rem; flex-wrap:wrap; }
.sv-tab { border:1px solid var(--line); background:#fff; color:var(--muted); padding:.55rem 1.2rem;
  border-radius:999px; font:inherit; font-weight:600; cursor:pointer; transition:all .15s; }
.sv-tab:hover { border-color:var(--brand); color:var(--brand); }
.sv-tab.aktif { background:var(--brand); color:#fff; border-color:var(--brand); }

.sv-kat { border:1px solid var(--line); border-radius:14px; margin-bottom:.6rem; overflow:hidden; background:#fff; }
.sv-kat > summary { cursor:pointer; padding:.85rem 1.05rem; font-weight:600; font-size:.95rem; color:var(--ink);
  display:flex; align-items:center; gap:.65rem; list-style:none; user-select:none; transition:background .15s; }
.sv-kat > summary:hover { background:var(--brand-050); }
.sv-kat > summary::-webkit-details-marker { display:none; }
.sv-kat > summary::before { content:"\203A"; font-size:1.25rem; line-height:1; color:var(--brand);
  display:inline-block; transition:transform .2s; transform:translateY(-1px); }
.sv-kat[open] > summary { background:var(--brand); color:#fff; }
.sv-kat[open] > summary::before { transform:rotate(90deg) translateX(-1px); color:#fff; }
.sv-sayi { margin-left:auto; font-size:.72rem; font-weight:600; background:var(--brand-050); color:var(--brand);
  padding:.15rem .6rem; border-radius:999px; white-space:nowrap; }
.sv-kat[open] > summary .sv-sayi { background:rgba(255,255,255,.22); color:#fff; }
.sv-urunler { padding:.2rem 1rem .7rem; }
.sv-urow { display:flex; align-items:center; gap:.8rem; padding:.6rem 0; border-bottom:1px solid var(--line); }
.sv-urow:last-child { border-bottom:none; }
.sv-uad { flex:1 1 auto; min-width:0; font-size:.9rem; display:flex; flex-direction:column; gap:.12rem; }
.sv-koli { font-size:.72rem; color:var(--muted); }
.sv-girdi { display:flex; gap:.5rem; flex:none; align-items:center; }
.sv-miktar { width:90px; min-height:44px; text-align:center; }
.sv-birim { min-height:44px; min-width:90px; }

.sv-ek-kat[open] > summary { background:var(--brand-600); }
.sv-ek-row { display:flex; align-items:center; gap:.6rem; padding:.55rem 0; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.sv-ek-row:last-child { border-bottom:none; }
.sv-ek-ad { flex:1 1 160px; min-width:140px; min-height:44px; }
.sv-ek-sil { min-height:44px; }

.sv-gonder { display:flex; gap:.7rem; align-items:center; flex-wrap:wrap; margin-top:1.1rem;
  border-top:2px solid var(--brand-050); padding-top:1.1rem; }
.sv-not-input { flex:1; min-width:200px; min-height:48px; }
.sv-gonder .btn-primary { min-height:48px; padding-left:1.6rem; padding-right:1.6rem; }
#ek-ekle { margin:.3rem 1rem 1rem; }

.sv-kalem-edit { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
.sv-kalem-edit .sv-urun-ad { flex:1 1 160px; }
.sv-kalem-edit .sv-adet { color:var(--muted); font-size:.82rem; }
.sv-kalem-edit .sv-girdi { margin-left:auto; }
.sv-talep form .btn-primary { margin-top:.6rem; }

.sv-red { background:var(--no-bg); color:var(--no); }
.sv-cikis-form { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; margin-top:.7rem;
  border-top:1px solid var(--line); padding-top:.7rem; }
.sv-cikis-form .input { flex:1; min-width:180px; min-height:44px; }
.sv-cikis-btns { display:flex; gap:.5rem; }

.sv-portal-bar { display:flex; justify-content:flex-end; margin-bottom:.8rem; }
.sv-belgeler { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.7rem; }
.sv-excel-btn { border-color:var(--ok); color:var(--ok); }

.sv-gecmis { margin-top:.4rem; }
.sv-gecmis-bas { display:flex; justify-content:space-between; align-items:center; margin-bottom:.6rem; }
.sv-tkv-ust { display:flex; align-items:center; justify-content:center; gap:1rem; margin-bottom:.7rem; }
.sv-tkv-baslik { font-weight:600; min-width:150px; text-align:center; }
.sv-takvim { display:flex; flex-direction:column; gap:4px; }
.sv-tkv-hafta { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.sv-tkv-gunbas { text-align:center; font-size:.7rem; font-weight:600; color:var(--muted); padding:.2rem 0; }
.sv-tkv-gun { position:relative; min-height:48px; border:1px solid var(--line); border-radius:10px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  text-decoration:none; color:var(--ink); }
.sv-tkv-gun.dolu { background:var(--brand-050); border-color:var(--brand-100); }
.sv-tkv-gun.dolu:hover { background:var(--brand-100); }
.sv-tkv-gun.secili { background:var(--brand); border-color:var(--brand); color:#fff; }
.sv-tkv-gun.bugun { box-shadow:0 0 0 2px var(--brand-100) inset; }
.sv-tkv-gun.disay { opacity:.3; }
.sv-tkv-no { font-size:.8rem; font-weight:500; }
.sv-tkv-rozet { font-size:.64rem; font-weight:700; background:var(--brand); color:#fff;
  border-radius:999px; padding:0 .35rem; min-width:1.05rem; text-align:center; }
.sv-tkv-gun.secili .sv-tkv-rozet { background:#fff; color:var(--brand); }
.sv-tkv-secim { margin-top:.8rem; text-align:center; }

.tarih-aralik { display:inline-flex; align-items:center; gap:.4rem; }
.tarih-aralik input[type=date] { padding:.45rem .5rem; border:1px solid var(--line); border-radius:10px;
  font:inherit; color:var(--ink); background:#fff; min-height:40px; }
.tarih-aralik .ta-tire { color:var(--muted); }
.pz-oku { display:flex; flex-wrap:wrap; gap:.6rem 1.1rem; align-items:center; font-size:.9rem; color:var(--muted); }
.pz-oku b { color:var(--ink); }
.pz-oku .pz-hak { margin-left:auto; color:var(--brand); font-weight:600; }

.irs-aciklama { width:100%; margin:.8rem 0; resize:vertical; }
.irs-galeri { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
.irs-item { margin:0; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.irs-item img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:var(--brand-050); }
.irs-item figcaption { padding:.7rem .8rem; display:flex; flex-direction:column; gap:.4rem; }
.irs-aciklama-metin { margin:0; font-size:.92rem; color:var(--ink); white-space:pre-line; }
.irs-meta { font-size:.78rem; color:var(--muted); }

.bm-ata { border-top:1px solid var(--line); padding:.9rem 0; }
.bm-ata:first-of-type { border-top:none; }
.bm-ad { font-weight:600; margin-bottom:.6rem; display:flex; align-items:center; gap:.5rem; }
.bm-subeler { display:flex; flex-wrap:wrap; gap:.5rem .9rem; margin-bottom:.7rem; }
.bm-chk { display:inline-flex; align-items:center; gap:.35rem; font-size:.9rem; background:var(--brand-050);
  border:1px solid var(--brand-100); border-radius:999px; padding:.3rem .7rem; cursor:pointer; }
.bm-chk input { accent-color:var(--brand); }

.stok-grup h3 { margin:0 0 .7rem; }
.stok-tablo { display:grid; grid-template-columns:2.2fr 1.3fr 1.1fr .9fr 1.6fr; gap:.6rem; align-items:center; }
.stok-head { font-size:.74rem; text-transform:uppercase; letter-spacing:.02em; color:var(--muted); padding:.2rem 0 .5rem; border-bottom:1px solid var(--line); }
.stok-satir { padding:.45rem 0; border-bottom:1px solid var(--line); }
.stok-satir:last-child { border-bottom:none; }
.stok-ad { font-size:.92rem; color:var(--ink); }
.stok-tablo input { width:100%; padding:.4rem .5rem; border:1px solid var(--line); border-radius:9px; font:inherit; }
.stok-tablo input[type=number] { text-align:right; }
.stok-kapali { display:flex; align-items:center; gap:.35rem; }
.stok-kapali em, .stok-satir em { color:var(--muted); font-style:normal; font-size:.8rem; white-space:nowrap; }
.stok-top { text-align:right; font-weight:600; color:var(--brand); }
.stok-acik-not { color:var(--muted); font-size:.86rem; }
.stok-kaydet { position:sticky; bottom:0; padding:.8rem 0; background:linear-gradient(0deg,#fff 70%,transparent); }
.stok-meta { color:var(--muted); font-size:.82rem; margin:.4rem 0 0; }
@media (max-width:720px){
  .stok-head { display:none; }
  .stok-tablo { grid-template-columns:1fr 1fr; gap:.4rem .6rem; }
  .stok-ad { grid-column:1 / -1; font-weight:600; }
  .stok-top { text-align:left; }
}

.sd-baslik { display:flex; align-items:center; justify-content:space-between; margin-bottom:.6rem; }
.sd-baslik h3 { margin:0; }
.sd-tablo { display:grid; grid-template-columns:2.2fr .7fr 1fr 1fr auto auto; gap:.5rem .6rem; align-items:center; }
.sd-head { font-size:.72rem; text-transform:uppercase; letter-spacing:.02em; color:var(--muted); padding:.2rem 0 .5rem; border-bottom:1px solid var(--line); }
.sd-satir { padding:.6rem 0; border-bottom:1px solid var(--line); }
.sd-satir:last-child { border-bottom:none; }
.sd-form { display:contents; }
.sd-koli { text-align:right; }
.sd-aks { justify-self:end; }
.sd-cikar { justify-self:start; }
.sd-onizleme { grid-column:1 / -1; font-size:.78rem; color:var(--muted); margin-top:.25rem; }
.sd-onizleme b { color:var(--brand); }
.sd-ekle-form { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.sd-ekle-form .input { flex:1; min-width:130px; }
.sd-yenigrup { margin-top:1rem; }
.sd-yenigrup summary { cursor:pointer; color:var(--brand); font-size:.9rem; }
@media (max-width:820px){
  .sd-head { display:none; }
  .sd-tablo { grid-template-columns:1fr; }
  .sd-form { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; }
  .sd-form .input, .sd-form .sube-sec { flex:1; min-width:110px; }
  .sd-aks { justify-self:stretch; }
  .sd-cikar { justify-self:start; margin-top:.3rem; }
}

.ek-tablo { display:grid; grid-template-columns:2fr 1fr 2fr auto; gap:.5rem .6rem; align-items:center; }
.ek-head { font-size:.74rem; text-transform:uppercase; letter-spacing:.02em; color:var(--muted); padding:.2rem 0 .5rem; border-bottom:1px solid var(--line); }
.ek-satir { padding:.4rem 0; }
.ek-tablo input { width:100%; }
#ek-ekle { margin-top:.6rem; }
@media (max-width:720px){
  .ek-head { display:none; }
  .ek-tablo { grid-template-columns:1fr 1fr; }
  .ek-satir .input[name=ek_ad] { grid-column:1 / -1; }
}

.soru-kart { max-width:680px; margin:1.2rem auto; }
.soru-ust { display:flex; align-items:center; gap:.6rem; margin-bottom:.8rem; }
.soru-kat { font-size:.8rem; color:var(--muted); }
.soru-sayac { display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:var(--muted); margin-bottom:1rem; }
.soru-sayac-bar { flex:1; height:8px; background:var(--brand-050); border-radius:6px; overflow:hidden; }
.soru-sayac-bar span { display:block; height:100%; width:100%; background:var(--brand); border-radius:6px; transition:width 1s linear; }
#sayac-no { font-weight:700; color:var(--brand); }
.soru-metin { font-size:1.25rem; line-height:1.4; margin:.2rem 0 1.2rem; }
.soru-siklar { display:grid; gap:.7rem; }
.soru-sik { display:flex; align-items:center; gap:.8rem; text-align:left; padding:1rem 1.1rem; border:1.5px solid var(--line); border-radius:14px; background:#fff; cursor:pointer; font-size:1rem; transition:all .12s; }
.soru-sik:hover { border-color:var(--brand); background:var(--brand-050); }
.soru-sik.secili { border-color:var(--brand); background:var(--brand-100); }
.soru-sik b { display:flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:var(--brand); color:#fff; font-size:.9rem; }
.soru-sik span { flex:1; }
.soru-ipucu { margin:1rem 0 0; font-size:.82rem; color:var(--muted); text-align:center; }

.kn-tablo { display:grid; grid-template-columns:2.2fr .8fr .8fr .8fr .8fr 1fr; gap:.4rem .6rem; align-items:center; }
.kn-head { font-size:.72rem; text-transform:uppercase; letter-spacing:.02em; color:var(--muted); padding:.2rem 0 .5rem; border-bottom:1px solid var(--line); text-align:center; }
.kn-head span:first-child { text-align:left; }
.kn-satir { padding:.5rem 0; border-bottom:1px solid var(--line); text-align:center; }
.kn-satir:last-child { border-bottom:none; }
.kn-ad { text-align:left; }
.kn-ok { color:var(--ok); font-weight:600; }
.kn-no { color:var(--no); font-weight:600; }
.kn-bos { color:var(--muted); }
.kn-yuzde { padding:.15rem .5rem; border-radius:8px; }
.kn-yuzde.iyi { background:#e7f7ee; color:#1c9e5b; }
.kn-yuzde.orta { background:#fff4e0; color:#c98a00; }
.kn-yuzde.dusuk { background:#fde8e8; color:#d23b3b; }
.kn-yanlis { padding:.7rem 0; border-bottom:1px solid var(--line); }
.kn-yanlis:last-child { border-bottom:none; }
.kn-yanlis-ust { display:flex; justify-content:space-between; align-items:center; }
.kn-soru { margin:.3rem 0; }
.kn-cevaplar { display:flex; gap:1rem; flex-wrap:wrap; font-size:.88rem; }
@media (max-width:720px){
  .kn-tablo { grid-template-columns:1.6fr .6fr .6fr .6fr .6fr .8fr; font-size:.85rem; }
  .soru-metin { font-size:1.1rem; }
}

.sy-durum { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-left:4px solid var(--line); }
.sy-durum.sy-acik { border-left-color:var(--ok); background:#f3fbf6; }
.sy-durum.sy-kapali { border-left-color:var(--no); background:#fdf4f4; }
.sy-ekle-kart summary { cursor:pointer; color:var(--brand); }
.sy-form { display:grid; gap:.7rem; margin-top:.8rem; }
.sy-form label { display:flex; flex-direction:column; gap:.25rem; font-size:.8rem; color:var(--muted); }
.sy-form .input, .sy-form textarea.input { font-size:.95rem; color:var(--ink); }
.sy-siklar { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.sy-alt { display:flex; flex-wrap:wrap; gap:.8rem; align-items:flex-end; }
.sy-alt label { flex:1; min-width:120px; }
.sy-arama { display:flex; gap:.5rem; margin:1rem 0; flex-wrap:wrap; }
.sy-arama .input { flex:1; min-width:160px; }
.sy-soru.sy-pasif { opacity:.62; }
.sy-soru-ust { display:flex; justify-content:space-between; align-items:center; gap:.6rem; }
.sy-kat { font-size:.78rem; color:var(--muted); margin-left:.4rem; }
.sy-soru-metin { font-weight:600; margin:.5rem 0; }
.sy-siklar-goster { display:grid; grid-template-columns:1fr 1fr; gap:.3rem .8rem; font-size:.88rem; color:var(--muted); }
.sy-siklar-goster .dogru { color:var(--ok); font-weight:600; }
.sy-duzenle { margin-top:.6rem; }
.sy-duzenle summary { cursor:pointer; color:var(--brand); font-size:.88rem; }
@media (max-width:600px){ .sy-siklar, .sy-siklar-goster { grid-template-columns:1fr; } .sy-durum { flex-direction:column; align-items:flex-start; } }

.sk-tablo { grid-template-columns:2.4fr 1fr 1fr auto auto; }
@media (max-width:820px){ .sk-tablo { grid-template-columns:1fr; } }

.gs-baslik { margin:1.4rem 0 .6rem; font-size:1rem; color:var(--ink); }
.gs-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:.8rem; }
.gs-kart { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1rem 1.1rem; display:flex; flex-direction:column; gap:.25rem; text-decoration:none; }
.gs-kart .gs-buyuk { font-size:1.9rem; font-weight:700; color:var(--brand); line-height:1; }
.gs-kart .gs-etiket { font-size:.82rem; color:var(--muted); }
.gs-link { transition:border-color .12s, box-shadow .12s; }
.gs-link:hover { border-color:var(--brand); box-shadow:0 2px 10px rgba(22,42,163,.08); }
.gs-ok .gs-buyuk { color:var(--ok); }
.gs-wait { border-color:#f0c869; background:#fffaf0; }
.gs-wait .gs-buyuk { color:#c98a00; }
.gs-no { border-color:#f1b0b0; background:#fdf4f4; }
.gs-no .gs-buyuk { color:var(--no); }
.gs-pasif { color:var(--muted); }

.sv-hazir-kutu { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; cursor:pointer; }
.sv-hazir-chk { width:22px; height:22px; accent-color:var(--ok); cursor:pointer; }
.sv-hazir-li { border-radius:10px; padding-left:.5rem !important; padding-right:.5rem !important; transition:background .15s, border-color .15s; }
.sv-hazir-li.hazir { background:#e7f7ee; border-left:4px solid var(--ok); }
.sv-hazir-li.hazir .sv-urun-ad { color:#1c9e5b; }

.yd-tablo { grid-template-columns:2.4fr 1.2fr .8fr auto; }
@media (max-width:600px){ .yd-tablo { grid-template-columns:1fr 1fr; } }

.gs-ikili { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:.5rem 0 .2rem; }
@media (max-width:760px){ .gs-ikili { grid-template-columns:1fr; } }
.gs-cizelge { padding:1rem 1.1rem; }
.gs-c-bas { font-weight:600; color:var(--ink); margin-bottom:.85rem; font-size:.98rem; }
.gs-c-alt { color:var(--muted); font-weight:400; font-size:.8rem; margin-left:.3rem; }
.gs-bos-not { color:var(--muted); font-size:.88rem; margin:.3rem 0; }

.gs-stack { display:flex; height:22px; border-radius:11px; overflow:hidden; background:var(--brand-050); }
.gs-stack-seg { height:100%; transition:width .4s; }
.gs-legend { display:flex; flex-wrap:wrap; gap:.45rem 1.1rem; margin-top:.8rem; }
.gs-leg { display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; color:var(--muted); }
.gs-leg i { width:11px; height:11px; border-radius:3px; display:inline-block; }
.gs-leg b { color:var(--ink); }

.gs-bar-satir { display:grid; grid-template-columns:108px 1fr 50px; align-items:center; gap:.6rem; margin:.5rem 0; }
.gs-bar-ad { font-size:.85rem; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gs-bar-yol { background:var(--brand-050); border-radius:8px; height:14px; overflow:hidden; }
.gs-bar-dolu { background:var(--brand); height:100%; border-radius:8px; min-width:2px; transition:width .4s; }
.gs-bar-deg { font-size:.82rem; color:var(--muted); text-align:right; }

.gs-kart-genis .gs-prog { margin-top:.55rem; width:100%; height:8px; background:rgba(255,255,255,.55); border-radius:6px; overflow:hidden; }
.gs-prog-dolu { height:100%; background:var(--brand); border-radius:6px; transition:width .4s; }

.gs-sutunlar { display:flex; align-items:flex-end; gap:.4rem; height:130px; }
.gs-sutun { flex:1; display:flex; flex-direction:column; align-items:center; gap:.25rem; height:100%; justify-content:flex-end; }
.gs-sutun-bar { width:100%; max-width:30px; flex:1; display:flex; align-items:flex-end; }
.gs-sutun-dolu { width:100%; background:var(--brand); border-radius:6px 6px 0 0; min-height:2px; transition:height .4s; }
.gs-sutun-zayi { background:#D7263D; }
.gs-sutun-deg { font-size:.78rem; font-weight:600; color:var(--ink); }
.gs-sutun-gun { font-size:.72rem; color:var(--muted); }

.topbar-zil { position:relative; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:var(--brand); text-decoration:none; transition:background .15s; }
.topbar-zil:hover { background:var(--brand-050); }
.topbar-zil.aktif { background:var(--brand-050); }
.zil-rozet { position:absolute; top:3px; right:2px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#D7263D; color:#fff; font-size:.68rem; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:1; }

.bd-liste { padding:.3rem .4rem; }
.bd-satir { display:flex; align-items:center; gap:.7rem; padding:.7rem .7rem; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); border-radius:8px; }
.bd-satir:last-child { border-bottom:none; }
.bd-satir:hover { background:var(--brand-050); }
.bd-yeni { background:var(--brand-050); }
.bd-nokta { flex:0 0 auto; width:9px; height:9px; border-radius:50%; background:var(--brand); }
.bd-sevkiyat { background:var(--brand); }
.bd-vardiya { background:#E8A33D; }
.bd-icerik { flex:1; display:flex; flex-direction:column; gap:.15rem; }
.bd-mesaj { font-size:.92rem; }
.bd-zaman { font-size:.78rem; color:var(--muted); }
.bd-yeni-etiket { flex:0 0 auto; font-size:.68rem; font-weight:700; color:#fff; background:#D7263D; border-radius:8px; padding:.1rem .4rem; }

.dy-form .input { width:100%; margin-bottom:.6rem; }
.dy-icerik { resize:vertical; font-family:inherit; }
.dy-hedef { display:flex; flex-wrap:wrap; gap:.7rem; align-items:flex-end; }
.dy-hedef label { font-size:.8rem; color:var(--muted); display:flex; flex-direction:column; gap:.25rem; }
.dy-kart { border-left:4px solid var(--brand); }
.dy-bas { display:flex; justify-content:space-between; align-items:baseline; gap:.6rem; flex-wrap:wrap; }
.dy-bas b { font-size:1.02rem; color:var(--ink); }
.dy-meta { font-size:.78rem; color:var(--muted); }
.dy-icerik-metin { margin:.5rem 0 .6rem; color:var(--ink); font-size:.92rem; line-height:1.5; }
.dy-alt { display:flex; justify-content:space-between; align-items:center; gap:.6rem; flex-wrap:wrap; }
.dy-etiket { font-size:.76rem; color:var(--muted); background:var(--brand-050); border-radius:8px; padding:.2rem .55rem; }
.bd-duyuru { background:#7C3AED; }

body.app { background:var(--bg); }
body.app .topbar { position:fixed; top:0; left:0; right:0; height:60px; z-index:30; padding:0 18px;
  box-shadow:0 1px 0 rgba(15,31,122,.06); }
.tb-menu { display:none; background:none; border:none; color:var(--brand); width:40px; height:40px;
  align-items:center; justify-content:center; cursor:pointer; margin-right:2px; border-radius:10px; }
.tb-menu:hover { background:var(--brand-050); }

.sidebar { position:fixed; top:60px; left:0; width:212px; bottom:0; background:var(--brand); z-index:20;
  padding:14px 12px; overflow-y:auto; }
.yan-marka { display:none; }
.yan-nav { display:flex; flex-direction:column; gap:2px; }
.yan-link { display:flex; align-items:center; gap:11px; color:rgba(255,255,255,.85); text-decoration:none;
  padding:10px 12px; border-radius:9px; font-size:.875rem; font-weight:500; position:relative;
  transition:background .15s, color .15s; }
.yan-link:hover { background:rgba(255,255,255,.10); color:#fff; }
.yan-link.akt { background:rgba(255,255,255,.16); color:#fff; font-weight:600; }
.yan-link.akt::before { content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:3px;
  background:#fff; border-radius:0 3px 3px 0; }
.yi { width:18px; height:18px; flex:0 0 auto; }

body.app .app-main { margin-left:212px; padding-top:60px; min-height:100vh; }
body.app .container { padding:1.5rem 1.6rem; }
body.app .card { border-radius:14px; box-shadow:0 1px 2px rgba(20,30,80,.05); }

.yan-backdrop { display:none; }
.mobil-bar { display:none; }

@media (max-width:900px) {
  body.app .topbar { height:56px; }
  .tb-menu { display:inline-flex; }
  body.app .topbar-user .who { display:none; }
  .sidebar { top:0; width:250px; transform:translateX(-100%); transition:transform .25s ease; z-index:50;
    box-shadow:6px 0 26px rgba(11,16,32,.20); }
  .yan-marka { display:flex; align-items:center; justify-content:center; padding:12px 0 16px;
    border-bottom:1px solid rgba(255,255,255,.16); margin-bottom:10px; }
  .yan-marka img { height:26px; filter:brightness(0) invert(1); }
  body.yan-acik .sidebar { transform:translateX(0); }
  .yan-backdrop { display:block; position:fixed; inset:0; background:rgba(11,16,32,.45); z-index:45;
    opacity:0; pointer-events:none; transition:opacity .25s; }
  body.yan-acik .yan-backdrop { opacity:1; pointer-events:auto; }
  body.app .app-main { margin-left:0; padding-top:56px; padding-bottom:70px; }
  body.app .container { padding:1.1rem 1rem; }
  .mobil-bar { display:flex; position:fixed; bottom:0; left:0; right:0; height:60px; background:var(--surface);
    border-top:1px solid var(--line); z-index:30; padding:6px 4px; }
  .mb-link { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    color:var(--muted); font-size:.64rem; text-decoration:none; background:none; border:none; cursor:pointer; }
  .mb-link svg { width:21px; height:21px; }
  .mb-link.akt { color:var(--brand); }
  .mb-link.akt span { font-weight:600; }
  .mb-ic { position:relative; display:flex; }
  .mb-rozet { position:absolute; top:-2px; right:-4px; width:8px; height:8px; background:#D7263D; border-radius:50%; }
}

.imza { text-align:center; font-size:.66rem; letter-spacing:.06em; color:var(--muted); padding:14px 0 12px; opacity:.85; }
.imza b { color:var(--brand); font-weight:600; }
body.app .app-main { display:flex; flex-direction:column; }
body.app .imza { margin-top:auto; padding:16px 0 14px; }
.sv-ek { margin:.5rem 0 .7rem; padding:.6rem; border:1px dashed var(--line); border-radius:10px; }
.sv-ek-bas { font-size:.78rem; color:var(--muted); font-weight:600; margin-bottom:.4rem; }
.sv-ek-satir { display:flex; gap:.4rem; align-items:center; margin-bottom:.4rem; }
.sv-ek-satir .input { flex:1; min-width:0; }
.sv-ek-satir .sv-miktar { flex:0 0 84px; }
.sv-ek-satir .sv-birim { flex:0 0 84px; }
.sv-ek-sil { flex:0 0 auto; background:none; border:none; color:var(--muted); cursor:pointer; font-size:.95rem; padding:.2rem .4rem; }
.sv-ek-sil:hover { color:#D7263D; }

body.app .container { width:100%; }
.gs-wrap { max-width:640px; }
.gs-form { padding:1rem; }
.gs-metin { width:100%; resize:vertical; min-height:64px; }
.gs-form-alt { display:flex; align-items:center; justify-content:space-between; margin-top:.6rem; gap:.6rem; }
.gs-foto-sec { display:inline-flex; align-items:center; gap:.4rem; color:var(--brand); font-weight:600; font-size:.85rem; cursor:pointer; }
.gs-foto-sec svg { width:18px; height:18px; }
.gs-akis { display:flex; flex-direction:column; gap:1rem; margin-top:1rem; }
.gs-post { padding:1rem 1.1rem; }
.gs-post-bas { display:flex; align-items:center; gap:.7rem; }
.gs-avatar { width:40px; height:40px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; flex:0 0 auto; }
.gs-avatar-foto { object-fit:cover; background:var(--brand-050); }
.gs-kim { display:flex; flex-direction:column; line-height:1.2; }
.gs-kim b { font-size:.95rem; color:var(--ink); }
.gs-kim span { font-size:.75rem; color:var(--muted); }
.gs-sil-form { margin-left:auto; }
.gs-sil { background:none; border:none; color:var(--muted); cursor:pointer; font-size:.9rem; padding:.2rem .4rem; }
.gs-sil:hover { color:#D7263D; }
.gs-metin-govde { margin:.7rem 0 .2rem; font-size:.95rem; color:var(--text); white-space:pre-wrap; word-break:break-word; }
.gs-gorsel { width:100%; border-radius:12px; margin-top:.6rem; display:block; }
.gs-tepki-bar { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.8rem; padding-top:.7rem; border-top:1px solid var(--line); }
.gs-tepki { display:inline-flex; align-items:center; gap:.3rem; padding:.3rem .6rem; border:1px solid var(--line); border-radius:999px; background:var(--surface); cursor:pointer; font-size:1rem; transition:border-color .15s, background .15s; }
.gs-tepki:hover { border-color:var(--brand); }
.gs-tepki.aktif { background:var(--brand-050); border-color:var(--brand); }
.gs-tepki .gs-say { font-size:.78rem; color:var(--muted); font-weight:600; min-width:8px; }
.gs-tepki.aktif .gs-say { color:var(--brand); }
.gs-bos { text-align:center; color:var(--muted); padding:2rem; }

.gs-nav-img { width:24px; height:24px; object-fit:contain; }

.kalib-uyari { margin:14px 1.6rem 0; padding:.75rem 1rem; background:#FFF4E5; border:1px solid #FFD8A8; color:#8A4B00; border-radius:12px; font-size:.9rem; font-weight:500; }
.kalib-uyari b { font-weight:700; }
@media (max-width:900px){ .kalib-uyari { margin:12px 1rem 0; } }

.gs-verenler { margin-top:.7rem; font-size:.82rem; }
.gs-verenler summary { cursor:pointer; color:var(--muted); font-weight:600; list-style:none; }
.gs-verenler summary::-webkit-details-marker { display:none; }
.gs-verenler summary::before { content:"▾ "; }
.gs-veren-liste { display:flex; flex-wrap:wrap; gap:.4rem .9rem; margin-top:.55rem; }
.gs-veren { color:var(--text); }

html, body { overflow-x:hidden; max-width:100%; }
body.app .app-main, body.app .container { min-width:0; }
@media (max-width:900px){
  body.app .card { max-width:100%; }
  body.app .plan-head, body.app .durum-row { flex-wrap:wrap; }
}

.egitim-wrap { max-width:760px; }
.egitim-tamam { padding:1rem 1.1rem; background:var(--ok-bg); border:1px solid var(--ok); color:#0F6B47; }
.egitim-bolum { font-size:1rem; margin-bottom:.7rem; }
.egitim-aciklama { color:var(--muted); font-size:.9rem; margin:0 0 .5rem; }
.egitim-deneme { color:var(--no); font-size:.85rem; margin:0 0 .7rem; font-weight:500; }
.egitim-bos { color:var(--muted); font-size:.9rem; }
.egitim-dok-liste { display:flex; flex-direction:column; gap:.5rem; }
.egitim-dok { display:flex; align-items:center; gap:.7rem; padding:.7rem .9rem; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.egitim-dok-kat { font-size:.7rem; font-weight:700; color:var(--brand); background:var(--brand-050); padding:.2rem .5rem; border-radius:999px; flex:0 0 auto; }
.egitim-dok-ad { font-weight:600; color:var(--ink); flex:1; min-width:0; }
.egitim-dok-ac { color:var(--brand); font-weight:600; font-size:.85rem; }
.egitim-test-kart { margin-top:1rem; }
.egitim-form, .egitim-soru-form { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-bottom:1rem; }
.egitim-soru-form { flex-direction:column; align-items:stretch; }
.egitim-soru-form .input, .egitim-soru-form textarea { width:100%; }
.esf-satir { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.egitim-dogru { font-size:.85rem; color:var(--muted); display:inline-flex; align-items:center; gap:.4rem; }
.egitim-soru-liste { display:flex; flex-direction:column; gap:.6rem; }
.egitim-soru-item { padding:.7rem .9rem; border:1px solid var(--line); border-radius:12px; }
.egitim-soru-item.pasif { opacity:.55; }
.esi-siklar { font-size:.82rem; color:var(--muted); margin:.35rem 0; }
.esi-islem { display:flex; gap:.5rem; align-items:center; }
.acik-cevap-satir { border-top:1px solid var(--line); padding:.6rem 0; }
.acik-cevap-satir:first-of-type { border-top:none; padding-top:.4rem; }
.acik-soru-metin { font-size:.88rem; margin:0 0 .3rem; }
.acik-cevap-metin { font-size:.9rem; background:var(--bg); border-radius:8px; padding:.5rem .7rem; margin:0 0 .5rem; white-space:pre-wrap; }
.acik-puanla-form { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.mgir-kart { margin-bottom:.8rem; }
.mgir-kisi-ad { font-weight:700; margin-bottom:.6rem; }
.mgir-satir { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:.5rem 0; border-top:1px solid var(--line); }
.mgir-satir:first-of-type { border-top:none; padding-top:0; }
.mgir-etiket { font-weight:600; font-size:.9rem; flex:0 0 auto; }
.mgir-form { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.badge-manuel { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#8A5A00; background:#FFF3D6; border-radius:999px; padding:.15rem .5rem; }
.sozlesme-metin { font-size:.95rem; color:var(--text); margin-bottom:1rem; }
.sozlesme-onay { display:flex; align-items:center; gap:.55rem; font-weight:600; margin-bottom:1rem; cursor:pointer; }
.test-kart { padding:1.2rem; }
.test-ust { display:flex; justify-content:space-between; align-items:center; font-weight:600; color:var(--muted); font-size:.9rem; }
.test-sayac { color:var(--brand); }
.test-bar { height:6px; background:var(--brand-050); border-radius:999px; overflow:hidden; margin:.6rem 0 1.1rem; }
.test-bar-ic { height:100%; width:100%; background:var(--brand); transition:width 1s linear; }
.test-metin { font-weight:600; font-size:1.02rem; color:var(--ink); margin-bottom:1rem; }
.test-sik { display:flex; align-items:center; gap:.6rem; padding:.7rem .8rem; border:1px solid var(--line); border-radius:12px; margin-bottom:.5rem; cursor:pointer; transition:border-color .15s, background .15s; }
.test-sik:hover { border-color:var(--brand); }
.test-sik input { flex:0 0 auto; }
.test-acik-metin { width:100%; border:1px solid var(--line); border-radius:12px; padding:.7rem .8rem; font-family:inherit; font-size:.95rem; resize:vertical; margin-bottom:.4rem; }
.test-acik-metin:focus { outline:none; border-color:var(--brand); }
.test-acik-not { font-size:.78rem; color:var(--muted); margin:0 0 .8rem; }
.test-ileri { margin-top:.6rem; }

.egitim-anahtar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.ea-durum { font-weight:600; }
.ea-alan { display:flex; flex-direction:column; gap:.3rem; font-size:.82rem; color:var(--muted); font-weight:600; }
.egitim-belge { margin-bottom:1.2rem; }
.egitim-belge-bas { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-bottom:.5rem; }
.egitim-pdf { width:100%; height:600px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.egitim-video { width:100%; max-height:600px; border:1px solid var(--line); border-radius:12px; background:#000; display:block; }
@media (max-width:900px){ .egitim-pdf { height:460px; } .egitim-video { max-height:360px; } }
.egitim-sinav-kart { margin-top:1rem; }
.btn.kilitli { opacity:.55; cursor:not-allowed; }
.test-karteli .kartel-liste { margin:.5rem 0 1.2rem; padding-left:1.1rem; display:flex; flex-direction:column; gap:.55rem; color:var(--text); font-size:.93rem; }

.egitim-filtre { display:flex; align-items:center; gap:.5rem; margin-bottom:.8rem; flex-wrap:wrap; }
.egitim-filtre label { font-size:.85rem; color:var(--muted); font-weight:600; }

.egitim-hero-ic { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; }
.egitim-hero-yazi { flex:1; min-width:0; }
.barista-svg { width:118px; height:auto; flex:0 0 auto; }
@media (max-width:640px){ .barista-svg { width:84px; } }
.egitim-tamam-not { color:#0F6B47; font-weight:600; margin:0 0 .8rem; }
.ist-not { font-weight:400; font-size:.8rem; color:var(--muted); }
.ist-grafik { display:flex; flex-direction:column; gap:1.1rem; }
.ist-ad { font-weight:600; margin-bottom:.45rem; }
.ist-bar-satir { display:flex; align-items:center; gap:.6rem; margin-bottom:.35rem; }
.ist-etiket { width:52px; font-size:.8rem; color:var(--muted); flex:0 0 auto; }
.ist-bar { flex:1; height:14px; background:var(--brand-050); border-radius:999px; overflow:hidden; }
.ist-bar-ic { height:100%; border-radius:999px; min-width:2px; }
.ist-dogru { background:var(--ok); }
.ist-yanlis { background:var(--no); }
.ist-deneme { background:var(--brand); }
.ist-deger { width:34px; text-align:right; font-size:.82rem; font-weight:600; flex:0 0 auto; }

.egitim-hero-ic { margin-bottom:1.2rem; }
.egitim-aksiyon { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.2rem; }
.egitim-belgeler { margin-top:.4rem; }

/* === Boxless tema (tüm sayfalar) === */
.card { background:transparent; border:none; box-shadow:none; }
.container > .card { margin-bottom:1.5rem; }
.plan-aralik { display:none; }

/* Dünya saatleri (Geek Crew) */
.gs-saatler { display:flex; gap:.6rem; overflow-x:auto; padding-bottom:.4rem; margin-bottom:1.2rem; -webkit-overflow-scrolling:touch; }
.gs-saat { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:.15rem; padding:.6rem .9rem; background:var(--brand); color:#fff; border-radius:14px; min-width:92px; }
.gs-sehir { font-size:.72rem; opacity:.85; font-weight:500; }
.gs-vakit { font-size:1rem; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:.5px; }
/* Şube galerisi (Geek Crew) */
.gs-subeler { margin-bottom:1.4rem; }
.gs-subeler-bas { font-weight:600; margin-bottom:.6rem; }
.gs-sube-serit { display:flex; gap:.8rem; overflow-x:auto; padding-bottom:.6rem; -webkit-overflow-scrolling:touch; }
.gs-sube-kart { flex:0 0 auto; width:180px; background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:hidden; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; transition:transform .15s, box-shadow .15s; }
.gs-sube-kart:hover { transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.gs-sube-foto { position:relative; width:100%; height:120px; background:var(--brand-050); }
.gs-sube-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.gs-sube-rozet { position:absolute; top:.5rem; left:.5rem; background:var(--wait); color:#fff; font-size:.68rem; font-weight:700; padding:.2rem .5rem; border-radius:999px; }
.gs-sube-ad { font-weight:600; font-size:.9rem; padding:.6rem .7rem .1rem; }
.gs-sube-saat { font-size:.76rem; color:var(--muted); padding:0 .7rem .1rem; }
.gs-sube-harita { font-size:.76rem; color:var(--brand); font-weight:600; padding:.3rem .7rem .7rem; margin-top:auto; }

/* Analog kadran saatler (dijitali ezer) */
.gs-saatler { flex-wrap:wrap; justify-content:space-around; gap:1rem 1.2rem; overflow:visible; }
.gs-saat { background:transparent; color:var(--ink); padding:0; min-width:0; flex:0 0 auto; width:96px; gap:.4rem; }
.saat-yuz { width:88px; height:88px; display:block; }
.saat-yuz .ibre { transform-box:view-box; transform-origin:50px 50px; }
.gs-saat .gs-sehir { color:var(--brand); font-weight:600; font-size:.8rem; opacity:1; }
@media (min-width:720px){ .gs-saatler { justify-content:flex-start; gap:1.4rem 2.2rem; } .saat-yuz { width:96px; height:96px; } .gs-saat { width:104px; } }
/* Şubeler masaüstünde yayılır (grid) */
.gs-sube-serit { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:1rem; overflow:visible; }
.gs-sube-kart { width:auto; }
.push-ac { margin-bottom:1rem; }

/* Geek Crew iki kolon */
.gs-duzen { display:grid; grid-template-columns:1fr; gap:1.4rem; align-items:start; }
@media (min-width:900px){ .gs-duzen { grid-template-columns:minmax(0,1fr) 310px; } .gs-yan { position:sticky; top:1rem; } }
.gs-ana { min-width:0; }
.gs-sube-liste { display:flex; flex-direction:column; gap:.7rem; }
@media (min-width:900px){ .gs-sube-liste { max-height:calc(100vh - 130px); overflow-y:auto; padding-right:.3rem; } }
.gs-yan .gs-sube-kart { display:grid; grid-template-columns:56px 1fr; grid-template-rows:auto auto auto; gap:0 .6rem; align-items:center; padding:.5rem; width:auto; }
.gs-yan .gs-sube-foto { grid-row:1 / span 3; width:56px; height:56px; border-radius:10px; }
.gs-yan .gs-sube-ad { grid-column:2; padding:0; font-size:.82rem; }
.gs-yan .gs-sube-saat { grid-column:2; padding:0; font-size:.72rem; }
.gs-yan .gs-sube-harita { grid-column:2; padding:.1rem 0 0; font-size:.72rem; margin-top:0; }

/* Eğitim kişi detay (yanlış cevaplar) */
.egitim-kisi-lnk { color:var(--brand); font-weight:600; text-decoration:none; }
.egitim-kisi-lnk:hover { text-decoration:underline; }
.egitim-detay-ozet { color:var(--text); margin-bottom:.6rem; }
.egitim-detay-not { color:var(--muted); font-size:.85rem; margin-bottom:1rem; }
.egitim-detay-liste { display:flex; flex-direction:column; gap:.9rem; }
.ed-soru { border:1px solid var(--line); border-radius:12px; padding:.8rem .9rem; }
.ed-soru.ed-yanlis { border-color:var(--no); background:var(--no-bg); }
.ed-metin { font-weight:600; margin-bottom:.6rem; display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.ed-no { color:var(--muted); }
.ed-siklar { display:flex; flex-direction:column; gap:.35rem; }
.ed-sik { padding:.4rem .6rem; border-radius:8px; font-size:.9rem; display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.ed-sik.ed-dogru { background:var(--ok-bg); }
.ed-sik.ed-secilen-yanlis { background:var(--no-bg); }
.ed-harf { font-weight:700; color:var(--brand); }
.ed-etiket { font-size:.68rem; font-weight:700; padding:.1rem .4rem; border-radius:999px; }
.ed-et-dogru { background:var(--ok); color:#fff; }
.ed-et-secilen { background:var(--brand); color:#fff; }
.ed-bos { font-size:.8rem; color:var(--no); font-style:italic; }

/* Geek Crew: geniş tek sütun + alt şube galerisi */
.gs-wrap { max-width:960px; }
.gs-subeler { margin-top:2rem; }
.gs-subeler-bas { font-weight:600; margin-bottom:.8rem; font-size:1.05rem; }
.gs-sube-serit { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:1rem; overflow:visible; }
.gs-sube-kart { width:auto; flex-direction:column; }
.gs-sube-foto { height:130px; }

/* Push test butonu + sonuç */
.push-ust { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.push-test-sonuc { margin:.7rem 0 0; padding:.7rem .9rem; border-radius:var(--radius-sm); font-size:.92rem; line-height:1.4; }
.push-test-sonuc.ok { background:var(--ok-bg); color:var(--ok); border:1px solid var(--ok); }
.push-test-sonuc.hata { background:var(--no-bg); color:var(--no); border:1px solid var(--no); }

/* Geek Playlist köşe widget */
.geek-playlist { position:fixed; right:16px; bottom:16px; z-index:60; display:flex; flex-direction:column; align-items:flex-end; gap:.5rem; }
.gp-btn { display:inline-flex; align-items:center; gap:.35rem; text-decoration:none; background:var(--brand); color:#fff; border:none; border-radius:999px; padding:.55rem .95rem; font-weight:600; font-size:.85rem; cursor:pointer; box-shadow:var(--shadow-sm); transition:background .15s; }
.gp-btn:hover { background:var(--brand-700); }
.gp-panel { width:300px; max-width:82vw; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 8px 30px rgba(0,0,0,.18); overflow:hidden; }
.gp-baslik { display:flex; align-items:center; gap:.4rem; padding:.55rem .7rem; font-size:.85rem; font-weight:600; color:var(--text); border-bottom:1px solid var(--line); }
.gp-nota { color:var(--brand); }
.gp-mod { font-weight:500; font-size:.7rem; color:var(--muted); background:var(--brand-050); padding:.05rem .4rem; border-radius:999px; }
.gp-kapat { margin-left:auto; background:none; border:none; font-size:1.2rem; line-height:1; color:var(--muted); cursor:pointer; }
.gp-kapat:hover { color:var(--no); }
.gp-yt { width:100%; aspect-ratio:16/9; background:#000; }
.gp-yt iframe { width:100%; height:100%; display:block; border:0; }
.gp-dis { display:block; padding:.5rem .7rem; font-size:.75rem; color:var(--muted); text-decoration:none; }
.gp-dis:hover { color:var(--brand); }
@media (max-width:640px){ .geek-playlist { right:10px; bottom:74px; } .gp-panel { width:260px; } }

/* Geek Playlist — kutu + dönen plak */
.gp-kutu { display:flex; align-items:center; gap:.55rem; background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:.32rem .5rem .32rem .4rem; box-shadow:0 6px 20px rgba(0,0,0,.14); }
.gp-plak { width:34px; height:34px; display:block; flex:0 0 auto; }
.gp-plak-svg { width:100%; height:100%; animation:gp-spin 3.2s linear infinite; transform-origin:50% 50%; }
@keyframes gp-spin { to { transform:rotate(360deg); } }

/* Zorunlu bildirim izni kartı */
.bildirim-karti { margin:0 0 1rem; background:var(--brand-050); border:1px solid var(--brand-100); border-left:4px solid var(--brand); border-radius:var(--radius-sm); padding:.8rem 1rem; }
.bk-satir { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; }
.bk-ikon { font-size:1.4rem; line-height:1; }
.bk-metin { display:flex; flex-direction:column; gap:.1rem; flex:1 1 220px; min-width:0; }
.bk-metin b { color:var(--ink); }
.bk-metin span { font-size:.85rem; color:var(--muted); }
.bk-nasil { background:none; border:none; color:var(--brand); font-size:.85rem; cursor:pointer; text-decoration:underline; }
.bk-rehber { margin-top:.7rem; padding-top:.7rem; border-top:1px dashed var(--brand-100); font-size:.85rem; color:var(--text); }
.bk-rehber ol { margin:.4rem 0 0; padding-left:1.2rem; display:flex; flex-direction:column; gap:.35rem; }

/* Geek Crew — Instagram-story tarzı şampiyon şeridi */
.gs-story-serit { display:flex; gap:.9rem; overflow-x:auto; padding:.3rem .1rem 1rem; margin-bottom:.3rem; -webkit-overflow-scrolling:touch; }
.gs-story { flex:0 0 auto; width:84px; text-align:center; }
.gs-story-ring { width:64px; height:64px; margin:0 auto; border-radius:50%; padding:3px; background:conic-gradient(from 210deg, var(--brand), #7b8cff, var(--brand)); display:flex; align-items:center; justify-content:center; }
.gs-story-ring.sube { background:conic-gradient(from 210deg, #e6a800, #ffd970, #e6a800); }
.gs-story-ic { width:100%; height:100%; border-radius:50%; background:var(--surface); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.4rem; color:var(--brand); text-transform:uppercase; }
.gs-story-sube .gs-story-ic { color:#b98400; }
.gs-story-ad { font-size:.72rem; font-weight:600; color:var(--ink); margin-top:.35rem; line-height:1.15; word-break:break-word; }
.gs-story-alt { font-size:.66rem; color:var(--muted); margin-top:.1rem; }

/* Eğitim yönetim: şube aç/kapat + etiket + şampiyonlar */
.ea-not { font-size:.82rem; color:var(--muted); font-weight:400; }
.ea-sube-liste { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.6rem; }
.ea-sube { display:flex; align-items:center; gap:.6rem; padding:.45rem .7rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); }
.ea-sube.on { border-color:var(--ok); background:var(--ok-bg); }
.egitim-sube-etiket { display:inline-block; font-size:.68rem; font-weight:600; color:var(--brand); background:var(--brand-050); border:1px solid var(--brand-100); padding:.05rem .4rem; border-radius:999px; margin-right:.3rem; }
.egitim-sube-etiket.genel { color:var(--muted); background:var(--bg); border-color:var(--line); }
.samp-sube { font-size:.9rem; margin:.2rem 0 .6rem; }
.samp-liste { display:flex; flex-direction:column; gap:.35rem; }
.samp-kisi { display:flex; align-items:center; gap:.45rem; font-size:.9rem; }
.samp-madalya { font-size:1rem; }

/* Mola QR yönetim */
.qr-arac { margin:.4rem 0 1rem; }
.qr-liste { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:1rem; }
.qr-kart { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1rem; text-align:center; }
.qr-sube { font-weight:700; color:var(--ink); margin-bottom:.6rem; }
.qr-kod { display:inline-flex; justify-content:center; align-items:center; background:#fff; padding:16px; border:2px solid #111; border-radius:10px; margin:0 auto; }
.qr-kod img, .qr-kod canvas { display:block; }
.qr-url { font-size:.62rem; color:var(--muted); word-break:break-all; margin:.5rem 0; }
.qr-yenile { margin-top:.3rem; }

/* Mola giriş / tarama */
.mola-giris { max-width:520px; }
.mola-kart { text-align:center; padding:1.6rem 1.2rem; }
.mola-ikon { font-size:2.6rem; line-height:1; margin-bottom:.4rem; }
.mola-kart h2 { margin:.2rem 0 .3rem; }
.mola-sube { font-weight:600; color:var(--brand); }
.mola-kalan { font-size:1.05rem; margin:.4rem 0; }
.mola-aktif { border:1px solid var(--brand-100); background:var(--brand-050); }
.mola-btn { min-width:120px; margin:.3rem; }
.mola-sure-btn { display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; margin:.6rem 0; }
.tara-alan { position:relative; margin:.8rem auto; max-width:360px; border-radius:var(--radius); overflow:hidden; background:#000; }
.tara-alan video { width:100%; display:block; }
.tara-hedef { position:absolute; inset:18% 18%; border:3px solid rgba(255,255,255,.85); border-radius:14px; box-shadow:0 0 0 2000px rgba(0,0,0,.25); }
.tara-durum { font-size:.9rem; color:var(--muted); min-height:1.2em; margin:.5rem 0; }

@media print {
  .yan-nav, .topbar, .mobil-bar, aside, footer, .imza, .no-print, .qr-arac, .bildirim-karti, .kalib-uyari { display:none !important; }
  .qr-liste { grid-template-columns:repeat(2, 1fr); }
  .qr-kart { break-inside:avoid; border:1px solid #999; display:flex; flex-direction:column; align-items:center; padding:16px 0; }
  .qr-kart .qr-sube { font-size:1.05rem; font-weight:700; margin-bottom:8px; }
  .app-main { margin:0 !important; padding:0 !important; }
}

/* Barista ikon + Mola izleme */
.mola-barista { width:64px; height:64px; }
.mola-ozet { font-weight:600; color:var(--brand); margin-bottom:.8rem; }
.mola-izle-liste { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:.9rem; }
.mola-izle-kart { background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--ok); border-radius:var(--radius-sm); padding:.8rem 1rem; }
.mola-izle-kart.asti { border-left-color:var(--no); background:var(--no-bg); }
.mi-ust { display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; }
.mi-ust b { color:var(--ink); }
.mi-sube { font-size:.75rem; color:var(--muted); }
.mi-alt { display:flex; align-items:center; gap:.7rem; margin-top:.4rem; flex-wrap:wrap; }
.mi-sayac { font-size:1.3rem; font-weight:700; font-variant-numeric:tabular-nums; color:var(--brand); }
.mi-tip { font-size:.78rem; color:var(--muted); }
.mi-kalan { font-size:.78rem; margin-left:auto; color:var(--ok); font-weight:600; }
.mi-kalan.asti { color:var(--no); }

/* İnşaat Denetim */
.ins-form { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; }
.ins-form .input { flex:1 1 220px; }
.ins-liste { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:1rem; }
.ins-kart { display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1rem; text-decoration:none; color:inherit; transition:border-color .15s, box-shadow .15s; }
.ins-kart:hover { border-color:var(--brand); box-shadow:var(--shadow-sm); }
.ins-kart-ust { display:flex; justify-content:space-between; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.ins-kart-ust b { color:var(--ink); }
.ins-kart-alt { display:flex; justify-content:space-between; gap:.6rem; flex-wrap:wrap; margin-bottom:.5rem; }
.ins-bar { height:8px; background:var(--brand-050); border-radius:999px; overflow:hidden; }
.ins-bar-ic { height:100%; background:var(--brand); border-radius:999px; transition:width .3s; }
.ins-aksiyon { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.ins-yonetim { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin-top:.8rem; padding-top:.8rem; border-top:1px solid var(--line); }
.ins-ata { display:flex; gap:.5rem; align-items:center; }
.ins-madde-liste { display:flex; flex-direction:column; gap:.7rem; }
.ins-madde { border:1px solid var(--line); border-left:4px solid var(--line); border-radius:var(--radius-sm); padding:.7rem .9rem; }
.ins-madde.durum-tamam { border-left-color:var(--ok); }
.ins-madde.durum-devam { border-left-color:var(--wait); }
.ins-madde.durum-yapilmadi { border-left-color:var(--no); }
.im-ust { display:flex; justify-content:space-between; gap:.6rem; align-items:center; flex-wrap:wrap; }
.im-metin { font-weight:500; color:var(--ink); }
.im-durum-btn { display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.6rem; align-items:center; }
.im-durum-btn form { display:inline; }
.im-db { cursor:pointer; border:1px solid var(--line); background:var(--surface); border-radius:999px; padding:.3rem .7rem; font-size:.8rem; font-weight:600; color:var(--muted); }
.im-db-ok.akt { background:var(--ok-bg); color:var(--ok); border-color:var(--ok); }
.im-db-wait.akt { background:var(--wait-bg); color:var(--wait); border-color:var(--wait); }
.im-db-no.akt { background:var(--no-bg); color:var(--no); border-color:var(--no); }
.im-sil { margin-left:auto; }
.im-not { display:flex; gap:.5rem; margin-top:.6rem; align-items:flex-start; }
.im-not textarea { flex:1 1 auto; resize:vertical; min-height:2.2em; padding:.4rem .6rem; border:1px solid var(--line); border-radius:var(--radius-sm); font:inherit; }
.im-not-oku { margin-top:.5rem; font-size:.85rem; color:var(--muted); }

/* İnşaat detay — sekmeli/filtreli/kompakt düzen */
.ins-sekme-bar { display:flex; gap:.5rem; margin:0 0 1rem; flex-wrap:wrap; }
.ins-sekme { background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:.5rem 1rem; font-weight:600; font-size:.9rem; cursor:pointer; color:var(--muted); transition:all .15s; }
.ins-sekme.akt { background:var(--brand); color:#fff; border-color:var(--brand); }
.ins-sekme-say { opacity:.85; font-weight:500; font-size:.8rem; }
.ins-panel-bas { display:flex; align-items:center; gap:.7rem; margin-bottom:.8rem; }
.ins-bar.sm { flex:1; height:6px; }
.ins-filtre { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:.6rem; }
.ins-fb { background:var(--bg); border:1px solid var(--line); border-radius:999px; padding:.25rem .75rem; font-size:.78rem; cursor:pointer; color:var(--muted); }
.ins-fb.akt { background:var(--brand-050); border-color:var(--brand); color:var(--brand); font-weight:600; }
.ins-satirlar { display:flex; flex-direction:column; }
.ins-satir { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; padding:.6rem .1rem; border-bottom:1px solid var(--line); }
.ins-satir:last-child { border-bottom:none; }
.ins-satir.vurgu { background:var(--brand-050); border-radius:var(--radius-sm); transition:background 1.2s; }
.is-dot { width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
.durum-tamam .is-dot { background:var(--ok); }
.durum-devam .is-dot { background:var(--wait); }
.durum-yapilmadi .is-dot { background:var(--no); }
.is-govde { flex:1 1 180px; min-width:0; }
.is-metin { font-size:.9rem; color:var(--ink); }
.is-not-onizleme { font-size:.75rem; color:var(--muted); margin-top:.15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.is-kontrol { display:flex; align-items:center; gap:.35rem; }
.is-seg { display:inline-flex; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.is-seg form { display:inline; margin:0; }
.is-sb { width:32px; height:28px; border:none; background:var(--surface); cursor:pointer; font-size:.85rem; color:var(--muted); border-left:1px solid var(--line); }
.is-seg form:first-child .is-sb { border-left:none; }
.is-sb.ok.akt { background:var(--ok); color:#fff; }
.is-sb.wait.akt { background:var(--wait); color:#fff; }
.is-sb.no.akt { background:var(--no); color:#fff; }
.is-ikon { width:30px; height:28px; border:1px solid var(--line); background:var(--surface); border-radius:8px; cursor:pointer; color:var(--muted); font-size:.9rem; line-height:1; }
.is-ikon.dolu { border-color:var(--brand); color:var(--brand); }
.is-not-form { flex-basis:100%; display:flex; gap:.5rem; margin-top:.4rem; }
.is-not-form textarea { flex:1; resize:vertical; min-height:2em; padding:.35rem .6rem; border:1px solid var(--line); border-radius:var(--radius-sm); font:inherit; font-size:.85rem; }
.is-rozet { flex:0 0 auto; }

/* Mola şube seçici + geçmiş tablosu */
.mola-sube-sec { margin:0 0 1rem; }
.mola-sube-sec .sube-sec { min-width:200px; }
.mola-gecmis-tbl th, .mola-gecmis-tbl td { white-space:nowrap; }
.mg-sure { font-weight:700; color:var(--ok); }
.mg-sure.asti { color:var(--no); }
.tbl-kaydir { overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* Menü — açılır gruplar */
/* Menü alt Çıkış (mobilde birincil, masaüstünde ikincil) */
.yan-cikis-alan { margin-top:auto; padding-top:10px; border-top:1px solid rgba(255,255,255,.14); }
.yan-cikis-form { margin:0; }
.yan-cikis { width:100%; background:none; border:none; cursor:pointer; color:rgba(255,255,255,.75); }
.yan-cikis:hover { background:rgba(255,255,255,.10); color:#fff; }
@media (max-width:900px) {
  .topbar .cikis-form { display:none; }
}
.yan-bolum { font-size:.63rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em;
  color:rgba(255,255,255,.42); padding:15px 12px 5px; margin-top:4px;
  border-top:1px solid rgba(255,255,255,.10); }
.yan-nav > .yan-bolum:first-child, .yan-nav > .yan-link:first-child + .yan-bolum { border-top:none; }

/* Üst bar — global şube seçici */
.ust-sube-form { display:flex; align-items:center; gap:5px; background:var(--brand-050); border:1px solid var(--brand-100); border-radius:999px; padding:4px 6px 4px 11px; }
.ust-sube-ikon { color:var(--brand); display:flex; align-items:center; }
.ust-sube-sec { border:none; background:transparent; font:inherit; font-size:.85rem; font-weight:600; color:var(--brand); cursor:pointer; padding:2px 2px; max-width:160px; outline:none; }
@media (max-width:640px){ .ust-sube-sec { max-width:108px; font-size:.8rem; } .ust-sube-form { padding-left:8px; } }

/* Mola Takibi — canlı izleme (arka planda, açılır) */
.mt-canli { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); margin-bottom:1rem; overflow:hidden; }
.mt-canli-bas { width:100%; display:flex; align-items:center; gap:.6rem; padding:.7rem 1rem; background:none; border:none; cursor:pointer; font:inherit; font-size:.88rem; color:var(--ink); text-align:left; }
.mt-canli-nokta { width:9px; height:9px; border-radius:50%; background:var(--line); flex:0 0 auto; }
.mt-canli-nokta.mt-aktif { background:var(--ok); box-shadow:0 0 0 3px var(--ok-bg); }
.mt-canli-ok { margin-left:auto; color:var(--muted); transition:transform .2s; }
.mt-canli.acik .mt-canli-ok { transform:rotate(180deg); }
.mt-canli-panel { padding:0 1rem 1rem; border-top:1px solid var(--line); }
.mt-sube-mini { margin:.7rem 0 .5rem; max-width:220px; }
.mt-liste { display:flex; flex-direction:column; gap:.3rem; }
.mt-satir { display:flex; align-items:center; gap:.6rem; padding:.4rem .6rem; border-radius:var(--radius-sm); background:var(--bg); font-size:.85rem; }
.mt-satir.asti { background:var(--no-bg); }
.mt-satir .ea-not { flex:1; }
.mt-sayac { font-variant-numeric:tabular-nums; font-weight:700; color:var(--brand); }
.mt-satir.asti .mt-sayac { color:var(--no); }

/* Özet sayaçlar */
.mg-ozet-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:.7rem; margin-bottom:1rem; }
.mg-ozet-kart { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:.8rem; text-align:center; }
.mg-ozet-kart.uyari { border-color:var(--no); background:var(--no-bg); }
.mg-ozet-sayi { display:block; font-size:1.5rem; font-weight:700; color:var(--brand); }
.mg-ozet-kart.uyari .mg-ozet-sayi { color:var(--no); }
.mg-ozet-etiket { font-size:.75rem; color:var(--muted); }

/* Takvim / filtre kartı */
.mg-filtre-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:.9rem 1rem; margin-bottom:1rem; display:flex; flex-direction:column; gap:.7rem; }
.mg-chip-satir { display:flex; gap:.4rem; flex-wrap:wrap; }
.mg-chip { background:var(--bg); border:1px solid var(--line); border-radius:999px; padding:.35rem .85rem; font-size:.82rem; color:var(--muted); text-decoration:none; }
.mg-chip.akt { background:var(--brand); border-color:var(--brand); color:#fff; font-weight:600; }
.mg-takvim { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.mg-tarih { max-width:150px; }
.mg-tire { color:var(--muted); }

/* Geçmiş listesi — kart satırlar */
.mg-liste { display:flex; flex-direction:column; }
.mg-satir { display:flex; align-items:center; gap:.7rem; padding:.65rem .1rem; border-bottom:1px solid var(--line); }
.mg-satir:last-child { border-bottom:none; }
.mg-satir.asti { background:var(--no-bg); border-radius:var(--radius-sm); }
.mg-avatar { width:34px; height:34px; border-radius:50%; background:var(--brand-050); color:var(--brand); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9rem; flex:0 0 auto; }
.mg-govde { flex:1; min-width:0; }
.mg-ust { display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap; }
.mg-sube-adi { font-size:.75rem; color:var(--muted); }
.mg-alt { font-size:.78rem; color:var(--muted); margin-top:.1rem; }
.mg-sure-blok { display:flex; align-items:center; gap:.4rem; flex:0 0 auto; }
.mg-badge { margin-left:.2rem; }

/* Ekip sayfası — düzenli ızgara */
.ekip-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(380px, 1fr)); gap:1rem; align-items:start; }
.staff-card-bas { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.6rem; }
.staff-card-bas h3 { margin:0; }
.staff-aciklama { margin:.1rem 0 1rem; color:var(--muted); font-size:.88rem; }

/* Lavabo Denetimi — canlı gösterge noktası */
.lav-canli-nokta { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--ok); margin-left:.4rem; animation:lav-pulse 1.6s infinite; vertical-align:middle; }
@keyframes lav-pulse { 0%,100% { opacity:1; } 50% { opacity:.35; } }

/* Profilim */
.prof-ust { display:flex; align-items:center; gap:1rem; margin-bottom:1.2rem; }
.prof-foto-buyuk { width:76px; height:76px; border-radius:50%; object-fit:cover; flex:0 0 auto; background:var(--brand-050); }
.prof-varsayilan { display:flex; align-items:center; justify-content:center; color:var(--brand); }
.prof-varsayilan svg { width:44px; height:44px; }
.prof-ad { font-size:1.15rem; font-weight:700; color:var(--ink); }
.prof-form { display:flex; flex-direction:column; gap:.9rem; max-width:360px; }
.prof-alan { display:flex; flex-direction:column; gap:.3rem; font-size:.85rem; color:var(--muted); font-weight:600; }
.prof-alan input, .prof-alan select { font:inherit; padding:.5rem .7rem; border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--ink); }

/* Özet — şube personel listesi (foto/rozet) */
.oz-personel-liste { display:flex; flex-direction:column; gap:.5rem; }
.oz-personel-satir { display:flex; align-items:center; gap:.6rem; padding:.4rem 0; }
.oz-p-foto { width:32px; height:32px; border-radius:50%; object-fit:cover; flex:0 0 auto; background:var(--brand-050); }
.oz-p-varsayilan { display:flex; align-items:center; justify-content:center; color:var(--brand); }
.oz-p-varsayilan svg { width:20px; height:20px; }
.oz-p-ad { font-size:.9rem; color:var(--ink); }
.oz-p-rol { font-size:.75rem; color:var(--muted); margin-left:auto; }

/* Mutfak sistemi */
.mutfak-tablo-wrap { overflow-x:auto; }
.mutfak-tablo { border-collapse:collapse; width:100%; min-width:900px; }
.mutfak-tablo th, .mutfak-tablo td { border:1px solid var(--line); padding:.4rem .5rem; text-align:left; font-size:.83rem; }
.mutfak-tablo th { background:var(--brand-050); color:var(--brand); font-weight:700; }
.mf-ad { font-weight:600; white-space:nowrap; }
.mf-secim-form { margin:0; }
.mf-sec { width:100%; font-size:.8rem; padding:.3rem; border:1px solid var(--line); border-radius:6px; }

.mz-aciklama { width:100%; margin:.6rem 0; padding:.5rem .7rem; border:1px solid var(--line); border-radius:var(--radius-sm); font:inherit; resize:vertical; }
.mz-not { display:block; font-size:.78rem; color:var(--ink); margin-top:.2rem; font-style:italic; }

.mal-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:1rem; align-items:start; margin-bottom:1rem; }
@media (max-width:900px) { .mal-grid { grid-template-columns:1fr; } }
.mal-tarif-kart { margin-bottom:1rem; }
.mal-tarif-bas { display:flex; align-items:center; gap:.8rem; margin-bottom:.6rem; flex-wrap:wrap; }
.mal-toplam { font-weight:700; color:var(--brand); margin-left:auto; }
.mal-kalem-tbl { width:100%; border-collapse:collapse; margin-bottom:.7rem; }
.mal-kalem-tbl th, .mal-kalem-tbl td { border-bottom:1px solid var(--line); padding:.35rem .5rem; font-size:.85rem; text-align:left; }
.mal-kalem-ekle { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }

/* Zayi */
.zayi-form { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.zayi-form .input { flex:1 1 140px; }
.zayi-miktar { max-width:100px; flex:0 1 100px; }
.zayi-foto { max-width:180px; }
.zayi-liste { display:flex; flex-direction:column; }
.zayi-satir { display:flex; align-items:center; gap:.7rem; padding:.6rem .1rem; border-bottom:1px solid var(--line); }
.zayi-satir:last-child { border-bottom:none; }
.zayi-foto-kucuk { width:40px; height:40px; border-radius:8px; object-fit:cover; flex:0 0 auto; background:var(--brand-050); }
.zayi-foto-yok { display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:.8rem; }
.zayi-govde { flex:1; min-width:0; }
.zayi-ust { display:flex; align-items:baseline; gap:.6rem; flex-wrap:wrap; }
.zayi-miktar-etiket { font-size:.82rem; color:var(--muted); font-weight:600; }