.thumbnail-selected{border-color:#6366f1}
.video-item{margin:1rem 0}
.video-container video{border-radius:10px;background:#000}
.liked{opacity:0.5}

.break-all{word-break:break-all}

.booking-details-panel{background:#f9fafb;padding:1rem;border-radius:10px;margin-bottom:1rem}
.clickable{cursor:pointer}

.text-warning{color:#f97316}
.text-primary{color:#1e40af}
.info-booking-panel{background:#dbeafe;padding:1rem;border-radius:8px;margin-bottom:1rem}
/* Utility classes extracted from inline styles to satisfy CSP (no inline styles) */
:root{
    --muted:#666;
    --primary:#3498db;
    --success:#10b981;
}

.hidden{display:none !important}
.d-flex{display:flex !important}
.d-block{display:block !important}
.d-inline-block{display:inline-block !important}
.text-center{text-align:center}
.text-muted{color:var(--muted)}
.mb-30{margin-bottom:30px}
.mt-10{margin-top:10px}
.small{font-size:0.85rem}
.font-bold{font-weight:700}
.italic{font-style:italic}

.no-listings{display:none}
.loading{ /* simple loader placeholder */ }

/* Form utilities */
.form-flex{display:flex;flex-direction:column;gap:12px}
.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}
.label-block{display:block;margin-bottom:5px;font-weight:500}
.payment-form{display:flex;flex-direction:column;gap:12px;margin:20px 0}

/* Buttons used by scripts */
.resend-btn{margin-top:10px;padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:5px;cursor:pointer}
.btn-danger{background:#dc2626;color:#fff}

/* Disabled state for forms (replaces opacity/pointer-events inline styles) */
.disabled-form{opacity:0.6;pointer-events:none}

/* Alerts */
.alert{padding:10px;border-radius:4px;margin-bottom:10px}
.alert.info{background:#e7f3ff;color:#0b61a4}
.alert.success{background:#ecfdf5;color:#065f46}
.alert.error{background:#fff0f0;color:#9b1c1c}

/* Misc */
.divider-margin{margin:25px 0 15px}
.link-green{color:#27ae60}
.muted-text{color:#7f8c8d}

/* Listings / cards */
.card-landlord-panel{background:#f0f0f0;padding:0.75rem;border-radius:5px;margin-bottom:0.75rem;font-size:0.9rem}
.card-landlord-panel p{margin:0.25rem 0}
.muted-sm{color:#555}
.img-responsive{max-width:100%;height:auto}
.thumbnail-img{width:60px;height:60px;object-fit:cover;cursor:pointer}
.thumbnail-selected{border-color:#6366f1}
.video-item{margin:1rem 0}
.video-container video{border-radius:10px;background:#000}
.liked{opacity:0.5}

.break-all{word-break:break-all}