.viewing-form-page,.viewing-list-page{max-width:1080px;margin:auto}.viewing-form-page>header,.viewing-page-heading{padding:27px;border-radius:25px;background:linear-gradient(135deg,#063d30,#0b9661);color:#fff;margin-bottom:18px}.viewing-form-page>header span,.viewing-page-heading>div>span{display:inline-flex;gap:7px;padding:6px 10px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff12;font-size:.8rem}.viewing-form-page h1,.viewing-page-heading h1{font-weight:800;margin:10px 0 5px}.viewing-form-page>header p,.viewing-page-heading p{margin:0;opacity:.8}.viewing-flow{display:flex;align-items:center;justify-content:center;margin:22px 0}.viewing-flow span{display:flex;align-items:center;gap:6px;color:#72837b;font-size:.78rem;font-weight:700}.viewing-flow span i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e5f2ec;color:#087b51;font-style:normal}.viewing-flow span.active i{background:#098759;color:#fff}.viewing-flow b{width:45px;border-top:2px dashed #c9ddd4;margin:0 7px}.viewing-form-card{max-width:750px;margin:auto;background:#fff;border:1px solid #dfeae5;border-radius:22px;padding:23px;box-shadow:0 13px 38px #1d573f14}.viewing-target{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#edf8f3;margin-bottom:20px}.viewing-target>i{font-size:1.5rem;color:#078253}.viewing-target small,.viewing-target strong,.viewing-target span{display:block}.viewing-target span{color:#71837a;font-size:.75rem}.viewing-form-card h2{font-size:.95rem;font-weight:800;margin:18px 0 9px}.viewing-form-card h2 small{font-size:.7rem;color:#829189}.viewing-privacy{display:flex;gap:10px;padding:13px;border-radius:14px;background:#fff8df;color:#695211;margin:17px 0}.viewing-privacy span{display:flex;flex-direction:column}.viewing-privacy small{font-size:.75rem}.viewing-page-heading{display:flex;justify-content:space-between;align-items:end}.viewing-page-heading>a{background:#fff;color:#087b52;text-decoration:none;padding:10px 14px;border-radius:12px;font-weight:800}.viewing-list{display:grid;gap:13px}.viewing-list>article{background:#fff;border:1px solid #dfeae5;border-radius:20px;padding:18px;box-shadow:0 8px 25px #1a4d3a0e}.viewing-list>article>header{display:flex;justify-content:space-between;align-items:center}.viewing-list code{direction:ltr;color:#0a7650;background:#eaf7f1;padding:5px 8px;border-radius:8px}.viewing-list h2{font-size:1.05rem;font-weight:800;margin:15px 0 4px}.viewing-list>article>p{color:#71827a}.viewing-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf2f0;color:#5f7169;font-size:.75rem;font-weight:800}.viewing-status.submitted,.viewing-status.under_review{background:#fff3d6;color:#8c6500}.viewing-status.owner_contacted,.viewing-status.reschedule_proposed{background:#e8f1ff;color:#2865a4}.viewing-status.owner_approved,.viewing-status.confirmed,.viewing-status.completed{background:#e1f7ec;color:#08794f}.viewing-status.rejected,.viewing-status.cancelled{background:#fde9ed;color:#b62941}.viewing-dates{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.viewing-dates>span{min-width:190px;background:#f7faf9;border-radius:13px;padding:10px}.viewing-dates small,.viewing-dates strong{display:block}.viewing-dates small{color:#7b8a84}.viewing-dates .final{background:#e8f8f0;color:#08774f}.viewing-reason{padding:10px;border-radius:12px;background:#fff1f3;color:#a92d42;margin:10px 0}.viewing-empty{text-align:center;padding:50px;background:#fff;border:1px dashed #bfd5cb;border-radius:22px}.viewing-empty>i{font-size:2rem;color:#098659}.owner-viewing-response,.admin-viewing-actions form{display:grid;grid-template-columns:170px 1fr 1fr 2fr auto;gap:8px;margin-top:14px}.owner-viewing-response select,.owner-viewing-response input,.owner-viewing-response textarea,.admin-viewing-actions select,.admin-viewing-actions input{border:1px solid #d4e2dc;border-radius:10px;padding:9px;background:#fff}.admin-viewing-title{display:flex;justify-content:space-between;align-items:center}.owner-contact-shortcuts{display:flex;gap:7px}.owner-contact-shortcuts a{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf7f1;color:#08794f}.admin-viewing-actions{display:grid;gap:9px}.admin-viewing-actions form{grid-template-columns:160px 1fr auto}.admin-viewing-actions form+form{grid-template-columns:150px 1fr 1fr 2fr auto}.platform-engagement-action{position:fixed;z-index:1041;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:9px;background:#fff;border:1px solid #dbe9e3;border-radius:19px;box-shadow:0 15px 40px #124b362d}.platform-engagement-action>div{display:flex;align-items:center;gap:8px;padding:0 5px}.platform-engagement-action>div>i{color:#0a925f}.platform-engagement-action>div span{display:flex;flex-direction:column}.platform-engagement-action small{font-size:.65rem;color:#718079}.platform-engagement-action a{text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:800;font-size:.82rem}.platform-engagement-action a.viewing{background:#edf7f3;color:#08794f}.platform-engagement-action a.rent{background:#098659;color:#fff}.rental-date-preview{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#eaf8f2;margin:10px 0 17px}.rental-date-preview i{font-size:1.3rem;color:#098659}.rental-date-preview small,.rental-date-preview strong{display:block}
@media(max-width:800px){.viewing-form-page,.viewing-list-page{margin:-16px}.viewing-form-page>header,.viewing-page-heading{border-radius:0 0 23px 23px;padding:22px 17px}.viewing-flow{overflow:auto;justify-content:flex-start;padding:0 15px}.viewing-flow span{white-space:nowrap}.viewing-form-card{border:0;border-radius:0;padding:18px}.viewing-list{padding:0 12px 100px}.viewing-page-heading>a{font-size:.72rem}.owner-viewing-response,.admin-viewing-actions form,.admin-viewing-actions form+form{grid-template-columns:1fr}.platform-engagement-action{right:10px;left:10px;bottom:88px;justify-content:center}.platform-engagement-action>div{display:none}.platform-engagement-action a{flex:1;text-align:center}.admin-viewing-title{align-items:flex-start}.mediated-chat-page{margin:-16px!important}}