.site-nav{height:72px;background:#fff;border-bottom:1px solid #e2e8f0}.site-nav .nav-inner{height:72px;display:flex;align-items:center}.site-nav .brand{font:800 24px/1 Manrope,Arial,sans-serif;color:#0f172a;text-decoration:none}.site-nav .brand strong{color:#0ea5a4}.site-nav .desktop-nav{display:flex;gap:28px;margin-left:64px}.site-nav .desktop-nav a{font-size:12px;text-decoration:none;color:#334155}.site-nav .nav-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.site-footer{background:#0f172a;color:#cbd5e1;margin-top:28px}.site-footer .footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:34px;padding:38px 0 40px}.site-footer .brand{font:800 24px/1 Manrope,Arial,sans-serif;color:#fff;text-decoration:none}.site-footer .brand strong{color:#2dd4bf}.site-footer h4{margin:0 0 10px;color:#fff;font-size:11px}.site-footer a{display:block;color:#cbd5e1;font-size:10px;text-decoration:none;margin:7px 0}.site-footer p,.site-footer small{display:block;color:#94a3b8;font-size:10px;line-height:1.55;margin:7px 0}.site-footer .footer-brand-owner{color:#2dd4bf;font-weight:700;margin-top:12px;letter-spacing:.2px;text-transform:uppercase}@media(max-width:900px){.site-nav .desktop-nav{display:none}.site-footer{margin-top:12px;padding-top:8px;padding-bottom:16px;min-height:0}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:4px 18px;padding:0}.site-footer .footer-grid>div:first-child{grid-column:1/-1;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.site-footer .footer-grid>div:first-child>p{display:none}.site-footer .footer-grid>div:first-child .brand{font-size:18px}.site-footer .footer-grid>div:first-child small{margin:1px 0}.site-footer .footer-brand-owner{margin-top:2px}.site-footer h4{display:none}.site-footer a{font-size:11px;margin:3px 0}.site-footer p,.site-footer small{margin:2px 0;line-height:1.3}.site-footer .footer-grid>div:last-child{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:center}.site-footer .footer-grid>div:last-child a{display:inline-block;margin:2px 0}}

/* ---- Servis paneli gezinme çubuğu ---- */
.svc-nav{background:#fff;border-bottom:1px solid #e2e8f0}
.svc-nav-inner{max-width:1180px;margin:0 auto;display:flex;gap:2px;padding:0 24px;overflow-x:auto}
.svc-nav a{padding:13px 16px;color:#64748b;font:700 13px Manrope,Arial,sans-serif;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.svc-nav a:hover{color:#0f172a;background:#f8fafc}
.svc-nav a.active{color:#0b7f7e;border-bottom-color:#0b7f7e}
@media(max-width:640px){
  .svc-nav-inner{flex-wrap:wrap;gap:0;padding:0 10px;overflow-x:visible}
  .svc-nav a{padding:11px 12px;font-size:12px;white-space:nowrap}
}

/* ---- Müşteri kullanıcı menüsü (isim → açılır menü + bildirim rozeti) ---- */
.nav-actions{position:relative}
.header-user-btn{position:relative;display:inline-flex;align-items:center;gap:6px;max-width:200px;height:38px;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;font:700 13px Manrope,Arial,sans-serif;color:#0f172a;transition:background .15s,border-color .15s}
.header-user-btn:hover,.header-user-btn.open{background:#e2e8f0;border-color:#cbd5e1}
.header-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-user-caret{font-size:10px;color:#64748b;transition:transform .15s}
.header-user-btn.open .header-user-caret{transform:rotate(180deg)}
.header-user-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font:800 11px/18px Manrope,Arial,sans-serif;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.user-menu[hidden]{display:none}
.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:320px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.16);overflow:hidden}
.user-menu-notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}
.user-menu-notif-title{font:800 12px Manrope,Arial,sans-serif;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}
.user-menu-notif-readall{background:none;border:0;padding:0;color:#0b7f7e;font:700 11px Manrope,Arial,sans-serif;cursor:pointer}
.user-menu-notif-readall:hover{text-decoration:underline}
.user-menu-notif-list{max-height:260px;overflow-y:auto}
.user-menu-notif-empty{padding:16px 14px;color:#94a3b8;font:500 12px Manrope,Arial,sans-serif;text-align:center}
.user-menu-notif-item{display:block;padding:10px 14px;text-decoration:none;border-top:1px solid #f1f5f9;transition:background .12s}
.user-menu-notif-item:hover{background:#f8fafc}
.user-menu-notif-item.unread{background:#f0fdfa}
.user-menu-notif-item.unread:hover{background:#ccfbf1}
.user-menu-notif-item strong{display:block;color:#0f172a;font:800 13px Manrope,Arial,sans-serif}
.user-menu-notif-item span{display:block;color:#475569;font:500 12px Manrope,Arial,sans-serif;margin-top:2px;line-height:1.4}
.user-menu-notif-item small{display:block;color:#94a3b8;font:500 11px Manrope,Arial,sans-serif;margin-top:3px}
.user-menu-sep{height:1px;background:#e2e8f0;margin:6px 0}
.user-menu-item{display:block;width:100%;padding:11px 16px;background:none;border:0;text-align:left;text-decoration:none;color:#334155;font:700 13px Manrope,Arial,sans-serif;cursor:pointer;transition:background .12s}
.user-menu-item:hover{background:#f1f5f9;color:#0f172a}
.user-menu-logout{color:#dc2626}
.user-menu-logout:hover{background:#fef2f2;color:#b91c1c}
@media(max-width:640px){
  .header-user-btn{max-width:140px;height:36px;padding:0 10px;font-size:12px}
  /* Taşma düzeltmesi: mobilde .nav-actions artık viewportun sağında değil
     (hamburger .nav-toggle order:3 + margin-left:auto ile sağda). Menüyü
     viewport'a sabitle (position:fixed) → sol/sağ taşma olmaz. */
  .user-menu{position:fixed;top:76px;right:12px;left:auto;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
}

/* ---- Randevular sayfası canlı güncelleme toast'u ---- */
.appointment-live-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:200;max-width:min(420px,calc(100vw - 32px));padding:12px 18px;background:#0f172a;color:#fff;border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.3);font:700 13px Manrope,Arial,sans-serif;text-align:center;animation:apptToastIn .2s ease-out}
@keyframes apptToastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ---- Mobil navigasyon (hamburger) ---- */
.site-nav .nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.site-nav .nav-toggle-bar{display:block;width:22px;height:2px;background:#0f172a;border-radius:2px;transition:transform .18s,opacity .18s}
.site-nav.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-nav.open .nav-toggle-bar:nth-child(2){opacity:0}
.site-nav.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .site-nav .nav-toggle{display:flex;margin-left:auto;order:3}
  .site-nav .nav-actions{order:2;margin-left:0}
  .site-nav .nav-inner{position:relative}
  .site-nav .desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin-left:0;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 12px 24px rgba(15,23,42,.12);z-index:110}
  .site-nav .desktop-nav a{padding:14px 24px;border-top:1px solid #f1f5f9;font-size:14px}
  .site-nav.open .desktop-nav{display:flex}
}

@media(max-width:900px){
  .site-footer a{min-height:44px;display:flex;align-items:center;margin:0}
  .site-footer .footer-grid>div:last-child a{display:inline-flex;margin:0}
}