/* AirB&B Egypt V6.69.34 — quick reply details + media */
#message-template-overlay>.sheet,#message-template-detail-overlay>.sheet{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
.v66934-template-editor{height:100%;display:flex;flex-direction:column;padding:0 22px;background:#fff;overflow:hidden}
.v66934-template-editor .template-editor-top{flex:0 0 auto}
.v66934-template-editor #template-body{min-height:250px}
.v66934-template-media-preview{display:flex;gap:10px;overflow:auto;padding:8px 0 4px;scrollbar-width:none}
.v66934-template-media-preview::-webkit-scrollbar{display:none}
.v66934-template-media-item{position:relative;flex:0 0 104px;border:1px solid #e1e1e1;border-radius:14px;overflow:hidden;background:#f7f7f7}
.v66934-template-media-item img{width:104px;height:80px;object-fit:cover;background:#eee}
.v66934-template-media-item span{display:block;padding:6px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v66934-template-media-item button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 1px 5px rgba(0,0,0,.18)}
html[dir="rtl"] .v66934-template-media-item button{right:auto;left:6px}
.v66934-template-media-item .svg-icon{width:14px;height:14px}
.v66934-template-bottom{gap:12px!important;align-items:center!important}
.v66934-template-left-actions{display:flex;align-items:center;gap:10px;min-width:0}
.v66934-template-plus{width:48px;height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;background:#f7f7f7;font-size:31px;font-weight:300;line-height:1}
.v66934-template-left-actions .template-info-btn{min-height:48px;border-radius:999px!important;padding:0 18px!important;background:#eaf4ff!important;color:#1e56a8!important;font-weight:700!important;white-space:nowrap}
#message-template-detail-overlay .overlay,#message-template-media-overlay .overlay{background:rgba(0,0,0,.38)}
.v66934-details-sheet{height:100%;overflow:auto;padding:18px 22px 118px;background:#fff}
.v66934-sub-head{display:flex;justify-content:flex-end;min-height:50px}
html[dir="rtl"] .v66934-sub-head{justify-content:flex-start}
.v66934-sub-head button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f7f7f7}
.v66934-sub-head .svg-icon{width:20px;height:20px}
.v66934-details-sheet>h1{margin:4px 0 12px;font-size:31px;line-height:1.1}
.v66934-details-sheet>p{margin:0 0 24px;color:#6a6a6a;font-size:17px;line-height:1.45;max-width:700px}
.v66934-token-section{padding:22px 0;border-top:1px solid #e7e7e7}
.v66934-token-section:first-of-type{border-top:0}
.v66934-token-section h3{margin:0 0 16px;font-size:22px}
.v66934-token-grid{display:flex;flex-wrap:wrap;gap:10px}
.v66934-token-grid button{min-height:46px;padding:0 16px;border-radius:999px;background:#eaf4ff;color:#1e56a8;font-size:15px;font-weight:650;text-align:center}
.v66934-sticky-done{position:fixed;left:0;right:0;bottom:0;padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7e7e7;z-index:3}
.v66934-sticky-done button{width:100%;min-height:54px;border-radius:14px;background:#222;color:#fff;font-size:17px;font-weight:700}
#message-template-media-overlay{align-items:end!important}
#message-template-media-overlay>.sheet{width:100%!important;max-width:none!important;margin:0!important;border-radius:30px 30px 0 0!important;padding:0!important;overflow:hidden!important;background:#fff!important;max-height:min(58dvh,560px)!important}
.v66934-media-sheet{min-height:360px;padding:24px 30px calc(30px + env(safe-area-inset-bottom));background:#fff}
.v66934-media-close{margin-inline-start:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff}
html[dir="rtl"] .v66934-media-close{margin-inline-start:0;margin-inline-end:auto}
.v66934-media-close .svg-icon{width:25px;height:25px}
.v66934-media-actions{display:grid;gap:30px;margin-top:80px}
.v66934-media-actions button{display:flex;align-items:center;gap:26px;text-align:start;font-size:26px;font-weight:450}
html[dir="rtl"] .v66934-media-actions button{text-align:right}
.v66934-media-actions button svg{width:40px;height:40px;flex:0 0 40px}
@media(max-width:520px){
 .v66934-template-editor{padding-inline:18px}
 .v66934-template-left-actions{gap:8px}
 .v66934-template-left-actions .template-info-btn{padding-inline:14px!important;font-size:14px}
 .v66934-template-plus{width:44px;height:44px;min-width:44px}
 .v66934-details-sheet{padding-inline:18px}
 .v66934-details-sheet>h1{font-size:27px}
 .v66934-details-sheet>p{font-size:15px}
 .v66934-token-section h3{font-size:20px}
 .v66934-token-grid button{font-size:14px;min-height:44px;padding-inline:14px}
 .v66934-media-sheet{min-height:330px;padding-inline:28px}
 .v66934-media-actions{margin-top:68px;gap:32px}
 .v66934-media-actions button{font-size:24px;gap:24px}
}
@media(min-width:768px){
 #message-template-detail-overlay>.sheet{max-width:720px!important;height:min(90dvh,880px)!important;border-radius:28px!important}
 #message-template-media-overlay>.sheet{max-width:680px!important;border-radius:28px!important;margin:auto!important}
 .v66934-sticky-done{position:sticky;margin:28px -22px -118px;padding-bottom:22px}
}
