/* KomutuV - Stil Dosyası (Temiz + Stabil) */
/* Kaynak dosya: stil.css (tekrarlar ve çakışmalar temizlendi) */

/* =========================
   1) Tema Değişkenleri
========================= */
:root{
  --primary:#4361ee;
  --success:#2ec4b6;
  --bg:#f1f5f9;
  --sidebar:#0f172a;
  --text:#1e293b;
  --muted:#94a3b8;
  --danger:#fb7185;
  --ai-glow:rgba(67,97,238,.3);
  --instagram:#E1306C;
}

/* =========================
   2) Reset / Base
========================= */
*{ box-sizing:border-box; }
body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  margin:0;
  padding-bottom:100px; /* tab-bar için */
  color:var(--text);
}

/* =========================
   3) Ana Layout (Sidebar + İçerik)
========================= */
.sidebar{
  width:260px;
  background:var(--sidebar);
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  padding:20px 15px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  z-index:1001;
  box-shadow:10px 0 30px rgba(0,0,0,.2);
  border-right:1px solid rgba(255,255,255,.05);
  overflow-y:auto;
}

.sidebar-logo{
  padding:15px;
  margin-bottom:25px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.sidebar-logo img{ max-width:160px; height:auto; display:block; margin:0 auto; }

.sidebar a{
  color:var(--muted);
  text-decoration:none;
  height:50px;
  padding:0 15px;
  border-radius:14px;
  display:flex;
  align-items:center;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  margin-bottom:6px;
  font-size:14px;
  font-weight:600;
}
.sidebar a i{ width:24px; margin-right:12px; font-size:18px; text-align:center; }

.sidebar a.active{
  background:linear-gradient(135deg,var(--primary),#4cc9f0);
  color:#fff;
  box-shadow:0 8px 20px rgba(67,97,238,.4);
}
.sidebar a.active.instagram-link{
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  box-shadow:0 8px 20px rgba(225,48,108,.4);
}

.main-content{
  margin-left:260px;
  padding:40px;
  min-height:100vh;
}

/* Saat / Rozet */
.sidebar-time{
  margin:auto 0 15px 0;
  padding:15px;
  background:rgba(255,255,255,.03);
  border-radius:16px;
  text-align:center;
}
#live-clock{ display:block; color:#fff; font-size:20px; font-weight:800; letter-spacing:1px; }
#live-date{ display:block; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; margin-top:4px; }
.gider-badge{
  margin-left:auto;
  font-size:10px;
  background:#e11d48;
  color:#fff;
  padding:2px 8px;
  border-radius:20px;
  font-weight:800;
}

/* Mobil Tab Bar */
.tab-bar{
  display:none;
  position:fixed;
  bottom:0; left:0; right:0;
  background:rgba(15,23,42,.95);
  backdrop-filter:blur(15px);
  padding:12px 10px 30px 10px;
  justify-content:space-around;
  z-index:1000;
  border-radius:30px 30px 0 0;
}
.tab-item{
  color:var(--muted);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  font-size:10px;
  font-weight:700;
}
.tab-item.active{ color:#fff; }

@media (max-width:768px){
  .sidebar{ display:none; }
  .main-content{ margin-left:0; padding:20px; padding-bottom:120px; }
  .tab-bar{ display:flex; }
}

/* =========================
   4) Ortak Bileşenler (Kart / Form / Buton / Tablo)
========================= */
.m-card,
.planlayici-card,
.design-card,
.satis-card,
.profil-card,
.katman-box, .aks-box, .hazir-box,
.ai-card{
  background:#fff;
  padding:25px;
  border-radius:24px;
  box-shadow:0 10px 40px rgba(0,0,0,.03);
  border:1px solid #f1f5f9;
  margin-bottom:25px;
}

.i-label{
  display:block;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
  margin:0 0 8px 0;
  text-transform:uppercase;
}

.m-input{
  width:100%;
  padding:12px 15px;
  border:2px solid #e2e8f0;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  outline:none;
  transition:.3s;
  background:#fff;
}
.m-input:focus{ border-color:var(--primary); }
.m-input:disabled{ background:#f1f5f9; cursor:not-allowed; opacity:.6; }

table{ width:100%; border-collapse:collapse; margin-top:10px; }
th{
  text-align:left;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
  text-transform:uppercase;
  padding:12px;
  border-bottom:2px solid #f8fafc;
}
td{
  padding:15px 12px;
  border-bottom:1px solid #f8fafc;
  font-size:14px;
  color:var(--text);
  font-weight:600;
}
.kar-pozitif{ color:#10b981; font-weight:800; }

/* Genel butonlar */
.btn-primary{
  width:100%;
  padding:15px;
  border-radius:15px;
  font-weight:800;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

/* =========================
   5) Dashboard
========================= */
.dashboard-container{
  display:grid;
  grid-template-columns:350px 1fr;
  gap:25px;
  align-items:start;
}
.kur-badge{
  background:#1e293b;
  color:#fbbf24;
  padding:5px 15px;
  border-radius:10px;
  font-weight:800;
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-save{
  width:100%;
  padding:15px;
  background:var(--success);
  color:#fff;
  border:none;
  border-radius:14px;
  font-weight:800;
  cursor:pointer;
  transition:.3s;
}
.btn-save:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(46,196,182,.3);
}

/* =========================
   6) Tasarım Takip
========================= */
.status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:start;
}
.status-column{
  background:#f8fafc;
  border-radius:26px;
  padding:25px;
  min-height:60vh;
  border:1px solid #e2e8f0;
}
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 16px;
  border-radius:20px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:20px;
}
.dm-link-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--instagram);
  color:#fff;
  padding:8px 16px;
  border-radius:12px;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  margin-bottom:15px;
  transition:.3s;
}
.dm-link-btn:hover{ opacity:.9; transform:translateY(-2px); }

@media (max-width:768px){
  .status-grid{ grid-template-columns:1fr; }
}

/* Kart üst hizalama */
.card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  gap:10px;
}
.card-actions{ display:flex; align-items:center; gap:12px; }
.delete-btn{
  color:#cbd5e1;
  font-size:18px;
  transition:.3s;
  text-decoration:none;
  line-height:1;
}
.delete-btn:hover{ color:var(--danger); }
.adet-badge{
  background:#1e293b;
  color:#fff;
  padding:4px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

/* Bitirme formu */
.bitir-form{
  background:#f1f5f9;
  padding:12px;
  border-radius:12px;
  margin-top:10px;
  border:1px dashed #cbd5e1;
}
.bitir-form .m-input{
  font-size:11px;
  height:34px;
  padding:5px 10px;
  margin-bottom:8px;
}
.thumb-box{
  width:100%;
  height:120px;
  border-radius:12px;
  object-fit:cover;
  margin-bottom:10px;
  border:1px solid #eee;
}

/* =========================
   7) Satış Sayfası
========================= */
#urun_onizleme{
  width:100%;
  height:180px;
  background:#f8fafc;
  border-radius:20px;
  margin-bottom:20px;
  display:none;
  align-items:center;
  justify-content:center;
  border:2px dashed #e2e8f0;
  overflow:hidden;
}
#urun_onizleme img{ max-width:90%; max-height:90%; object-fit:contain; border-radius:10px; }

.kar-ozet{
  background:#f0fdf4;
  border:2px solid var(--success);
  padding:15px;
  border-radius:16px;
  margin:15px 0;
  display:none;
}
.kargo-uyari{
  font-size:11px;
  color:#64748b;
  font-weight:700;
  display:block;
  margin-top:-12px;
  margin-bottom:15px;
}
.satis-grid-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:5px;
}
@media (max-width:768px){
  .satis-grid-row{ grid-template-columns:1fr; }
}

