/* One stable application window; navigation changes its scrollable content only. */
.rapi-root #rp-preview{width:min(1320px,96vw);height:min(920px,92dvh);max-height:92dvh;padding:0;overflow:hidden;border-radius:12px;scrollbar-gutter:auto;box-shadow:0 25px 100px #0005}
.rapi-root #rp-preview[open]{display:flex;flex-direction:column}
#rp-preview .rp-mockup-chrome{display:flex;align-items:center;justify-content:space-between;gap:18px;height:42px;flex:0 0 42px;padding:0 12px 0 18px;background:var(--rp-soft);border-bottom:1px solid var(--rp-line)}
#rp-preview .rp-mockup-chrome>.rp-close{position:static;flex:none;width:30px;height:30px;font-size:22px;border:0;background:transparent;margin:0}
.rp-window-dots{display:flex;gap:6px;flex:none}
.rp-window-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#b8786e}
.rp-window-dots i:nth-child(2){background:#c6a357}
.rp-window-dots i:nth-child(3){background:#94a275}
#rp-mockup-location{font-size:11px;font-weight:550;color:var(--rp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
#rp-preview .rp-preview-top{height:76px;flex:0 0 76px;align-items:center;padding:12px 28px;border-bottom:1px solid var(--rp-line);background:var(--rp-paper)}
#rp-preview .rp-preview-top .rp-eyebrow{font-size:9px}
#rp-preview .rp-preview-top h2{font-size:25px;line-height:1.2;margin:4px 0 0;padding:0;white-space:nowrap}
.rp-mockup-badge{font-size:10px;color:var(--rp-muted);border:1px solid var(--rp-line);padding:5px 10px;border-radius:20px;white-space:nowrap}
#rp-preview .rp-preview-note{font-size:11px;line-height:1.5;color:var(--rp-muted);margin:0;max-width:none;padding:9px 28px;background:var(--rp-bg);flex:0 0 auto}
#rp-preview .rp-audience-switch{padding:8px 24px;gap:8px;margin:0;align-items:center;min-height:58px;flex:0 0 auto;background:var(--rp-paper)}
#rp-preview .rp-audience-switch button{font-size:12px;min-height:38px;padding:8px 17px}
#rp-preview .rp-mockup-viewport{flex:1 1 0;min-height:0;overflow:hidden;background:var(--rp-bg)}
#rp-preview [data-rp-world]{height:100%;min-height:0;min-width:0}
#rp-preview [data-rp-world=guest]{display:flex;flex-direction:column}
#rp-preview [data-rp-world=owner]{display:grid;grid-template-columns:205px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#rp-preview .rp-preview-nav{margin:0;background:var(--rp-paper);flex:0 0 auto;padding:10px 28px;gap:8px;min-height:61px}
#rp-preview .rp-preview-nav button{font-size:12px;padding:9px 17px;min-height:40px;border:1px solid transparent;white-space:nowrap}
#rp-preview .rp-preview-nav button[aria-current]{border-color:var(--rp-line);background:var(--rp-soft)}
#rp-preview [data-rp-world=owner]>.rp-preview-nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-content:start;flex-wrap:nowrap;overflow-y:auto;min-height:0;padding:24px 12px;border-bottom:0;border-right:1px solid var(--rp-line);gap:7px}
#rp-preview [data-rp-world=owner]>.rp-preview-nav button{text-align:left;padding:13px 14px;border-left:3px solid transparent;border-radius:4px;min-height:46px}
#rp-preview [data-rp-world=owner]>.rp-preview-nav button[aria-current]{border-left-color:var(--rp-accent);font-weight:700}
#rp-preview .rp-preview-panel{padding:30px 32px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;min-width:0;max-height:100%;scrollbar-width:thin}
#rp-preview [data-rp-world=guest]>.rp-preview-panel{flex:1 1 0}
#rp-preview [data-rp-world=owner]>.rp-preview-panel{grid-column:2;grid-row:1;height:100%}
#rp-preview .rp-preview-panel>h3{font-size:30px;margin:0 0 12px}
#rp-preview .rp-preview-panel>p{font-size:14px;max-width:780px}
#rp-preview .rp-preview-panel h4{font-size:22px}
#rp-preview [data-rp-guest-panel=home]{background:linear-gradient(130deg,var(--rp-soft),var(--rp-bg) 75%);padding-top:38px}
#rp-preview [data-rp-guest-panel=home]>h3{font:44px/1.1 Georgia,serif;letter-spacing:-.04em;margin:18px 0}
#rp-preview .rp-stay-cards{margin-top:30px;gap:20px;max-width:1000px}
#rp-preview .rp-stay-cards article{border-radius:8px;box-shadow:0 5px 15px #00000005;border-top:3px solid var(--rp-gold);padding:25px;background:var(--rp-paper)}
#rp-preview .rp-demo-stats>div{border:1px solid var(--rp-line);border-radius:6px;background:var(--rp-paper)}
#rp-preview .rp-demo-stats strong{font-size:28px}
#rp-preview .rp-table-wrap{border:1px solid var(--rp-line);border-radius:6px;background:var(--rp-paper);margin-top:24px}
#rp-preview .rp-table-wrap caption{padding:14px 16px 0}
#rp-preview #rp-inspection{padding:0 24px 22px;border:1px solid var(--rp-line);border-radius:8px;background:var(--rp-paper);max-width:760px}
#rp-preview .rp-booking-layout form{background:var(--rp-paper);border-radius:8px}
#rp-preview .rp-booking-summary{border-radius:8px}
#rp-preview .rp-sample-booking{border-radius:8px;background:var(--rp-paper)}
@media(max-width:900px){
 #rp-preview [data-rp-world=owner]{grid-template-columns:170px minmax(0,1fr)}
 #rp-preview .rp-preview-panel{padding:25px 22px}
 #rp-preview .rp-demo-stats{grid-template-columns:1fr 1fr}
 #rp-preview .rp-booking-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
 .rapi-root #rp-preview{width:96vw;height:94dvh;max-height:94dvh;border-radius:9px}
 #rp-preview .rp-mockup-chrome{height:36px;flex-basis:36px;padding-inline:12px;gap:10px}
 .rp-window-dots i{width:7px;height:7px}
 #rp-mockup-location{font-size:9px}
 #rp-preview .rp-preview-top{height:64px;flex-basis:64px;padding:10px 16px}
 #rp-preview .rp-preview-top h2{font-size:20px}
 #rp-preview .rp-preview-top .rp-eyebrow{font-size:8px}
 #rp-preview .rp-mockup-badge{display:none}
 #rp-preview .rp-preview-note{padding:8px 16px;font-size:10px}
 #rp-preview .rp-audience-switch{padding:8px 12px;gap:5px;min-height:54px;flex-wrap:nowrap}
 #rp-preview .rp-audience-switch button{font-size:10px;min-height:36px;padding:8px 9px;white-space:nowrap}
 #rp-preview #rp-reset{margin-left:auto}
 #rp-preview [data-rp-world=owner]{display:flex;flex-direction:column}
 #rp-preview .rp-preview-nav,#rp-preview [data-rp-world=owner]>.rp-preview-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;padding:7px 12px;gap:5px;border-right:0;border-bottom:1px solid var(--rp-line);min-height:53px;height:53px;flex:0 0 53px;scrollbar-width:thin}
 #rp-preview .rp-preview-nav button,#rp-preview [data-rp-world=owner]>.rp-preview-nav button{flex:none;min-height:36px;padding:8px 12px;font-size:11px;border-left:1px solid transparent}
 #rp-preview [data-rp-world=owner]>.rp-preview-nav button[aria-current]{border-left-color:var(--rp-line)}
 #rp-preview .rp-preview-panel{padding:23px 18px;flex:1 1 0}
 #rp-preview [data-rp-world=owner]>.rp-preview-panel{height:auto;flex:1 1 0}
 #rp-preview .rp-preview-panel>h3{font-size:26px}
 #rp-preview [data-rp-guest-panel=home]>h3{font-size:36px}
 #rp-preview [data-rp-guest-panel=home]{padding-top:25px}
 #rp-preview .rp-preview-panel>p{font-size:13px}
 #rp-preview .rp-stay-cards{grid-template-columns:1fr;gap:16px}
 #rp-preview .rp-stay-cards article{padding:20px}
 #rp-preview .rp-demo-stats>div{padding:13px;font-size:10px}
 #rp-preview .rp-demo-stats strong{font-size:25px}
 #rp-preview #rp-inspection{padding:0 14px 18px}
 #rp-preview .rp-task-head{gap:10px;flex-wrap:wrap;padding-top:10px}
}
