/* Satış modülü (Talep, İş Emri) ortak stilleri */
.talep-baslik { display: flex; justify-content: space-between; align-items: center; margin: 8px 0 18px; }
.talep-baslik h3 { margin: 0; font-size: 22px; font-weight: 700; color: #1f2937; }
.talep-baslik p { margin: 3px 0 0; color: #8a94a3; font-size: 13px; }
.talep-btn-yeni { display: inline-flex; align-items: center; gap: 6px; background: #d9534f; color: #fff !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; cursor: pointer; text-decoration: none !important; box-shadow: 0 4px 12px rgba(217, 83, 79, .3); transition: all .15s; }
.talep-btn-yeni:hover { background: #c9302c; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(217, 83, 79, .35); }
.talep-btn-yeni .fa { margin-right: 4px; }
.talep-flash { margin-bottom: 15px; border-radius: 8px; }

.talep-kartlar { margin-bottom: 6px; }
.talep-kart { display: flex; align-items: center; background: #fff; border: 1px solid #e8eaee; border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; min-height: 96px; color: #1f2937 !important; text-decoration: none !important; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); transition: all .15s; position: relative; overflow: hidden; }
.talep-kart:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
a.talep-kart { cursor: pointer; }
a.talep-kart:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(16, 24, 40, .08); }
.talep-kart-ikon { flex: 0 0 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 14px; }
.talep-kart-govde { display: block; min-width: 0; }
.talep-kart-baslik { display: block; font-size: 12px; color: #8a94a3; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
.talep-kart-sayi { display: block; font-size: 28px; font-weight: 700; line-height: 1.15; color: #111827; }
.talep-kart-alt { display: block; font-size: 12px; color: #9aa3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.talep-kart-warning:before { background: #f59e0b; }
.talep-kart-warning .talep-kart-ikon { background: #fef3c7; color: #d97706; }
.talep-kart-warning .talep-kart-alt b { color: #dc2626; }
.talep-kart-info:before { background: #0ea5e9; }
.talep-kart-info .talep-kart-ikon { background: #e0f2fe; color: #0284c7; }
.talep-kart-danger:before { background: #ef4444; }
.talep-kart-danger .talep-kart-ikon { background: #fee2e2; color: #dc2626; }
.talep-kart-success:before { background: #10b981; }
.talep-kart-success .talep-kart-ikon { background: #d1fae5; color: #059669; }

.talep-kutu { background: #fff; border: 1px solid #e8eaee; border-radius: 12px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); margin-bottom: 24px; }
.talep-tabs { border-bottom: 1px solid #eef0f3; padding: 0 18px; }
.talep-tabs > li { margin-bottom: -1px; }
.talep-tabs > li > a, .talep-tabs > li > a:hover, .talep-tabs > li > a:focus { border: 0 !important; border-bottom: 2px solid transparent !important; background: none !important; color: #6b7280; font-weight: 600; padding: 15px 4px 13px; margin-right: 22px; border-radius: 0; }
.talep-tabs > li > a:hover { color: #1f2937; }
.talep-sayfa a:focus, .talep-sayfa a:active, .talep-sayfa .btn:focus, .talep-sayfa .btn:active:focus { outline: none !important; }
.talep-tabs > li.active > a, .talep-tabs > li.active > a:hover, .talep-tabs > li.active > a:focus { color: #d9534f; border-bottom-color: #d9534f !important; }
.talep-tabs .badge { background: #f1f2f4; color: #6b7280; font-weight: 600; margin-left: 3px; }
.talep-tabs > li.active .badge { background: #fde8e7; color: #d9534f; }
.talep-tab-content { padding: 16px 14px 10px; overflow-x: auto; }

.talep-dt-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
.talep-dt-alt { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.talep-dt-ust .dataTables_filter label, .talep-dt-ust .dataTables_length label { margin: 0; font-weight: normal; color: #6b7280; font-size: 0; }
.talep-dt-ust .dataTables_length label { font-size: 12px; }
.talep-dt-ust .dataTables_filter input { font-size: 13px; width: 300px !important; height: 34px; margin: 0 !important; border: 1px solid #e3e6ea; border-radius: 8px; padding: 6px 12px 6px 32px; background: #f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa3af' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 11px center; box-shadow: none; transition: all .15s; }
.talep-dt-ust .dataTables_filter input:focus { background-color: #fff; border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); outline: 0; }
.talep-dt-ust .dt-buttons { display: flex; gap: 6px; }
.talep-dt-btn, .talep-dt-btn.btn { background: #fff !important; border: 1px solid #e3e6ea !important; color: #4b5563 !important; border-radius: 8px !important; padding: 6px 12px !important; font-size: 12px !important; font-weight: 600; box-shadow: none !important; margin-right: 6px; }
.talep-dt-btn:hover { background: #f9fafb !important; border-color: #cfd4da !important; }
.talep-dt-btn .fa-file-excel-o { color: #10b981; }
.talep-dt-btn .fa-file-pdf-o { color: #ef4444; }
.talep-dt-alt .dataTables_info { color: #8a94a3; font-size: 12px; padding: 0 !important; }
.talep-dt-alt .pagination { margin: 0; }
.talep-dt-alt .pagination > li > a { border: 0; border-radius: 6px !important; margin: 0 2px; color: #4b5563; font-size: 12px; }
.talep-dt-alt .pagination > .active > a, .talep-dt-alt .pagination > .active > a:hover { background: #d9534f; color: #fff; }

.talep-tablo { margin: 0 !important; border-collapse: collapse !important; }
.talep-tablo > thead > tr > th { background-color: #f8f9fb !important; color: #6b7280 !important; font-size: 11px !important; font-weight: 700; letter-spacing: .5px; padding: 10px 6px !important; border-top: 1px solid #eef0f3 !important; border-bottom: 1px solid #eef0f3 !important; white-space: nowrap; }
.talep-tablo > tbody > tr > td { font-size: 12.5px; color: #374151; padding: 11px 6px !important; vertical-align: middle !important; border-top: 1px solid #f1f2f4 !important; }
.talep-tablo > tbody > tr:hover > td { background: #fafbfc; }
.talep-tablo > tbody > tr.talep-yuksek > td:first-child { box-shadow: inset 3px 0 0 #ef4444; }
.talep-tablo td a { color: inherit; }
.talep-tablo .talep-islem { white-space: nowrap; text-align: right; }
.talep-tarih { color: #9aa3af; font-size: 12px; }
.talep-tarih b { color: #374151; font-weight: 600; }
.talep-yas { margin-top: 4px; }
.talep-alt-satir { display: block; color: #9aa3af !important; font-size: 11.5px; margin-top: 2px; }
a.talep-alt-satir:hover { color: #6b7280 !important; }
.talep-not { max-width: 280px; }
.talep-tablo .talep-urun { display: inline-block; min-width: 150px; }
.talep-email { max-width: 170px; word-wrap: break-word; }
.talep-ek { display: inline-block; margin-top: 3px; font-size: 11px; font-weight: 600; color: #b45309 !important; background: #fffbeb; border: 1px solid #fde68a; border-radius: 6px; padding: 1px 7px; text-decoration: none !important; }
.talep-ek:hover { background: #fef3c7; }
.talep-firma { display: flex; align-items: center; }
.talep-firma-ad { font-weight: 600; color: #1f2937 !important; }
a.talep-firma-ad:hover { color: #d9534f !important; text-decoration: none; }
.talep-avatar { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; letter-spacing: .3px; }
.talep-avatar-sm { flex-basis: 28px; width: 28px; height: 28px; font-size: 11px; }
.talep-tel { color: #374151 !important; font-weight: 500; white-space: nowrap; }
.talep-tel .fa { color: #10b981; }
.talep-urun { font-weight: 600; color: #1f2937; }
.talep-kaynak { display: inline-block; background: #f1f2f4; color: #4b5563; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 6px; text-transform: uppercase; letter-spacing: .2px; line-height: 1.4; }
.talep-kaydeden { font-size: 12px; color: #4b5563; }

.talep-pill { display: inline-flex; align-items: center; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; line-height: 1.4; }
.talep-pill .fa { margin-right: 4px; }
.talep-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin-right: 5px; }
.talep-pill-danger { background: #fee2e2; color: #dc2626; }
.talep-pill-warning { background: #fef3c7; color: #b45309; }
.talep-pill-success { background: #d1fae5; color: #047857; }
.talep-pill-info { background: #e0f2fe; color: #0369a1; }
.talep-pill-muted { background: #f1f2f4; color: #6b7280; }
.talep-work-link, .talep-work-link:hover { text-decoration: none; }

.talep-btn-mini { display: inline-flex; align-items: center; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; border: 1px dashed #f59e0b; color: #b45309 !important; background: #fffbeb; cursor: pointer; text-decoration: none !important; white-space: nowrap; }
.talep-btn-mini .fa { margin-right: 4px; }
.talep-btn-mini:hover { background: #f59e0b; color: #fff !important; border-style: solid; }
.talep-btn-ikon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: 1px solid #e3e6ea; background: #fff; color: #6b7280 !important; cursor: pointer; text-decoration: none !important; vertical-align: middle; margin-left: 4px; transition: all .15s; }
.talep-btn-ikon:hover { border-color: #f59e0b; color: #d97706 !important; background: #fffbeb; }
.talep-btn-ikon-sil:hover { border-color: #ef4444; color: #dc2626 !important; background: #fef2f2; }
.talep-btn-ata { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 8px; border: 1px solid #d9534f; background: #fff; color: #d9534f !important; font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: none !important; vertical-align: middle; margin-left: 4px; transition: all .15s; }
.talep-btn-ata .fa { margin-right: 5px; }
.talep-btn-ata:hover { background: #d9534f; color: #fff !important; box-shadow: 0 3px 10px rgba(217, 83, 79, .3); }

.talep-filtre { background: #f8f9fb; border: 1px solid #eef0f3; border-radius: 10px; padding: 12px 4px 2px; margin: 0 0 14px; }
.talep-filtre .form-group { margin-bottom: 10px; }
.talep-filtre label { font-size: 11px; color: #6b7280; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; margin-bottom: 3px; }
.talep-filtre .form-control, .talep-filtre .btn.dropdown-toggle { border-radius: 8px; border-color: #e3e6ea; box-shadow: none; }
.talep-btn-filtre { background: #1f2937; color: #fff !important; border-radius: 8px; font-weight: 600; }
.talep-btn-filtre:hover { background: #111827; }

.talep-modal .modal-dialog { width: 760px; max-width: calc(100% - 20px); margin-top: 40px; }
.talep-modal .modal-content { border: 0; border-radius: 14px; box-shadow: 0 24px 60px rgba(16, 24, 40, .25); overflow: visible; }
.talep-modal a:focus, .talep-modal .btn:focus, .talep-modal .btn:active:focus { outline: none !important; }
.talep-modal-yukleniyor { padding: 60px 20px; text-align: center; color: #8a94a3; }
.talep-yeni-baslik { display: flex; align-items: center; padding: 18px 22px; border-bottom: 1px solid #eef0f3; }
.talep-yeni-baslik .close { order: 3; margin-left: auto; font-size: 26px; opacity: .35; }
.talep-yeni-baslik .close:hover { opacity: .7; }
.talep-yeni-baslik h4 { margin: 0; font-size: 18px; font-weight: 700; color: #1f2937; }
.talep-yeni-baslik p { margin: 2px 0 0; font-size: 12.5px; color: #8a94a3; }
.talep-yeni-ikon { flex: 0 0 44px; height: 44px; border-radius: 12px; background: #fde8e7; color: #d9534f; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-right: 14px; }
.talep-yeni .modal-body { padding: 18px 22px 6px; background: #fafbfc; }
.talep-yeni-bolum { background: #fff; border: 1px solid #eef0f3; border-radius: 12px; padding: 16px 16px 14px; margin-bottom: 14px; transition: border-color .15s, box-shadow .15s; }
.talep-yeni-bolum.talep-hata { border-color: #fca5a5; box-shadow: 0 0 0 3px rgba(239, 68, 68, .1); }
.talep-yeni-bolum-baslik { font-size: 12px; font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 12px; display: flex; align-items: center; }
.talep-yeni-bolum-baslik span { width: 22px; height: 22px; border-radius: 50%; background: #d9534f; color: #fff; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; }
.talep-yeni label { font-size: 12px; font-weight: 600; color: #4b5563; margin-bottom: 5px; }
.talep-yeni label em { color: #ef4444; font-style: normal; }
.talep-yeni label small { font-weight: 400; color: #9aa3af; }
.talep-yeni .form-group { margin-bottom: 14px; }
.talep-yeni .form-control, .talep-yeni .bootstrap-select > .btn { height: 38px; border-radius: 8px; border-color: #e3e6ea; box-shadow: none; font-size: 13px; }
.talep-yeni textarea.form-control { height: auto; resize: vertical; }
.talep-yeni .form-control:focus { border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); }
.talep-yeni .bootstrap-select > .btn { background: #fff; }
.talep-yeni .bootstrap-select > .btn .filter-option { line-height: 24px; }
.talep-yeni .form-group.talep-hata .bootstrap-select > .btn { border-color: #f87171; box-shadow: 0 0 0 3px rgba(239, 68, 68, .1); }

.talep-yeni-ara { position: relative; }
.talep-yeni-ara > .fa { position: absolute; top: 50%; margin-top: -7px; color: #9aa3af; }
.talep-yeni-ara > .fa-search { left: 13px; }
.talep-yeni-ara .form-control { padding-left: 36px; height: 42px; font-size: 14px; }
.talep-yeni-ara-yukleniyor { right: 13px; display: none; }
.talep-yeni-ara.yukleniyor .talep-yeni-ara-yukleniyor { display: block; }
.talep-yeni-firma { margin-top: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
.talep-yeni-firma > .form-group, .talep-yeni-firma > #card_page { flex: 1 1 260px; min-width: 0; margin-bottom: 0; }
.talep-yeni-firma #card_page .form-group { margin-bottom: 0; }
.talep-yeni-firma .clearfix { display: none; }
.talep-yeni-firma .bs-docs-example { margin: 0; padding: 0; border: 0; }
.talep-yeni-bos { flex: 1; text-align: center; color: #9aa3af; font-size: 12.5px; padding: 12px; border: 1px dashed #e3e6ea; border-radius: 8px; }
.talep-yeni-bos .fa { margin-right: 4px; }

.talep-oncelik-sec { display: flex; background: #f3f4f6; border-radius: 9px; padding: 3px; height: 38px; }
.talep-oncelik-sec label { flex: 1; margin: 0; cursor: pointer; }
.talep-oncelik-sec input { position: absolute; opacity: 0; pointer-events: none; }
.talep-oncelik-sec span { display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 7px; font-size: 12.5px; font-weight: 600; color: #6b7280; transition: all .15s; }
.talep-oncelik-sec span:hover { color: #374151; }
.talep-oncelik-sec input:checked + span { background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .12); }
.talep-oncelik-dusuk input:checked + span { color: #4b5563; }
.talep-oncelik-orta input:checked + span { color: #b45309; }
.talep-oncelik-yuksek input:checked + span { color: #dc2626; }

.talep-yeni-dosya { display: flex !important; align-items: center; gap: 10px; border: 1.5px dashed #d6dae0; border-radius: 10px; padding: 12px 14px; cursor: pointer; background: #fafbfc; font-weight: 400 !important; color: #6b7280 !important; margin: 0 !important; transition: all .15s; }
.talep-yeni-dosya:hover { border-color: #d9534f; background: #fff; }
.talep-yeni-dosya input { display: none; }
.talep-yeni-dosya > .fa { font-size: 20px; color: #9aa3af; }
.talep-yeni-dosya small { color: #9aa3af; }
.talep-yeni-dosya.yukleniyor > .fa:before { content: "\f110"; }
.talep-yeni-dosya.yukleniyor > .fa { animation: fa-spin 1s infinite linear; }
.talep-yeni-dosya.yuklendi { border-style: solid; border-color: #6ee7b7; background: #ecfdf5; color: #047857 !important; }
.talep-yeni-dosya.yuklendi > .fa { color: #10b981; }
.talep-yeni-dosya.yuklendi > .fa:before { content: "\f058"; }
.talep-yeni-dosya.hata { border-color: #fca5a5; background: #fef2f2; color: #dc2626 !important; }

.talep-yeni-baslik h4 small { font-size: 13px; color: #9aa3af; font-weight: 600; }
.talep-yeni-baslik p .talep-tarih, .talep-yeni-baslik p .talep-tarih b { font-size: 12.5px; color: #6b7280; }
.talep-yeni-mevcut { display: flex; align-items: center; background: #f8f9fb; border: 1px solid #eef0f3; border-radius: 10px; padding: 12px 14px; }
.talep-yeni-mevcut .talep-avatar { flex-basis: 40px; width: 40px; height: 40px; font-size: 14px; }
.talep-yeni-mevcut-bilgi { flex: 1; min-width: 0; }
.talep-yeni-mevcut-bilgi b { display: block; color: #1f2937; font-size: 14px; }
.talep-yeni-mevcut-bilgi small { display: block; color: #6b7280; font-size: 12px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.talep-yeni-degistir { flex: 0 0 auto; margin-left: 10px; font-size: 12px; font-weight: 600; color: #d9534f !important; border: 1px solid #f5c2c0; background: #fff; border-radius: 8px; padding: 6px 12px; cursor: pointer; text-decoration: none !important; }
.talep-yeni-degistir:hover { background: #fde8e7; }
.talep-yeni-geri { display: inline-block; margin-top: 10px; font-size: 12px; color: #6b7280 !important; cursor: pointer; text-decoration: none !important; }
.talep-yeni-geri:hover { color: #1f2937 !important; }
.talep-yeni-dosya-satir { display: flex; align-items: stretch; gap: 8px; }
.talep-yeni-dosya-satir .talep-yeni-dosya { flex: 1; min-width: 0; }
.talep-yeni-dosya-kaldir { flex: 0 0 44px; display: flex; align-items: center; justify-content: center; border: 1px solid #e3e6ea; border-radius: 10px; color: #9aa3af !important; cursor: pointer; text-decoration: none !important; }
.talep-yeni-dosya-kaldir:hover { border-color: #fca5a5; background: #fef2f2; color: #dc2626 !important; }
.talep-btn-ikon-duzenle:hover { border-color: #60a5fa; color: #2563eb !important; background: #eff6ff; }

.talep-yeni-alt { padding: 14px 22px; border-top: 1px solid #eef0f3; background: #fff; border-radius: 0 0 14px 14px; }
.talep-yeni-alt .btn { border-radius: 8px; padding: 8px 16px; font-weight: 600; }
.talep-yeni-kaydet { background: #d9534f; color: #fff !important; border: 0; box-shadow: 0 4px 12px rgba(217, 83, 79, .3); }
.talep-yeni-kaydet:hover { background: #c9302c; }

.talep-yeni .form-group.talep-hata .form-control { border-color: #f87171; box-shadow: 0 0 0 3px rgba(239, 68, 68, .1); }
.talep-ata-ikon { background: #e0f2fe; color: #0284c7; }
.talep-ata-ozet { background: #fff; border: 1px solid #eef0f3; border-radius: 12px; padding: 12px; margin-bottom: 14px; }
.talep-ata-ozet .talep-yeni-mevcut { background: none; border: 0; padding: 0; }
.talep-ata-ozet .talep-yeni-mevcut .talep-pill { margin-left: 10px; }
.talep-ata-etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.talep-ata-etiketler span { display: inline-flex; align-items: center; background: #f3f4f6; color: #4b5563; font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 6px; }
.talep-ata-etiketler .fa { margin-right: 5px; color: #9aa3af; }
.talep-ata-etiketler .talep-tarih, .talep-ata-etiketler .talep-tarih b { font-size: 11.5px; color: #4b5563; font-weight: 600; }
.talep-ata-not { margin-top: 10px; background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 8px; padding: 8px 10px; font-size: 12.5px; }
.talep-ata-not .fa { margin-right: 4px; }
.talep-yeni .bootstrap-select .text-muted { color: #9aa3af; font-size: 11px; margin-left: 4px; }
.talep-ata-bitis { display: flex; gap: 8px; }
.talep-ata-bitis .form-control { flex: 0 0 170px; width: 170px; }
.talep-ata-hizli { display: flex; flex: 1; background: #f3f4f6; border-radius: 9px; padding: 3px; height: 38px; }
.talep-ata-hizli a { flex: 1; display: flex; align-items: center; justify-content: center; border-radius: 7px; font-size: 12px; font-weight: 600; color: #6b7280 !important; cursor: pointer; text-decoration: none !important; transition: all .15s; }
.talep-ata-hizli a:hover { color: #1f2937 !important; }
.talep-ata-hizli a.aktif { background: #fff; color: #0284c7 !important; box-shadow: 0 1px 3px rgba(16, 24, 40, .12); }
.talep-ata-anahtar { display: flex !important; align-items: flex-start; gap: 12px; cursor: pointer; margin: 0 !important; font-weight: 400 !important; }
.talep-ata-anahtar input { display: none; }
.talep-ata-anahtar-dugme { flex: 0 0 40px; height: 22px; border-radius: 11px; background: #d1d5db; position: relative; transition: background .2s; margin-top: 1px; }
.talep-ata-anahtar-dugme:after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: left .2s; }
.talep-ata-anahtar input:checked + .talep-ata-anahtar-dugme { background: #10b981; }
.talep-ata-anahtar input:checked + .talep-ata-anahtar-dugme:after { left: 21px; }
.talep-ata-anahtar-metin { font-size: 13px; font-weight: 600; color: #1f2937; }
.talep-ata-anahtar-metin small { display: block; font-weight: 400; color: #8a94a3; font-size: 12px; margin-top: 2px; }
.talep-ata-anahtar.pasif { cursor: not-allowed; opacity: .6; }
.talep-ata-bilgi { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #eef0f3; font-size: 12px; color: #8a94a3; }
.talep-ata-bilgi .fa { margin-right: 4px; }

.is-bana { font-size: 10px; padding: 1px 7px; margin-left: 4px; vertical-align: 1px; }
.is-btn-sonuc { border-color: #10b981; color: #059669 !important; }
.is-btn-sonuc:hover { background: #10b981; color: #fff !important; box-shadow: 0 3px 10px rgba(16, 185, 129, .3); }
.is-dt-sol, .is-dt-sag { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.is-dt-araclar { display: flex !important; align-items: center; gap: 8px; }
.is-dt-araclar[style*="none"] { display: none !important; }
.is-personel-filtre { height: 34px !important; border-radius: 8px !important; border-color: #e3e6ea !important; box-shadow: none !important; font-size: 13px; min-width: 170px; background: #f9fafb; }
.is-gecikmis-filtre { display: inline-flex; align-items: center; gap: 5px; height: 34px; margin: 0; padding: 0 12px; border: 1px solid #e3e6ea; border-radius: 8px; font-size: 12px; font-weight: 600; color: #6b7280; cursor: pointer; white-space: nowrap; user-select: none; }
.is-gecikmis-filtre input { display: none; }
.is-gecikmis-filtre.aktif { background: #fee2e2; border-color: #fca5a5; color: #dc2626; }

.is-firma-ara { position: relative; }
.is-firma-sonuc { display: none; position: absolute; left: 0; right: 0; top: 46px; z-index: 20; background: #fff; border: 1px solid #e3e6ea; border-radius: 10px; box-shadow: 0 12px 30px rgba(16, 24, 40, .15); max-height: 260px; overflow-y: auto; padding: 4px; }
.is-firma-satir { display: block; padding: 8px 10px; border-radius: 7px; cursor: pointer; text-decoration: none !important; color: #1f2937 !important; }
.is-firma-satir:hover { background: #fef2f2; }
.is-firma-satir b { display: block; font-size: 13px; }
.is-firma-satir small { display: block; font-size: 11.5px; color: #9aa3af; }
.is-firma-bos { padding: 12px; text-align: center; color: #9aa3af; font-size: 12.5px; }

.is-ikon-tamam { background: #d1fae5; color: #059669; }
.is-ikon-red { background: #fee2e2; color: #dc2626; }
.is-detay-bilgiler { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 22px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #eef0f3; }
.is-detay-etiket { display: block; font-size: 10.5px; font-weight: 700; color: #9aa3af; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 3px; }
.is-detay-bilgiler > div { white-space: nowrap; }
.is-detay-bilgiler > div > b { font-size: 13px; color: #1f2937; font-weight: 600; }
.is-detay-bilgiler .talep-pill { vertical-align: 1px; }
.is-detay-bilgiler > .is-detay-ok { color: #cbd0d6; font-size: 16px; margin: 0 -10px; padding-bottom: 1px; }
.is-detay-metin { font-size: 13px; line-height: 1.7; color: #374151; background: #f8f9fb; border-radius: 8px; padding: 12px 14px; word-wrap: break-word; }
.is-detay-metin b { color: #6b7280; font-weight: 600; }
.is-sonuc-kart { display: flex; align-items: flex-start; gap: 12px; border-radius: 10px; padding: 12px 14px; }
.is-sonuc-kart > .fa { font-size: 26px; line-height: 1; }
.is-sonuc-kart b { display: block; font-size: 14px; }
.is-sonuc-kart p { margin: 4px 0 0; font-size: 13px; }
.is-sonuc-kart.tamam { background: #ecfdf5; color: #047857; }
.is-sonuc-kart.red { background: #fef2f2; color: #b91c1c; }
.is-sonuc-kart.bekliyor { background: #f0f9ff; color: #0369a1; }
.is-sonuc-sec { height: 42px; }
.is-sonuc-sec span .fa { margin-right: 6px; }
.is-sonuc-yapildi input:checked + span { color: #059669; }
.is-sonuc-reddedildi input:checked + span { color: #dc2626; }
.talep-yeni-kaydet.is-btn-tamam { background: #10b981; box-shadow: 0 4px 12px rgba(16, 185, 129, .3); }
.talep-yeni-kaydet.is-btn-tamam:hover { background: #059669; }
.talep-yeni-kaydet.is-btn-red { background: #ef4444; }
#modal_lg .is-detay .modal-header { background: #fff; color: inherit; }
#modal_lg .modal-content:has(.is-detay) { border: 0; border-radius: 14px; overflow: hidden; }

.talep-mb0 { margin-bottom: 0 !important; }
.talep-nowrap { white-space: nowrap; }
.talep-tikla { cursor: pointer; }
.talep-yeni-bolum-baslik > .fa { margin-right: 8px; color: #9aa3af; }
.is-dis-link { font-size: 11px; }
.is-detay-ek { margin-top: 10px; }
.is-sonuc-not { margin: 12px 0 0 !important; }
.is-sonuc-alt { margin-top: 12px; }

.talep-pill-mor { background: #ede9fe; color: #6d28d9; }
.teklif-baslik-btn { display: flex; align-items: center; gap: 8px; }
.teklif-baslik-btn .talep-dt-btn { margin: 0; padding: 9px 14px !important; }
.teklif-yuzde { color: #059669; }
.teklif-filtre-alt { margin-bottom: 8px !important; display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
.teklif-filtre-temizle { font-size: 12px; font-weight: 600; color: #6b7280 !important; cursor: pointer; text-decoration: none !important; }
.teklif-filtre-temizle:hover { color: #1f2937 !important; }
.teklif-no { font-weight: 700; color: #1f2937 !important; cursor: pointer; text-decoration: none !important; }
.teklif-no:hover { color: #d9534f !important; }
.teklif-tutar { font-weight: 700; color: #111827; white-space: nowrap; }
.teklif-tutar small { font-size: 10.5px; font-weight: 700; color: #9aa3af; margin-left: 2px; }
.teklif-fazla { display: inline-block; font-size: 10.5px; font-weight: 700; color: #4b5563; background: #f1f2f4; border-radius: 6px; padding: 1px 6px; cursor: help; }
.talep-tablo > tbody > tr.teklif-benim > td:first-child { box-shadow: inset 3px 0 0 #3b82f6; }
.teklif-not { position: relative; }
.teklif-not b { position: absolute; top: -6px; right: -6px; min-width: 16px; height: 16px; border-radius: 8px; background: #f59e0b; color: #fff; font-size: 10px; line-height: 16px; text-align: center; padding: 0 4px; }
.teklif-not:not(.var) { color: #d1d5db !important; }
.teklif-btn-proforma:hover { border-color: #8b5cf6; color: #6d28d9 !important; background: #f5f3ff; }
#teklifTablo_processing { top: 60px; background: rgba(255, 255, 255, .92); border: 1px solid #eef0f3; border-radius: 10px; box-shadow: 0 8px 20px rgba(16, 24, 40, .08); color: #6b7280; font-weight: 600; height: auto; padding: 12px; }
.is-dt-sol .dataTables_length label { font-size: 12px; color: #6b7280; font-weight: 400; margin: 0; }
.is-dt-sol .dataTables_length select { height: 30px; border-radius: 6px; border: 1px solid #e3e6ea; margin: 0 4px; }

.teklif-urunler { list-style: none; padding: 0; margin: 0; }
.teklif-urunler li { padding: 7px 0; border-bottom: 1px dashed #eef0f3; font-size: 13px; font-weight: 600; color: #1f2937; }
.teklif-urunler li:last-child { border-bottom: 0; }
.teklif-urunler .fa { color: #10b981; margin-right: 6px; }
.teklif-red-neden { margin-top: 12px; }
.teklif-rapor-anahtar { margin-top: 2px !important; }
.teklif-durum-sec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.teklif-durum-btn { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 12px 6px; border: 1px solid #e3e6ea; border-radius: 10px; cursor: pointer; text-decoration: none !important; color: #4b5563 !important; transition: all .15s; }
.teklif-durum-btn .fa { font-size: 18px; margin-bottom: 6px; }
.teklif-durum-btn b { font-size: 13px; }
.teklif-durum-btn small { font-size: 11px; color: #9aa3af; }
.teklif-durum-btn.onay .fa { color: #10b981; }
.teklif-durum-btn.onay:hover { border-color: #6ee7b7; background: #ecfdf5; }
.teklif-durum-btn.red .fa { color: #ef4444; }
.teklif-durum-btn.red:hover { border-color: #fca5a5; background: #fef2f2; }
.teklif-durum-btn.bekle .fa { color: #f59e0b; }
.teklif-durum-btn.bekle:hover, .teklif-durum-btn.bekle.aktif { border-color: #fcd34d; background: #fffbeb; }
.teklif-durum-btn.bayi .fa { color: #8b5cf6; }
.teklif-durum-btn.bayi:hover, .teklif-durum-btn.bayi.aktif { border-color: #c4b5fd; background: #f5f3ff; }
.teklif-red-form { display: none; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #eef0f3; }
.teklif-aksiyonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.teklif-aksiyonlar a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #e3e6ea; border-radius: 8px; font-size: 12.5px; font-weight: 600; color: #374151 !important; cursor: pointer; text-decoration: none !important; transition: all .15s; }
.teklif-aksiyonlar a .fa { color: #9aa3af; }
.teklif-aksiyonlar a:hover { border-color: #d9534f; color: #d9534f !important; background: #fef2f2; }
.teklif-aksiyonlar a:hover .fa { color: #d9534f; }
.teklif-aksiyonlar a.yesil { border-color: #6ee7b7; color: #047857 !important; }
.teklif-takip-uyari { margin-top: 10px; }
.teklif-btn-detay { background: #1f2937; border-color: #1f2937 !important; color: #fff !important; }
.teklif-btn-detay:hover { background: #d9534f; border-color: #d9534f !important; }
#teklifTablo td:last-child { white-space: nowrap; }
#teklifTablo .talep-firma-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#teklifTablo .talep-firma-ad, #teklifTablo .talep-urun { word-break: break-word; overflow-wrap: anywhere; }

/* Yeni teklif sihirbazı */
.tk-adimlar { display: flex; background: #fff; border: 1px solid #e8eaee; border-radius: 12px; padding: 14px 18px; margin-bottom: 18px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); }
.tk-adim { flex: 1; display: flex; align-items: center; position: relative; color: #9aa3af; }
.tk-adim:not(:last-child)::after { content: ''; flex: 1; height: 2px; background: #eef0f3; margin: 0 14px; border-radius: 2px; }
.tk-adim.complete:not(:last-child)::after { background: #10b981; }
.tk-adim-no { flex: 0 0 34px; height: 34px; border-radius: 50%; background: #f3f4f6; color: #9aa3af; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; margin-right: 10px; transition: all .2s; }
.tk-adim-no .fa { display: none; }
.tk-adim-metin b { display: block; font-size: 13px; color: #6b7280; }
.tk-adim-metin small { display: block; font-size: 11.5px; color: #9aa3af; }
.tk-adim.current .tk-adim-no { background: #d9534f; color: #fff; box-shadow: 0 0 0 4px rgba(217, 83, 79, .15); }
.tk-adim.current .tk-adim-metin b { color: #1f2937; }
.tk-adim.complete .tk-adim-no { background: #10b981; color: #fff; }
.tk-adim.complete .tk-adim-no b { display: none; }
.tk-adim.complete .tk-adim-no .fa { display: inline; }
.tk-adim.complete .tk-adim-metin b { color: #047857; }

.tk-yukleniyor { background: #fff; border: 1px solid #e8eaee; border-radius: 12px; padding: 50px 20px; text-align: center; margin-bottom: 18px; }
.tk-yukleniyor .fa { display: block; font-size: 28px; color: #d9534f; margin-bottom: 12px; }
.tk-yukleniyor b { display: block; font-size: 15px; color: #1f2937; }
.tk-yukleniyor small { color: #9aa3af; }

.tk-firma { display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid #e3e6ea; border-radius: 10px; background: #fafbfc; }
.tk-firma .talep-avatar, .tk-kisi .talep-avatar { background: #6366f1; }
.tk-firma .talep-avatar { flex-basis: 40px; width: 40px; height: 40px; font-size: 14px; margin-right: 4px; }
.tk-firma-bilgi { flex: 1; min-width: 0; }
.tk-firma-bilgi b { display: block; font-size: 14px; color: #1f2937; word-break: break-word; }
.tk-firma-bilgi small { display: block; font-size: 12px; color: #8a94a3; }
.tk-mini { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; padding: 6px 10px; border-radius: 8px; border: 1px solid #e3e6ea; background: #fff; color: #4b5563 !important; cursor: pointer; text-decoration: none !important; white-space: nowrap; }
.tk-mini:hover { border-color: #d9534f; color: #d9534f !important; }

.talep-yeni label.tk-alt-baslik { display: block; margin: 16px 0 8px; }
.tk-kisiler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.tk-kisi { position: relative; display: flex; align-items: flex-start; padding: 10px 12px; border: 1px solid #e3e6ea; border-radius: 10px; cursor: pointer; text-decoration: none !important; color: #374151 !important; background: #fff; transition: all .15s; }
.tk-kisi:hover { border-color: #fca5a5; }
.tk-kisi.secili { border-color: #d9534f; background: #fef2f2; box-shadow: 0 0 0 3px rgba(217, 83, 79, .1); }
.tk-kisi-bilgi { flex: 1; min-width: 0; }
.tk-kisi-bilgi b { display: block; font-size: 13px; color: #1f2937; padding-right: 16px; }
.tk-kisi-bilgi small { display: block; font-size: 11.5px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-kisi-bilgi small .fa { width: 13px; color: #9aa3af; }
.tk-kisi-bilgi small.tk-eksik, .tk-kisi-bilgi small.tk-eksik .fa { color: #d97706; }
.tk-kisi .tk-kisi-tik { position: absolute; top: 10px; right: 10px; color: #d9534f; font-size: 15px; display: none; }
.tk-kisi.secili .tk-kisi-tik { display: block; }
.tk-kisi-yeni { align-items: center; justify-content: center; gap: 6px; border-style: dashed; color: #6b7280 !important; font-size: 12.5px; font-weight: 600; min-height: 58px; }
.tk-kisi-yeni:hover { color: #d9534f !important; background: #fef2f2; }
.tk-kisi-form { margin-top: 12px; padding: 14px 14px 10px; border: 1px dashed #e3e6ea; border-radius: 10px; background: #fafbfc; }
.tk-kisi-form .talep-yeni-geri { margin: 0 12px 0 0; }

.tk-urunler { margin-top: 10px; }
.tk-urunler > .talep-yeni-bos { display: block; }
.tk-urun, .tk-fiyat-urun-baslik { display: flex; align-items: center; gap: 10px; }
.tk-urun { padding: 9px 4px; border-bottom: 1px dashed #eef0f3; }
.tk-urun:last-child { border-bottom: 0; }
.tk-urun-no { flex: 0 0 24px; height: 24px; border-radius: 7px; background: #f3f4f6; color: #6b7280; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.tk-urun-bilgi { flex: 1; min-width: 0; }
.tk-urun-bilgi b { display: block; font-size: 13px; color: #1f2937; word-break: break-word; }
.tk-urun-bilgi small { display: block; font-size: 11.5px; color: #9aa3af; }
.tk-urun-fiyat { text-align: right; font-size: 13px; font-weight: 700; color: #111827; white-space: nowrap; }
.tk-urun-fiyat small { display: block; font-size: 10.5px; font-weight: 400; color: #9aa3af; }
#tkUrunBolum .bootstrap-select .dropdown-menu li small.text-muted { font-weight: 600; color: #059669 !important; }
#tkUrunBolum .bootstrap-select .dropdown-header { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #d9534f; }

.tk-ozet { position: sticky; top: 16px; background: #fff; border: 1px solid #eef0f3; border-radius: 12px; padding: 16px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); margin-bottom: 14px; }
.tk-ozet-baslik { font-size: 12px; font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 12px; }
.tk-ozet-baslik .fa { color: #9aa3af; margin-right: 6px; }
.tk-kontrol { list-style: none; padding: 0; margin: 0 0 14px; }
.tk-kontrol li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #eef0f3; }
.tk-kontrol li:last-child { border-bottom: 0; }
.tk-kontrol li > .fa { font-size: 16px; color: #d1d5db; margin-top: 2px; }
.tk-kontrol li.tamam > .fa { color: #10b981; }
.tk-kontrol small { display: block; font-size: 11px; color: #9aa3af; text-transform: uppercase; letter-spacing: .4px; }
.tk-kontrol b { display: block; font-size: 13px; color: #9aa3af; font-weight: 600; word-break: break-word; }
.tk-kontrol li.tamam b { color: #1f2937; }
.tk-ozet-uyari { font-size: 12px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 8px 10px; margin-bottom: 12px; }
.tk-ileri { width: 100%; height: 42px; border-radius: 9px; font-weight: 700; font-size: 13.5px; }
.tk-ileri[disabled] { background: #e5e7eb; color: #9aa3af !important; box-shadow: none; cursor: not-allowed; opacity: 1; }
.tk-geri { display: block; text-align: center; }

.tk-baslik-ek { margin-left: auto; font-size: 11.5px; font-weight: 600; color: #9aa3af; text-transform: none; letter-spacing: 0; }
.tk-fiyat-urun { border: 1px solid #eef0f3; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; background: #fafbfc; }
.tk-fiyat-urun:last-child { margin-bottom: 0; }
.tk-fiyat-urun-baslik { margin-bottom: 12px; }
.tk-satir-toplam { font-size: 15px; font-weight: 700; color: #111827; white-space: nowrap; }
.tk-fiyat-tipi { display: flex; flex-wrap: wrap; gap: 6px; }
.tk-fiyat-tipi label { margin: 0; cursor: pointer; }
.tk-fiyat-tipi input { position: absolute; opacity: 0; pointer-events: none; }
.tk-fiyat-tipi span { display: inline-block; padding: 6px 12px; border: 1px solid #e3e6ea; border-radius: 20px; background: #fff; font-size: 12px; font-weight: 600; color: #6b7280; transition: all .15s; }
.tk-fiyat-tipi input:checked + span { border-color: #d9534f; background: #fef2f2; color: #b91c1c; }
.tk-ozet .input-group-addon { background: #f9fafb; border-color: #e3e6ea; font-size: 12px; font-weight: 600; color: #6b7280; }
.tk-ozet .input-group .form-control { border-radius: 0; }
.tk-toplamlar { display: grid; grid-template-columns: 1fr auto; gap: 8px 10px; margin: 6px 0 16px; padding-top: 12px; border-top: 1px dashed #eef0f3; }
.tk-toplamlar dt { font-size: 12.5px; font-weight: 600; color: #6b7280; }
.tk-toplamlar dt small { font-weight: 400; color: #9aa3af; }
.tk-toplamlar dd { margin: 0; text-align: right; font-size: 13px; font-weight: 700; color: #1f2937; white-space: nowrap; }
.tk-toplamlar .tk-genel { padding-top: 8px; border-top: 1px solid #eef0f3; font-size: 14px; color: #111827; }
.tk-toplamlar dd.tk-genel { font-size: 18px; color: #d9534f; }

.tk-sonuc { background: #fff; border: 1px solid #e8eaee; border-radius: 12px; padding: 36px 20px 24px; text-align: center; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); }
.tk-sonuc-ikon { display: inline-flex; width: 64px; height: 64px; border-radius: 50%; background: #d1fae5; color: #059669; font-size: 28px; align-items: center; justify-content: center; margin-bottom: 12px; box-shadow: 0 0 0 8px #ecfdf5; }
.tk-sonuc h3 { margin: 6px 0 4px; font-size: 22px; font-weight: 700; color: #1f2937; }
.tk-sonuc p { margin: 0 0 4px; font-size: 14px; color: #4b5563; }
.tk-sonuc > small { color: #9aa3af; font-size: 12.5px; }
.tk-sonuc-butonlar { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 24px 0 8px; }
.tk-sonuc-btn { width: 200px; padding: 18px 12px; border: 1px solid #e3e6ea; border-radius: 12px; cursor: pointer; text-decoration: none !important; color: #374151 !important; transition: all .15s; }
.tk-sonuc-btn .fa { display: block; font-size: 22px; color: #9aa3af; margin-bottom: 8px; }
.tk-sonuc-btn b { display: block; font-size: 13.5px; }
.tk-sonuc-btn small { display: block; font-size: 11.5px; color: #9aa3af; }
.tk-sonuc-btn:hover { border-color: #d9534f; background: #fef2f2; }
.tk-sonuc-btn:hover .fa { color: #d9534f; }
.tk-sonuc-btn.birincil { border-color: #d9534f; background: #d9534f; color: #fff !important; box-shadow: 0 6px 16px rgba(217, 83, 79, .3); }
.tk-sonuc-btn.birincil .fa, .tk-sonuc-btn.birincil small { color: #fde8e7; }
.tk-sonuc-btn.birincil:hover { background: #c9302c; }
.tk-baslik-no { font-size: 16px; font-weight: 600; color: #9aa3af; margin-left: 4px; }
.tk-ozet-bilgi { color: #1e40af; background: #eff6ff; border-color: #bfdbfe; }
.tk-sonuc-hata .tk-sonuc-ikon { background: #fee2e2; color: #dc2626; box-shadow: 0 0 0 8px #fef2f2; }
.teklif-baslik-btn > .talep-pill { margin-right: 4px; }

/* SATIŞ alt menüsü (inc/sales.php) */
.satis-menu { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; margin: 6px 0 16px; background: #fff; border: 1px solid #e8ebf0; border-radius: 12px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); }
.satis-menu-btn { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px 7px 8px; border-radius: 9px; color: #5b6472 !important; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: background .15s, color .15s; }
.satis-menu-ikon { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; transition: all .15s; }
.satis-menu-btn:hover { background: #f5f7fa; color: #1f2937 !important; }
.satis-menu-mavi .satis-menu-ikon { background: #e0ecfb; color: #2a6fc9; }
.satis-menu-turuncu .satis-menu-ikon { background: #fef0dc; color: #e08a0b; }
.satis-menu-yesil .satis-menu-ikon { background: #ddf3e4; color: #2f9e55; }
.satis-menu-turkuaz .satis-menu-ikon { background: #dcf3f9; color: #1f9bbd; }
.satis-menu-btn.aktif { color: #fff !important; box-shadow: 0 3px 10px rgba(16, 24, 40, .15); }
.satis-menu-btn.aktif .satis-menu-ikon { background: rgba(255, 255, 255, .22); color: #fff; }
.satis-menu-mavi.aktif { background: #2a6fc9; }
.satis-menu-turuncu.aktif { background: #e08a0b; }
.satis-menu-yesil.aktif { background: #2f9e55; }
.satis-menu-turkuaz.aktif { background: #1f9bbd; }
.satis-menu-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap: 10px; }
.satis-menu-lacivert .satis-menu-ikon { background: #e3e8f6; color: #1e3a8a; }
.satis-menu-mor .satis-menu-ikon { background: #ede5fb; color: #7c3aed; }
.satis-menu-lacivert.aktif { background: #1e3a8a; }
.satis-menu-mor.aktif { background: #7c3aed; }
.satis-menu-gri .satis-menu-ikon { background: #eef0f3; color: #6b7280; }
.satis-menu-gri.aktif { background: #4b5563; }
.satis-menu-zumrut .satis-menu-ikon { background: #dcf2ee; color: #0f766e; }
.satis-menu-zumrut.aktif { background: #0f766e; }
.satis-menu-kirmizi .satis-menu-ikon { background: #fde4e3; color: #d9534f; }
.satis-menu-kirmizi.aktif { background: #d9534f; }
.satis-menu-amber .satis-menu-ikon { background: #ffedd5; color: #c2410c; }
.satis-menu-amber.aktif { background: #c2410c; }
.satis-menu-btn.satis-menu-sadece-ikon { padding: 7px 8px; }
.satis-menu-satir { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap: 10px; flex: 1 1 100%; }
.satis-menu-satir + .satis-menu { margin-top: -6px; }
.satis-menu-indigo .satis-menu-ikon { background: #e0e7ff; color: #4338ca; }
.satis-menu-indigo.aktif { background: #4338ca; }
@media (max-width: 767px) { .satis-menu { display: flex; } .satis-menu-bar > .satis-menu, .satis-menu-satir > .satis-menu { flex: 1 1 100%; } .satis-menu-rapor { margin-top: -10px; } .satis-menu-sag { margin-top: -10px; } .satis-menu-btn { flex: 1 1 45%; } .satis-menu-btn.satis-menu-sadece-ikon { flex: 0 0 auto; } }

/* Proforma listesi ve detay */
.talep-kart-sayi small { font-size: 13px; font-weight: 600; color: #8a94a3; }
.proforma-talep-eden { color: #6b7280; }
.proforma-talep-eden .fa { color: #b0b7c3; margin-right: 2px; }
a.proforma-teklif-link { color: #6b7280 !important; font-weight: 600; text-decoration: none !important; }
a.proforma-teklif-link:hover { color: #d9534f !important; }
.proforma-durum-sec { grid-template-columns: repeat(3, 1fr); }
.proforma-bilgiler { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; }
.proforma-bilgiler > div { font-size: 12.5px; }
.proforma-bilgiler span { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: #9aa3af; }
.proforma-bilgiler b { font-weight: 600; color: #1f2937; }
.proforma-eknot { color: #6b7280; line-height: 1.5; }
.proforma-eknot .fa { color: #f59e0b; margin-right: 4px; }
#proformaTablo td:last-child { white-space: nowrap; }
#proformaTablo .talep-firma-ad, #proformaTablo .talep-urun { word-break: break-word; overflow-wrap: anywhere; }

/* Yeni proforma sihirbazı */
.pf-hizli { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.pf-hizli-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid #e3e6ea; border-radius: 20px; background: #fff; font-size: 12px; font-weight: 600; color: #4b5563 !important; cursor: pointer; text-decoration: none !important; transition: all .15s; }
.pf-hizli-btn .fa { color: #9aa3af; }
.pf-hizli-btn:hover { border-color: #d9534f; color: #d9534f !important; background: #fef2f2; }
.pf-hizli-btn:hover .fa { color: #d9534f; }
.pf-hizli-btn.pf-hizli-ayni { border-color: #a7f3d0; background: #ecfdf5; color: #047857 !important; }
.pf-hizli-btn.pf-hizli-ayni .fa { color: #10b981; }
.pf-teklif-kart { display: flex; align-items: center; gap: 10px; margin-top: 4px; padding: 10px 12px; border: 1px solid #e3e6ea; border-radius: 10px; background: #fafbfc; font-size: 12.5px; color: #4b5563; }
.pf-teklif-kart + .pf-teklif-kart { margin-top: 8px; }
.pf-teklif-kart.yukleniyor { color: #9aa3af; }
.pf-teklif-kart.uyari { display: block; background: #fffbeb; border-color: #fde68a; color: #92400e; }
.pf-teklif-kart.uyari a { color: #92400e !important; cursor: pointer; text-decoration: underline; }
.pf-teklif-ikon { flex: 0 0 34px; height: 34px; border-radius: 9px; background: #e0f2fe; color: #0284c7; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; }
.pf-teklif-bilgi { flex: 1; min-width: 0; }
.pf-teklif-bilgi b { display: block; font-size: 13px; color: #1f2937; word-break: break-word; }
.pf-teklif-bilgi small { display: block; font-size: 11.5px; color: #8a94a3; }
.tk-eksik-metin, .tk-eksik-metin .fa { color: #d97706; font-weight: 600; }
#pfTalepSecili .pf-teklif-kart { margin-top: 8px; }
#pfUrunAlan .bootstrap-select .dropdown-menu li small.text-muted { font-weight: 600; color: #059669 !important; }
#pfUrunAlan .bootstrap-select .dropdown-header { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #d9534f; }
.pf-urun { display: flex; align-items: center; gap: 14px; padding: 10px 12px; margin-bottom: 14px; border: 1px solid #eef0f3; border-radius: 10px; background: #fafbfc; }
.pf-urun-resim { flex: 0 0 96px; width: 96px; height: 72px; object-fit: contain; background: #fff; border-radius: 8px; border: 1px solid #eef0f3; }
.pf-urun-bilgi b { display: block; font-size: 14px; color: #1f2937; }
.pf-urun-bilgi small { display: block; font-size: 11.5px; color: #9aa3af; margin-top: 2px; }
.pf-teknik .form-group { margin-bottom: 10px; }
.pf-teknik label { font-size: 11px !important; }

/* Proforma detay: hızlı işlemler */
.satis-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; }
.satis-aksiyon a { flex: 1 1 140px; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid #e3e6ea; background: #fff; cursor: pointer; text-decoration: none !important; transition: all .15s; }
.satis-aksiyon a > .fa { flex: 0 0 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; background: #f3f4f6; color: #6b7280; }
.satis-aksiyon a span { min-width: 0; }
.satis-aksiyon a b { display: block; font-size: 13.5px; color: #1f2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.satis-aksiyon a small { display: block; font-size: 11px; color: #8a94a3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.satis-aksiyon a:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 24, 40, .08); }
.satis-aksiyon .pa-mail, .satis-aksiyon .pa-duzenle, .satis-aksiyon .pa-yesil { flex-grow: 1.6; flex-basis: 190px; }
.satis-aksiyon .pa-yesil { background: #ecfdf5; border-color: #6ee7b7; }
.satis-aksiyon .pa-yesil > .fa { background: #10b981; color: #fff; }
.satis-aksiyon .pa-yesil b { color: #065f46; }
.satis-aksiyon .pa-yesil small { color: #047857; }
.satis-aksiyon .pa-mail { background: #2563eb; border-color: #2563eb; }
.satis-aksiyon .pa-mail > .fa { background: rgba(255, 255, 255, .18); color: #fff; }
.satis-aksiyon .pa-mail b { color: #fff; }
.satis-aksiyon .pa-mail small { color: #dbeafe; }
.satis-aksiyon .pa-mail:hover { background: #1d4ed8; }
.satis-aksiyon .pa-duzenle { background: #fff7ed; border-color: #fdba74; }
.satis-aksiyon .pa-duzenle > .fa { background: #f97316; color: #fff; }
.satis-aksiyon .pa-duzenle b { color: #9a3412; }
.satis-aksiyon .pa-duzenle small { color: #c2410c; }
.satis-aksiyon .pa-sade:hover { border-color: #d1d5db; }
.satis-aksiyon-not { font-size: 11px; color: #9aa3af; margin: 0 2px 16px; }
.satis-aksiyon-diger { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 4px 2px 14px; font-size: 12px; }
.satis-aksiyon-diger a { color: #6b7280 !important; font-weight: 600; cursor: pointer; text-decoration: none !important; }
.satis-aksiyon-diger a:hover { color: #d9534f !important; }
.satis-aksiyon-diger a .fa { margin-right: 3px; }
@media (max-width: 767px) { .satis-aksiyon a { flex: 1 1 45%; } }

/* Proforma düzenle */
.talep-baslik h3 small { font-size: 14px; font-weight: 600; color: #9aa3af; margin-left: 6px; }
.pf-duzenle-bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 12px; padding: 10px 14px; background: #fff; border: 1px solid #eef0f3; border-radius: 10px; font-size: 12.5px; color: #6b7280; }
.pf-duzenle-bilgi > span:first-child { margin-right: auto; }
.pf-duzenle-bilgi > span:first-child .fa { color: #9aa3af; margin-right: 4px; }
.pf-duzenle-bilgi a { font-weight: 600; color: #d9534f !important; cursor: pointer; text-decoration: none !important; }
.pf-uyari { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 12px; padding: 9px 12px; border-radius: 10px; border: 1px solid; font-size: 12.5px; line-height: 1.45; }
.pf-uyari .fa { margin-top: 2px; }
.pf-uyari-sari { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.pf-uyari-kirmizi { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.pf-guncelle-not { display: block; margin-top: 8px; font-size: 11.5px; color: #9aa3af; text-align: center; }

/* Leasing / Moka hesaplama (inc/hesaplama) */
.hsp-kart { background: #fff; border: 1px solid #e8eaee; border-radius: 12px; padding: 18px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); }
.hsp-kart h4 { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: #1f2937; }
.hsp-form-baslik { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid #f0f2f5; }
.hsp-form-baslik b { display: block; font-size: 15px; color: #1f2937; }
.hsp-form-baslik small { display: block; margin-top: 1px; font-size: 12px; color: #9aa3af; }
.hsp-form-baslik .hsp-anahtar { margin-left: auto; }
.hsp-form-ikon { flex: 0 0 40px; height: 40px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; }
.hsp-form-ikon.lacivert { background: #e3e8f6; color: #1e3a8a; }
.hsp-form-ikon.mor { background: #ede5fb; color: #7c3aed; }
.hsp-form-ikon.turuncu { background: #ffedd5; color: #c2410c; }
.hsp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 16px; }
.hsp-span-2 { grid-column: span 2; }
.hsp-alan { min-width: 0; }
.hsp-alan > label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 600; color: #4b5563; }
.hsp-alan > label .fa { width: 14px; margin-right: 4px; color: #b0b7c3; text-align: center; }
.hsp-alan .form-control { height: 40px; padding: 8px 12px; border: 1px solid #e3e6ea; border-radius: 9px; background: #fff; box-shadow: none; font-size: 14px; font-weight: 600; color: #1f2937; transition: border-color .15s, box-shadow .15s; }
.hsp-alan .form-control::placeholder { font-weight: 500; color: #b0b7c3; }
.hsp-alan .form-control:focus { border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); }
.hsp-alan .form-control[readonly] { background: #f8fafc; color: #4b5563; }
.hsp-alan .form-control:disabled { background: #f5f7fa; color: #9aa3af; cursor: not-allowed; }
.hsp-girdi { position: relative; }
.hsp-girdi .form-control { padding-right: 54px; }
.hsp-girdi input[type=number] { -moz-appearance: textfield; }
.hsp-girdi input[type=number]::-webkit-inner-spin-button,
.hsp-girdi input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.hsp-birim { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); padding: 3px 7px; border-radius: 6px; background: #f3f4f6; font-size: 11px; font-weight: 700; color: #6b7280; pointer-events: none; }
.hsp-ipucu { display: block; margin-top: 6px; font-size: 11.5px; color: #9aa3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hsp-ipucu .fa { margin-right: 3px; }
.hsp-ipucu.uyari { font-weight: 600; color: #b45309; }
.hsp-segment { display: flex; gap: 3px; height: 40px; padding: 3px; border-radius: 10px; background: #f1f3f6; }
.hsp-segment button { flex: 1; border: 0; border-radius: 7px; background: transparent; font-size: 13px; font-weight: 600; color: #6b7280; transition: all .15s; }
.hsp-segment button:hover { color: #1f2937; }
.hsp-segment button.aktif { background: #fff; color: #1f2937; box-shadow: 0 1px 3px rgba(16, 24, 40, .14); }
.hsp-vurgu { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 40px; padding: 0 12px; border: 1px dashed #f3b4b2; border-radius: 9px; background: #fff7f7; }
.hsp-vurgu b { font-size: 15px; color: #b91c1c; white-space: nowrap; }
.hsp-vurgu small { font-size: 11.5px; color: #9aa3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hsp-vurgu.bos b { font-weight: 600; color: #c4c9d1; }
.hsp-anahtar { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; font-weight: 600; color: #4b5563; cursor: pointer; user-select: none; }
.hsp-anahtar input { position: absolute; width: 0; height: 0; opacity: 0; }
.hsp-anahtar i { position: relative; width: 36px; height: 20px; border-radius: 20px; background: #d1d5db; transition: background .15s; }
.hsp-anahtar i:after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s; }
.hsp-anahtar input:checked + i { background: #7c3aed; }
.hsp-anahtar input:checked + i:after { transform: translateX(16px); }
.hsp-alan .select2-container--default .select2-selection--single { height: 40px; border: 1px solid #e3e6ea; border-radius: 9px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.hsp-alan .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 52px 0 12px; line-height: 38px; font-size: 14px; font-weight: 600; color: #1f2937; }
.hsp-alan .select2-container--default .select2-selection--single .select2-selection__placeholder { font-weight: 500; color: #b0b7c3; }
.hsp-alan .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; right: 8px; }
.hsp-alan .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 8px; font-size: 17px; color: #b0b7c3; }
.hsp-alan .select2-container--default.select2-container--focus .select2-selection--single,
.hsp-alan .select2-container--default.select2-container--open .select2-selection--single { border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); }
.hsp-alan .select2-container--default.select2-container--disabled .select2-selection--single { background: #f5f7fa; cursor: not-allowed; }
.hsp-urun-satir { display: flex; justify-content: space-between; gap: 12px; }
.hsp-urun-satir b { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #059669; }
.select2-results__option--highlighted .hsp-urun-satir b { color: #fff; }
.hsp-aksiyon { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #f0f2f5; }
.hsp-btn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; color: #374151; font-size: 13px; font-weight: 600; cursor: pointer; transition: all .15s; }
.hsp-btn:hover { background: #f5f7fa; }
.hsp-btn-ana { background: #d9534f; border-color: #d9534f; color: #fff; box-shadow: 0 4px 12px rgba(217, 83, 79, .3); }
.hsp-btn-ana:hover { background: #c9302c; border-color: #c9302c; }
.hsp-hata { min-height: 18px; margin-top: 10px; font-size: 13px; font-weight: 600; color: #b91c1c; }
.hsp-hata:empty { display: none; }
.hsp-not { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: #8a94a3; }
.hsp-ozet { margin-bottom: 16px; padding: 11px 14px; border-radius: 10px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: 13px; font-weight: 600; }
.hsp-tablo-wrap { overflow-x: auto; margin-top: 12px; }
.hsp-tablo { width: 100%; border-collapse: collapse; min-width: 720px; }
.hsp-tablo th { padding: 10px 12px; background: #f8fafc; border-bottom: 1px solid #e8eaee; font-size: 11.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: #6b7280; text-align: left; vertical-align: bottom; }
.hsp-tablo th small { display: block; margin-top: 2px; font-weight: 600; text-transform: none; letter-spacing: 0; color: #9aa3af; }
.hsp-tablo td { padding: 10px 12px; border-bottom: 1px solid #f0f2f5; font-size: 13px; color: #1f2937; vertical-align: top; }
.hsp-tablo tbody tr:nth-child(even) { background: #fafbfc; }
.hsp-tablo tbody tr:hover { background: #f3f7ff; }
.hsp-hucre { padding: 9px 10px; border-radius: 8px; background: #f8fafc; }
.hsp-hucre + .hsp-hucre { margin-top: 6px; }
.hsp-hucre.dusuk { background: #dff3e6; }
.hsp-hucre.yuksek { background: #f7dede; }
.hsp-hucre.fark { background: #dbeafe; }
.hsp-hucre-k { display: block; font-size: 11px; color: #4b5563; }
.hsp-hucre-v { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; color: #111827; white-space: nowrap; }
.hsp-hucre-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(0, 0, 0, .12); }
.hsp-hucre-alt > div + div { padding-left: 8px; border-left: 1px solid rgba(0, 0, 0, .12); }
.hsp-hucre-alt b { display: block; margin-top: 2px; font-size: 12px; color: #111827; white-space: nowrap; }
.hsp-hucre-alt span { font-size: 11px; color: #4b5563; }
.hsp-yok { font-size: 12px; color: #9aa3af; }
.hsp-vade-farki { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; color: #9aa3af; white-space: nowrap; }
.hsp-katki-uyari { margin-left: 6px; font-size: 11px; font-weight: 700; color: #dc2626; white-space: nowrap; }
.hsp-tutar b { display: block; font-size: 14px; color: #111827; white-space: nowrap; }
.hsp-tutar small { display: block; margin-top: 2px; font-size: 11.5px; color: #6b7280; white-space: nowrap; }
.hsp-lejant { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; font-size: 12.5px; color: #4b5563; }
.hsp-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.hsp-lejant i { width: 16px; height: 16px; border-radius: 4px; display: inline-block; }
.hsp-uyari { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 16px; padding: 10px 14px; border-radius: 10px; border: 1px solid #fde68a; background: #fffbeb; color: #92400e; font-size: 12.5px; line-height: 1.45; }
.hsp-uyari .fa { margin-top: 2px; }
.hsp-uyari a { font-weight: 700; color: #92400e !important; text-decoration: underline !important; }
.hsp-baslik-link { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; color: #4b5563 !important; font-size: 12.5px; font-weight: 600; text-decoration: none !important; }
.hsp-baslik-link:hover { background: #f5f7fa; color: #1f2937 !important; }

/* Leasing / Moka ayarları (inc/hesaplama/ayar.php) */
.hsp-span-3 { grid-column: span 3; }
.hsp-span-4 { grid-column: 1 / -1; }
.hsp-form-ikon.yesil { background: #ddf3e4; color: #2f9e55; }
.hsp-anahtar.yesil input:checked + i { background: #16a34a; }
.hsp-ayar-tablo { min-width: 820px; table-layout: fixed; }
.hsp-ayar-tablo td { padding: 10px 8px; }
.hsp-ayar-tablo .hsp-cip span { padding: 4px 9px; font-size: 11.5px; }
.hsp-ayar-tablo td { vertical-align: middle; }
.hsp-ayar-tablo .form-control { height: 36px; padding: 6px 10px; border: 1px solid #e3e6ea; border-radius: 8px; box-shadow: none; font-size: 13px; font-weight: 600; color: #1f2937; }
.hsp-ayar-tablo .hsp-girdi .form-control { padding-right: 38px; font-size: 14px; }
.hsp-ayar-tablo .hsp-birim { right: 6px; padding: 3px 6px; }
.hsp-ayar-tablo .form-control:focus { border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); }
.hsp-ayar-tablo .form-control::placeholder { font-weight: 500; color: #b0b7c3; }
.hsp-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.hsp-cip { position: relative; margin: 0; font-weight: 600; }
.hsp-cip input { position: absolute; width: 0; height: 0; opacity: 0; }
.hsp-cip span { display: inline-block; padding: 5px 11px; border: 1px solid #e3e6ea; border-radius: 999px; background: #fff; font-size: 12px; color: #6b7280; cursor: pointer; transition: all .15s; }
.hsp-cip span:hover { border-color: #b0b7c3; color: #1f2937; }
.hsp-cip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(30, 58, 138, .18); }
.hsp-cipler.lacivert .hsp-cip input:checked + span { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.hsp-cipler.mor .hsp-cip input:checked + span { background: #7c3aed; border-color: #7c3aed; color: #fff; }
.hsp-sil { width: 34px; height: 34px; border: 1px solid #f3d4d3; border-radius: 8px; background: #fff; color: #d9534f; transition: all .15s; }
.hsp-sil:hover { background: #fef2f2; }
.hsp-banka { padding: 14px; border: 1px solid #e8eaee; border-radius: 10px; background: #fcfcfd; }
.hsp-banka + .hsp-banka { margin-top: 14px; }
.hsp-banka-ust { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 14px; }
.hsp-banka-ust .hsp-alan { width: 160px; }
.hsp-banka-ust .hsp-alan.hsp-banka-ad { flex: 1 1 220px; width: auto; }
.hsp-banka-ust .hsp-anahtar { height: 40px; }
.hsp-banka-ust .hsp-sil { margin-left: auto; height: 40px; width: 40px; }
.hsp-banka-ertele { margin-top: 14px; }
.hsp-banka-alt-baslik { font-size: 12.5px; font-weight: 700; letter-spacing: .3px; color: #1e3a8a; }
.hsp-oran-tablo { min-width: 560px; table-layout: fixed; }
.hsp-oran-tablo th, .hsp-oran-tablo td { padding: 6px; text-align: center; }
.hsp-oran-tablo th:first-child, .hsp-oran-tablo td:first-child { width: 64px; text-align: left; }
.hsp-oran-tablo .form-control { height: 34px; padding: 4px 6px; border: 1px solid #e3e6ea; border-radius: 7px; box-shadow: none; font-size: 13px; font-weight: 600; text-align: center; color: #1f2937; }
.hsp-oran-tablo .form-control:focus { border-color: #d9534f; box-shadow: 0 0 0 3px rgba(217, 83, 79, .12); }
.hsp-oran-tablo .form-control::placeholder { font-weight: 500; color: #c4c9d1; }
.hsp-oran-tablo input[type=number] { -moz-appearance: textfield; }
.hsp-oran-tablo input[type=number]::-webkit-inner-spin-button,
.hsp-oran-tablo input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.hsp-moka-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px 12px; }
.hsp-moka-girdi .form-control { padding-right: 96px; }
.hsp-moka-h { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-size: 13px; font-weight: 600; color: #1d4ed8; white-space: nowrap; pointer-events: none; }
.hsp-kaydet-bar { position: sticky; bottom: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; padding: 12px 16px; border: 1px solid #e8eaee; border-radius: 12px; background: #fff; box-shadow: 0 -4px 16px rgba(16, 24, 40, .08); }
.hsp-kaydet-durum { margin-left: auto; font-size: 12.5px; font-weight: 600; color: #b45309; }
.hsp-ayar > .hsp-hata { margin: 0 0 16px; }
.hsp-gecmis { margin: 12px 0 0; padding: 0; list-style: none; }
.hsp-gecmis > li { padding: 12px 0; border-top: 1px solid #f0f2f5; }
.hsp-gecmis-baslik { margin-bottom: 6px; font-size: 12.5px; color: #6b7280; }
.hsp-gecmis-baslik b { color: #1f2937; }
.hsp-gecmis-fark { padding: 2px 0 2px 18px; font-size: 12.5px; color: #4b5563; }
.hsp-gecmis-fark .eski { color: #b91c1c; text-decoration: line-through; }
.hsp-gecmis-fark .yeni { font-weight: 700; color: #15803d; }
.hsp-gecmis-fark .fa { margin: 0 4px; color: #b0b7c3; }
.hsp-form-ikon.zumrut { background: #dcf2ee; color: #0f766e; }
.hsp-cipler.zumrut .hsp-cip input:checked + span { background: #0f766e; border-color: #0f766e; color: #fff; }

/* Flex vadeli satış planı (js/flex.js) */
.hsp-tablo tbody tr.flx-secili { background: #e7f6f3; box-shadow: inset 3px 0 0 #0f766e; }
.hsp-tablo td .flx-sec { padding: 6px 12px; font-size: 12px; }
.flx-secili .flx-sec { background: #0f766e; border-color: #0f766e; color: #fff; }
.flx-plan-baslik { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.flx-plan-baslik .hsp-not { margin-top: 2px; }
.flx-plan-arac { display: flex; align-items: center; gap: 8px; }
.flx-plan-arac label { margin: 0; font-size: 12px; font-weight: 600; color: #4b5563; }
.flx-plan-arac .form-control { width: 160px; height: 36px; border: 1px solid #e3e6ea; border-radius: 8px; box-shadow: none; font-weight: 600; }
.flx-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.flx-ozet > div { padding: 10px 12px; border-radius: 10px; background: #f8fafc; border: 1px solid #eef0f3; }
.flx-ozet span { display: block; font-size: 11.5px; color: #6b7280; }
.flx-ozet b { display: block; margin-top: 3px; font-size: 15px; color: #111827; white-space: nowrap; }
.flx-ozet > .ana { background: #e7f6f3; border-color: #b7e2da; }
.flx-ozet > .ana b { color: #0f766e; }
.flx-ipucu .fa { color: #b0b7c3; }
.flx-tablo td { vertical-align: middle; }
.flx-tablo .flx-duzenle-th, .flx-tablo .flx-duzenle-td { width: 96px; }
.flx-tablo.flx-kilitli .flx-duzenle-th, .flx-tablo.flx-kilitli tfoot .flx-duzenle-td { display: none; }
.flx-tablo tfoot td { font-weight: 700; background: #f8fafc; }
.flx-tablo tbody tr.flx-pesinat { background: #fffbeb; }
.flx-tablo tbody tr.flx-sabit { background: #f0f9ff; }
.flx-tablo tfoot td { padding: 12px; background: #f8fafc; font-size: 13px; font-weight: 600; color: #4b5563; }
.flx-tablo tfoot b { font-size: 15px; color: #0f766e; }
.flx-duzenle { display: inline-flex; align-items: center; gap: 5px; margin: 0; font-size: 12px; font-weight: 600; color: #6b7280; cursor: pointer; }
.flx-duzenle input { margin: 0; }
.flx-tutar { width: 130px; height: 32px; padding: 4px 8px; border: 1px solid #93c5fd; border-radius: 7px; font-size: 13px; font-weight: 700; color: #1f2937; -moz-appearance: textfield; }
.flx-tutar::-webkit-inner-spin-button, .flx-tutar::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.flx-tutar:focus { outline: 0; border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15, 118, 110, .15); }
.flx-uyari { margin-top: 4px; font-size: 11.5px; font-weight: 600; color: #b91c1c; }
@media (max-width: 991px) { .flx-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Satışlar (inc/satislar) */
.hsp-btn:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.sy-kalemler tfoot td { padding: 8px 12px; font-size: 13px; color: #4b5563; }
.sy-kalemler tfoot tr:first-child td { border-top: 1px solid #e8eaee; }
.sy-kalemler tfoot .sy-genel td { background: #f8fafc; font-weight: 600; color: #1f2937; }
.sy-kalemler tfoot .sy-genel b { font-size: 15px; color: #0f766e; }
.hsp-vurgu.sy-bilgi, #syTutar { border-color: #b7e2da; background: #f0faf8; }
.hsp-vurgu.sy-bilgi b, #syTutar b { color: #0f766e; }
.hsp-alan textarea.form-control.sy-aciklama { height: auto; min-height: 60px; font-weight: 500; resize: vertical; }
.fx-sepet td { vertical-align: middle; }
.fx-sepet .form-control { height: 32px; padding: 4px 8px; font-size: 13px; }
.fx-sepet .fx-sepet-adet, .fx-sepet .fx-sepet-kdv { width: 70px; }
.fx-sepet .fx-sepet-fiyat { width: 120px; }
.flx-makineler { margin-top: 2px; font-weight: 600; color: #374151; }
.sd-aksiyon { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sd-onay { background: #16a34a; border-color: #16a34a; color: #fff; }
.sd-onay:hover { background: #15803d; }
.sd-iptal { border-color: #f3d4d3; color: #d9534f; }
.sd-iptal:hover { background: #fef2f2; }
.hsp-uyari.sd-iptal-uyari { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.sd-bilgiler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sd-bilgiler > div { min-width: 0; }
.sd-bilgiler .sd-genis { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid #f0f2f5; }
.sd-bilgiler span { display: block; margin-bottom: 3px; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; color: #9aa3af; }
.sd-bilgiler b { display: block; font-size: 14px; color: #1f2937; }
.sd-bilgiler b a { color: inherit; }
.sd-bilgiler small { display: block; margin-top: 2px; font-size: 12px; color: #6b7280; }
.sd-bilgiler p { margin: 0; font-size: 13px; color: #374151; }
.sd-log .hsp-gecmis-baslik .fa { width: 16px; color: #9aa3af; }
.sd-log-onay .hsp-gecmis-baslik .fa { color: #16a34a; }
.sd-log-iptal .hsp-gecmis-baslik .fa { color: #d9534f; }
.sl-not { margin: 0 0 12px; }
.talep-tablo .sl-donustur { padding: 6px 12px; font-size: 12px; color: #0f766e; border-color: #b7e2da; }
.talep-tablo .sl-donustur:hover { background: #0f766e; color: #fff; }
@media (max-width: 991px) { .sd-bilgiler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.talep-pill-turuncu { background: #ffedd5; color: #c2410c; }

/* Satış — SMS onayı */
.hsp-btn.sms-gonder { width: 100%; justify-content: center; height: 42px; color: #7c3aed; border-color: #ddd0fb; }
.hsp-btn.sms-gonder:hover:not(:disabled) { background: #7c3aed; border-color: #7c3aed; color: #fff; }
.hsp-btn.sms-gonder:disabled { opacity: .55; cursor: not-allowed; }
.hsp-alan .form-control.sms-kod { font-size: 20px; font-weight: 700; letter-spacing: 6px; text-align: center; }
.sms-durum:empty { display: none; }
.sms-durum { margin-top: 14px; padding: 9px 12px; border-radius: 8px; background: #f8fafc; border: 1px solid #eef0f3; color: #4b5563; font-size: 12.5px; }
.sms-durum.tamam { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.sms-durum.uyari { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.sms-durum.hata { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }

/* Satış detay — akış */
.sd-adimlar { display: flex; margin: 0 0 16px; padding: 14px 18px; list-style: none; background: #fff; border: 1px solid #eef0f3; border-radius: 12px; }
.sd-adimlar li { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.sd-adimlar li::before { content: ''; position: absolute; top: 14px; right: 50%; width: 100%; height: 2px; background: #e5e7eb; z-index: 0; }
.sd-adimlar li:first-child::before { display: none; }
.sd-adimlar li.tamam::before, .sd-adimlar li.aktif::before { background: #16a34a; }
.sd-adimlar span { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f1f2f4; color: #9aa3af; font-size: 12px; font-weight: 700; border: 2px solid #fff; box-shadow: 0 0 0 1px #e5e7eb; }
.sd-adimlar b { font-size: 12px; font-weight: 600; color: #9aa3af; }
.sd-adimlar li.tamam span { background: #16a34a; color: #fff; box-shadow: 0 0 0 1px #16a34a; }
.sd-adimlar li.tamam b { color: #374151; }
.sd-adimlar li.aktif span { background: #d9534f; color: #fff; box-shadow: 0 0 0 3px rgba(217, 83, 79, .2); }
.sd-adimlar li.aktif b { color: #d9534f; }
.sd-kontrol { margin-bottom: 16px; padding: 12px 16px; border: 1px solid #fde68a; border-radius: 10px; background: #fffbeb; color: #92400e; font-size: 13px; }
.sd-kontrol ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 8px 0 0; padding: 0; list-style: none; }
.sd-kontrol li { color: #b45309; }
.sd-kontrol li .fa { width: 14px; }
.sd-kontrol li.tamam { color: #047857; }
.sd-kontrol li.istege { color: #6b7280; }
.hsp-uyari.sd-bilgi-uyari { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.hsp-uyari.sd-gecikme-idari { border-color: #fed7aa; background: #fff7ed; color: #c2410c; }
.hsp-uyari.sd-gecikme-kanuni { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.sd-bakiye { margin: 0 0 16px; }
.sd-bakiye > div { background: #fff; }
.sd-bakiye b.yesil { color: #16a34a; }
.sd-log-tahsilat .hsp-gecmis-baslik .fa, .sd-log-borc_bitti .hsp-gecmis-baslik .fa { color: #16a34a; }
.sd-log-tazmin .hsp-gecmis-baslik .fa, .sd-log-tahsilat_sil .hsp-gecmis-baslik .fa { color: #d9534f; }

/* Satış detay — formlar, tahsilat, belgeler */
.sd-form { margin: 0 0 16px; padding: 16px; border: 1px solid #eef0f3; border-radius: 10px; background: #fafbfc; }
.sd-form .hsp-aksiyon { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sd-form-not { margin: 0 0 0 6px; }
.sd-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.sd-form.sd-ayrac { margin-top: 16px; }
.sd-form.sd-tazmin { border-color: #fecaca; background: #fff8f8; }
.sd-form.sd-tazmin > b { display: block; margin-bottom: 4px; color: #b91c1c; }
.sd-onay-kutu { display: flex !important; align-items: center; gap: 8px; height: 42px; margin: 0; font-weight: 500 !important; color: #374151; cursor: pointer; }
.sd-onay-kutu input { margin: 0; }
.hsp-btn.sd-kucuk { padding: 5px 10px; font-size: 12px; }
.sd-alt-baslik { margin: 20px 0 10px; font-size: 13px; font-weight: 700; color: #374151; }
.sd-plan td .talep-pill { white-space: nowrap; }
.sd-odemeler tr.sd-silindi td { color: #9aa3af; text-decoration: line-through; }
.sd-odemeler tr.sd-silindi td .sd-silme, .sd-odemeler tr.sd-silindi td .talep-pill { text-decoration: none; }
.sd-silme { color: #d9534f !important; }
.sd-iki { display: flex; flex-wrap: wrap; }
.sd-iki > div { display: flex; }
@media (max-width: 1199px) { .sd-iki > div { width: 100%; } }
.sd-iki > div > .hsp-kart { flex: 1; }
.sd-iki .hsp-kart h4 .fa { margin-right: 6px; color: #9aa3af; }
.sd-bilgiler.sd-iki-sutun { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sd-belgeler { margin: 0; padding: 0; list-style: none; }
.sd-belgeler > li { padding: 12px 0; border-bottom: 1px solid #f0f2f5; }
.sd-belgeler > li:last-child { border-bottom: 0; }
.sd-belge-tur { margin-bottom: 6px; font-size: 13px; color: #374151; }
.sd-belge-tur .fa { width: 16px; color: #9aa3af; }
.sd-belge-tur small { margin-left: 4px; color: #9aa3af; font-size: 11.5px; }
.sd-belgeler li.tamam .sd-belge-tur .fa { color: #16a34a; }
.sd-belgeler li.eksik .sd-belge-tur .fa { color: #d97706; }
.sd-belge { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0 0 6px 22px; padding: 7px 34px 7px 10px; border-radius: 8px; background: #f8fafc; }
.sd-belge a { font-weight: 600; color: #1f2937; word-break: break-all; }
.sd-belge a .fa { color: #d9534f; }
.sd-belge small { color: #9aa3af; font-size: 11.5px; }
.sd-belge-sil { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #9aa3af; }
.sd-belge-sil:hover { background: #fef2f2; color: #d9534f; }
.sd-yukle { margin: 0 0 0 22px; position: relative; overflow: hidden; }
.sd-yukle input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.sd-yok { margin-left: 22px; color: #9aa3af; }
body.sd-mesgul { cursor: progress; }
body.sd-mesgul .hsp-btn { pointer-events: none; opacity: .7; }

/* Satış listesi — akış çubuğu, gecikme kademeleri */
.sl-akis { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 16px; padding: 10px 12px; background: #fff; border: 1px solid #eef0f3; border-radius: 12px; }
.sd-taslak { display: inline-flex; align-items: center; gap: 5px; margin: 4px 0 6px 22px; font-size: 12px; font-weight: 600; color: #1e3a8a !important; }
.sd-sz-pdf { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 4px; }
.sd-sozlesme .sd-alt-baslik { margin: 16px 0 10px; }
.sd-eksik-sayi { font-weight: 700; color: #b45309; }
.sd-tamam-yazi { font-weight: 700; color: #15803d; }
.sd-zorunlu { color: #d9534f; }
.hsp-alan .form-control.sd-bos { border-color: #fcd34d; background: #fffbeb; }
.sd-sevk-aday { margin-top: 10px; }
.sd-plan td, .sd-plan tfoot td { white-space: nowrap; }
.sl-tur-sec { display: inline-flex; gap: 4px; margin: 0 0 16px; padding: 4px; background: #f1f3f6; border-radius: 12px; }
.sl-tur-sec a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 9px; color: #6b7280; font-size: 14px; font-weight: 700; text-decoration: none !important; }
.sl-tur-sec a:hover { color: #1f2937; }
.sl-tur-sec a.aktif { background: #fff; color: #b91c1c; box-shadow: 0 1px 3px rgba(16, 24, 40, .14); }
.sl-tur-sec a b { min-width: 22px; padding: 1px 7px; border-radius: 999px; background: #e5e7eb; color: #374151; font-size: 11.5px; text-align: center; }
.sl-tur-sec a.aktif b { background: #fee2e2; color: #b91c1c; }
.sl-akis-baslik { margin-right: 6px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: #9aa3af; }
.sl-akis a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #f8fafc; border: 1px solid #eef0f3; color: #374151; font-size: 12.5px; font-weight: 600; text-decoration: none; }
.sl-akis a:hover { border-color: #d9534f; color: #d9534f; text-decoration: none; }
.sl-akis a b { min-width: 20px; padding: 1px 6px; border-radius: 999px; background: #e5e7eb; color: #374151; font-size: 11px; text-align: center; }
.sl-akis a.bos { color: #9aa3af; }
.sl-akis a.aktif { background: #d9534f; border-color: #d9534f; color: #fff; }
.sl-akis a.aktif b { background: rgba(255, 255, 255, .25); color: #fff; }
.sl-akis a + a::before { content: '\203A'; margin: 0 4px 0 -12px; color: #cbd0d6; }
.sl-kademeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.sl-kademeler a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; border: 1px solid #eef0f3; background: #fff; color: #374151; font-size: 12.5px; font-weight: 600; text-decoration: none; }
.sl-kademeler a small { color: #9aa3af; font-weight: 500; }
.sl-kademeler a.sl-kademe-warning { border-color: #fde68a; color: #b45309; }
.sl-kademeler a.sl-kademe-turuncu { border-color: #fed7aa; color: #c2410c; }
.sl-kademeler a.sl-kademe-danger { border-color: #fecaca; color: #b91c1c; }
.sl-kademeler a.aktif { background: #1f2937; border-color: #1f2937; color: #fff; }
.sl-kademeler a.aktif small { color: #d1d5db; }
.sl-gec { margin-top: 4px; }
.sl-odendi { color: #16a34a; font-weight: 600; font-size: 12.5px; }
.talep-kart-sayi.sl-kart-tutar { font-size: 19px; line-height: 1.3; }
.talep-alt-satir.sl-yaklasan { color: #c2410c; font-weight: 600; }

/* Kiralama */
.hsp-segment.fx-mod { max-width: 380px; margin-bottom: 16px; }
.hsp-segment.fx-mod button .fa { margin-right: 5px; }
.ky-kisiler { margin-top: 12px; }
.ky-degisti { color: #c2410c; }
.sd-donem-sonu { border-color: #fed7aa; }
.sd-karar { max-width: 520px; margin-bottom: 14px; }
.sd-donem-sonu .sd-form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-plan tr.sd-donem td { background: #fff7ed; color: #9a3412; font-size: 12px; padding-top: 7px; padding-bottom: 7px; }
.sd-getiri tr.sd-getiri-satis td { background: #f0fdf4; }
.sd-oran { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #f1f3f6; color: #374151; font-weight: 700; font-size: 12px; }
.sd-oran.tamam { background: #dcfce7; color: #15803d; }
@media (max-width: 991px) { .sd-donem-sonu .sd-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 991px) { .sd-adimlar b { font-size: 10.5px; } .sd-form-grid, .sd-bilgiler.sd-iki-sutun { grid-template-columns: 1fr; } }
@media print {
	body * { visibility: hidden; }
	.flx-plan, .flx-plan * { visibility: visible; }
	.flx-plan { position: absolute; top: 0; left: 0; width: 100%; border: 0; box-shadow: none; }
	.flx-plan-arac, .flx-ipucu, .flx-duzenle-th, .flx-duzenle-td, .flx-plan .hsp-hata, .flx-plan .sd-yazdirma, .flx-plan .sd-form { display: none !important; }
	.flx-plan .hsp-tablo { min-width: 0; }
	body.mk-yazdiriliyor { padding: 0 !important; margin: 0 !important; background: #fff !important; }
	body.mk-yazdiriliyor > * { display: none !important; }
	body.mk-yazdiriliyor > .mk-yazdir-kopya { display: block !important; }
	.mk-yazdir-kopya, .mk-yazdir-kopya * { visibility: visible; }
	.mk-yazdir-kopya .mk-yazdir, .mk-yazdir-kopya .hsp-not { display: none !important; }
	.mk-yazdir-kopya .mk-yazdir-ust { display: flex; }
	.mk-yazdir-kopya .hsp-tablo-wrap { overflow: visible; }
	.mk-yazdir-kopya .hsp-tablo { min-width: 0; }
	.mk-yazdir-kopya .hsp-tablo th, .mk-yazdir-kopya .hsp-tablo td { padding: 6px 8px; }
	.mk-yazdir-kopya .hsp-tablo tr { page-break-inside: avoid; }
}
.mk-yazdir-kopya { display: none; }
.mk-yazdir-ust { display: none; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid #C0262C; }
.mk-yazdir-ust img { height: 44px; }
.mk-yazdir-ust div { text-align: right; }
.mk-yazdir-ust b { display: block; font-size: 16px; color: #C0262C; }
.mk-yazdir-ust span { font-size: 12px; color: #4b5563; }
@media (max-width: 1199px) { .hsp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hsp-span-3 { grid-column: 1 / -1; } .hsp-moka-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hsp-grid { grid-template-columns: 1fr; } .hsp-span-2 { grid-column: auto; } .hsp-form-baslik { flex-wrap: wrap; } .hsp-moka-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Satış raporları (inc/satislar/rapor.php, raporlar/*.php) · servis raporlarıyla aynı düzen, srp- önekiyle */
.srp-sayfa { --srp-mavi: #28599b; --srp-murekkep: #152033; --srp-soluk: #64748b; --srp-cizgi: #e2e8f0; --srp-zemin: #f4f7fb; margin: 0 0 28px; }
.srp-hero { position: relative; overflow: hidden; border-radius: 16px; padding: 22px 24px 20px; margin-bottom: 18px; color: #fff;
	background: radial-gradient(ellipse 80% 120% at 100% -20%, rgba(255,255,255,.22), transparent 55%), linear-gradient(135deg, #1e4578 0%, #28599b 48%, #3a7bc8 100%); box-shadow: 0 10px 28px rgba(30, 69, 120, .22); }
.srp-hero::after { content: ""; position: absolute; right: -40px; top: -50px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.06); pointer-events: none; }
.srp-hero-ic { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.srp-kicker { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .85; margin-bottom: 6px; }
.srp-hero h2 { margin: 0 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.03em; line-height: 1.15; color: #fff; }
.srp-hero p { margin: 0; max-width: 520px; font-size: 13.5px; line-height: 1.5; opacity: .9; }
.srp-hero-meta { display: flex; gap: 8px; flex-wrap: wrap; }
.srp-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); font-size: 12px; font-weight: 600; }
.srp-bolum-etiket { margin: 4px 0 10px; }
.srp-bolum-etiket h3 { margin: 0; font-size: 13px; font-weight: 700; color: var(--srp-soluk); letter-spacing: .04em; text-transform: uppercase; }
.srp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
.srp-kart { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--srp-cizgi); border-radius: 14px; background: #fff; text-decoration: none !important; color: inherit !important;
	transition: border-color .18s, box-shadow .18s, transform .15s; position: relative; min-height: 132px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.srp-kart:hover { border-color: #b6c7de; box-shadow: 0 8px 22px rgba(40, 89, 155, .1); transform: translateY(-2px); }
.srp-kart.aktif { border-color: var(--srp-mavi); background: linear-gradient(180deg, #f7faff 0%, #fff 70%); box-shadow: 0 0 0 2px rgba(40, 89, 155, .16), 0 10px 24px rgba(40, 89, 155, .12); }
.srp-kart.aktif::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--srp-mavi); }
.srp-kart-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.srp-kart-ikon { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; color: #fff; flex-shrink: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); }
.srp-rozet { font-size: 10px; font-weight: 800; letter-spacing: .05em; padding: 4px 8px; border-radius: 999px; background: #dcfce7; color: #166534; text-transform: uppercase; white-space: nowrap; }
.srp-kart h4 { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; color: var(--srp-murekkep); letter-spacing: -.01em; }
.srp-kart p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--srp-soluk); }
.srp-kart-alt { margin-top: auto; font-size: 11.5px; font-weight: 700; color: var(--srp-mavi); opacity: 0; transform: translateY(4px); transition: opacity .15s, transform .15s; }
.srp-kart:hover .srp-kart-alt, .srp-kart.aktif .srp-kart-alt { opacity: 1; transform: none; }
.srp-grid.kompakt { grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 14px; }
.srp-grid.kompakt .srp-kart { min-height: 0; padding: 10px 12px; flex-direction: row; align-items: center; gap: 10px; }
.srp-grid.kompakt .srp-kart-ust { display: contents; }
.srp-grid.kompakt .srp-kart-ikon { width: 30px; height: 30px; border-radius: 9px; font-size: 13px; }
.srp-grid.kompakt .srp-rozet, .srp-grid.kompakt .srp-kart p, .srp-grid.kompakt .srp-kart-alt { display: none; }
.srp-grid.kompakt .srp-kart h4 { margin: 0; font-size: 12.5px; }
.srp-grid.kompakt .srp-kart.aktif::before { top: 8px; bottom: 8px; }
.srp-ic-lacivert { background: linear-gradient(145deg, #1e3a8a, #3b82f6); } .srp-ic-mavi { background: linear-gradient(145deg, #1d4ed8, #60a5fa); }
.srp-ic-yesil { background: linear-gradient(145deg, #15803d, #4ade80); } .srp-ic-kirmizi { background: linear-gradient(145deg, #be123c, #f43f5e); }
.srp-ic-turkuaz { background: linear-gradient(145deg, #0e7490, #06b6d4); } .srp-ic-gri { background: linear-gradient(145deg, #475569, #94a3b8); }
.srp-ic-amber { background: linear-gradient(145deg, #b45309, #f59e0b); } .srp-ic-mor { background: linear-gradient(145deg, #6d28d9, #a78bfa); }
.srp-ic-zumrut { background: linear-gradient(145deg, #0f766e, #14b8a6); } .srp-ic-indigo { background: linear-gradient(145deg, #3730a3, #6366f1); }
.srp-ic-turuncu { background: linear-gradient(145deg, #9a3412, #ea580c); }
.srp-ipucu { display: flex; align-items: center; gap: 10px; padding: 22px; border: 1px dashed #c7d3e3; border-radius: 14px; background: var(--srp-zemin); color: var(--srp-soluk); font-size: 13px; }
.srp-ipucu .fa { font-size: 20px; color: var(--srp-mavi); }
.srp-panel { border: 1px solid var(--srp-cizgi); border-radius: 16px; background: #fff; padding: 18px; box-shadow: 0 1px 3px rgba(16, 24, 40, .05); }
.srp-panel-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--srp-cizgi); }
.srp-panel-ad { display: flex; align-items: center; gap: 12px; }
.srp-panel-ad h3 { margin: 0; font-size: 19px; font-weight: 800; color: var(--srp-murekkep); }
.srp-panel-ad p { margin: 3px 0 0; font-size: 12.5px; color: var(--srp-soluk); }
.srp-panel-arac { display: flex; gap: 6px; }
.srp-filtre { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 16px; }
.srp-donemler { display: inline-flex; flex-wrap: wrap; gap: 3px; padding: 4px; background: var(--srp-zemin); border-radius: 10px; }
.srp-donemler a { padding: 7px 14px; border-radius: 7px; font-size: 13px; font-weight: 600; color: #5b6472 !important; text-decoration: none !important; }
.srp-donemler a:hover { background: #fff; }
.srp-donemler a.aktif { background: var(--srp-mavi); color: #fff !important; }
.srp-ozel, .srp-secim { display: flex; align-items: center; gap: 6px; }
.srp-ozel .form-control { width: 150px; height: 38px; border-radius: 8px; }
.srp-ozel span { color: #9aa3af; }
.srp-secim { margin-bottom: 16px; padding: 12px 14px; border-radius: 12px; background: var(--srp-zemin); }
.srp-secim label { margin: 0; font-size: 13px; font-weight: 700; color: var(--srp-murekkep); white-space: nowrap; }
.srp-secim .form-control { max-width: 420px; height: 38px; border-radius: 8px; }
.srp-karne-kimlik { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.srp-karne-kimlik .talep-avatar { width: 52px; height: 52px; font-size: 18px; }
.srp-karne-kimlik h3 { margin: 0; font-size: 20px; font-weight: 800; color: var(--srp-murekkep); }
.srp-karne-kimlik h3 a { color: inherit !important; } .srp-karne-kimlik h3 .fa { font-size: 12px; color: #9aa3af; }
.srp-karne-kimlik p { margin: 3px 0 0; font-size: 13px; color: var(--srp-soluk); }
.srp-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.srp-kpi-grid.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.srp-kpi { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; background: #fff; border: 1px solid #e8eaee; border-radius: 12px; overflow: hidden; }
.srp-kpi:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.srp-kpi > div { min-width: 0; flex: 1; }
.srp-kpi-ikon { flex: 0 0 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.srp-kpi-baslik { display: block; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #8a94a3; }
.srp-kpi b { font-size: 23px; font-weight: 700; color: #111827; line-height: 1.25; }
.srp-kpi b em { font-style: normal; font-size: 15px; color: #6b7280; }
.srp-kpi b.srp-kpi-tutar { display: block; font-size: 16px; }
.srp-kpi small { display: block; margin-top: 3px; font-size: 12px; color: #8a94a3; line-height: 1.45; }
.srp-kpi small b { font-size: 12px; color: #374151; }
.srp-kpi.mavi:before { background: #2a6fc9; } .srp-kpi.mavi .srp-kpi-ikon { background: #e0ecfb; color: #2a6fc9; }
.srp-kpi.yesil:before { background: #2f9e55; } .srp-kpi.yesil .srp-kpi-ikon { background: #ddf3e4; color: #2f9e55; }
.srp-kpi.zumrut:before { background: #0f766e; } .srp-kpi.zumrut .srp-kpi-ikon { background: #dcf2ee; color: #0f766e; }
.srp-kpi.lacivert:before { background: #1e3a8a; } .srp-kpi.lacivert .srp-kpi-ikon { background: #e3e8f6; color: #1e3a8a; }
.srp-kpi.kirmizi:before { background: #d9534f; } .srp-kpi.kirmizi .srp-kpi-ikon { background: #fde4e3; color: #d9534f; }
.srp-kpi.amber:before { background: #c2410c; } .srp-kpi.amber .srp-kpi-ikon { background: #ffedd5; color: #c2410c; }
.srp-kpi.turkuaz:before { background: #1f9bbd; } .srp-kpi.turkuaz .srp-kpi-ikon { background: #dcf3f9; color: #1f9bbd; }
.srp-kpi.gri:before { background: #6b7280; } .srp-kpi.gri .srp-kpi-ikon { background: #eef0f3; color: #6b7280; }
.srp-kpi.mor:before { background: #7c3aed; } .srp-kpi.mor .srp-kpi-ikon { background: #ede5fb; color: #7c3aed; }
.srp-kpi.turuncu:before { background: #e08a0b; } .srp-kpi.turuncu .srp-kpi-ikon { background: #fef0dc; color: #e08a0b; }
.srp-degisim { display: inline-flex; align-items: center; gap: 3px; margin-left: 8px; padding: 2px 7px; border-radius: 20px; font-size: 11px; font-weight: 700; vertical-align: 4px; }
.srp-red-ust .srp-degisim { vertical-align: 0; margin-left: 4px; }
.srp-degisim.iyi { background: #d1fae5; color: #047857; } .srp-degisim.kotu { background: #fee2e2; color: #b91c1c; } .srp-degisim.notr { background: #f1f2f4; color: #6b7280; }
.srp-kiyas { font-weight: 600; } .srp-kiyas.ust { color: #047857; } .srp-kiyas.alt { color: #b91c1c; }
.srp-blok { margin-bottom: 18px; padding: 16px; border: 1px solid #edf0f4; border-radius: 12px; background: #fff; min-width: 0; }
.srp-blok h4 { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #1f2937; }
.srp-blok h4 small { display: block; margin-top: 3px; font-size: 12px; font-weight: 500; color: #8a94a3; }
.srp-blok .hsp-tablo-wrap { margin-top: 0; }
.srp-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.srp-grafik { position: relative; height: 250px; }
.srp-grafik.buyuk { height: 320px; }
.srp-grafik.halka { flex: 0 0 170px; height: 170px; }
.srp-kaynak { display: flex; align-items: center; gap: 18px; }
.srp-kaynak .srp-mini { flex: 1; }
.srp-huni { display: flex; flex-direction: column; gap: 10px; }
.srp-huni-satir { display: grid; grid-template-columns: 190px 1fr 64px 110px; align-items: center; gap: 10px; font-size: 13px; }
.srp-huni-ad { color: #374151; font-weight: 600; } .srp-huni-ad .fa { width: 16px; color: #9aa3af; }
.srp-huni-satir b { text-align: right; font-size: 15px; color: #111827; }
.srp-huni-satir small { color: #8a94a3; font-weight: 600; }
.srp-cubuk { height: 10px; border-radius: 6px; background: #f1f3f6; overflow: hidden; }
.srp-cubuk span { display: block; height: 100%; border-radius: 6px; background: #94a3b8; }
.srp-cubuk .mavi { background: #2a6fc9; } .srp-cubuk .turkuaz { background: #1f9bbd; } .srp-cubuk .yesil { background: #2f9e55; } .srp-cubuk .zumrut { background: #0f766e; } .srp-cubuk .kirmizi { background: #d9534f; }
.srp-cubuk .yas-success { background: #10b981; } .srp-cubuk .yas-info { background: #0ea5e9; } .srp-cubuk .yas-warning { background: #f59e0b; } .srp-cubuk .yas-danger { background: #ef4444; }
.srp-mini { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.srp-mini th { padding: 7px 8px; border-bottom: 1px solid #e8eaee; font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: #6b7280; text-align: left; white-space: nowrap; }
.srp-mini td { padding: 7px 8px; border-bottom: 1px solid #f0f2f5; color: #1f2937; vertical-align: top; }
.srp-mini tbody tr:hover { background: #f8fafc; }
.srp-mini .r, .srp-dt .r, .srp-mini th.r, .srp-dt th.r { text-align: right; }
.srp-mini small, .srp-dt small { color: #8a94a3; }
.srp-tablo-kisa { max-height: 430px; overflow: auto; }
table.srp-dt { min-width: 900px; } table.srp-dt.srp-dar { min-width: 560px; }
.srp-dt td { vertical-align: middle; }
.srp-dt .talep-firma { color: inherit !important; text-decoration: none !important; }
.srp-yesil { color: #047857 !important; } .srp-kirmizi { color: #b91c1c !important; }
.srp-oran { display: inline-block; width: 46px; height: 6px; margin-right: 4px; border-radius: 4px; background: #f1f3f6; vertical-align: middle; overflow: hidden; }
.srp-oran span { display: block; height: 100%; background: #f59e0b; } .srp-oran.iyi span { background: #0f766e; }
.srp-red { display: flex; flex-direction: column; gap: 11px; }
.srp-red-ust { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: #374151; margin-bottom: 3px; }
.srp-red-ust b { white-space: nowrap; color: #111827; }
.srp-red small { font-size: 11.5px; color: #8a94a3; }
.srp-yas { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; }
.srp-yas span { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; color: #111827; }
.srp-yas em { font-style: normal; font-weight: 600; font-size: 11.5px; }
.srp-yas .warning em { color: #b45309; } .srp-yas .turuncu em { color: #c2410c; } .srp-yas .danger em { color: #b91c1c; }
.srp-ara-sonuc { margin-bottom: 16px; }
.srp-bos { margin: 18px 0; color: #9aa3af; font-size: 13px; text-align: center; }
.srp-dipnot { margin: 14px 0 0; }
@media (max-width: 1199px) { .srp-grid { grid-template-columns: repeat(2, 1fr); } .srp-grid.kompakt { grid-template-columns: repeat(3, 1fr); } .srp-kpi-grid, .srp-kpi-grid.uc { grid-template-columns: repeat(2, minmax(0, 1fr)); } .srp-iki { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .srp-grid, .srp-grid.kompakt { grid-template-columns: 1fr 1fr; } .srp-kpi-grid, .srp-kpi-grid.uc { grid-template-columns: 1fr; } .srp-kaynak { flex-direction: column; } .srp-huni-satir { grid-template-columns: 120px 1fr 54px 90px; } .srp-hero { padding: 18px 16px; } }
@media print {
	.srp-panel, .srp-panel * { visibility: visible; }
	.srp-panel { position: absolute; top: 0; left: 0; width: 100%; border: 0; box-shadow: none; padding: 0; }
	.srp-panel .srp-filtre, .srp-panel .srp-panel-arac, .srp-panel .srp-secim, .srp-panel .dataTables_filter, .srp-panel .dataTables_length, .srp-panel .dataTables_paginate { display: none !important; }
	.srp-blok, .srp-kpi { page-break-inside: avoid; }
	.srp-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .srp-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.srp-tablo-kisa { max-height: none; overflow: visible; }
}

/* Satışa dönüştür: birden fazla teklif */
.sy-teklifler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2px 0 12px; }
.sy-teklifler-baslik { font-size: 12px; font-weight: 700; color: #6b7280; margin-right: 2px; }
.sy-teklif-cip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #dbe3ee; border-radius: 9px; background: #f8fafc; font-size: 12.5px; }
.sy-teklif-cip.ana { border-color: #0f766e; background: #f0faf8; }
.sy-teklif-cip small { color: #6b7280; }
.sy-teklif-cikar { color: #b91c1c !important; }
.sy-ekle { margin: 0 0 12px; border: 1px dashed #c7d3e3; border-radius: 10px; padding: 10px 12px; background: #fbfcfe; }
.sy-ekle summary { cursor: pointer; font-size: 13px; color: #1e4578; }
.sy-ekle summary b { color: #0f766e; }
.sy-ekle-tablo { margin-top: 10px; min-width: 640px; }
.sl-birlestir { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: #f8fafc; border: 1px solid #e8eaee; font-size: 13px; color: #4b5563; }
.sl-birlestir .disabled { opacity: .45; pointer-events: none; box-shadow: none; }
.sl-birlestir-hata { color: #b91c1c; font-weight: 600; }
.sl-sec-th, .sl-sec { width: 34px; text-align: center; }
.sl-sec-kutu { width: 16px; height: 16px; cursor: pointer; }
#satisTablo tr.sl-secili td { background: #f0faf8; }
.sd-belge-imzali { margin-left: 6px; font-size: 11.5px; font-weight: 600; color: #0f766e !important; }