/* ============================================================================
 * AKBULUT BIZOPS // MÜKELLEF — Basis-Styles (Dark-Gold auf Anthrazit)
 * Tailwind via CDN + diese Feinjustierung. Mobile-375px-Stabilität hat
 * absolute Priorität: html/body clippt horizontal grundsätzlich.
 * ==========================================================================*/

html, body {
  overflow-x: clip;
  max-width: 100vw;
  scroll-behavior: smooth;
}

body {
  background-color: #09090b; /* zinc-950 */
  color: #f4f4f5;            /* zinc-100 */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: rgba(212, 165, 42, 0.35); color: #fff; }

/* --- Scrollbar (dunkel, golden) --- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 8px; border: 2px solid #09090b; }
::-webkit-scrollbar-thumb:hover { background: #d4a52a; }

/* --- Karten & Flächen --- */
.yuzey { background: #101013; border: 1px solid #27272a; border-radius: 1rem; }
.yuzey-2 { background: #18181b; border: 1px solid #27272a; border-radius: 0.75rem; }
.altin-cizgi { background: linear-gradient(90deg, transparent, #d4a52a, transparent); height: 1px; }
.altin-dugme {
  background: linear-gradient(135deg, #e5b93e 0%, #d4a52a 55%, #b0871f 100%);
  color: #1c1602; font-weight: 700;
}
.altin-dugme:hover { filter: brightness(1.08); }
.altin-dugme:active { filter: brightness(0.96); }
.altin-dugme:disabled { opacity: 0.55; cursor: not-allowed; filter: none; }

/* --- Navbar --- */
.nav-bar { background: rgba(9, 9, 11, 0.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid #27272a; }

/* --- Status-Badges --- */
.badge { display: inline-flex; align-items: center; gap: 0.35rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; padding: 0.2rem 0.6rem; white-space: nowrap; border: 1px solid transparent; }
.badge-taslak     { background: rgba(113, 113, 122, 0.14); color: #d4d4d8; border-color: rgba(113,113,122,0.35); }
.badge-paylasildi { background: rgba(59, 130, 246, 0.12);  color: #93c5fd; border-color: rgba(59,130,246,0.35); }
.badge-onaylandi  { background: rgba(16, 185, 129, 0.12);  color: #6ee7b7; border-color: rgba(16,185,129,0.35); }
.badge-odendi     { background: rgba(16, 185, 129, 0.22);  color: #a7f3d0; border-color: rgba(16,185,129,0.55); }
.badge-kritik     { background: rgba(244, 63, 94, 0.14);   color: #fda4af; border-color: rgba(244,63,94,0.4); }
.badge-yakin      { background: rgba(245, 158, 11, 0.14);  color: #fcd34d; border-color: rgba(245,158,11,0.4); }
.badge-altin      { background: rgba(212, 165, 42, 0.12);  color: #e5b93e; border-color: rgba(212,165,42,0.4); }

/* --- Formulare --- */
.girdi {
  width: 100%; background: #0c0c0e; border: 1px solid #2e2e33; border-radius: 0.625rem;
  padding: 0.625rem 0.875rem; color: #f4f4f5; font-size: 0.9375rem; outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.girdi:focus { border-color: #d4a52a; box-shadow: 0 0 0 3px rgba(212, 165, 42, 0.15); }
.girdi::placeholder { color: #52525b; }
select.girdi { appearance: none; background-image: 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='%23a1a1aa' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.7rem center; padding-right: 2.2rem; }
.etiket { display: block; font-size: 0.75rem; font-weight: 600; color: #a1a1aa; margin-bottom: 0.35rem; letter-spacing: 0.02em; }

/* --- Toast --- */
#toast-alan { position: fixed; bottom: 1rem; left: 50%; transform: translateX(-50%); z-index: 100; display: flex; flex-direction: column; gap: 0.5rem; width: min(92vw, 26rem); pointer-events: none; }
.toast { pointer-events: auto; padding: 0.7rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 500; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border: 1px solid; animation: toast-in .25s ease-out; }
.toast-basari { background: #0a2620; border-color: rgba(16,185,129,0.5); color: #a7f3d0; }
.toast-hata   { background: #2a0e14; border-color: rgba(244,63,94,0.5);  color: #fda4af; }
.toast-bilgi  { background: #1c1602; border-color: rgba(212,165,42,0.5); color: #e5b93e; }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* --- Modal & Drawer --- */
.modal-ortu { position: fixed; inset: 0; background: rgba(0,0,0,0.72); z-index: 90; display: flex; align-items: center; justify-content: center; padding: 1rem; backdrop-filter: blur(4px); }
.modal-kutu { background: #101013; border: 1px solid #2e2e33; border-radius: 1rem; max-width: 42rem; width: 100%; max-height: 88vh; overflow-y: auto; box-shadow: 0 30px 80px rgba(0,0,0,0.6); animation: modal-in .22s ease-out; }
@keyframes modal-in { from { opacity: 0; transform: translateY(14px) scale(0.985); } to { opacity: 1; transform: none; } }

/* --- Tabellen mobil-sicher --- */
.tablo-sarmal { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.tablo-sarmal table { min-width: 100%; }
.kirilgan { word-break: break-all; }

/* --- Zahlkarten (Mükellef-Portal) --- */
.odeme-karti { background: #101013; border: 1px solid #27272a; border-radius: 1rem; padding: 1rem; transition: border-color .15s; }
.odeme-karti.odendi { opacity: 0.75; border-color: rgba(16,185,129,0.45); background: #0a1512; }

/* --- Kopierfeld --- */
.kopya-alan { display: flex; align-items: center; gap: 0.5rem; background: #0c0c0e; border: 1px dashed #3f3f46; border-radius: 0.625rem; padding: 0.5rem 0.75rem; }
.kopya-alan code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85rem; color: #e5b93e; word-break: break-all; }

/* --- Upload-Zone --- */
.yukleme-alani { border: 2px dashed #3f3f46; border-radius: 1rem; transition: border-color .15s, background .15s; background: transparent; }
.yukleme-alani.surukleme { border-color: #d4a52a; background: rgba(212,165,42,0.06); }

/* --- Animasyonen --- */
.yavas-giris { animation: yavas-giris .4s ease-out; }
@keyframes yavas-giris { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.nabiz { animation: nabiz 2s ease-in-out infinite; }
@keyframes nabiz { 0%,100% { box-shadow: 0 0 0 0 rgba(212,165,42,0.35); } 50% { box-shadow: 0 0 0 8px rgba(212,165,42,0); } }

/* --- Telefon-Frame (Demo) --- */
.telefon-cerceve { width: 100%; max-width: 375px; margin-inline: auto; border: 10px solid #18181b; border-radius: 2.4rem; box-shadow: 0 24px 70px rgba(0,0,0,0.65), inset 0 0 0 1px #2e2e33; background: #09090b; overflow: hidden; }

/* --- Druck (Audit-Export) --- */
@media print {
  body { background: #fff !important; color: #000 !important; }
  .yazdirma-gizle { display: none !important; }
  .yazdirma-gorunur { display: block !important; }
  .tablo-sarmal { overflow: visible !important; }
  .yuzey, .yuzey-2 { background: #fff !important; border-color: #999 !important; }
  table { border-collapse: collapse; width: 100%; }
  th, td { border: 1px solid #999 !important; color: #000 !important; padding: 4px 6px; font-size: 10px; }
  a { color: #000 !important; text-decoration: none; }
}