/* ════════════════════════════════════════════════════
   Ropaket B2B — Z-Index + Mobil Fix
   ════════════════════════════════════════════════════ */

/* ── MODAL Z-INDEX OVERRIDE ── */
/* Tüm fixed overlay modallar */
[class*="fixed"][class*="inset-0"] {
  z-index: 9999 !important;
}

/* ── DROPDOWN FIX — z-index + no clipping ── */
.absolute, [class*="absolute"],
[class*="z-50"], [class*="z-40"], [class*="z-30"] {
  z-index: 99999 !important;
  pointer-events: auto !important;
}

/* Tüm table chain — no clipping */
table, tbody, thead, tr, td, th {
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
}

/* TD = positioning context */
td, th {
  position: relative !important;
  overflow: visible !important;
}

/* Dropdown menu visible */
[class*="dropdown"], [class*="menu"] {
  overflow: visible !important;
  z-index: 99999 !important;
}

/* ── MINIMAL VISUAL ── */

/* Input focus ring */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
  border-color: #3b82f6 !important;
  outline: none !important;
}

/* Button hover brightness (no transform) */
[class*="bg-primary-600"]:hover {
  filter: brightness(1.08) !important;
}

/* Sticky header glass (subtle) */
header[class*="sticky"], [class*="h-16"][class*="sticky"] {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  background: rgba(255,255,255,0.9) !important;
}

/* Loading spinner faster */
.animate-spin { animation-duration: 0.7s !important; }

/* Touch friendly */
button, a, [role="button"] {
  min-height: 44px;
  touch-action: manipulation;
}

/* iOS Safari — dynamic viewport height */
.min-h-screen, [class*="min-h-screen"] {
  min-height: 100dvh !important;
}

/* Login form centered on mobile */
@media (max-width: 640px) {
  .min-h-screen.flex.items-center,
  [class*="min-h-screen"][class*="flex"][class*="items-center"] {
    align-items: flex-start !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .min-h-screen.flex.items-center > .max-w-md,
  [class*="min-h-screen"] > [class*="max-w-md"] {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

/* Safe area */
body { padding-bottom: env(safe-area-inset-bottom); }