.interface-figure{margin:0}.interface-figure figcaption{font-size:12px;color:var(--muted);line-height:1.7;padding:16px 2px}.product-screen{border:1px solid #d4e4e0;border-radius:13px;background:#f5f9f8;box-shadow:0 20px 55px #173f3610;overflow:hidden;max-width:100%}.screen-top{display:flex;gap:25px;align-items:center;justify-content:space-between;background:#fff;padding:18px 24px;border-bottom:1px solid #dce9e5;font-size:14px}.screen-top strong{white-space:nowrap}.screen-top strong>span{display:inline-block;background:#0b7d77;color:white;font-size:12px;padding:5px 6px;margin-right:8px;border-radius:5px}.screen-menu{color:#617973;font-size:12px}.screen-menu i{font-style:normal;margin:0 9px;color:#adc1b9}.screen-demo{font-size:12px;color:#607971;white-space:nowrap}.screen-body{padding:24px}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.screen-heading h3{font-size:23px;letter-spacing:-.5px;margin:0}.screen-label{font-size:10px;color:var(--teal);background:#e2f1ec;border-radius:4px;padding:5px 8px;letter-spacing:.8px;white-space:nowrap}.screen-filters{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.screen-filters>span{font-size:12px;background:white;border:1px solid #dae6e2;padding:10px 13px;border-radius:5px;color:#6c7d78}.screen-filters b{margin-left:12px;color:#243c35;font-weight:500}.screen-scroll{overflow-x:auto;border-radius:6px;border:1px solid #dce8e3;background:white}.screen-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.screen-scroll-note{font-size:12px;color:#6c7d78;margin:12px 0}.calendar-category{display:flex;justify-content:space-between;background:#e9f3ef;padding:12px 17px;min-width:1100px;font-size:14px}.calendar-category strong{font-weight:600;color:#27695b}.calendar-category>span{font-size:12px;color:#6c837a}.calendar-grid{min-width:1100px}.calendar-row{display:grid;grid-template-columns:80px repeat(15,minmax(0,1fr));height:38px;position:relative}.calendar-row>span,.calendar-row>b{border-bottom:1px solid #e2ebe6;border-right:1px solid #e2ebe6}.calendar-row>b{padding:8px 15px;background:#f6faf8;font-size:13px;font-weight:500}.calendar-dates{height:42px;font-size:12px;color:#526d63;text-align:center}.calendar-dates>span{padding:12px 0}.calendar-dates .weekend{background:#f6f0e4}.calendar-event{position:absolute;top:5px;height:28px;border-radius:5px;text-align:center;font-size:12px;line-height:28px;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid}.calendar-event.teal{background:#d4eeea;border-color:#96d4c9;color:#17695b}.calendar-event.green{background:#e0ecd0;border-color:#b6cfa1;color:#426333}.calendar-event.gold{background:#f7e9bb;border-color:#e4cf85;color:#79601f}.calendar-event.closed{background:repeating-linear-gradient(135deg,#eef0f1,#eef0f1 6px,#e2e6e8 6px,#e2e6e8 12px);border-color:#c7d1d0;color:#62746f}.booking-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px;background:white;border:1px solid #dce8e3;border-radius:7px;margin-bottom:18px}.screen-field span{font-size:12px;color:#6b8078;display:block;margin-bottom:7px}.screen-field b{display:block;font-size:14px;font-weight:500;color:#253e35;border:1px solid #dae5df;background:#f8fbf9;padding:11px 12px;border-radius:5px}.screen-card{border:1px solid #d9e6e0;background:white;border-radius:7px;overflow:hidden;margin-top:18px}.screen-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;background:#f6faf8;border-bottom:1px solid #dce8e3;font-size:14px}.screen-card-head>span{font-size:12px;color:#6b8078}.screen-card-head strong span{color:var(--teal);margin-left:12px}.screen-card-head>b{color:var(--teal)}.booking-guest{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:18px;padding:22px}.booking-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:23px}.booking-contact{display:grid;gap:15px}.booking-totals{margin:0;align-self:center}.booking-totals>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e0ebe5;font-size:14px}.booking-totals dt{color:#6c8177}.booking-totals dd{margin:0;font-weight:600}.booking-grand dd{color:var(--teal);font-size:19px}.screen-static-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;flex-wrap:wrap}.screen-static-actions span{padding:8px 13px;font-size:12px;color:#5c7569;background:#eaf3ee;border-radius:5px}.rules-status{display:flex;gap:15px;align-items:center;font-size:13px;margin:5px 0 18px}.rules-status>span{color:#6c8177}.rules-status b{background:#e2f1e1;color:#3f7041;padding:4px 10px;border-radius:5px;font-weight:500}.rules-table{width:100%;border-collapse:collapse;min-width:720px;text-align:left;font-size:14px}.rules-table th{padding:17px 20px;font-size:12px;font-weight:600;color:#567567;background:#f6faf8;white-space:nowrap}.rules-table td{padding:19px 20px;border-top:1px solid #e2ebe6}.rules-table td+td{border-left:1px solid #edf2ef}.rule-up,.rule-down{display:inline-block;padding:5px 12px;font-weight:600;border-radius:5px}.rule-up{background:#dceee8;color:#1a755e}.rule-down{background:#f5e8cd;color:#8a621a}.screen-card>.screen-filters{padding:5px 20px 10px}.interface-section+.interface-section{padding-top:20px}@media(max-width:950px){.screen-menu{display:none}.booking-meta{grid-template-columns:repeat(3,1fr)}.booking-bottom{gap:25px}}@media(max-width:600px){.screen-top{padding:14px;gap:12px}.screen-demo{font-size:10px}.screen-body{padding:15px}.screen-heading{align-items:start;flex-direction:column;gap:10px}.screen-heading h3{font-size:20px}.screen-filters{gap:7px}.screen-filters>span{flex:1 1 40%;padding:9px;font-size:11px}.screen-filters b{display:block;margin:3px 0 0}.booking-meta{grid-template-columns:1fr 1fr;padding:12px}.booking-meta>.screen-field:last-child{grid-column:1/-1}.booking-guest{grid-template-columns:1fr;padding:15px}.booking-bottom{grid-template-columns:1fr;padding:15px;gap:15px}.screen-field b{font-size:14px}.screen-card-head{padding:13px;gap:10px;flex-wrap:wrap}.screen-static-actions{justify-content:flex-start}.interface-figure figcaption{font-size:12px}}
.screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.screenshot-tabs{display:flex;gap:4px;padding:5px;background:#edf4f1;border-radius:7px;max-width:100%}.screenshot-tabs button{border:0;background:none;color:#597269;font-size:14px;padding:11px 18px;border-radius:5px}.screenshot-tabs button[aria-selected=true]{background:var(--teal);color:#fff}.screenshot-enlarge{background:white;border:1px solid #cbdcd5;padding:11px 16px;font-size:13px;border-radius:5px;color:var(--ink)}.screenshot-panel{overflow:hidden;border:1px solid #d4e4e0;border-radius:10px;box-shadow:0 18px 45px #173f3612;background:#edf2ef}.screenshot-image-link{display:block;cursor:zoom-in}.screenshot-panel img{display:block;width:100%;height:auto}.screenshot-dialog{width:96vw;max-width:2000px;max-height:94vh;border:0;border-radius:10px;padding:0;overflow:hidden;background:#f8fbf9;color:var(--ink)}.screenshot-dialog::backdrop{background:#0c192bce}.screenshot-dialog-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #cbdcd5;font-size:13px;flex-wrap:wrap}.screenshot-dialog-bar>span{margin-right:auto}.screenshot-dialog-bar button{border:1px solid #bed1c8;border-radius:5px;background:white;padding:8px 12px;font-size:13px;color:var(--ink)}.screenshot-dialog-body{overflow:auto;max-height:calc(94vh - 100px);padding:10px}.screenshot-dialog-body img{display:block;max-width:100%;height:auto;margin:auto}.screenshot-dialog-body img.actual-size{max-width:none;width:auto}.screenshot-modal-open{overflow:hidden}@media(max-width:650px){.screenshot-toolbar{flex-wrap:wrap}.screenshot-tabs{width:100%}.screenshot-tabs button{flex:1;padding:10px 8px;font-size:12px}.screenshot-enlarge{width:100%}.screenshot-dialog-bar{padding:12px}.screenshot-dialog-bar>span{width:100%;font-size:12px}.screenshot-dialog-body{padding:4px;max-height:calc(94vh - 140px)}}