/* RÜYA PORTAL V2.4.24.3 HF8.9R3 — 13" EVENT MODAL + MESSAGE CARD POLISH
   UI only. R2 event/upload rules stay authoritative; these rules only refine layout. */
.ruyaEventModalBack{
  padding:clamp(10px,2vh,22px)!important;
  box-sizing:border-box;
}
.ruyaEventAttachmentModal{
  width:min(920px,calc(100vw - 28px))!important;
  max-width:920px!important;
  max-height:calc(100dvh - 28px)!important;
  height:auto!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  border-radius:18px!important;
}
.ruyaEventModalHeader{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 20px 13px;
  border-bottom:1px solid #edf0f4;
  background:#fff;
}
.ruyaEventModalHeader>div{display:grid;gap:3px}
.ruyaEventModalHeader small{
  font-size:9px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:750;
  color:#8268d6;
}
.ruyaEventModalHeader h3{margin:0!important;font-size:17px!important;font-weight:700!important}
.ruyaEventModalClose{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #e2e7ee;
  border-radius:10px;
  background:#f8fafc;
  color:#667085;
  font:inherit;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.ruyaEventModalBody{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:14px 20px 18px;
  scrollbar-gutter:stable;
}
.ruyaEventModalBody>.field{margin-bottom:11px}
.ruyaEventModalBody .field label{margin-bottom:5px}
.ruyaEventModalBody input,
.ruyaEventModalBody textarea{min-height:39px}
.ruyaEventModalBody textarea{min-height:78px}
.ruyaEventModalBody .ruyaEventAttachmentEditor{margin-top:2px}
.ruyaEventModalActions{
  flex:0 0 auto;
  margin:0!important;
  padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid #e7ebf1;
  background:rgba(255,255,255,.98);
  box-shadow:0 -10px 24px rgba(31,42,68,.06);
  z-index:4;
}
.ruyaEventModalActions .btn,
.ruyaEventModalActions button{min-height:38px}
@media(max-height:820px){
  .ruyaEventModalBack{padding:8px!important}
  .ruyaEventAttachmentModal{max-height:calc(100dvh - 16px)!important}
  .ruyaEventModalHeader{padding:12px 16px 10px}
  .ruyaEventModalBody{padding:10px 16px 12px}
  .ruyaEventModalBody>.field{margin-bottom:8px}
  .ruyaEventModalBody .field input{min-height:35px}
  .ruyaEventModalBody .field textarea{min-height:64px}
  .ruyaEventModalActions{padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:720px){
  .ruyaEventModalBack{padding:6px!important;align-items:center!important}
  .ruyaEventAttachmentModal{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:16px!important}
  .ruyaEventModalHeader{padding:13px 14px 10px}
  .ruyaEventModalBody{padding:10px 14px 14px}
  .ruyaEventModalActions{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;gap:7px!important}
  .ruyaEventModalActions .ruyaEventDeleteInModal{margin-right:0;width:100%}
}