/* get.stopersolutions.com — ana çalışma alanı: yükleme kartı + sonuç kartları
   TEK satır içinde. Sonuç kartlarının HTML'i (#DosyaOnizleme içine JS ile
   basılır) ana sitedeki _DosyaKontrol.php'den PROXY ile AYNEN gelir — burada
   YENİDEN YAZILMAZ. Onu kendi dropzone kartımla AYNI satıra almak için,
   _DosyaKontrol.php'nin ürettiği sarmalayıcı (form>.row>.col>.row) katmanları
   `display:contents` ile "görünmez" kılınıp gerçek .card-item'lar doğrudan
   .dash-cards-row (gerçek bir Bootstrap .row) içine düşürülüyor.
   ⚠️ Bu zincir _DosyaKontrol.php'nin BUGÜNKÜ iç içe yapısına bağlıdır — ana
   sitede o dosyanın HTML yapısı değişirse (mantığı değil, sarmalayıcı div
   sırası) burası da güncellenmeli. */

/* Üst padding 0 — seçim menüsü/sayacı üst bara TAM dayansın (kullanıcı isteği,
   devtools ile doğrulandı). */
.dash-upload-area { width: 100%; padding: 0 28px 28px; overflow-y: auto; }

#DosyaOnizleme,
#DosyaOnizleme > form,
#DosyaOnizleme > form > .row,
#DosyaOnizleme > form > .row > [class*="col-"],
#DosyaOnizleme > form > .row > [class*="col-"] > .row {
	display: contents;
}

/* ---- Yükleme kartı (ekran görüntüsündeki tasarım) ---- */
.dash-upload-card {
	position: relative;
	height: 100%;
	min-height: 220px;
	border: 2px dashed #b9c6e0;
	border-radius: 16px;
	background: #fafbfd;
	display: flex;
	align-items: center;
	justify-content: center;
	/* Yumuşak geçiş — mavi dolgu ANİDEN değil hafifçe gelsin (kullanıcı isteği). */
	transition: border-color .25s ease, background-color .3s ease, box-shadow .25s ease;
	/* Teklif kartlarıyla aynı 4-kenar simetrik gölge (bkz. dash-teklifler.css). */
	box-shadow: 0 0 18px 2px rgba(29, 41, 57, .12);
}
/* Hover: diğer kartlar gibi gölge büyür + kartın içi CNC 3D yüzey-seçim
   mavisiyle aynı tonda hafif maviye döner (yumuşak geçişle). */
.dash-upload-card:hover {
	border-color: var(--stoper-blue);
	background: rgba(0, 80, 149, .07);
	box-shadow: 0 0 26px 3px rgba(29, 41, 57, .22);
}
.dash-upload-card.dragover,
.dash-upload-card.has-files.dragover {
	border-color: var(--stoper-blue);
	background: rgba(0, 80, 149, .14);
	box-shadow: 0 0 26px 3px rgba(0, 80, 149, .18);
}
.dash-upload-trigger {
	/* Tıklama alanı KARTIN TAMAMI olsun (sadece ikon+metin değil) — kullanıcı
	   isteği: "tıklama alanı komple çerçeve kadar olsun". */
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 24px 16px;
	cursor: pointer;
	text-align: center;
	margin: 0;
	box-sizing: border-box;
}
.dash-upload-baslik {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	/* "Dosyaları sürükle bırak" metniyle AYNI renk (kullanıcı isteği). */
	color: #1d2939;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.dash-upload-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #eef1f7;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--stoper-text);
	font-size: 16px;
}
.dash-upload-text {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .01em;
	color: #1d2939;
	text-transform: uppercase;
}
/* .none-file-upload — teklif.js'in .disabled-label ile kilitlediği asıl
   tetikleyici, JS DEĞİŞTİRİLMEDEN kalsın diye class adı korunuyor; görünümü
   burada (buton değil, mavi link metni olarak) ELE ALINIYOR — teklif.css'teki
   kutu/buton stilini daha spesifik bir seçiciyle eziyoruz. */
.dash-upload-card .none-file-upload {
	background: none;
	color: var(--stoper-blue);
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: inherit;
	font-weight: 700;
	text-decoration: underline;
	display: inline;
}
.dash-upload-card .none-file-upload::before { display: none; }
.dash-upload-card .none-file-upload.disabled-label {
	color: var(--stoper-text);
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}
.dash-upload-formats {
	font-size: 11.5px;
	color: var(--stoper-text);
	opacity: .85;
}

/* Yükleme sırasında dönen küçük spinner (form-loader — teklif.css'te tanımlı
   temel kurallar; burada sadece kart köşeleriyle uyumlu hale getiriliyor) */
.dash-upload-card .form-loader { border-radius: 16px; }

/* (2026-08-14 kullanıcı isteği) Sayfanın her yerine dosya bırakma kaplaması.
   pointer-events:none — kaplama görünürken bile altındaki arayüz tıklanabilir
   kalır; yalnızca görsel geri bildirimdir, bırakmayı document dinler. */
.dash-birak-kaplama {
	position: fixed;
	inset: 0;
	z-index: 4000;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(15, 23, 42, .55);
	backdrop-filter: blur(2px);
	pointer-events: none;
}
.dash-birak-kaplama.acik { display: flex; }
.dash-birak-kutu {
	border: 3px dashed #fff;
	border-radius: 18px;
	padding: 42px 64px;
	text-align: center;
	color: #fff;
	background: rgba(0, 80, 149, .35);
}
.dash-birak-kutu .fa { font-size: 54px; margin-bottom: 12px; display: block; }
.dash-birak-baslik { font-size: 22px; font-weight: 700; }
.dash-birak-alt { font-size: 13px; opacity: .85; margin-top: 6px; }
@media (max-width: 576px) {
	.dash-birak-kutu { padding: 28px 26px; }
	.dash-birak-baslik { font-size: 18px; }
	/* (2026-08-16) Dar ekranda 28px kenar boşluğu kart alanını daraltıyordu.
	   DİKKAT: toolbar/sayaç bu padding'i -28px marjla deliyor (dash.css:217+);
	   padding değişince marjlar da eşleşmeli, yoksa yatay taşma olur. */
	.dash-upload-area { padding: 0 14px 20px; }
	.dash-secim-toolbar,
	.dash-secim-sayac {
		margin-left: -14px;
		margin-right: -14px;
		padding-left: 14px;
		padding-right: 14px;
	}
}