/* =========================
   8) Reçete (Maliyet) Sayfaları
========================= */
.katman-box, .aks-box, .hazir-box{
  padding:20px;
  border-radius:20px;
  margin-bottom:15px;
  position:relative;
  box-shadow:0 4px 15px rgba(0,0,0,.02);
}

.katman-grid{
  display:grid;
  grid-template-columns:2fr .8fr .8fr 1.2fr;
  gap:15px;
  align-items:end;
}

.maliyet-bar{
  position:fixed;
  bottom:0;
  left:260px;
  right:0;
  background:#1a1c23;
  color:#fff;
  padding:20px 40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:9999;
  border-top:3px solid #fbbf24;
}

.mode-switch{
  display:flex;
  background:#fff;
  padding:6px;
  border-radius:18px;
  margin-bottom:25px;
  gap:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.03);
}
.mode-btn{
  flex:1;
  padding:14px;
  border:none;
  border-radius:14px;
  cursor:pointer;
  font-weight:800;
  transition:.3s;
  font-size:14px;
  color:#64748b;
  background:transparent;
}
.mode-btn.active{ background:var(--primary); color:#fff; }

@media (max-width:1100px){
  .katman-grid{ grid-template-columns:1fr 1fr; }
  .maliyet-bar{ left:0; }
}

/* Resim yükleme + kaydet butonu */
.upload-zone{
  border:2px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:16px;
  padding:25px;
  text-align:center;
  cursor:pointer;
  transition:.3s;
  position:relative;
  margin-bottom:25px;
}
.upload-zone:hover{ border-color:var(--primary); background:#f0f7ff; }
.upload-zone input[type="file"]{
  position:absolute;
  width:100%;
  height:100%;
  top:0; left:0;
  opacity:0;
  cursor:pointer;
}
.upload-zone i{ font-size:28px; color:var(--primary); margin-bottom:10px; display:block; }
.upload-zone span{ display:block; font-size:13px; color:#64748b; font-weight:700; }

.btn-kaydet{
  width:100%;
  height:60px;
  background:#1e293b;
  color:#fff;
  border:none;
  border-radius:16px;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  transition:.3s;
  margin-top:10px;
  box-shadow:0 10px 25px rgba(30,41,59,.2);
}
.btn-kaydet:hover{
  background:#0f172a;
  transform:translateY(-3px);
  box-shadow:0 15px 30px rgba(30,41,59,.3);
}

.btn-ekle{
  width:100%;
  padding:12px;
  background:#f8fafc;
  color:var(--primary);
  border:2px dashed #cbd5e1;
  border-radius:12px;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:.3s;
  margin-top:10px;
}
.btn-ekle:hover{
  background:#f0f7ff;
  border-color:var(--primary);
}

/* Reçete listesi tablo/katalog */
.recete-table{ width:100%; border-collapse:separate; border-spacing:0 12px; margin-top:-12px; }
.recete-table th{ padding:15px 25px; }
.recete-row{
  background:#fff;
  transition:.3s;
  box-shadow:0 4px 12px rgba(0,0,0,.02);
}
.recete-row:hover{ transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,.05); }
.recete-row td{
  padding:15px 25px;
  border-top:1px solid #f1f5f9;
  border-bottom:1px solid #f1f5f9;
  vertical-align:middle;
}
.recete-row td:first-child{ border-left:1px solid #f1f5f9; border-radius:16px 0 0 16px; }
.recete-row td:last-child{ border-right:1px solid #f1f5f9; border-radius:0 16px 16px 0; text-align:right; }

.maliyet-badge{
  background:rgba(67,97,238,.1);
  color:var(--primary);
  padding:8px 15px;
  border-radius:10px;
  font-weight:800;
  font-size:14px;
}
.btn-action{
  width:40px;
  height:40px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:.3s;
  border:none;
  cursor:pointer;
  background:var(--primary);
  color:#fff;
}
.btn-action:hover{ transform:scale(1.06); box-shadow:0 5px 15px rgba(0,0,0,.1); }
.btn-delete{ background:#fff1f2; color:#f43f5e; margin-left:8px; }

.img-box{
  width:55px; height:55px;
  border-radius:14px;
  overflow:hidden;
  border:2px solid #f1f5f9;
  background:#f8fafc;
  position:relative;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s;
}
.img-box:hover{ border-color:var(--primary); transform:scale(1.05); }
.img-box img{ width:100%; height:100%; object-fit:cover; }
.img-box .overlay{
  position:absolute;
  inset:0;
  background:rgba(67,97,238,.6);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:.3s;
  font-size:12px;
}
.img-box:hover .overlay{ opacity:1; }

/* =========================
   9) Katalog Header
========================= */
.katalog-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  padding:25px 30px;
  border-radius:20px;
  margin-bottom:25px;
  box-shadow:0 4px 15px rgba(0,0,0,.03);
  border:1px solid #f1f5f9;
}
.katalog-info h2{
  font-size:22px;
  font-weight:900;
  color:var(--text);
  margin:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.katalog-info p{
  margin:5px 0 0 0;
  color:#64748b;
  font-size:13px;
  font-weight:600;
}
.btn-yeni-analiz{
  background:var(--primary);
  color:#fff;
  padding:12px 24px;
  border-radius:14px;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:10px;
  transition:.3s;
  box-shadow:0 4px 12px rgba(67,97,238,.2);
}
.btn-yeni-analiz:hover{
  background:#3046bc;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(67,97,238,.3);
}

/* =========================
   10) Müşteri & Kargo Kart
========================= */
.customer-card{
  background:#fff;
  border-radius:20px;
  padding:20px;
  margin-bottom:15px;
  border:1px solid #f1f5f9;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  transition:.3s;
}
.customer-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 20px rgba(67,97,238,.08);
  border-color:var(--primary);
}
.copy-group{
  display:flex;
  gap:5px;
  background:#f8fafc;
  padding:5px;
  border-radius:14px;
  border:1px solid #e2e8f0;
}
.copy-item{
  padding:8px 12px;
  border-radius:10px;
  border:none;
  background:#fff;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:5px;
  transition:.2s;
  box-shadow:0 2px 4px rgba(0,0,0,.02);
}
.copy-item:hover{ background:var(--primary); color:#fff; }
.badge-count{ background:var(--primary); color:#fff; padding:4px 10px; border-radius:8px; font-size:11px; font-weight:700; }
.price-total{ color:var(--success); font-weight:800; font-size:18px; }

/* Toast */
#toast-msg{
  position:fixed;
  bottom:30px;
  right:30px;
  background:#1e293b;
  color:#fff;
  padding:12px 24px;
  border-radius:16px;
  font-weight:700;
  display:none;
  z-index:10000;
  box-shadow:0 10px 20px rgba(0,0,0,.2);
}

/* =========================
   11) AI Rapor
========================= */
.report-container{ max-width:1400px; margin:auto; padding:0 20px; }
.ai-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-bottom:25px; }
.ai-card{ padding:22px; border-radius:24px; border:1px solid #f1f5f9; box-shadow:0 4px 20px rgba(0,0,0,.02); }
.ai-card.dark{ background:linear-gradient(135deg,#0f172a,#1e293b); color:#fff; border:none; }

.stat-val{ font-size:24px; font-weight:900; color:var(--text); display:block; margin:5px 0; }
.dark .stat-val{ color:#fbbf24; }

.progress-bar{ height:8px; background:#f1f5f9; border-radius:10px; margin-top:12px; overflow:hidden; }
.progress-fill{ height:100%; background:var(--primary); transition:1.5s cubic-bezier(.1,.5,.5,1); }

.karne-box{
  background:#fff;
  border:1px solid #f1f5f9;
  border-left:8px solid var(--primary);
  border-radius:24px;
  padding:20px 30px;
  margin-bottom:25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
@media (max-width:992px){
  .karne-box{ flex-direction:column; gap:20px; text-align:center; }
}

.report-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  padding:20px 30px;
  border-radius:20px;
  margin-bottom:25px;
  border:1px solid #f1f5f9;
  box-shadow:0 4px 15px rgba(0,0,0,.02);
}
.filter-group{
  display:flex;
  background:#f1f5f9;
  padding:5px;
  border-radius:15px;
  gap:5px;
}
.filter-btn{
  padding:10px 20px;
  border-radius:11px;
  border:none;
  background:transparent;
  color:#64748b;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  transition:.3s;
  cursor:pointer;
}
.filter-btn.active{
  background:var(--primary);
  color:#fff;
  box-shadow:0 4px 10px rgba(67,97,238,.2);
}
.target-badge{
  background:#fef2f2;
  padding:10px 20px;
  border-radius:15px;
  border:1px solid #fee2e2;
  text-align:right;
}

/* =========================
   12) Ayarlar Sayfası
========================= */
.grid-container{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:25px;
  align-items:start;
}
.malz-row{
  display:grid;
  grid-template-columns:1.8fr .8fr .6fr 1.2fr .8fr 45px;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid #f1f5f9;
  align-items:center;
}
.malz-head{
  font-size:10px;
  font-weight:800;
  color:var(--muted);
  text-transform:uppercase;
  border-bottom:2px solid #f1f5f9;
}

.btn-save-all{
  width:100%;
  height:60px;
  background:#1e293b;
  color:#fff;
  border:none;
  border-radius:18px;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  margin-top:25px;
  transition:.3s;
  box-shadow:0 10px 30px rgba(30,41,59,.2);
}
.btn-save-all:hover{ background:#0f172a; transform:translateY(-3px); }

@media (max-width:1200px){
  .grid-container{ grid-template-columns:1fr; }
}

/* =========================
   13) Profil
========================= */
.avatar-circle{
  width:80px;
  height:80px;
  background:#eff6ff;
  color:var(--primary);
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:800;
  margin:0 auto 20px auto;
  border:2px solid #dbeafe;
}
.security-status{
  text-align:center;
  padding:15px;
  border-radius:16px;
  background:#f8fafc;
  margin-top:20px;
  border:1px solid #f1f5f9;
}
/* --- LOGIN PORTALI ÖZEL TASARIM [cite: 2025-12-28] --- */
.login-body {
    background: radial-gradient(circle at top right, #4361ee, #0f172a) !important;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.login-box {
    background: white;
    width: 100%;
    max-width: 420px;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.logo-area { text-align: center; margin-bottom: 30px; }
.logo-area img { max-width: 180px; margin-bottom: 15px; }
.logo-area h2 { color: #1e293b; font-weight: 800; font-size: 24px; }

.input-group { margin-bottom: 20px; }
.input-group label { display: block; font-size: 11px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 8px; }
.input-group input { 
    width: 100%; padding: 15px; border-radius: 12px; border: 2px solid #e2e8f0; 
    font-family: 'Inter', sans-serif; transition: 0.3s;
}
.input-group input:focus { border-color: #4361ee; outline: none; box-shadow: 0 0 0 4px rgba(67, 97, 238, 0.1); }

.captcha-container { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: center; }
.captcha-code { 
    background: #f1f5f9; padding: 12px; border-radius: 12px; text-align: center; 
    font-weight: 800; font-size: 20px; color: #4361ee; letter-spacing: 5px; 
}

.login-btn {
    width: 100%; background: #4361ee; color: white; border: none; padding: 16px;
    border-radius: 12px; font-weight: 800; font-size: 16px; cursor: pointer; transition: 0.3s;
}
.login-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(67, 97, 238, 0.3); }

/* ===============================
   Sayfa Bazlı Ek Stiller
   (Inline <style> bloklarından taşındı)
   =============================== */

/* panel.php */
.dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 25px; }
.goal-card { background: #ffffff; padding: 25px; border-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); border: 1px solid #f1f5f9; grid-column: 1 / -1; }
.progress-wrapper { background: #f1f5f9; height: 30px; border-radius: 15px; overflow: hidden; margin: 15px 0; border: 1px solid #e2e8f0; }
.progress-fill { background: linear-gradient(90deg, #4361ee, #4cc9f0); height: 100%; border-radius: 15px; transition: 1s ease; }
.info-card { background: #ffffff; padding: 20px; border-radius: 20px; border: 1px solid #f1f5f9; text-align: left; }
.info-card.internet { border-left: 5px solid #f72585; }
.info-card small { font-weight: 800; color: #94a3b8; text-transform: uppercase; font-size: 10px; }
.info-card h2 { margin: 8px 0 0 0; font-size: 22px; font-weight: 900; color: #1e293b; }
.quick-add { background: #f0fdfa; border: 2px dashed #2ec4b6; padding: 20px; border-radius: 25px; }
.q-input { width: 100%; box-sizing: border-box; padding: 12px 15px; border-radius: 12px; border: 2px solid #e2e8f0; font-size: 14px; outline: none; margin-bottom: 15px; }
.q-btn { background: #2ec4b6; color: white; width: 100%; border: none; padding: 14px; border-radius: 12px; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }

/* satis.php */
.main-content-satis {
  padding-top: 10px !important; /* Üstteki boşluğu öldürür */
  margin-left: 260px;
}
.satis-container { max-width: 500px; margin: 0 auto; padding: 10px; }
.satis-card { background: #fff; border-radius: 25px; padding: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); border: 1px solid #f1f5f9; }
.satis-grid-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; }
.i-label { font-size: 11px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 6px; display: block; }
.m-input { width: 100%; padding: 11px 14px; border-radius: 12px; border: 2px solid #e2e8f0; font-family: 'Inter', sans-serif; transition: 0.3s; font-size: 14px; }
.m-input:focus { border-color: var(--primary); outline: none; }
#urun_onizleme { width: 100%; height: 160px; background: #f8fafc; border-radius: 20px; margin-bottom: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 2px dashed #e2e8f0; }
#onizleme_img { max-height: 100%; max-width: 100%; object-fit: contain; display: none; }
.kar-ozet { background: #f0fdf4; padding: 15px; border-radius: 18px; border: 2px solid #bbf7d0; margin: 15px 0; }
.kargo-uyari { font-size: 11px; color: #ef4444; font-weight: 700; display: block; margin-top: 5px; margin-bottom: 10px; }
@media (max-width: 1024px) { .main-content-satis { margin-left: 0; padding-top: 60px !important; } }
@media (max-width: 600px) { .satis-grid-row { grid-template-columns: 1fr; } }


/* === satis.php inline taşındı (Adım 6) === */
/* Boşluk Kaldırma Zırhı [cite: 2025-12-29] */
    .main-content { 
        padding-top: 10px !important; /* Üstteki boşluğu öldürür */
        margin-left: 260px; 
    }
    .satis-container { max-width: 500px; margin: 0 auto; padding: 10px; }
    
    .satis-card { 
        background: #fff; border-radius: 25px; padding: 25px; 
        box-shadow: 0 10px 40px rgba(0,0,0,0.05); border: 1px solid #f1f5f9; 
    }
    .satis-grid-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; }
    .i-label { font-size: 11px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 6px; display: block; }
    .m-input { 
        width: 100%; padding: 11px 14px; border-radius: 12px; border: 2px solid #e2e8f0; 
        font-family: 'Inter', sans-serif; transition: 0.3s; font-size: 14px;
    }
    .m-input:focus { border-color: var(--primary); outline: none; }
    
    #urun_onizleme { 
        width: 100%; height: 160px; background: #f8fafc; border-radius: 20px; 
        margin-bottom: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center;
        border: 2px dashed #e2e8f0;
    }
    #onizleme_img { max-height: 100%; max-width: 100%; object-fit: contain; display: none; }
    
    .kar-ozet { 
        background: #f0fdf4; padding: 15px; border-radius: 18px; 
        border: 2px solid #bbf7d0; margin: 15px 0;
    }
    .kargo-uyari { font-size: 11px; color: #ef4444; font-weight: 700; display: block; margin-top: 5px; margin-bottom: 10px;}
    
    @media (max-width: 1024px) {
        .main-content { margin-left: 0; padding-top: 60px !important; }
    }
    @media (max-width: 600px) { .satis-grid-row { grid-template-columns: 1fr; } }