/* Button Style Templates - sablon.css */
/* Tüm buton stilleri ve varyasyonları için referans CSS dosyası */

/* Dynamic Button Colors - Uses CSS Variables from Site Template Settings */
/* --brand: Primary color (from site settings) */
/* --brand-2: Secondary color (from site settings) */
/* These variables are defined in admin panel header and updated via AJAX */

/* Button Styles - Now defined in admin panel header.php for server-side rendering */
/* This prevents color flashing during AJAX loading */
.btn-std{display:inline-flex;align-items:center;gap:6px;padding:6px 12px !important;border-radius:8px;font-weight:600;line-height:1;}
.btn-std i{font-size:.9rem;}
.btn-add{background:#19596E !important;border-color:#19596E !important;color:#fff !important;}
.btn-edit{background:#0ea5e9 !important;border-color:#0ea5e9 !important;color:#fff !important;}
.btn-delete{background:#ef4444 !important;border-color:#ef4444 !important;color:#fff !important;}
.btn-save{background:#10b981 !important;border-color:#10b981 !important;color:#fff !important;}
.btn-update{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;}
.btn-view{background:#8b5cf6 !important;border-color:#8b5cf6 !important;color:#fff !important;}
.btn-print{background:#06b6d4 !important;border-color:#06b6d4 !important;color:#fff !important;}
.btn-export{background:#6366f1 !important;border-color:#6366f1 !important;color:#fff !important;}
.btn-import{background:#84cc16 !important;border-color:#84cc16 !important;color:#fff !important;}
.btn-cancel{background:#6b7280 !important;border-color:#6b7280 !important;color:#fff !important;}
.btn-back{background:#374151 !important;border-color:#374151 !important;color:#fff !important;}
.btn-hard-delete{background:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important;}
.btn-soft-delete{background:#f97316 !important;border-color:#f97316 !important;color:#fff !important;}
.btn-restore{background:#059669 !important;border-color:#059669 !important;color:#fff !important;}
.btn-approve{background:#22c55e !important;border-color:#22c55e !important;color:#fff !important;}
.btn-reject{background:#ef4444 !important;border-color:#ef4444 !important;color:#fff !important;}
.btn-pending{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;}
.btn-active{background:#10b981 !important;border-color:#10b981 !important;color:#fff !important;}
.btn-inactive{background:#6b7280 !important;border-color:#6b7280 !important;color:#fff !important;}
.btn-refresh{background:#059669 !important;border-color:#059669 !important;color:#fff !important;}
.btn-transfer{background:#7c3aed !important;border-color:#7c3aed !important;color:#fff !important;}
.btn-rooming{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;}
.btn-payments{background:#06b6d4 !important;border-color:#06b6d4 !important;color:#fff !important;}
.btn-apply{background:#10b981 !important;border-color:#10b981 !important;color:#fff !important;}
.btn-draw{background:#22c55e !important;border-color:#22c55e !important;color:#fff !important;}
.btn-create{background:#3b82f6 !important;border-color:#3b82f6 !important;color:#fff !important;}
.btn-reset{background:#f59e0b !important;border-color:#f59e0b !important;color:#000 !important;}
.btn-refresh{background:#059669 !important;border-color:#059669 !important;color:#fff !important;}
.btn-attn{box-shadow:0 0 0 0.15rem rgba(255,193,7,.35) !important;}
.btn-day{display:inline-block;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;text-decoration:none;margin-left:8px;border:2px solid transparent;transition:all 0.2s ease;}
.btn-day-active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;box-shadow:0 4px 12px rgba(34,197,94,0.3);transform:translateY(-1px);}
.btn-day-inactive{background:#f8fafc;color:#64748b;border-color:#e2e8f0;}
.btn-day:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.1);}

.badge.label{border-radius:.3rem;padding:.25em .5em;font-size:.7rem;}
.bg-red{background-color:#dc3545 !important;color:#fff !important;}
.bg-green{background-color:#198754 !important;color:#fff !important;}
.bg-blue{background-color:#0d6efd !important;color:#fff !important;}
.bg-orange{background-color:#fd7e14 !important;color:#fff !important;}
.btn-live-on{background:#1e8449 !important;border:#1e8449 !important;color:#fff !important;font-weight:900;padding:6px 10px !important;border-radius:999px !important;text-transform:uppercase;letter-spacing:.3px;font-size:12px;}
.btn-live-off{background:#c0392b !important;border:#c0392b !important;color:#fff !important;font-weight:900;padding:6px 10px !important;border-radius:999px !important;text-transform:uppercase;letter-spacing:.3px;font-size:12px;}
.btn-live-on:hover{background:#27ae60 !important;border:#27ae60 !important;}
.btn-live-off:hover{background:#e74c3c !important;border:#e74c3c !important;}
.btn-arch{background:#fff !important;border:1px solid rgba(0,0,0,.10) !important;color:#19596e !important;border-radius:10px !important;padding:6px 10px !important;font-size:12px !important;}
.btn-arch:hover{background:#f4fbfb !important;border-color:#cfeeee !important;}
.status-btn{border:0;background:transparent;padding:4px 6px;border-radius:10px;line-height:1;cursor:pointer;}
.status-btn:hover{background:#f4fbfb;}
.status-btn i{font-size:13px;}
.btn-main{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5;box-shadow:0 4px 14px rgba(79,70,229,0.3);}
.btn-send{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#0891b2;box-shadow:0 4px 14px rgba(6,182,212,0.3);}
.btn-upload{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff;border-color:#65a30d;box-shadow:0 4px 14px rgba(132,204,22,0.3);}
.btn-day-inactive:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569;}

.btn-score{display:inline-flex;align-items:center;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all 0.2s ease;}
.btn-score{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 4px 14px rgba(59,130,246,0.3);}
.btn-score:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.4);background:linear-gradient(135deg,#2563eb,#1d4ed8);}

.btn-finish{display:inline-flex;align-items:center;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all 0.2s ease;cursor:pointer;}
.btn-finish-completed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;box-shadow:0 4px 14px rgba(34,197,94,0.3);}
.btn-finish-pending{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;box-shadow:0 4px 14px rgba(239,68,68,0.3);}
.btn-finish-action{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 4px 14px rgba(59,130,246,0.3);}
.btn-finish-start{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;box-shadow:0 4px 14px rgba(239,68,68,0.3);}
.btn-finish:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}
.btn-std:hover{filter:brightness(1.05);}
.table td, .table th { vertical-align: middle; font-size: 12px !important; padding: 4px 6px !important; line-height: 1.1 !important; }
.cat-actions{ display:flex; gap:0.25rem; align-items:center; flex-wrap:wrap; }
.code{ font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:.85rem; }
.mini-help{ font-size:.8rem; color:#6c757d; }
.btn-section{ margin: 10px 0; padding: 15px; border: 1px solid #dee2e6; border-radius: 8px; background: #f8f9fa; }
.btn-group-demo{ display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/*
Button Style Guide - Kullanım Kuralları:

CRUD Operations:
- .btn-add: Ekle/Yeni oluşturma işlemleri (mavi, plus ikonu)
- .btn-edit: Düzenleme işlemleri (açık mavi, pencil ikonu)
- .btn-delete: Silme işlemleri (kırmızı, trash ikonu)
- .btn-view: Görüntüleme işlemleri (mor, eye ikonu)

Save/Update Operations:
- .btn-save: Kaydetme işlemleri (yeşil, check-circle ikonu)
- .btn-update: Güncelleme işlemleri (turuncu, arrow-repeat ikonu)
- .btn-apply: Uygulama işlemleri (yeşil, check-all ikonu)

Print/Export Operations:
- .btn-print: Yazdırma işlemleri (cyan, printer ikonu)
- .btn-export: Dışa aktarma işlemleri (indigo, download ikonu)

Import Operations:
- .btn-import: İçe aktarma işlemleri (lime, upload ikonu)

Status/Approval Operations:
- .btn-approve: Onaylama işlemleri (yeşil, check-circle ikonu)
- .btn-reject: Reddetme işlemleri (kırmızı, x-circle ikonu)
- .btn-pending: Bekleme durumu (turuncu, clock ikonu)
- .btn-active: Aktifleştirme (yeşil, play-circle ikonu)
- .btn-inactive: Pasifleştirme (gri, pause-circle ikonu)

Navigation/Control:
- .btn-back: Geri gitme (koyu gri, arrow-left ikonu)
- .btn-refresh: Yenileme işlemleri (yeşil, arrow-clockwise ikonu)
- .btn-cancel: İptal işlemleri (gri, x ikonu)

Delete Variations:
- .btn-hard-delete: Kalıcı silme (koyu kırmızı, trash3 ikonu)
- .btn-soft-delete: Geçici silme (turuncu, trash ikonu)
- .btn-restore: Geri yükleme (yeşil, arrow-counterclockwise ikonu)

Kullanım Şablonu:
<a class="btn btn-sm btn-std btn-add" href="...">
  <i class="bi bi-plus-circle"></i>Add New
</a>

Not: Tüm butonlar için .btn-std sınıfı tutarlı görünüm sağlar.
*/