/* Theme: ASEL KAPI - modern, vivid */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root{
  --brand:#2b59ff;
  --brand-dark:#233dd2;
  --bg-grad-start:#2b59ff;
  --bg-grad-end:#6a5af9;
  --surface:#ffffff;
  --surface-2:#f7f8fb;
  --text:#111827;
  --muted:#6b7280;
  --ring:rgba(43,89,255,.3);
}

body{font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--text);background:var(--surface-2)}

.navbar{box-shadow:0 2px 20px rgba(0,0,0,.06)}
.navbar.bg-primary{background:linear-gradient(90deg,var(--bg-grad-start),var(--bg-grad-end))!important}

.hero{
  background: linear-gradient(135deg, var(--bg-grad-start), var(--bg-grad-end));
  color:#fff;
}

.card{border:0;border-radius:14px}
.card.card-cta{
  border:0;
  color:#fff;
  background: linear-gradient(135deg, rgba(13,110,253,1), rgba(13,110,253,.6));
  transition: transform .2s ease, box-shadow .2s ease;
}
.card.card-cta .bi{font-size:32px}
.card.card-cta:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(13,110,253,.25)}

.card.card-cta.alt-1{background: linear-gradient(135deg, #20c997, #0d6efd)}
.card.card-cta.alt-2{background: linear-gradient(135deg, #fd7e14, #6610f2)}

.btn{border-radius:10px}
.btn-primary{background:var(--brand);border-color:var(--brand);box-shadow:0 6px 16px var(--ring)}
.btn-primary:hover{box-shadow:0 6px 16px rgba(13,110,253,.35)}

.table> :not(caption)>*>*{vertical-align:middle}

/* Inputs */
.form-control,.form-select{border-radius:10px;border:1px solid #e5e7eb}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--brand)}

/* Mobile paddings */
@media (max-width: 576px){
  .container{padding-left:16px;padding-right:16px}
  .card-body{padding:16px}
}

/* Müşteri formu: Masaüstünde her zaman açık kalsın */
@media (min-width: 768px){
  #customerCollapse{display:block !important; height:auto !important; visibility:visible !important;}
}

/* Dark mode devre dışı: her zaman aydınlık tema */
@media (prefers-color-scheme: dark){
  :root{--surface:#ffffff;--surface-2:#f7f8fb;--text:#111827;--muted:#6b7280;--ring:rgba(43,89,255,.3)}
  body{background:var(--surface-2);color:var(--text)}
  .card{background:#ffffff}
  .table{color:inherit}
}