/* Kanomanya /rezervasyon/ v1.0.14 - yüksek kontrastlı müşteri ekranı */
body.admin-shell main.app{
  color:#0b1f2a!important;
}
body.admin-shell main.app>.card{
  background:#ffffff!important;
  border:1px solid #d7e3e8!important;
  box-shadow:0 12px 30px rgba(5,35,48,.10)!important;
}
body.admin-shell main.app>.card h2,
body.admin-shell main.app>.card h3,
body.admin-shell main.app>.card label,
body.admin-shell main.app>.card p,
body.admin-shell main.app>.card span,
body.admin-shell main.app>.card strong,
body.admin-shell main.app>.card small{
  color:#0b1f2a;
}
body.admin-shell main.app label{font-weight:800!important;color:#102a38!important}
body.admin-shell main.app input,
body.admin-shell main.app select,
body.admin-shell main.app textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#071923!important;
  border:1px solid #c8d8df!important;
  box-shadow:none!important;
}
body.admin-shell main.app input::placeholder,
body.admin-shell main.app textarea::placeholder{color:#687d88!important;opacity:1!important}
body.admin-shell main.app input:focus,
body.admin-shell main.app select:focus,
body.admin-shell main.app textarea:focus{
  border-color:#18bfae!important;
  box-shadow:0 0 0 3px rgba(24,191,174,.15)!important;
  outline:0!important;
}
body.admin-shell main.app input[type="date"]{
  min-width:0!important;
  padding-right:42px!important;
  color-scheme:light!important;
}
body.admin-shell main.app input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1!important;
  cursor:pointer!important;
  filter:none!important;
}
body.admin-shell main.app .sessions .session{
  background:#17394b!important;
  color:#fff!important;
  border:1px solid #17394b!important;
}
body.admin-shell main.app .sessions .session.active{
  background:#20cdbb!important;
  border-color:#20cdbb!important;
  color:#06232c!important;
}
body.admin-shell main.app .counter,
body.admin-shell main.app .single-canoe-box,
body.admin-shell main.app .participant{
  background:#f4f8fa!important;
  border:1px solid #cadbe2!important;
  color:#0b1f2a!important;
}
body.admin-shell main.app .counter strong,
body.admin-shell main.app .counter span,
body.admin-shell main.app .counter b,
body.admin-shell main.app .single-canoe-copy strong,
body.admin-shell main.app .single-canoe-copy small,
body.admin-shell main.app .participant strong{
  color:#0b1f2a!important;
}
body.admin-shell main.app .counter button,
body.admin-shell main.app .single-canoe-add{
  background:#17394b!important;
  color:#fff!important;
  border:0!important;
}
body.admin-shell main.app .counter button:hover,
body.admin-shell main.app .single-canoe-add:hover{background:#20cdbb!important;color:#06232c!important}
body.admin-shell main.app .pricing-box>div{
  background:#f4f8fa!important;
  border:1px solid #cadbe2!important;
}
body.admin-shell main.app .pricing-box small{color:#385563!important}
body.admin-shell main.app .pricing-box strong{color:#007f75!important}
body.admin-shell main.app .reservation-extra-option{
  background:#f4f8fa!important;
  border:1px solid #c8dce2!important;
  color:#0b1f2a!important;
}
body.admin-shell main.app .reservation-extra-option strong,
body.admin-shell main.app .reservation-extra-option small{color:#0b1f2a!important}
body.admin-shell main.app .reservation-extra-option:has(input:checked){
  background:#e5faf6!important;
  border-color:#20cdbb!important;
}
body.admin-shell main.app .admin-reservation-action{
  background:rgba(255,255,255,.97)!important;
  border:1px solid #c8dce2!important;
  box-shadow:0 12px 28px rgba(5,35,48,.14)!important;
}
body.admin-shell main.app .admin-reservation-action .btn.primary{
  background:#159f91!important;
  color:#fff!important;
}
body.admin-shell main.app .message{color:#314d5b!important}
body.admin-shell main.app .cash-notice{
  background:#edf9f7!important;
  border-color:#9ee1d8!important;
}
body.admin-shell main.app .cash-notice strong{color:#087f74!important}
body.admin-shell main.app .cash-notice p{color:#203d4a!important}
@media(max-width:640px){
  body.admin-shell main.app{width:calc(100% - 12px)!important;overflow-x:hidden!important}
  body.admin-shell main.app>.card{padding:14px!important;border-radius:15px!important}
  body.admin-shell main.app .grid{grid-template-columns:minmax(0,1fr)!important}
  body.admin-shell main.app .grid>div{min-width:0!important;width:100%!important}
  body.admin-shell main.app input[type="date"]{font-size:16px!important;min-height:48px!important}
  body.admin-shell main.app .sessions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.admin-shell main.app .session{min-width:0!important;width:100%!important}
  body.admin-shell main.app .pricing-box{grid-template-columns:1fr!important}
  body.admin-shell main.app .pricing-box>div{padding:11px!important}
  body.admin-shell main.app .counter{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 42px 44px!important;gap:6px!important}
}


/* v1.0.19 — Seans butonları: ortalı, iki satırlı ve taşmasız */
body.admin-shell main.app .sessions{align-items:stretch!important}
body.admin-shell main.app .sessions .session{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;line-height:1.15!important;gap:4px!important;min-height:58px!important;
 padding:9px 6px!important;white-space:normal!important;overflow:hidden!important
}
body.admin-shell main.app .sessions .session .session-name{display:block!important;font-size:13px!important;font-weight:900!important;color:inherit!important}
body.admin-shell main.app .sessions .session .session-time{display:block!important;font-size:11px!important;font-weight:700!important;opacity:.9!important;color:inherit!important}
body.admin-shell main.app .sessions .session.full{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;opacity:1!important}
body.admin-shell main.app .sessions .session.locked{background:#64748b!important;border-color:#64748b!important;color:#fff!important;opacity:1!important}
@media(max-width:640px){body.admin-shell main.app .sessions .session{min-height:55px!important;padding:8px 3px!important}.session-name{font-size:12px!important}.session-time{font-size:10px!important}}