/* CoreX Lisans — Metronic'in hazır stiline (metronic/css/styles.css) eklenenler.
   Hazır stil yalnız şablonun kullandığı yardımcı sınıfları taşıyor; burada
   olanlar onda bulunmayanlar. */

.branded-bg {
  background-image: url('../metronic/media/branded-bg.png');
  background-size: cover;
  background-position: center;
}

.dark .branded-bg {
  background-image: url('../metronic/media/branded-bg-dark.png');
}

/* Uzun belirteç ve PEM metni: kırılabilir, tek satırda taşmaz. */
.token-text {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
}

/* Doğrulama iletileri (ASP.NET asp-validation-*): yalnız doluyken yer kaplar. */
.field-validation-error,
.validation-summary-errors {
  color: var(--destructive);
  font-size: 0.8125rem;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-errors ul {
  margin: 0;
  padding-inline-start: 1rem;
  list-style: disc;
}

.input-validation-error {
  border-color: var(--destructive) !important;
}

/* Hazır stilde olmayan yardımcılar (Tailwind adlarıyla, aynı tanımla). */
.font-mono { font-family: var(--font-mono); }
.break-all { word-break: break-all; }
.self-start { align-self: flex-start; }
.list-decimal { list-style-type: decimal; }
.tracking-widest { letter-spacing: 0.1em; }
.gap-x-6 { column-gap: calc(var(--spacing) * 6); }
.py-8 { padding-block: calc(var(--spacing) * 8); }
.min-w-44 { min-width: calc(var(--spacing) * 44); }
.max-w-3xl { max-width: var(--container-3xl, 48rem); }
.max-w-\[400px\] { max-width: 400px; }
.text-warning { color: var(--color-yellow-500, #eab308); }
.bg-green-500\/10 { background-color: color-mix(in oklab, var(--color-green-500, #22c55e) 10%, transparent); }
.border-destructive\/40 { border-color: color-mix(in oklab, var(--destructive) 40%, transparent); }
.border-primary\/40 { border-color: color-mix(in oklab, var(--primary) 40%, transparent); }
.dark\:inline-flex:is(.dark *) { display: inline-flex; }
/* Geniş düzen: tablolar ve müşteri kartının özet şeridi (04.10.2026). */
.gap-y-4 { row-gap: calc(var(--spacing) * 4); }
.max-w-80 { max-width: calc(var(--spacing) * 80); }
.min-w-80 { min-width: calc(var(--spacing) * 80); }
@media (width >= 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (width >= 80rem) { .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (hover: hover) {
  .hover\:border-primary:hover { border-color: var(--primary); }
}
@media (width >= 48rem) {
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (width >= 80rem) {
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
}