/* =============================================================
   Araç Bakım Defteri — Genel özel stiller
   Tailwind sonrasında yüklenir; sadece override / özel bileşenler.
   ============================================================= */

/* -------- SweetAlert2 özel görünüm (Notify sistemi) -------- */

/* Toast: sağ üst, kompakt, marka renkli */
.abd-toast {
    padding: 12px 16px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px -5px rgb(15 23 42 / 0.15), 0 8px 10px -6px rgb(15 23 42 / 0.1) !important;
    border: 1px solid rgb(226 232 240) !important;
    background: #fff !important;
    min-width: 320px;
}
.abd-toast-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    padding: 0 !important;
}
.abd-toast .swal2-html-container {
    font-size: 13px !important;
    color: #475569 !important;
    padding: 2px 0 0 0 !important;
    margin: 0 !important;
}
.abd-toast .swal2-icon {
    width: 32px !important; height: 32px !important;
    border-width: 2px !important;
    margin: 0 12px 0 0 !important;
}
.abd-toast .swal2-icon .swal2-icon-content {
    font-size: 18px !important;
}
.abd-toast-progress {
    background: linear-gradient(90deg, #1E40AF, #3B82F6) !important;
    height: 3px !important;
}

/* Modal: yumuşak köşe, sade */
.abd-modal {
    border-radius: 16px !important;
    padding: 24px !important;
    max-width: 460px;
    box-shadow: 0 20px 50px -10px rgb(15 23 42 / 0.25) !important;
}
.abd-modal-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin-top: 4px !important;
}
.abd-modal-body {
    font-size: 14px !important;
    color: #475569 !important;
    margin-top: 6px !important;
}
.abd-modal-actions {
    gap: 8px !important;
    margin-top: 20px !important;
}

/* Butonlar (Notify modal içinde) */
.abd-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all .15s ease;
    cursor: pointer;
    border: 1px solid transparent;
    min-width: 100px;
}
.abd-btn-primary   { background: #1E40AF !important; color: #fff !important; }
.abd-btn-primary:hover   { background: #1E3A8A !important; }
.abd-btn-secondary { background: #F1F5F9 !important; color: #334155 !important; border-color: #E2E8F0 !important; }
.abd-btn-secondary:hover { background: #E2E8F0 !important; }
.abd-btn-danger    { background: #DC2626 !important; color: #fff !important; }
.abd-btn-danger:hover    { background: #B91C1C !important; }

/* SweetAlert2 default icon renklerini marka renkleriyle uyumlu tut */
.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(22, 163, 74, .3) !important; }
.swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #16A34A !important; }
.swal2-icon.swal2-error   { border-color: #DC2626 !important; color: #DC2626 !important; }
.swal2-icon.swal2-warning { border-color: #EAB308 !important; color: #EAB308 !important; }
.swal2-icon.swal2-info    { border-color: #1E40AF !important; color: #1E40AF !important; }
.swal2-icon.swal2-question { border-color: #64748B !important; color: #64748B !important; }

/* SweetAlert2 CSS bazı defaultları (all.min.js içinde CSS zaten var; ancak Tailwind reset ile çakışma olmasın) */
.swal2-container { padding: 16px !important; }

/* Alpine.js — cloak (yüklenene kadar gizle) */
[x-cloak] { display: none !important; }

/* Butonlar için focus outline (accessibility) */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #1E40AF !important;
    outline-offset: 2px;
}

/* Scrollbar (WebKit) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }