/*
 * VECTA – ortak düğme görünümleri (2026-10-09, kullanıcı: "aynı işi yapan butonlar aynı görünümde olsun").
 * Görev → görünüm:
 *   vbtn-primary   turuncu dolu            Kaydet, + Yeni…, Fatura/İrsaliye Kes, Seç, Hesapla
 *   vbtn-view      yumuşak turuncu         Görüntüle (bir sayfayı açar), Taşıyıcıda takip, Gönderiye git
 *   vbtn-account   yumuşak mor             Cari Hesap (para / cari)
 *   vbtn-doc       yumuşak camgöbeği       Belge açar: Taşıma Belgesi, Fatura/İrsaliye PDF, Makbuz, Tutanak
 *   vbtn-label     yumuşak lacivert        Vecta QR Etiketi (termal yazıcı)
 *   vbtn-carrier   yumuşak sarı            Taşıyıcı Kargo Etiketi (termal yazıcı)
 *   vbtn-back      yumuşak mavi            ← … dön
 *   vbtn-edit      yumuşak yeşil           Düzenle, Değiştir
 *   vbtn-danger    yumuşak kırmızı         Sil
 *   vbtn-secondary beyaz, gri çerçeve      İptal, Vazgeç, Temizle, Geri, Önizle, Bağlantıyı Test Et
 *   vbtn-search    yumuşak koyu gri        Ara
 * Renkler 2026-10-09 kullanıcı isteğiyle: Sil kırmızı, Düzenle yeşil, Görüntüle turuncu, hepsi göz yormayan tonda.
 *   vbtn-sm        tablo satırlarındaki küçük boy
 * Renk değişikliği yalnız bu dosyadan yapılır.
 */
.vbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
.vbtn-sm { padding: 5px 10px; font-size: 12px; line-height: 16px; }
.vbtn:disabled { opacity: .5; cursor: not-allowed; }

.vbtn-primary { background: #cf6f24; border-color: #cf6f24; color: #fff; }
.vbtn-primary:hover { background: #b9611d; border-color: #b9611d; color: #fff; }

/* Görüntüle: yumuşak turuncu */
.vbtn-view { background: #fff4e8; border-color: #f6cfa6; color: #b45309; }
.vbtn-view:hover { background: #ffe9d2; border-color: #f0b67c; color: #9a4507; }

/* Düzenle: yumuşak yeşil */
.vbtn-edit { background: #edf8f1; border-color: #b9e2c8; color: #1f7a45; }
.vbtn-edit:hover { background: #dcf1e4; border-color: #93cfa9; color: #17653a; }

/* Sil: yumuşak kırmızı */
.vbtn-danger { background: #fdf1f1; border-color: #f2c4c4; color: #b42323; }
.vbtn-danger:hover { background: #fbe2e2; border-color: #e9a3a3; color: #971b1b; }

/* Vazgeç / yardımcı: sade gri */
.vbtn-secondary { background: #fff; border-color: #d6dae0; color: #4b5563; }
.vbtn-secondary:hover { background: #f4f5f7; color: #1f2937; }

/* Ara: yumuşak koyu gri */
.vbtn-search { background: #4b5563; border-color: #4b5563; color: #fff; }
.vbtn-search:hover { background: #374151; border-color: #374151; color: #fff; }

/* Geri dönüş düğmesi (2026-10-14, kullanıcı: "geri dönüşler farklı ve belirgin bir renk olsun"): yumuşak mavi, her sayfada aynı. */
.vbtn-back { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; }
.vbtn-back:hover { background: #dbeafe; color: #1e3a8a; }

/* 2026-10-14 (kullanıcı: gönderi sayfasındaki 5 düğme birbirine benziyor, ayrışsın ve her yerde tutarlı olsun). */
/* Cari hesap: yumuşak mor */
.vbtn-account { background: #f5f3ff; border-color: #c4b5fd; color: #6d28d9; }
.vbtn-account:hover { background: #ede9fe; color: #5b21b6; }
/* Belge (PDF / yazdırılacak): yumuşak camgöbeği */
.vbtn-doc { background: #f0fdfa; border-color: #5eead4; color: #0f766e; }
.vbtn-doc:hover { background: #ccfbf1; color: #115e59; }
/* Vecta QR etiketi: yumuşak lacivert */
.vbtn-label { background: #eef2f7; border-color: #94a3b8; color: #1e293b; }
.vbtn-label:hover { background: #e2e8f0; color: #0f172a; }
/* Taşıyıcı kargo etiketi: yumuşak sarı */
.vbtn-carrier { background: #fefce8; border-color: #facc15; color: #854d0e; }
.vbtn-carrier:hover { background: #fef9c3; color: #713f12; }