:root{ --primary-color:#ea2a33; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; height:2.5rem; padding:0 .999rem; border-radius:.5rem; background:var(--primary-color); color:#fff; font-weight:600; transition:background-color .15s ease; }
.btn:hover{ background:#b91c1c; }
.card{ border-radius:.75rem; border:1px solid #e5e7eb; background:#fff; padding:1rem; box-shadow:0 1px 2px rgba(0,0,0,.04); transition:box-shadow .15s ease; cursor:pointer; }
.card:hover{ box-shadow:0 4px 14px rgba(0,0,0,.08); }
.badge{ display:inline-flex; align-items:center; gap:.25rem; border-radius:999px; padding:.25rem .625rem; font-size:.75rem; font-weight:700; }
.badge-open{ background:#ecfdf5; color:#047857; }
.thumb{ width:4rem; height:4rem; border-radius:.5rem; object-fit:cover; flex-shrink:0; background:#f3f4f6; }
html{scroll-behavior:smooth}
body{min-height:max(884px,100dvh)}
:root{--primary-color:#ea2a33;--background-color:#fcf8f8;--text-color:#1b0e0e;--text-light-color:#994d51}
.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}
.material-symbols-outlined.ms-local svg{width:1em;height:1em;display:block}
.input-group{position:relative}
.input-group .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-light-color)}
.input-group input{padding-left:2.5rem}
.toggle-switch{display:inline-flex;background:#e5e7eb;border-radius:9999px;padding:.25rem}
.toggle-button{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-light-color);background:transparent;transition:all .2s}
.toggle-button.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1)}
.toggle-button:disabled{opacity:.55;cursor:not-allowed}
.otp-input{text-align:center;font-weight:600}
.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.otp-input[type=number]{appearance:textfield;-moz-appearance:textfield}

/* Haftalık izin günleri için stil (takvimde blokeli görünmesi için - daha kibar görünüm) */
.day-weekly-off {
  opacity: 0.5 !important;
  background-color: #f9fafb !important; /* Daha yumuşak gri */
  color: #6b7280 !important; /* Daha yumuşak gri metin */
  cursor: not-allowed !important;
  position: relative;
  pointer-events: none !important; /* Tıklamayı tamamen engelle */
  border: 1px solid #e5e7eb !important; /* Yumuşak border */
  overflow: hidden !important; /* Çizginin taşmasını önle */
}



.day-weekly-off:hover {
  opacity: 0.5 !important; /* Hover'da da soluk kalsın */
  background-color: #f9fafb !important; /* Hover'da da yumuşak gri kalsın */
}

/* Disabled butonlar seçili görünmesin */
.day-weekly-off.day-selected,
.day-holiday.day-selected,
.day-disabled.day-selected {
  background-color: #f9fafb !important;
  opacity: 0.5 !important;
  border: 1px solid #e5e7eb !important;
}

/* Tatil günleri için stil (blokeli görünüm) */
.day-holiday {
  opacity: 0.5 !important;
  background-color: #fef3c7 !important;
  color: #92400e !important;
  cursor: not-allowed !important;
  position: relative;
  border: 2px solid #fbbf24 !important;
  font-weight: 600 !important;
}

.day-holiday::before {
  content: '🎉';
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 0.7rem;
  line-height: 1;
  z-index: 1;
}

.day-holiday:hover {
  opacity: 0.6 !important;
  background-color: #fde68a !important;
}

/* Public light navigation */
.public-top-strip{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(148,163,184,.18);
}

.public-nav-shell{
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(148,163,184,.2);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 8px 28px rgba(15,23,42,.06);
}

.public-logo-box{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fb7185 0%,#f97316 100%);
  box-shadow:0 10px 20px rgba(244,114,22,.22);
}

.public-nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.5rem .95rem;
  border-radius:9999px;
  font-size:.875rem;
  font-weight:600;
  color:#526173;
  transition:all .18s ease;
}

.public-nav-link:hover{
  color:#1f2a37;
  background:#eef3fb;
}

.public-nav-link.is-active{
  color:#1f2a37;
  background:#e7eef9;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);
}

.public-icon-btn{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#334155;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.3);
  transition:all .18s ease;
}

.public-icon-btn:hover{
  background:#edf2f8;
}

.public-user-btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  border-radius:9999px;
  padding:.4rem .65rem;
  border:1px solid rgba(148,163,184,.35);
  background:#fff;
  transition:all .18s ease;
}

.public-user-btn:hover{
  background:#f8fafc;
}

.public-avatar-dot{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  background:linear-gradient(135deg,#fb7185 0%,#f97316 100%);
}

.public-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.55rem 1rem;
  border-radius:9999px;
  color:#fff;
  font-size:.875rem;
  font-weight:700;
  background:linear-gradient(135deg,#fb7185 0%,#f97316 100%);
  box-shadow:0 8px 20px rgba(251,113,133,.3);
}

.public-cta-btn:hover{
  filter:brightness(1.03);
}

.ios-bottom-nav{
  position:fixed;
  left:12px;
  right:12px;
  bottom:calc(10px + env(safe-area-inset-bottom));
  z-index:60;
  height:74px;
  border-radius:24px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(148,163,184,.2);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 30px rgba(15,23,42,.12);
  display:grid;
  grid-template-columns:1fr 1fr auto 1fr 1fr;
  align-items:center;
  padding:0 .2rem;
}

.ios-bottom-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  color:#708197;
  font-size:.68rem;
  font-weight:600;
  line-height:1;
  padding-top:.2rem;
}

.ios-bottom-item.active{
  color:#1f2a37;
}

.ios-bottom-plus{
  width:58px;
  height:58px;
  border-radius:9999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transform:translateY(-18px);
  background:linear-gradient(160deg,#fb7185 0%,#f97316 100%);
  box-shadow:0 14px 24px rgba(249,115,22,.35);
  border:4px solid #f6f9ff;
}

.icon-16{width:16px;height:16px;display:inline-block;}
.icon-18{width:18px;height:18px;display:inline-block;}
.icon-20{width:20px;height:20px;display:inline-block;}
.icon-24{width:24px;height:24px;display:inline-block;}

@media (min-width:1024px){
  .ios-bottom-nav{
    display:none;
  }
}