/* Ormancılık İstatistikleri — tema */
:root {
  --forest-900: #081c15;
  --forest-800: #1b4332;
  --forest-700: #2d6a4f;
  --forest-600: #40916c;
  --forest-500: #52b788;
  --forest-400: #74c69d;
  --forest-300: #95d5b2;
  --forest-100: #d8f3dc;
  --accent-amber: #e9c46a;
  --accent-clay: #bc4749;
  --up: #2d6a4f;
  --down: #bc4749;

  --bg: #f6f8f5;
  --surface: #ffffff;
  --surface-2: #eef3ee;
  --ink: #14231b;
  --ink-soft: #5a6b60;
  --border: #dde5de;
  --shadow: 0 1px 2px rgba(8,28,21,.04), 0 8px 24px rgba(8,28,21,.06);
  --radius: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex; flex-direction: column;
}
main { flex: 1 0 auto; }

/* ---------- Navbar ---------- */
.ogm-nav {
  background: linear-gradient(100deg, var(--forest-900), var(--forest-700));
  box-shadow: var(--shadow);
}
.ogm-nav .navbar-brand { font-weight: 800; letter-spacing: .2px; color: #fff; display:flex; align-items:center; gap:.5rem; }
.ogm-nav .navbar-brand small { font-weight: 500; opacity: .8; font-size: .7rem; display:block; line-height:1; }
.ogm-nav .nav-link { color: rgba(255,255,255,.85) !important; font-weight: 600; border-radius: 10px; padding:.35rem .8rem; }
.ogm-nav .nav-link:hover, .ogm-nav .nav-link.active { color:#fff !important; background: rgba(255,255,255,.12); }
.ogm-nav .dropdown-menu { border:none; box-shadow: var(--shadow); border-radius: 12px; }
.lang-toggle .btn { border-color: rgba(255,255,255,.4); color:#fff; font-weight:700; padding:.15rem .55rem; }
.lang-toggle .btn.active { background:#fff; color: var(--forest-800); }

/* ---------- Hero ---------- */
.hero {
  background: radial-gradient(1200px 400px at 15% -10%, var(--forest-600), transparent 60%),
              linear-gradient(140deg, var(--forest-900), var(--forest-800) 60%, var(--forest-700));
  color: #eefaf1; padding: clamp(2.5rem, 6vw, 5rem) 0; position: relative; overflow: hidden;
}
.hero h1 { font-weight: 850; font-size: clamp(1.8rem, 4.5vw, 3.2rem); line-height:1.05; letter-spacing:-.5px; }
.hero p { color: rgba(238,250,241,.82); max-width: 60ch; font-size: clamp(1rem,1.6vw,1.18rem); }
.hero .tree-badge { font-size: clamp(3rem,10vw,6rem); opacity:.18; position:absolute; right: 4%; top: 50%; transform: translateY(-50%); }

/* ---------- Stat strip ---------- */
.stat-strip { margin-top: -2.2rem; position: relative; z-index: 2; }
.stat-card { background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1rem 1.2rem; border:1px solid var(--border); }
.stat-card .num { font-weight: 850; font-size: clamp(1.5rem,3vw,2.1rem); color: var(--forest-800); line-height:1; }
.stat-card .lbl { color: var(--ink-soft); font-weight:600; font-size:.85rem; margin-top:.35rem; }

/* ---------- Cards ---------- */
.card-ogm { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); transition: transform .16s ease, box-shadow .16s ease; height:100%; }
.card-ogm:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(8,28,21,.12); }
a.card-ogm { text-decoration:none; color: inherit; display:block; }

.kpi .kpi-title { font-weight:700; font-size:.98rem; color: var(--ink); }
.kpi .kpi-cat { font-size:.72rem; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color: var(--forest-600); }
.kpi .kpi-value { font-weight:850; font-size:1.7rem; color: var(--forest-800); line-height:1; }
.kpi .kpi-unit { font-size:.8rem; color: var(--ink-soft); font-weight:600; }
.kpi .spark { height:46px; }

.badge-change { font-weight:800; border-radius:999px; padding:.28rem .6rem; font-size:.8rem; display:inline-flex; align-items:center; gap:.25rem; }
.badge-up { background: #e3f2e9; color: var(--up); }
.badge-down { background: #fbe6e6; color: var(--down); }
.badge-flat { background: var(--surface-2); color: var(--ink-soft); }

/* category pills */
.cat-tile { background: linear-gradient(150deg, var(--forest-700), var(--forest-500)); color:#fff; border-radius: var(--radius); padding:1.3rem; box-shadow: var(--shadow); text-decoration:none; display:block; height:100%; transition: transform .16s ease; }
.cat-tile:hover { transform: translateY(-3px); color:#fff; }
.cat-tile .cno { font-size:2rem; font-weight:850; opacity:.55; }
.cat-tile .cname { font-weight:750; font-size:1.05rem; margin-top:.2rem; }
.cat-tile .ccount { font-size:.82rem; opacity:.85; margin-top:.4rem; }

/* section heading */
.sec-head { display:flex; align-items:center; gap:.6rem; margin: 2.2rem 0 1rem; }
.sec-head h2 { font-weight:800; font-size:1.4rem; margin:0; color: var(--forest-800); }
.sec-head .rule { flex:1; height:2px; background: linear-gradient(90deg,var(--border),transparent); border-radius:2px; }

/* chart container */
.chart-box { position: relative; width:100%; }
.chart-box.sm { height: 300px; }
.chart-box.lg { height: 420px; }
@media (max-width: 576px){ .chart-box.lg { height: 320px; } }

/* trend stat mini */
.tstat { background: var(--surface-2); border-radius: 12px; padding:.7rem .9rem; }
.tstat .l { font-size:.72rem; color: var(--ink-soft); font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
.tstat .v { font-weight:800; color: var(--forest-800); font-size:1.05rem; }

.table thead th { color: var(--ink-soft); font-weight:700; font-size:.82rem; text-transform:uppercase; letter-spacing:.3px; }
.table td { font-variant-numeric: tabular-nums; }
.up-txt { color: var(--up); font-weight:800; }
.down-txt { color: var(--down); font-weight:800; }

.footer-ogm { background: var(--forest-900); color: rgba(238,250,241,.75); padding: 1.6rem 0; margin-top: 3rem; font-size:.88rem; }
.footer-ogm a { color: var(--forest-300); }

.form-select, .form-control { border-radius: 10px; border-color: var(--border); }
.form-select:focus, .form-control:focus { border-color: var(--forest-500); box-shadow: 0 0 0 .2rem rgba(82,183,136,.2); }
.btn-forest { background: var(--forest-700); color:#fff; font-weight:700; border-radius:10px; }
.btn-forest:hover { background: var(--forest-800); color:#fff; }
.btn-ghost { background: var(--surface); border:1px solid var(--border); color: var(--forest-800); font-weight:700; border-radius:10px; }
.btn-ghost.active { background: var(--forest-700); color:#fff; border-color: var(--forest-700); }

.chip { font-size:.72rem; font-weight:700; padding:.2rem .55rem; border-radius:999px; background: var(--surface-2); color: var(--ink-soft); }
.chip.excel{ background:#e3f2e9; color:#2d6a4f;} .chip.pdf{ background:#fbe6e6; color:#bc4749;} .chip.word{ background:#e7eefb; color:#2b5eb0;}

/* ---------- Dark mode ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#0d1712; --surface:#132018; --surface-2:#18271e; --ink:#e7f1ea; --ink-soft:#9db3a6; --border:#243528;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"] {
  --bg:#0d1712; --surface:#132018; --surface-2:#18271e; --ink:#e7f1ea; --ink-soft:#9db3a6; --border:#243528;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
}
:root[data-theme="dark"] .kpi .kpi-value, :root[data-theme="dark"] .stat-card .num, :root[data-theme="dark"] .sec-head h2, :root[data-theme="dark"] .tstat .v { color: var(--forest-300); }