/* ============================================================
   Talep & Satın Alma — Modern tema (Envanter modülü görünümü)
   Kapsam: body.talep-modern (default_controllers $stateChangeStart toggle eder).
   Inspinia .ibox / tablo / etiketleri envanter kart diline çevirir.
   ============================================================ */

/* Kartlar (env-card görünümü) */
body.talep-modern .ibox {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    overflow: hidden;
    margin-bottom: 18px;
}
body.talep-modern .ibox-title {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #f0f2f5;
    padding: 13px 16px;
    border-radius: 0;
    min-height: 0;
}
body.talep-modern .ibox-title h5 {
    font-size: 14.5px;
    font-weight: 600;
    color: #34404a;
    line-height: 1.4;
    float: none;
}
body.talep-modern .ibox-title h5 > i,
body.talep-modern .ibox-title > i {
    color: #1ab394;
    margin-right: 6px;
}
body.talep-modern .ibox-content {
    border: 0;
    padding: 16px;
}
body.talep-modern .ibox-tools { color: #aeb6bd; }

/* Tablolar (env-table görünümü) */
body.talep-modern .table { margin-bottom: 0; }
body.talep-modern .table > thead > tr > th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #9aa3ab;
    font-weight: 600;
    padding: 11px 14px;
    border-bottom: 2px solid #f0f2f5;
    border-top: 0;
    vertical-align: middle;
}
body.talep-modern .table > tbody > tr > td {
    padding: 9px 14px;
    border-top: 1px solid #f4f6f8;
    font-size: 13px;
    vertical-align: middle;
    color: #34404a;
}
body.talep-modern .table-striped > tbody > tr:nth-of-type(odd) { background: #fcfdfe; }
body.talep-modern .table-hover > tbody > tr:hover,
body.talep-modern .table > tbody > tr:hover { background: #f6f9fb; }
body.talep-modern .table-bordered,
body.talep-modern .table-bordered > tbody > tr > td,
body.talep-modern .table-bordered > thead > tr > th {
    border-color: #f0f2f5;
}

/* Form kontrolleri + butonlar (yumuşak köşeler) */
body.talep-modern .form-control { border-radius: 6px; }
body.talep-modern .btn { border-radius: 6px; }
body.talep-modern .btn-sm, body.talep-modern .btn-xs { border-radius: 5px; }

/* Etiket / rozetler (pill) */
body.talep-modern .label {
    border-radius: 9px;
    padding: .28em .7em;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .2px;
}
body.talep-modern .badge { border-radius: 9px; font-weight: 600; }

/* Sayfa başlığı */
body.talep-modern .page-heading {
    border-radius: 10px;
    border: 1px solid #eef0f3;
    margin: 0 0 16px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
    padding-top: 14px;
    padding-bottom: 12px;
}
body.talep-modern .page-heading h2 {
    font-weight: 700;
    color: #2f3a44;
    font-size: 20px;
}
body.talep-modern .page-heading .breadcrumb { background: transparent; padding-left: 0; }

/* İnce ferahlık: kart içi başlık altı boşluğu */
body.talep-modern .ibox-content > .row:first-child { margin-top: 2px; }

/* ============================================================
   ÖZEL BİLEŞENLERİ ENVANTER KARTINA HİZALA
   (renk/aksanları korur; yalnızca radius 10 + kenar #e7eaec + gölge +
    özel başlıkları envanter kart başlığına çevirir → tüm talep sayfaları tutarlı)
   ============================================================ */

/* Özel kart kapsayıcıları → radius 10 */
body.talep-modern .iy-card,
body.talep-modern .iy-stat,
body.talep-modern .iy-empty,
body.talep-modern .card-modern,
body.talep-modern .panel,
body.talep-modern .ozet-info,
body.talep-modern .ozet-stat,
body.talep-modern .yeni-kalem-card,
body.talep-modern .info-banner,
body.talep-modern .vk-preview,
body.talep-modern .esk-preview,
body.talep-modern .ftype-card {
    border-radius: 10px;
}

/* Standart kart kabuğu (kenar + gölge) — özel kartlar env-card ile aynı görünsün */
body.talep-modern .iy-card,
body.talep-modern .card-modern,
body.talep-modern .panel.panel-default {
    border: 1px solid #e7eaec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    overflow: hidden;
}

/* Bootstrap panel başlığı (teknik değerlendirme stok sonuçları) → env kart başlığı */
body.talep-modern .panel.panel-default > .panel-heading {
    background: #fff;
    border-bottom: 1px solid #f0f2f5;
    color: #34404a;
    font-weight: 600;
    border-radius: 0;
}

/* Inspinia widget kartları (teknik değerlendirme karşılama özeti) — köşe yuvarla */
body.talep-modern .widget { border-radius: 10px; }

/* Özel tablo başlıkları zaten env stilinde; kart radius köşesi için içerik taşmasın */
body.talep-modern .iy-card > .iy-table { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

/* card-modern başlık/gövde (form tanımları/tasarımcı) env kart başlığı dili */
body.talep-modern .card-modern > .card-header {
    background: #fff;
    border-bottom: 1px solid #f0f2f5;
    color: #34404a;
    font-weight: 600;
}
body.talep-modern .card-modern > .card-header .card-modern-title > i,
body.talep-modern .card-modern .card-modern-title > i { color: #1ab394; }

/* modern-design-system tabloları (.table-modern) → env-table başlık dili */
body.talep-modern .table-modern > thead > tr > th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #9aa3ab;
    font-weight: 600;
    padding: 11px 14px;
    border-bottom: 2px solid #f0f2f5;
    background: #fff;
}
body.talep-modern .table-modern > tbody > tr > td {
    padding: 9px 14px;
    border-top: 1px solid #f4f6f8;
    font-size: 13px;
    vertical-align: middle;
}
body.talep-modern .table-modern > tbody > tr:hover { background: #f6f9fb; }

/* modern-design-system rozet/boş durum */
body.talep-modern .badge-modern { border-radius: 9px; font-weight: 600; }
body.talep-modern .empty-state-modern { padding: 40px 20px; text-align: center; }
body.talep-modern .empty-state-modern .empty-icon i,
body.talep-modern .empty-state-modern > i { color: #1ab394; }

/* Sayfa içerik alanı boşluğu (modern-content-area) */
body.talep-modern .modern-content-area { padding: 18px; }

/* Yeşil vurgulu birincil buton seçeneği (envanter aksiyon hissi) — yalnızca .btn-primary'yi
   tutarlı bırakıyoruz; renk değişikliği yok, sadece form/kart dili modernize edildi. */

/* ===== <talep-ekler> — ek (öneri / fatura / görsel) bileşeni ===== */
.te-box { border:1px solid #e7ecf3; border-radius:10px; background:#fbfcfe; padding:10px 12px; margin-top:8px; }
.te-box .te-head { font-weight:700; color:#274B8F; font-size:12.5px; margin-bottom:8px; }
.te-box .te-head > i { margin-right:5px; }
.te-list { display:flex; flex-direction:column; gap:6px; }
.te-item { display:flex; align-items:center; flex-wrap:wrap; gap:8px; background:#fff; border:1px solid #eef0f3; border-radius:8px; padding:6px 10px; font-size:13px; color:#34404a; }
.te-item .te-text > i, .te-item .te-link > i { color:#7b8896; margin-right:4px; }
.te-item .te-link { color:#274B8F; font-weight:600; text-decoration:none; }
.te-item .te-link:hover { text-decoration:underline; }
.te-item .te-by { color:#9aa7b5; font-size:11.5px; }
.te-item .te-del { margin-left:auto; color:#c3cdd8; font-size:12px; }
.te-item .te-del:hover { color:#d24747; }
.te-thumb { width:46px; height:46px; object-fit:cover; border-radius:6px; border:1px solid #e7ecf3; margin-left:6px; vertical-align:middle; }
.te-empty { color:#9aa7b5; font-size:12.5px; padding:4px 2px; }
.te-add { margin-top:10px; border-top:1px dashed #e3e9f0; padding-top:10px; display:flex; flex-direction:column; gap:8px; }
.te-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.te-ricon { width:18px; text-align:center; color:#9aa7b5; font-size:14px; flex:0 0 auto; }
.te-row > input[type=text] { flex:1; min-width:150px; height:36px; border:1px solid #e2e8f0; border-radius:8px; padding:0 12px; font-size:13px; color:#374a5e; background:#fff; outline:none; transition:.13s; }
.te-row > input[type=text]:focus { border-color:#9cbcef; box-shadow:0 0 0 3px rgba(39,75,143,.08); }
.te-row > input[type=text].te-narrow { flex:0 0 150px; min-width:120px; }
/* Modern dosya seç butonu (native input gizli) */
.te-filebtn { flex:1; min-width:150px; height:36px; margin:0; display:inline-flex; align-items:center; gap:8px; cursor:pointer;
              border:1px dashed #c7d2e0; border-radius:8px; padding:0 12px; background:#fff; color:#5b6b7d; font-weight:600; font-size:13px;
              overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.13s; }
.te-filebtn:hover { border-color:#9cbcef; background:#f5f8fd; color:#274B8F; }
.te-filebtn.picked { border-style:solid; border-color:#bfe6cd; background:#f1faf4; color:#1f9d57; }
.te-filebtn > i { font-size:14px; flex:0 0 auto; }
.te-filebtn > span { overflow:hidden; text-overflow:ellipsis; }
.te-filebtn .te-fileinput { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); }
.te-fileclear { flex:0 0 auto; color:#c3cdd8; font-size:13px; padding:0 4px; }
.te-fileclear:hover { color:#d24747; }
.te-addrow { display:flex; justify-content:flex-end; margin-top:2px; }
.te-ok { border:0; background:#274B8F; color:#fff; border-radius:8px; height:36px; padding:0 18px; font-size:13px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.te-ok:hover:not(:disabled) { background:#1f3d75; }
.te-ok:disabled { opacity:.5; cursor:default; }
.te-hint { font-size:11.5px; color:#8696a7; margin-top:2px; } .te-hint > i { margin-right:5px; color:#aab6c4; } .te-hint strong { color:#5b6b7d; }