/* ============================================================
   Stok Modülü — Modern Tasarım (Envanter sayfalarıyla uyumlu)
   sk-* sınıfları; liste/filtre/tablo/buton/boş-durum bileşenleri
   ============================================================ */

.sk-page { }
.sk-page .wrapper-content { padding: 16px 18px 30px; }

/* Başlık / aksiyon çubuğu */
.sk-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.sk-head-l { display:flex; align-items:center; gap:14px; }
.sk-head-ico { width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,#1ab394 0%,#1c84c6 100%); color:#fff; font-size:20px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(26,179,148,.28); flex:0 0 auto; }
.sk-head-t h2 { margin:0; font-size:19px; font-weight:700; color:#2f3a44; }
.sk-head-t p { margin:1px 0 0; font-size:12.5px; color:#9aa3ab; }
.sk-head-actions { display:flex; gap:8px; flex-wrap:wrap; }
.sk-head .btn-white { background:#fff; border:1px solid #e3e8ec; color:#5a6772; } .sk-head .btn-white:hover { background:#f7f9fa; color:#34404a; }
.sk-head .btn-success { background:#1ab394; border-color:#1ab394; } .sk-head .btn-success:hover { background:#179b80; border-color:#179b80; }

/* Kart */
.sk-card { background:#fff; border:1px solid #e7eaec; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,.04); overflow:hidden; margin-bottom:16px; }
.sk-card-body { padding:14px 16px; }
.sk-card-head { padding:13px 16px; border-bottom:1px solid #f0f2f5; display:flex; align-items:center; justify-content:space-between; }
.sk-card-head h3 { margin:0; font-size:14.5px; font-weight:600; color:#34404a; } .sk-card-head h3>i { color:#1ab394; margin-right:6px; }

/* Filtre çubuğu */
.sk-filterbar { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; }
.sk-search { flex:1 1 240px; position:relative; }
.sk-search i.fa-search { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#aeb6bd; }
.sk-search input { width:100%; border:1px solid #e3e8ec; border-radius:8px; padding:9px 12px 9px 34px; font-size:13px; outline:none; transition:border .15s; }
.sk-search input:focus { border-color:#1ab394; }
.sk-field { display:flex; flex-direction:column; }
.sk-field label { font-weight:600; color:#5a6772; font-size:12px; margin-bottom:5px; }
.sk-field .form-control, .sk-sel { border:1px solid #e3e8ec; border-radius:8px; height:38px; font-size:13px; min-width:150px; }
.sk-clearbtn { border:1px solid #f3d2cd; background:#fdecea; color:#e05c4a; border-radius:8px; height:38px; padding:0 12px; font-size:12.5px; font-weight:600; cursor:pointer; transition:all .15s; }
.sk-clearbtn:hover { background:#e05c4a; color:#fff; border-color:#e05c4a; }
.sk-searchbtn { border:1px solid #1ab394; background:#1ab394; color:#fff; border-radius:8px; height:38px; padding:0 14px; font-size:12.5px; font-weight:600; cursor:pointer; }
.sk-searchbtn:hover { background:#179b80; border-color:#179b80; }

/* Tablo */
.sk-table { width:100%; margin:0; }
.sk-table thead th { font-size:11px; text-transform:uppercase; letter-spacing:.3px; color:#9aa3ab; font-weight:600; padding:11px 10px; border-bottom:2px solid #f0f2f5; white-space:nowrap; background:#fff; }
.sk-table tbody td { padding:9px 10px; border-bottom:1px solid #f4f6f8; vertical-align:middle; font-size:13px; color:#4a5560; }

/* Dar sayısal istatistik kolonları (Mevcut/Min.Eşik/Son Giriş/Son Çıkış/Küm.Giriş):
   çok kolonlu tabloları yatay kaydırmadan tek ekrana sığdırmak için başlık 2 satıra sarılır,
   padding daraltılır ve içerik ortalanır. */
.sk-table th.sk-num, .sk-table td.sk-num { padding-left:6px; padding-right:6px; text-align:center; }
.sk-table th.sk-num { white-space:normal; line-height:1.15; width:56px; }
.sk-table td.sk-num { font-size:12.5px; white-space:nowrap; }
.sk-table tbody tr:hover { background:#fafbfc; }
.sk-table .sk-code { font-weight:700; color:#1ab394; letter-spacing:.2px; }
.sk-table .sk-name { font-weight:600; color:#34404a; }

/* Thumbnail */
.sk-thumb { width:40px; height:40px; border-radius:8px; background:#f4f6f8; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.sk-thumb img { width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
.sk-thumb i { color:#cfd6dc; font-size:18px; }

/* Pill / rozet */
.sk-pill { display:inline-block; padding:3px 10px; border-radius:11px; font-size:11.5px; font-weight:600; white-space:nowrap; }
.sk-pill-success { background:#e8f8f3; color:#159a80; }
.sk-pill-danger { background:#fdecea; color:#cf4436; }
.sk-pill-warn { background:#fff5e6; color:#d9842b; }
.sk-pill-info { background:#eaf3fb; color:#1c84c6; }
.sk-pill-muted { background:#eef0f3; color:#7a828a; }
.sk-pill-purple { background:#f3eafa; color:#8e44ad; }

/* İşlem (icon) butonları */
.sk-act { width:30px; height:30px; border:none; background:transparent; border-radius:7px; color:#aeb6bd; font-size:13.5px; cursor:pointer; transition:all .15s; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.sk-act:hover { background:#eef2f7; color:#5a6772; }
.sk-act-info:hover { background:#eaf3fb; color:#1c84c6; }
.sk-act-edit:hover { background:#e8f8f3; color:#1ab394; }
.sk-act-danger:hover { background:#fdecea; color:#e05c4a; }
.sk-act-ok:hover { background:#e8f8f3; color:#1ab394; }

/* Boş durum */
.sk-empty { text-align:center; padding:48px 20px; }
.sk-empty .sk-empty-ico { font-size:44px; color:#dfe4e8; }
.sk-empty h4 { margin:14px 0 4px; color:#34404a; font-weight:600; font-size:16px; }
.sk-empty p { color:#9aa3ab; margin:0 0 14px; }

/* Yükleniyor */
.sk-loading { text-align:center; padding:40px; color:#aeb6bd; }

/* Sayfalama */
.sk-pager { display:flex; align-items:center; justify-content:center; gap:14px; padding:14px; color:#5a6772; font-size:13px; }
.sk-pager .btn-white { background:#fff; border:1px solid #e3e8ec; color:#5a6772; border-radius:8px; }

/* Küçük istatistik şeridi (liste üstü) */
.sk-stats { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.sk-stat { flex:1 1 160px; background:#fff; border:1px solid #e7eaec; border-left:4px solid #ccc; border-radius:10px; padding:12px 15px; display:flex; align-items:center; gap:12px; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.sk-stat .s-icon { width:40px; height:40px; line-height:40px; text-align:center; border-radius:10px; font-size:17px; color:#fff; flex:0 0 auto; }
.sk-stat .s-num { font-size:20px; font-weight:700; color:#2f3a44; line-height:1; }
.sk-stat .s-lbl { font-size:11.5px; color:#8a939b; margin-top:3px; }
.sk-stat.t-blue{border-left-color:#1c84c6}.sk-stat.t-blue .s-icon{background:#1c84c6}
.sk-stat.t-green{border-left-color:#1ab394}.sk-stat.t-green .s-icon{background:#1ab394}
.sk-stat.t-red{border-left-color:#ed5565}.sk-stat.t-red .s-icon{background:#ed5565}
.sk-stat.t-orange{border-left-color:#f8ac59}.sk-stat.t-orange .s-icon{background:#f8ac59}
.sk-stat.t-purple{border-left-color:#8e44ad}.sk-stat.t-purple .s-icon{background:#8e44ad}

@media (max-width:768px){ .sk-field .form-control, .sk-sel { min-width:120px; } }

/* ============================================================
   Modaller (sk-modal) — show.bs.modal ile body'e taşınsalar da
   sınıf üzerinden çalışır
   ============================================================ */
.sk-modal .modal-content { border:none; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.25); overflow:hidden; }
.sk-modal .modal-header { background:#fff; border-bottom:1px solid #f0f2f5; padding:15px 20px; }
.sk-modal .modal-title { font-size:16px; font-weight:700; color:#34404a; }
.sk-modal .modal-title > i { color:#1ab394; margin-right:8px; }
.sk-modal .modal-header .close { color:#aeb6bd; opacity:1; font-size:24px; text-shadow:none; margin-top:-2px; }
.sk-modal .modal-header .close:hover { color:#e05c4a; }
.sk-modal .modal-body { padding:20px; }
.sk-modal .modal-body label, .sk-modal .form-label-modern { font-weight:600; color:#5a6772; font-size:12.5px; margin-bottom:5px; }
.sk-modal .modal-body .form-group { margin-bottom:14px; }
.sk-modal .form-control, .sk-modal .form-control-modern, .sk-modal .form-select-modern { border-radius:8px; border-color:#e3e8ec; font-size:13px; box-shadow:none; }
.sk-modal .form-control:focus, .sk-modal .form-control-modern:focus, .sk-modal .form-select-modern:focus { border-color:#1ab394; box-shadow:none; }
.sk-modal .modal-footer { background:#fafbfc; border-top:1px solid #f0f2f5; padding:13px 20px; }
.sk-modal .modal-footer .btn { border-radius:8px; }
.sk-modal .modal-footer .btn-primary, .sk-modal .modal-footer .btn-success { background:#1ab394; border-color:#1ab394; }
.sk-modal .modal-footer .btn-primary:hover, .sk-modal .modal-footer .btn-success:hover { background:#179b80; border-color:#179b80; }
.sk-modal .well { background:#f7f9fa; border:1px solid #eef0f3; border-radius:10px; box-shadow:none; padding:14px 16px; }
.sk-modal .well h5 { margin-top:0; font-size:13px; font-weight:700; color:#34404a; }
.sk-modal .alert-info { background:#eaf3fb; border-color:#cfe3f5; color:#1c6ea4; border-radius:9px; }
.sk-modal .table-modern thead th { font-size:11px; text-transform:uppercase; letter-spacing:.3px; color:#9aa3ab; font-weight:600; }
.sk-modal .checkbox label { font-weight:500; color:#5a6772; }