/* Uygulama arayüzü — teklif belgesiyle aynı marka renkleri (bkz. wwwroot/teklif/teklif.css). */
:root {
  --ink: #0D1421;
  --pink: #E5135F;
  --pink-ink: #D4176E;
  --blue: #2588CF;
  --orange: #F5A21B;
  --green: #5DB548;
  --purple: #4A1D7A;
  --muted: #6B7685;
  --line: #E2E8F0;
  --surface: #F6F8FB;
  --stripe: linear-gradient(90deg, var(--purple) 0 20%, var(--pink) 20% 40%, var(--blue) 40% 60%, var(--orange) 60% 80%, var(--green) 80% 100%);
  --bs-body-font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --bs-primary: #E5135F;
  --bs-primary-rgb: 229, 19, 95;
  --bs-link-color: #D4176E;
  --bs-link-color-rgb: 212, 23, 110;
  --bs-link-hover-color: #a8104f;
}

body { background: var(--surface); color: #2B3440; font-size: 15px; }
h1, h2, h3, h4 { color: var(--ink); font-weight: 800; letter-spacing: -.01em; }
.mono { font-family: "IBM Plex Mono", monospace; }

.app-nav { background: var(--ink); padding: 12px 0; }
.app-nav .brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.app-nav .brand img { height: 26px; }
.app-nav .brand span { color: rgba(255,255,255,.6); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; border-left: 1px solid rgba(255,255,255,.2); padding-left: 10px; }
.nav-link-app { color: rgba(255,255,255,.72); text-decoration: none; font-weight: 600; font-size: 14px; padding: 6px 2px; border-bottom: 2px solid transparent; }
.nav-link-app:hover { color: #fff; }
.nav-link-app.active { color: #fff; border-color: var(--pink); }
.app-nav .user { color: rgba(255,255,255,.7); font-size: 13px; }
.stripe-line { height: 4px; background: var(--stripe); }

/* Şablondaki Bootstrap 5.1 düğme değişkenlerini (--bs-btn-*) tanımıyor; renkler doğrudan verilir. */
.btn-primary { background-color: var(--pink); border-color: var(--pink); font-weight: 700; }
.btn-primary:hover, .btn-primary:focus { background-color: #c40f51; border-color: #c40f51; }
.btn-primary:active, .btn-primary.active { background-color: #a8104f; border-color: #a8104f; }
.btn-dark { background-color: var(--ink); border-color: var(--ink); font-weight: 600; }
.form-check-input:checked { background-color: var(--pink); border-color: var(--pink); }
a { color: var(--pink-ink); }

.page-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.page-title h1 { font-size: 26px; margin: 0; }
.eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--pink-ink); }

.card-app { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 22px 24px; margin-bottom: 18px; }
.card-app > h2 { font-size: 17px; margin-bottom: 4px; }
.card-app > .hint { color: var(--muted); font-size: 13px; margin-bottom: 16px; }
.form-label { font-weight: 600; font-size: 13px; color: var(--ink); margin-bottom: 4px; }
.form-text { font-size: 12px; }
textarea.code { font-family: "IBM Plex Mono", monospace; font-size: 12.5px; }

.table-app { background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.table-app table { margin: 0; }
.table-app th { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 700; background: #fff; }
.table-app td { vertical-align: middle; }

.badge-status { font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 20px; }
.badge-Taslak { background: #EEF2F7; color: #4A5568; }
.badge-Gonderildi { background: #E6F2FB; color: #1C6FAB; }
.badge-Kabul { background: #E8F6EB; color: #2E9447; }
.badge-Ret { background: #FDEAF1; color: #D4176E; }
.badge-kind { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 6px; background: #FEF3DF; color: #C77F00; }
.badge-kind.urun { background: #F3EAFB; color: #7B3FA0; }

.kind-switch { display: flex; gap: 12px; }
.kind-switch label { flex: 1; border: 1.5px solid var(--line); border-radius: 10px; padding: 14px 16px; cursor: pointer; background: #fff; }
.kind-switch input { margin-right: 8px; }
.kind-switch label:has(input:checked) { border-color: var(--pink); background: #FFF5F9; }
.kind-switch small { display: block; color: var(--muted); margin-top: 2px; padding-left: 22px; }

.items-table td { padding: 6px 4px; vertical-align: top; }
.items-table .amount { width: 150px; }
.items-table .note { width: 120px; }

.login-wrap { min-height: 80vh; display: grid; place-items: center; }
.login-card { width: 380px; background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(13,20,33,.08); }
.login-card .head { background: var(--ink); padding: 26px 28px; }
.login-card .head img { height: 34px; }
.login-card .body { padding: 26px 28px; }

.shot-thumb { width: 120px; height: 75px; object-fit: cover; object-position: top; border-radius: 6px; border: 1px solid var(--line); }
.sticky-actions { position: sticky; bottom: 0; background: rgba(246,248,251,.94); backdrop-filter: blur(4px); padding: 14px 0; border-top: 1px solid var(--line); z-index: 5; }