/* Temel düzen: sol sidebar + sağ ana içerik, profil kartı, form stilleri */
:root{ --bg:#f8fafc; --card:#fff; --border:#e6eef6; --muted:#6b7280; --primary:#3b82f6; --danger:#ef4444; }
body .vgacc2-wrap{display:flex;gap:24px;padding:28px 40px;background:var(--bg);}
.vgacc2-sidebar{width:260px}
.vgacc2-usercard{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 4px 12px rgba(15,23,42,0.04);display:flex;gap:12px;align-items:center;margin-bottom:16px}
.vgacc2-avatar{width:48px;height:48px;border-radius:50%;background:#e6eef6;display:flex;align-items:center;justify-content:center;font-weight:700}
.vgacc2-avatar-large{}
.vgacc2-nav a{display:block;padding:10px 14px;border-radius:8px;color:#111827;text-decoration:none;margin-bottom:6px}
.vgacc2-nav a.active{background:#eef2ff;color:#1d4ed8}
.vgacc2-main{flex:1}
.card{background:var(--card);border-radius:12px;padding:14px 18px;margin-bottom:18px;box-shadow:0 6px 18px rgba(15,23,42,0.04);border:1px solid #f1f5f9}
.profile-top{display:flex;justify-content:space-between;align-items:center;padding:20px}
.profile-top-left{display:flex;gap:16px;align-items:center}
.avatar-large{width:72px;height:72px;border-radius:50%;background:#ffeedd;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}
.profile-name{font-weight:700;font-size:18px}
.small{font-size:12px}
.card .card-header{display:flex;justify-content:space-between;align-items:center}
.card .card-body{padding-top:8px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
input,textarea{padding:10px;border-radius:8px;border:1px solid #e6eef6;background:#fff;outline:none}
.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

/* Button temel stilleri — kontrast iyileştirmeleri */
.btn{
  padding:8px 12px;
  border-radius:8px;
  background:#fff;
  border:1px solid var(--border);
  color:#0f172a; /* koyu metin */
  cursor:pointer;
  box-shadow:0 2px 6px rgba(15,23,42,0.04);
  transition:transform .06s ease, box-shadow .08s ease, opacity .12s ease;
}
.btn:hover{ transform: translateY(-1px); box-shadow:0 8px 22px rgba(15,23,42,0.06); }

/* Birincil buton */
.btn.primary{
  background:var(--primary);
  color:#fff;
  border-color: rgba(59,130,246,0.9);
  box-shadow: 0 6px 18px rgba(59,130,246,0.12);
}

/* Outline buton */
.btn.outline{
  background: transparent;
  color: var(--primary);
  border: 1px solid rgba(59,130,246,0.14);
}

/* Küçük buton */
.btn.small{
  padding:6px 8px;
  font-size:13px;
  border-radius:8px;
  opacity:1; /* override solukluğu engelle */
}

/* Düzenle butonu (özelleştirme) */
.btn.btn-edit{
  background: linear-gradient(180deg,#fff,#fbfdff);
  color: #0f172a;
  border: 1px solid #e6eef6;
}

/* Disabled durum (sadece gerçek disabled attribute kullanıldığında) */
.btn:disabled,
.profile-top-actions .btn:disabled{
  opacity:0.55;
  cursor:not-allowed;
  box-shadow:none;
}

/* Alertler */
.alert{padding:8px;border-radius:8px;margin-top:8px;display:none}
.alert.ok{display:block;background:#ecfdf5;color:#065f46}
.alert.err{display:block;background:#fff1f2;color:#7f1d1d}

/* İşletme yönetimi buton alanı düzeni */
.profile-top-actions{ display:flex; gap:8px; align-items:center; }

/* spesifik Manage button (eklenen) */
#acc2ManageBizBtn{ margin-right:8px; }

/* Muted / placeholder butonlar: okunaklı ama ayrı görünsün */
.vgacc2-main .btn.skeleton,
.vgacc2-main .btn.muted{
  background:#f8fafc;
  color:#94a3b8;
  border-color:#f1f5f9;
  opacity:0.95;
}

/* Eğer .muted sınıfı linklerde kullanılıyorsa görünürlüğü koru (örn: Çıkış) */
.vgacc2-nav a.muted{ opacity:0.9; color:var(--muted); }

/* Form ve responsive */
.hidden{display:none}
@media (max-width:900px){ .vgacc2-wrap{flex-direction:column} .vgacc2-sidebar{width:auto} .row{grid-template-columns:1fr} }