/* Public demonstration layer of the workspace (founder decision 2026-10-19).
   Bar, locks and Driver.js popover in the colours of the workspace. */
.demo-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 24px;background:#fff7e6;border-bottom:1px solid #f1d59a;color:#4a3a12;font-size:12.5px;line-height:1.4}
.demo-bar .demo-bar-tag{display:inline-flex;align-items:center;gap:6px;background:#e0b42a;color:#1a1403;font-weight:800;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.demo-bar .demo-bar-text{flex:1 1 320px;min-width:0}
.demo-bar .demo-bar-actions{display:flex;gap:8px;flex-wrap:wrap}
.demo-bar button,.demo-bar a{font:inherit;font-weight:700;font-size:12px;border-radius:8px;padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.demo-bar button{background:#fff;color:#0f172a;border:1px solid #cbb268}
.demo-bar button:hover{background:#fdf3d6}
.demo-bar a{background:#0f172a;color:#fff;border:1px solid #0f172a}
.demo-bar a:hover{background:#1e293b}
.demo-bar button:focus-visible,.demo-bar a:focus-visible{outline:3px solid #e0b42a;outline-offset:2px}
@media (max-width:900px){.demo-bar{padding:9px 16px}}
/* Locked inputs of the example */
.demo-locked{background:#f8fafc !important;color:#475569 !important;cursor:not-allowed !important;border-style:dashed !important}
select.demo-locked,input[type=file].demo-locked,input[type=checkbox].demo-locked,input[type=radio].demo-locked{pointer-events:none;opacity:.7}
.demo-lock-wrap{position:relative;display:inline-block}
/* Driver.js popover in the workspace's own colours */
.driver-popover.jvmb-tour{font-family:inherit;border-radius:14px;padding:22px 22px 18px;max-width:min(380px,calc(100vw - 24px));box-shadow:0 24px 60px rgba(15,23,42,.28);color:#334155}
.jvmb-tour .driver-popover-title{font-size:19px;line-height:1.25;font-weight:800;color:#0f172a;margin-bottom:8px}
.jvmb-tour .driver-popover-description{font-size:13.5px;line-height:1.6;color:#475569}
.jvmb-tour .driver-popover-progress-text{color:#94a3b8;font-size:11px;font-weight:600}
.jvmb-tour .driver-popover-footer{margin-top:14px;gap:8px;flex-wrap:wrap}
.jvmb-tour .driver-popover-navigation-btns{gap:8px;flex-wrap:wrap}
.jvmb-tour button{font:inherit;font-weight:700;font-size:12.5px;padding:9px 13px;border-radius:8px;text-shadow:none;cursor:pointer}
.jvmb-tour .driver-popover-prev-btn{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.jvmb-tour .driver-popover-next-btn{background:#0f172a;color:#fff;border:1px solid #0f172a}
.jvmb-tour .driver-popover-next-btn:hover{background:#1e293b}
.jvmb-tour .driver-popover-close-btn{color:#64748b}
.jvmb-tour .jvmb-tour-cta{display:block;width:100%;margin-top:14px;text-align:center;background:#e0b42a;color:#1a1403;border:1px solid #c49a1c;border-radius:9px;padding:11px 14px;font-weight:800;font-size:13.5px;text-decoration:none}
.jvmb-tour .jvmb-tour-cta:hover{background:#c49a1c}
.jvmb-tour .jvmb-tour-sub{margin-top:8px;font-size:11.5px;color:#94a3b8;text-align:center}
.driver-popover.jvmb-tour .driver-popover-arrow{border-color:transparent}
@media (max-width:480px){.driver-popover.jvmb-tour{padding:18px 16px 14px}.jvmb-tour .driver-popover-title{font-size:17px}}
@media (prefers-reduced-motion:reduce){.driver-active *{transition:none !important}}