/* DBG KARİYER — App teması (Tailwind CDN üstüne ince katman) */
:root{
  --brand:#1EBBF0;
  --brand-d:#0A2744;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --bg:#f1f5f9;
}
*{ -webkit-tap-highlight-color: transparent; }
html,body{ background:var(--bg); color:var(--ink); }
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding-bottom:env(safe-area-inset-bottom);
  overscroll-behavior-y:none;
}

/* sayfa konteyneri — bottom tab için alttan boşluk */
.app-shell{ max-width:560px; margin:0 auto; padding-bottom:78px; min-height:100vh; }

/* header */
.app-header{
  position:sticky; top:0; z-index:40;
  background:linear-gradient(135deg,var(--brand-d),#123a5e);
  color:#fff; display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; padding-top:calc(14px + env(safe-area-inset-top));
}
.app-header .logo{ font-weight:800; letter-spacing:.5px; font-size:18px; }
.app-header .logo span{ color:var(--brand); }

/* dokunma dostu butonlar */
.btn{ min-height:46px; border-radius:12px; font-weight:600; display:inline-flex;
  align-items:center; justify-content:center; gap:8px; padding:0 18px; transition:.15s; }
.btn-primary{ background:var(--brand); color:#04222e; }
.btn-primary:active{ filter:brightness(.93); }
.btn-dark{ background:var(--brand-d); color:#fff; }
.btn-outline{ border:1.5px solid var(--line); background:#fff; color:var(--ink); }
.btn-block{ width:100%; }

/* kartlar */
.card{ background:#fff; border:1px solid var(--line); border-radius:16px; }

/* form */
.field{ width:100%; min-height:48px; border:1.5px solid var(--line); border-radius:12px;
  padding:0 14px; font-size:15px; background:#fff; }
.field:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(30,187,240,.15); }
textarea.field{ padding:12px 14px; min-height:120px; line-height:1.5; }
.label{ font-size:13px; font-weight:600; color:#334155; margin-bottom:6px; display:block; }

/* bottom tab bar */
.tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  background:#fff; border-top:1px solid var(--line);
  display:grid; grid-template-columns:repeat(5,1fr);
  padding-bottom:env(safe-area-inset-bottom);
  max-width:560px; margin:0 auto;
}
.tabbar a{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; padding:9px 0 7px; font-size:11px; color:var(--muted); font-weight:600;
}
.tabbar a.active{ color:var(--brand); }
.tabbar a .ic{ font-size:21px; line-height:1; }
.tabbar a.fab{ }
.tabbar a.fab .ic{
  background:var(--brand); color:#04222e; width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; margin-top:-18px;
  box-shadow:0 6px 16px rgba(30,187,240,.45); font-weight:800;
}

/* flash */
.flash{ padding:12px 14px; border-radius:12px; font-size:14px; margin:10px 0; }
.flash.success{ background:#dcfce7; color:#166534; }
.flash.error{ background:#fee2e2; color:#991b1b; }
.flash.info{ background:#dbeafe; color:#1e40af; }

/* rozet */
.badge{ font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; }
.badge.dot{ position:absolute; top:6px; right:6px; min-width:18px; height:18px;
  background:#ef4444; color:#fff; border-radius:999px; font-size:10px;
  display:flex; align-items:center; justify-content:center; padding:0 5px; }

/* kategori grid */
.cat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.cat-grid a{ background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:12px 6px; text-align:center; font-size:11px; font-weight:600; color:#334155; }
.cat-grid a .ic{ font-size:22px; display:block; margin-bottom:5px; }

a{ text-decoration:none; color:inherit; }
.muted{ color:var(--muted); }