/* Hocam PWA — Tasarım token'ları (DESIGN-TOKENS.md'den BİREBİR). 1px = 1pt. */
:root {
  /* Renkler */
  --bg: #0C1210;
  --surface: #18211D;
  --surface2: #212B26;
  --hair: rgba(255, 255, 255, 0.08);
  --sep: rgba(255, 255, 255, 0.07);
  --text: #F2F5F3;
  --text2: #A2AAA5;
  --text3: #6B726D;
  --green: #30D158;
  --green-ink: #06140B;
  --green-dim: rgba(48, 209, 88, 0.16);
  --orange: #FF9F0A;
  --orange-dim: rgba(255, 159, 10, 0.15);
  --red: #FF453A;
  --red-dim: rgba(255, 69, 58, 0.15);
  --blue: #0A84FF;
  --blue-dim: rgba(10, 132, 255, 0.15);
  --gray-action: #3A4640;

  /* Köşe yarıçapları */
  --r-card: 16px;
  --r-button: 14px;
  --r-sheet: 34px;
  --r-pill: 20px;
  --r-seg-container: 12px;
  --r-seg-item: 9px;
  --r-fgrp: 14px;
  --r-date-block: 12px;
  --r-loc-option: 12px;
  --r-collect: 18px;

  /* Ölçüler */
  --section-h: 20px;

  /* Font */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
body {
  overscroll-behavior-y: none;
  -webkit-tap-highlight-color: transparent;
}
button { font-family: inherit; color: inherit; background: none; border: none; cursor: pointer; }
input, textarea, select { font-family: inherit; color: inherit; }
input, textarea { background: none; border: none; outline: none; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }

/* tabular rakamlar (para/istatistik) */
.tabular { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }

/* Uygulama kabuğu — telefonda tam ekran, masaüstünde 390px ortalı çerçeve */
#app {
  min-height: 100dvh;
  background: var(--bg);
  position: relative;
  overflow-x: hidden;
}
@media (min-width: 460px) {
  /* Masaüstünde önizleme için telefon genişliği */
  #app {
    max-width: 393px;
    margin: 0 auto;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
    min-height: 100dvh;
  }
}

/* Güvenli alanlar (çentik) */
.safe-top { padding-top: env(safe-area-inset-top, 0px); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }

/* Kaydırma çubuğunu gizle (native his) */
.noscrollbar::-webkit-scrollbar { display: none; }
.noscrollbar { -ms-overflow-style: none; scrollbar-width: none; }