:root {
  --bg: #f1f5f9;
  --surface: #ffffff;
  --border: rgba(2,6,23,0.08);
  --muted: #475569;
  --text: #0f172a;
  --primary: #2563eb;
  --ring: #60a5fa;
  --success: #16a34a;
  --danger: #ef4444;
  --shadow: rgba(2,6,23,0.06);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); line-height: 1.55; }
a { color: var(--primary); text-decoration: none; }
.container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 16px; }

header { position: sticky; top: 0; z-index: 50; background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: 0 2px 12px var(--shadow); }
.nav { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; }
.logo { width: 40px !important; height: 40px !important; font-size:18px !important; border-radius:10px; display: grid; place-items: center; background: linear-gradient(135deg, var(--primary), var(--ring)); color: #fff; font-weight: 900; letter-spacing: -0.02em; box-shadow: 0 8px 28px rgba(37,99,235,0.3); }
.brand-name { font-size:22px !important; font-weight:800 !important; letter-spacing:-0.01em; color: var(--primary); }

.nav-links { display: flex; gap: 10px; align-items: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--border); color: var(--text); background: #f8fafc; cursor: pointer; transition: all .18s ease; font-size:14px }
.btn:hover { transform: translateY(-1px); border-color: rgba(2,6,23,0.14); box-shadow: 0 6px 16px var(--shadow); }
.btn-primary { background: linear-gradient(135deg, var(--primary), var(--ring)); color: #ffffff; border: none; font-weight: 700; }

/* Profile dropdown styles */
.profile-dropdown{position:relative}
.profile-btn{background:none;border:none;cursor:pointer;padding:0}
.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--ring));color:#fff;display:grid;place-items:center;font-size:18px;font-weight:600}
.dropdown-menu{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px var(--shadow);min-width:200px;z-index:1000;display:none;margin-top:8px}
.dropdown-menu.show{display:block}
.dropdown-item{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;transition:background 0.2s}
.dropdown-item:hover{background:var(--bg)}
.dropdown-divider{height:1px;background:var(--border);margin:4px 0}

.applicant-count {
  background: var(--primary);
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}
.truncate-3 {
  display: -webkit-box;       /* eski WebKit uyumu */
  display: box;               /* eski standart taslak */
  display: -moz-box;          /* Firefox eski */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  
  overflow: hidden;
  -webkit-line-clamp: 3;      /* WebKit */
  line-clamp: 3;               /* standart özellik */
}

@media (max-width: 720px){ 
  .btn{ padding:8px 10px; font-size:12px } 
  .brand-name{ font-size:20px !important; } 
  .logo{ width:30px; height:30px } 
  .nav-links{ gap:6px } 
}