.journey-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.65fr);gap:25px;align-items:start}.journey-detail{padding:30px}.journey-detail .stay-section:first-of-type{margin-top:15px}.journey-detail .button{display:inline-flex;align-items:center;gap:9px;font-size:12px;min-height:44px;padding:12px 18px}.journey-detail .button>.ui-icon{width:18px;height:18px}.journey-detail .stay-muted{font-size:12px;line-height:1.9}.journey-detail .stay-section h3{font-size:21px;line-height:1.35}.journey-detail .stay-badge{font-size:10px;padding:7px 11px}.journey-detail .stay-detail-top{margin-bottom:18px}.booking-progress{display:flex;list-style:none;padding:0;margin:20px 0 22px;gap:5px}.booking-progress li{flex:1;min-width:0;font-size:8px;color:#a99a83;padding:11px 0 0;border-top:4px solid #eee8dc;line-height:1.5}.booking-progress li.done{color:#668044;border-color:#cddda0}.booking-progress li.current{color:#a84630;border-color:#c34e37;font-weight:800}.journey-guide{background:#f1f4e4;border:1px solid #e0e6c8;border-radius:16px;padding:20px 22px;margin:17px 0 25px}.journey-guide h3{font-size:16px;margin:0 0 10px;letter-spacing:-.4px}.journey-address{font-size:16px!important;font-weight:750;line-height:1.7;color:#424b30}.journey-guide p{font-size:12px;line-height:1.8;color:#6f775b;margin:8px 0}.journey-guide h4{font-size:11px;margin:17px 0 5px;color:#56603e}.journey-guide summary{font-size:12px;font-weight:700;cursor:pointer}.journey-detail .journey-directions{background:white;border:1px solid #d5dcb8;color:#5b6840;min-height:38px;font-size:11px;padding:9px 13px;margin:5px 0}.journey-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.journey-area-card{padding:15px;border:1px solid #e6ddcd;border-radius:13px;background:#fffdf8;min-width:0}.journey-area-card h4{font-size:12px;line-height:1.6;margin:0 0 13px}.journey-photo img{width:100%;height:145px;object-fit:cover;background:#eee9dc;border-radius:10px;display:block}.journey-photo small{display:block;font-size:9px;line-height:1.6;color:#8b7b61;margin-top:5px;overflow-wrap:anywhere}.journey-photo small:last-child{font-size:8px;color:#a1937c}.journey-photo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.journey-photo-controls .photo-choice{background:white;box-shadow:none}.journey-detail .journey-photo-controls .button{padding:9px 11px;min-height:38px;font-size:10px}.journey-upload{position:relative;overflow:hidden;font-size:10px;color:#84745c;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0}.journey-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.journey-upload:focus-within{outline:3px solid #8263b8;outline-offset:3px}.journey-sample-capture{background:#f0ead9;border:1px dashed #c4b98e;color:#77633d;border-radius:7px;padding:7px 9px;font-size:9px;min-height:32px}.journey-inline-form{display:grid;gap:13px;margin-top:22px}.journey-inline-form .booking-checkbox{font-size:11px;line-height:1.8;display:flex;align-items:flex-start;gap:9px;margin:0}.journey-inline-form input[type=checkbox]{width:18px;height:18px;accent-color:#b84b33;flex-shrink:0;margin-top:2px}.journey-inline-form textarea,.admin-case-form textarea{display:block;width:100%;font:inherit;font-size:12px;line-height:1.7;min-height:95px;padding:12px;border:1px solid #ded4c2;border-radius:10px;background:#fffdf8;resize:vertical}.journey-inline-form>button{justify-self:start}.journey-inline-form .stay-field-label{font-size:12px}.journey-passive{background:transparent;color:#8a7961;font-size:11px;text-decoration:underline;text-underline-offset:4px;display:flex;align-items:center;gap:7px;margin-top:19px;padding:5px 0;line-height:1.7;text-align:left}.journey-passive .ui-icon{width:15px;height:15px}.journey-record{border-top:1px solid #e8dfcf;padding:18px 0 0;margin:23px 0 0}.journey-record summary{font-size:11px;font-weight:700;color:#8b785d;cursor:pointer}.journey-event-log{padding:0 0 0 15px;margin-top:17px}.journey-event-log li{padding:0 0 15px 8px;color:#c0ae8c}.journey-event-log strong{display:block;color:#75654e;font-size:11px;font-weight:650;text-transform:capitalize;line-height:1.5}.journey-event-log span{display:block;color:#a08c6d;font-size:9px;line-height:1.7;margin-top:4px}.journey-checkout-time{display:flex;font-size:13px;color:#8d7151;line-height:1.9;margin:20px 0}.journey-success{color:#5c773b;font-size:12px;line-height:1.8;background:#eef3dd;border-radius:9px;padding:13px}.journey-caution{display:flex;gap:13px;align-items:flex-start;border:1px solid #e2dfc5;background:#f6f5e8;border-radius:14px;padding:18px;margin-top:27px}.journey-caution>.ui-icon{width:22px;height:22px;flex-shrink:0;color:#849453}.journey-caution strong{font-size:12px;color:#626c42;line-height:1.7}.journey-caution p{font-size:10px;line-height:1.9;margin:6px 0 0;color:#8b886b}.journey-caution .journey-passive{font-size:9px;margin:10px 0 0}.checkout-area-row{border:1px solid #e3dbc9;padding:17px;border-radius:15px;margin:18px 0;background:#fffef9}.checkout-area-row>h4{margin:0 0 14px;font-size:13px}.checkout-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:center}.checkout-photo-pair .journey-photo img{height:160px}.journey-capture-progress{font-size:13px;font-weight:700;color:#727d4c;margin:22px 0}.journey-evidence-row{padding:17px 0;border-top:1px solid #eee6d7}.journey-evidence-row>h4{font-size:12px;margin:0 0 13px}.journey-evidence-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.journey-evidence-cols h5{font-size:9px;margin:0 0 9px;color:#8f785a;line-height:1.5}.journey-evidence-cols .journey-photo img{height:115px}.journey-evidence-cols .journey-photo small{font-size:8px}.journey-evidence-cols .evidence-empty{font-size:9px}.journey-arrival-evidence{border:1px solid #e5c9b5;border-radius:12px;padding:15px;background:#fff4eb;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.journey-arrival-evidence>h4{grid-column:1/-1;font-size:12px;margin:0}.reuse-photo-row{display:grid;grid-template-columns:20px 75px 1fr;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #e7dece}.reuse-photo-row input{width:18px;height:18px;accent-color:#af492f}.reuse-photo-row img{width:75px;height:60px;object-fit:cover;border-radius:7px}.reuse-photo-row select{margin:0!important;font-size:11px!important;min-width:0;padding:9px!important}.stage-waiting_for_approval{background:#fff0d3;color:#8b622a}.stage-checkin_ready,.stage-arrived,.stage-checking_in{background:#e8dcf2;color:#77558d}.stage-checked_in,.stage-checked_in_issue_reported{background:#e4edc9;color:#567435}.stage-checking_out,.stage-to_inspect{background:#ffe4d5;color:#a65a34}.stage-issue_reported,.stage-arrival_issue_reported{background:#f6d6cd;color:#9c442e}.stage-completed{background:#e7eddf;color:#5c7451}.urgent-tag{font-size:9px;color:#b94b33;font-weight:750;display:inline-flex;align-items:center}.admin-stays .stays-main{max-width:1700px}.admin-stays .stays-sidebar{background:#302a20;color:#fff8e8}.admin-stays .stays-sidebar .nav-caption{color:#a99a7b}.admin-stays .stays-sidebar .nav-item{color:#e6dcc7}.admin-stays .stays-sidebar .nav-item.active{background:#dfeeae;color:#384322}.admin-stays .stays-sidebar-art{display:none}.admin-stays .journey-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.8fr)}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.admin-toolbar input,.admin-toolbar select,.admin-case-form select{font:inherit;font-size:11px;color:#6d5c43;background:white;border:1px solid #ddd2bd;border-radius:10px;min-height:41px;padding:10px 13px;min-width:0}.admin-toolbar input{flex:1;min-width:200px}.admin-case-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-case-form .stay-field-label,.admin-case-form textarea{grid-column:1/-1}.admin-case-form>button{justify-self:start}.admin-internal-note{padding:13px;border-radius:10px;background:#f5f0ff;border-left:3px solid #a998c6;margin-top:15px}.admin-internal-note strong{font-size:9px;color:#8b76a5}.admin-internal-note p{font-size:12px;line-height:1.8;color:#77668c;white-space:pre-wrap;margin:8px 0 0}.admin-stays .journey-evidence-cols .journey-photo img{height:145px}.journey-camera{border:0;border-radius:20px;padding:24px;background:#fffdf7;color:#403526;width:550px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px)}.journey-camera::backdrop{background:#211c1680;backdrop-filter:blur(4px)}.journey-camera h2{font-size:23px;margin:0 0 18px;line-height:1.4}.journey-camera video{width:100%;max-height:340px;background:#28271f;border-radius:13px;display:block}.journey-camera p{font-size:12px;line-height:1.8;color:#8a785c}.journey-camera>div{display:flex;gap:13px;flex-wrap:wrap}.journey-camera button{font-size:11px;min-height:42px}.journey-detail button:focus-visible,.journey-camera button:focus-visible{outline:3px solid #8b6fb5;outline-offset:3px}.journey-detail button:disabled{opacity:.4;cursor:not-allowed}.journey-photo-area-select{font:inherit;font-size:12px;background:#fffdf7;color:#776044;border:1px solid #dcd0b8;border-radius:10px;padding:10px;margin-bottom:15px;max-width:100%}.demo-stage-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid #cdd7a8;padding-top:12px;margin-top:3px}.demo-stage-picker label{font-size:11px;font-weight:750}.demo-stage-picker select{font:inherit;font-size:11px;background:#fffdf1;color:#57603b;border:1px solid #b9c58f;border-radius:9px;min-height:38px;padding:8px 30px 8px 11px;flex:1;max-width:480px}.demo-stage-picker button{font-size:11px;background:#455031;color:#f3f8db;border-radius:9px;padding:10px 15px;min-height:38px}
@media(max-width:1150px){.journey-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:18px}.journey-detail{padding:22px}.journey-area-grid{gap:10px}.journey-area-card{padding:12px}.journey-evidence-cols{gap:8px}.journey-evidence-cols .journey-photo img{height:100px}.admin-stays .journey-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:850px){.journey-layout,.admin-stays .journey-layout{grid-template-columns:1fr}.stay-list{display:flex;overflow:auto;gap:10px;padding-bottom:10px}.stay-card{min-width:230px;width:230px;flex-shrink:0;align-items:flex-start}.journey-detail{padding:24px}.journey-evidence-cols .journey-photo img{height:150px}.booking-progress{gap:4px}.booking-progress li{font-size:8px}.journey-guide{padding:19px}.journey-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stays .stays-sidebar{padding:10px 15px}.admin-toolbar{gap:8px}.admin-toolbar input{width:100%;flex-basis:100%}}
@media(max-width:480px){.journey-detail{padding:21px 17px}.journey-detail h2{font-size:25px}.journey-detail .stay-section h3{font-size:20px}.booking-progress{gap:3px}.booking-progress li{font-size:7px;padding-top:8px;border-top-width:3px}.journey-guide{padding:17px}.journey-address{font-size:14px!important}.journey-area-grid{grid-template-columns:1fr}.journey-area-card{padding:14px}.journey-photo img{height:180px}.checkout-photo-pair{gap:12px;grid-template-columns:1fr 1fr}.checkout-photo-pair .journey-photo img{height:115px}.checkout-area-row{padding:13px}.journey-evidence-cols{grid-template-columns:1fr 1fr;gap:12px}.journey-evidence-cols>div:last-child{grid-column:1/-1}.journey-evidence-cols .journey-photo img,.admin-stays .journey-evidence-cols .journey-photo img{height:130px}.journey-detail .journey-photo-controls .button{font-size:10px}.journey-photo-controls{gap:7px}.journey-sample-capture{font-size:8px}.journey-caution{padding:14px;gap:10px}.journey-caution strong{font-size:11px}.journey-detail .button{font-size:11px;padding:11px 14px}.journey-detail .stay-reference{font-size:7px}.journey-detail .stay-badge{font-size:9px}.journey-detail .stay-person{font-size:11px}.admin-case-form{grid-template-columns:1fr}.admin-case-form select,.admin-case-form textarea,.admin-case-form .stay-field-label{grid-column:1}.demo-stage-picker{gap:8px}.demo-stage-picker label{width:100%;font-size:10px}.demo-stage-picker select{max-width:none;font-size:10px;min-width:160px}.demo-stage-picker button{font-size:10px;padding:10px 12px}.reuse-photo-row{grid-template-columns:17px 60px 1fr;gap:8px}.reuse-photo-row img{width:60px;height:55px}}
.checkout-area-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.checkout-area-tab{font-size:9px;line-height:1.6;padding:8px 10px;border:1px solid #ded6c2;border-radius:9px;background:white;color:#857250;min-height:34px}.checkout-area-tab[aria-pressed=true]{background:#eef2d9;color:#566d36;border-color:#aebf80;font-weight:750}.checkout-area-row .journey-photo-controls{justify-content:center}.checkout-area-row .journey-photo-controls>.button{width:100%;justify-content:center}.checkout-area-row .journey-photo-controls>.journey-upload{margin-right:8px}
.admin-case-summary{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#f4f2e8;border:1px solid #e7dfca;border-radius:11px;padding:10px 14px;margin:18px 0;font-size:10px;color:#8d7958}.admin-case-summary .journey-passive{margin:0 0 0 auto;font-size:10px;padding:3px 0}.admin-detail-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #e6dcc8;padding-bottom:12px;margin-bottom:19px}.admin-detail-tabs button{background:transparent;color:#8d7858;font-size:10px;padding:9px 10px;white-space:nowrap;border-radius:8px;min-height:35px}.admin-detail-tabs button[aria-pressed=true]{background:#e6edcf;color:#536735;font-weight:750}.admin-stays .journey-photo-area-select{width:100%;max-width:300px}.admin-stays .stay-section{margin-top:15px;padding-top:18px}.admin-stays .journey-evidence-cols .journey-photo img{height:175px}.admin-stays .journey-arrival-evidence{grid-template-columns:1fr}.admin-stays .journey-arrival-evidence .journey-photo img{height:185px}.admin-stays .journey-evidence-row{border-top:0;padding-top:3px}
@media(max-width:480px){.admin-detail-tabs{gap:4px}.admin-detail-tabs button{font-size:9px;padding:9px 8px}.admin-stays .journey-evidence-cols .journey-photo img{height:140px}}
.stays-app .demo-controls>select{width:auto;min-width:155px}.stays-app .demo-controls{flex-wrap:nowrap}.stays-app .demo-controls .demo-back,.stays-app .demo-controls .demo-reset{flex-shrink:0}
@media(max-width:600px){.stays-app .demo-banner{gap:11px;padding:12px 18px}.stays-app .demo-banner-copy>span{display:none}.stays-app .demo-banner-copy strong{font-size:11px}.stays-app .demo-controls{gap:8px;width:100%}.stays-app .demo-controls>label{display:none}.stays-app .demo-controls>select{min-width:120px;flex:1;font-size:10px;min-height:33px}.stays-app .demo-controls .demo-reset{font-size:9px;min-height:33px;padding:8px}.stays-app .demo-controls .demo-back{font-size:8px}.stays-app .demo-stage-picker{margin:0;padding-top:10px}.journey-detail{scroll-margin-top:15px}}

/* A compact, clearly separated guide for the disposable booking walkthrough. */
.booking-walkthrough{padding:22px 24px;margin:24px 0;border:1px solid #ccd9c9;border-radius:20px;background:#edf4e8;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#29473b}
.booking-walkthrough .walkthrough-tag{font-size:11px;font-weight:750;letter-spacing:.13em;color:#527649}
.booking-walkthrough strong{font-size:18px}.booking-walkthrough p{margin:0;line-height:1.6}.booking-walkthrough .button{margin-top:4px}.booking-walkthrough small{color:#536851}.booking-walkthrough .journey-passive{margin:0}
@media(max-width:600px){.booking-walkthrough{padding:18px}.booking-walkthrough .button{width:100%}}

.walkthrough-focused #stays-stats,.walkthrough-focused #stays-filters{display:none}.walkthrough-detail{max-width:1000px;margin:18px auto}.walkthrough-focused .stays-heading{margin-bottom:16px}.walkthrough-detail .booking-progress{flex-wrap:wrap}.walkthrough-detail .stay-section select{display:block;max-width:100%;margin:12px 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white}
