/* Additional presentation for a disconnected, fictional portfolio preview. */
.sample-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;background:#e6eadb;border-bottom:1px solid #cfd7c1;font:600 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1px;position:relative;z-index:30}.sample-banner button{border:1px solid #b6c1a8;border-radius:30px;padding:10px 15px;min-height:42px;background:#fffefa;font:600 12px/1.4 Arial,Helvetica,sans-serif}.saybah-demo .sidebar{top:67px}.saybah-demo main{padding-bottom:180px}.saybah-demo .brand img{width:165px;height:auto}.saybah-demo .sidebar-bottom{font-size:11px;line-height:1.8}.saybah-demo #screen:focus{outline:none}.saybah-demo .app-content{padding-bottom:50px}.saybah-demo .stat{cursor:pointer}.sample-note{font-size:12px;line-height:1.7;color:#5c6255;margin:12px 0 22px}.saybah-demo .booking-card{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center}.sample-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.sample-details dt{font-size:11px;color:#62665b}.sample-details dd{margin:3px 0 0;font-size:14px}.sample-form label{display:block;font-size:12px;font-weight:600}.sample-form input,.sample-form select,.sample-form textarea{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfc8bc;border-radius:8px;background:#fffefa;margin-top:7px;font:14px/1.5 Arial,Helvetica,sans-serif}.sample-form textarea{min-height:100px;resize:vertical}.sample-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.sample-form .wide{grid-column:1/-1}.sample-form .detail-actions{margin-top:18px}.sample-form input:focus-visible,.sample-form textarea:focus-visible,.sample-form select:focus-visible{outline:2px solid #394e31;outline-offset:3px}.saybah-demo dialog{width:min(760px,calc(100% - 24px));max-height:85vh;border:1px solid #d6cebf;border-radius:15px;padding:25px;background:var(--paper);color:var(--ink)}.saybah-demo dialog::backdrop{background:#222a215e}.dialog-bar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-bar button{background:white;border:1px solid #d6cebf;border-radius:50%;width:42px;height:42px;font-size:25px;flex-shrink:0}.saybah-toast{position:fixed;z-index:200;bottom:12px;left:50%;transform:translateX(-50%);background:#263b2f;color:white;padding:10px 18px;border-radius:8px;font-size:12px;max-width:90%;pointer-events:none}.saybah-toast:empty{display:none}.tour-active .saybah-toast{bottom:210px}.website-sample{background:#f2f6e9;border:1px solid #cbd4bb;border-radius:12px;padding:25px;margin-top:24px}.website-sample h3{font:26px Georgia,serif;margin:10px 0}.website-sample strong{font:30px Georgia,serif}.sample-guest-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.sample-guest-row label{display:flex;align-items:center;gap:10px;font-size:12px}.sample-guest-row input{width:65px;min-height:42px;border:1px solid #cec7ba;border-radius:8px;padding:9px;background:white}.sample-tabs{display:flex;gap:8px;margin:0 0 24px}.sample-tabs button{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:8px;font-size:12px}.sample-tabs button[aria-pressed=true]{background:var(--sage);border-color:#aab995}.saybah-demo .event-feature .detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.sample-total{background:var(--sage);border-radius:10px;padding:18px;margin-bottom:20px;font-size:14px}
@media(max-width:760px){.saybah-demo .sidebar{position:static;width:auto;grid-column:1/-1;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.saybah-demo .app-shell{display:block}.saybah-demo .sidebar .brand{display:block;margin:0 0 13px}.saybah-demo .brand img{width:130px}.saybah-demo .sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.saybah-demo .sidebar nav button{padding:10px 5px;min-width:0;font-size:11px;justify-content:center;gap:5px;flex-direction:column}.saybah-demo .sidebar-bottom,.saybah-demo .desk-label{display:none}.saybah-demo .topbar{height:auto;padding:12px 18px}.saybah-demo main{padding:25px 17px 200px}.saybah-demo .stats{grid-template-columns:1fr 1fr;gap:10px}.saybah-demo .stat{padding:16px 13px}.saybah-demo .stat strong{font-size:28px}.saybah-demo .overview-grid{grid-template-columns:1fr;gap:0}.saybah-demo .page-heading{display:block}.saybah-demo h1{font-size:31px}.saybah-demo .panel{padding:19px}.sample-form-grid,.sample-details{grid-template-columns:1fr}.saybah-demo .booking-card{grid-template-columns:1fr;gap:10px}.sample-form .wide{grid-column:auto}.sample-banner{padding:10px 17px;letter-spacing:.7px}.sample-banner>span{max-width:55%}.sample-banner button{font-size:11px;padding:9px 11px}.saybah-demo .booking-row{gap:12px;grid-template-columns:1fr auto}.saybah-demo .row-event{grid-row:2}.saybah-demo .row-arrow{display:none}.sample-guest-row{align-items:flex-start;gap:10px}.sample-guest-row label{max-width:130px}.saybah-demo dialog{padding:20px}.saybah-demo .event-feature{gap:13px}.saybah-demo .date-tile{min-width:58px;width:58px}.saybah-demo .event-feature h3{font-size:23px}}