/* Yıldır Software — ortak tasarım belirteçleri (site + paneller) */
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/onest-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/onest-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest-latin-ext-500-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/onest-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/onest-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Bricolage'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Bricolage'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/bricolage-grotesque-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Bricolage'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Bricolage'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/bricolage-grotesque-latin-ext-800-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --ink: #0A1433;          /* gece laciverti — metin ve koyu bantlar */
  --ink-2: #3D4466;
  --muted: #646C8C;
  --paper: #F5F6FA;        /* soğuk kâğıt — sayfa zemini */
  --surface: #FFFFFF;
  --line: #DFE2EC;
  --volt: #1660F5;         /* logodaki elektrik mavisi — eylemler */
  --volt-ink: #FFFFFF;
  --volt-soft: #E6EEFF;
  --spark: #22D8FF;        /* logodaki camgöbeği halka — yalnızca imza öğe (canlı fiyat) */
  --ok: #0E9F6E;
  --warn: #B7791F;
  --err: #D23C3C;
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 22px;
  --shadow: 0 1px 0 rgba(19,23,51,.04), 0 10px 30px -12px rgba(19,23,51,.18);
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 'Bricolage', 'Onest', system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #E9EBF7; --ink-2: #BFC4DD; --muted: #8C93B3; --paper: #0D1026; --surface: #161A36; --line: #2A2F55;
    --volt: #4D8BFF; --volt-ink: #010410; --volt-soft: #1E2550; --ok: #34C38F; --err: #F06A6A; --warn: #E0A84A;
    --shadow: 0 10px 30px -12px rgba(0,0,0,.6); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ink: #E9EBF7; --ink-2: #BFC4DD; --muted: #8C93B3; --paper: #0D1026; --surface: #161A36; --line: #2A2F55;
  --volt: #4D8BFF; --volt-ink: #010410; --volt-soft: #1E2550; --ok: #34C38F; --err: #F06A6A; --warn: #E0A84A;
  --shadow: 0 10px 30px -12px rgba(0,0,0,.6); color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.6 var(--font); font-feature-settings: 'ss01'; }
img, svg { max-width: 100%; display: block; }
a { color: var(--volt); text-underline-offset: 3px; }
h1, h2, h3, h4 { font-family: var(--display); font-weight: 800; line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 .5em; color: var(--ink); }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--volt); outline-offset: 2px; border-radius: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; font: 600 15px/1 var(--font); padding: 13px 20px; border-radius: 999px;
  border: 1.5px solid transparent; cursor: pointer; text-decoration: none; transition: background .15s, color .15s, border-color .15s, transform .1s; white-space: nowrap; }
.btn:active { transform: translateY(1px); }
.btn-primary { background: var(--volt); color: var(--volt-ink); }
.btn-primary:hover { filter: brightness(1.08); }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
.btn-ghost:hover { border-color: var(--ink); }
.btn-danger { background: transparent; color: var(--err); border-color: color-mix(in srgb, var(--err) 40%, transparent); }
.btn-sm { padding: 8px 13px; font-size: 13.5px; }
.btn[disabled] { opacity: .55; cursor: not-allowed; }

/* Formlar */
.field { display: grid; gap: 6px; margin-bottom: 14px; }
.field label, .label { font-weight: 500; font-size: 14px; color: var(--ink-2); }
.input, select.input, textarea.input { width: 100%; font: 400 15px/1.4 var(--font); color: var(--ink); background: var(--surface); border: 1.5px solid var(--line);
  border-radius: var(--radius-s); padding: 11px 12px; transition: border-color .15s; }
.input:focus { border-color: var(--volt); outline: none; box-shadow: 0 0 0 3px var(--volt-soft); }
textarea.input { min-height: 110px; resize: vertical; }
.field .err { color: var(--err); font-size: 13px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-2); }
.check input { margin-top: 4px; accent-color: var(--volt); width: 17px; height: 17px; }
.hp { position: absolute; left: -9999px; }

.alert { padding: 12px 14px; border-radius: var(--radius-s); font-size: 14.5px; margin-bottom: 14px; border: 1px solid; }
.alert-ok { background: color-mix(in srgb, var(--ok) 10%, var(--surface)); border-color: color-mix(in srgb, var(--ok) 35%, transparent); color: var(--ink); }
.alert-err { background: color-mix(in srgb, var(--err) 9%, var(--surface)); border-color: color-mix(in srgb, var(--err) 35%, transparent); color: var(--ink); }
.alert-info { background: var(--volt-soft); border-color: color-mix(in srgb, var(--volt) 30%, transparent); color: var(--ink); }

.money { font-variant-numeric: tabular-nums; white-space: nowrap; }