/* SENOA v2.9.6 — Live Demo & Guided Onboarding */
:root{--demo-navy:#082b4f;--demo-teal:#0f9698;--demo-blue:#1688f5;--demo-soft:#eef8fb;--demo-border:#d7e9ef}

/* Public Live Demo page */
.demo-public-page{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 18%,rgba(22,136,245,.22),transparent 25rem),radial-gradient(circle at 20% 72%,rgba(15,150,152,.16),transparent 28rem),linear-gradient(145deg,#061b35 0%,#0a3158 52%,#082948 100%);color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.demo-public-nav{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,23,44,.58);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.demo-public-nav .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-public-logo img{height:42px;filter:brightness(0) invert(1)}
.demo-public-main{padding:4.5rem 0 3rem}.demo-public-kicker{display:inline-flex;padding:.48rem .72rem;border-radius:999px;background:rgba(32,208,203,.12);border:1px solid rgba(73,224,218,.24);color:#8df3ee;font-size:.78rem;font-weight:900;letter-spacing:.11em}.demo-public-main h1{font-size:clamp(2.6rem,5.8vw,5.2rem);font-weight:900;letter-spacing:-.055em;line-height:.96;margin:1.15rem 0}.demo-public-lead{font-size:1.1rem;line-height:1.78;color:#c9dced;max-width:620px}.demo-public-points{display:grid;gap:.85rem;margin-top:1.6rem}.demo-public-points>div{display:flex;align-items:flex-start;gap:.8rem}.demo-public-points .senoa-icon{width:22px;height:22px;color:#55e2d6;flex:0 0 auto;margin-top:.15rem}.demo-public-points strong,.demo-public-points small{display:block}.demo-public-points small{color:#9fb9d0;margin-top:.15rem;line-height:1.5}.demo-enter-btn{min-height:54px;padding-inline:1.35rem;border-radius:16px;font-weight:850;background:linear-gradient(135deg,#178cf8,#0aa4a0);border:0;box-shadow:0 15px 40px rgba(19,140,244,.28)}.demo-enter-btn span{margin-left:.6rem}.demo-credentials-card{margin-top:1rem;padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.demo-credentials-card span,.demo-credentials-card strong{display:block}.demo-credentials-card span{font-size:.7rem;color:#8fb1cd;text-transform:uppercase;letter-spacing:.08em}.demo-credentials-card strong{margin-top:.2rem;font-size:.93rem}.demo-credentials-card small{grid-column:1/-1;color:#8fb1cd;line-height:1.55}
.demo-device-stage{position:relative;min-height:520px}.demo-device-desktop{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#fff;padding:.45rem;box-shadow:0 34px 85px rgba(0,0,0,.3);transform:rotate(1deg)}.demo-device-desktop img{display:block;width:100%;border-radius:22px}.demo-device-mobile{position:absolute;left:-2.5rem;bottom:-1.8rem;width:180px;border:8px solid #0c2744;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.32);transform:rotate(-5deg)}.demo-device-mobile img{display:block;width:100%}.demo-device-label{position:absolute;right:1rem;bottom:1rem;background:#fff;color:#123554;border-radius:999px;padding:.7rem 1rem;font-size:.8rem;font-weight:850;box-shadow:0 18px 40px rgba(0,0,0,.2)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#13ba84;margin-right:.45rem;box-shadow:0 0 0 5px rgba(19,186,132,.13)}
.demo-tour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:5rem}.demo-tour-grid a{color:#fff;text-decoration:none;padding:1.2rem;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.demo-tour-grid span{font-size:.68rem;color:#68ded8;font-weight:900;letter-spacing:.12em}.demo-tour-grid strong,.demo-tour-grid small{display:block}.demo-tour-grid strong{margin-top:.35rem}.demo-tour-grid small{margin-top:.25rem;color:#9eb7cd;line-height:1.5}.demo-public-note{margin:1.2rem 0 0;padding:1rem 1.2rem;border-radius:18px;background:rgba(255,255,255,.055);color:#9eb7cd;font-size:.82rem}.demo-public-footer{text-align:center;padding:1.5rem;color:#7d9ab4;font-size:.78rem}.demo-public-footer a{color:#62d9d5;text-decoration:none}

/* Landing page Live Demo merchandising */
.landing-v250 .demo-landing-section{padding:5rem 0;background:linear-gradient(180deg,#f7fbff,#edf6fb)}.landing-v250 .demo-landing-card{position:relative;overflow:hidden;border:1px solid #d8e8f4;border-radius:34px;background:linear-gradient(135deg,#0a3157 0%,#0e5770 62%,#119496 100%);color:#fff;padding:2rem 2.2rem;box-shadow:0 28px 75px rgba(10,49,87,.16)}.landing-v250 .demo-landing-card:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-150px;background:rgba(255,255,255,.08)}.landing-v250 .demo-landing-card h2{font-weight:900;letter-spacing:-.035em;max-width:720px}.landing-v250 .demo-landing-card p{color:#cde5ed;max-width:720px;line-height:1.75}.landing-v250 .demo-landing-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.landing-v250 .demo-landing-meta span{padding:.45rem .68rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);font-size:.74rem;font-weight:750}.landing-v250 .demo-landing-actions{display:flex;gap:.7rem;flex-wrap:wrap}.landing-v250 .demo-landing-actions .btn-light{color:#0c4260;font-weight:800}.landing-v250 .hero-actions .btn-demo-live{border-color:#65e1dc;color:#d8fffd;background:rgba(39,208,202,.09)}.landing-v250 .hero-actions .btn-demo-live:hover{background:#fff;color:#0d4863;border-color:#fff}

/* Login Live Demo card */
.auth-live-demo-v296{margin-top:1rem;padding:1rem 1.05rem;border-radius:20px;border:1px solid #d6e9ef;background:linear-gradient(135deg,#eef9fb,#f6fbff);display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-live-demo-v296 strong,.auth-live-demo-v296 span{display:block}.auth-live-demo-v296 strong{color:#0e3454}.auth-live-demo-v296 span{font-size:.78rem;color:#607b90;margin-top:.15rem}.auth-live-demo-v296 a{white-space:nowrap;font-weight:800}.auth-live-demo-v296 .demo-login-cred{font-size:.68rem;color:#7b91a5;margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* In-app demo banner */
.demo-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem 1.15rem;background:linear-gradient(90deg,#073a59,#0d7d82);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font-size:.8rem}.demo-mode-banner strong{font-weight:900}.demo-mode-banner span{color:#c8f2ef}.demo-mode-banner .demo-mode-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demo-mode-banner a{color:#fff;text-decoration:none;padding:.35rem .62rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);font-weight:750}.demo-mode-banner a.primary{background:#fff;color:#0b5364;border-color:#fff}.demo-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .5rem;border-radius:999px;background:#d9fbf7;color:#08766f;font-size:.66rem;font-weight:900;letter-spacing:.06em}

/* Demo tour on dashboard */
.demo-tour-panel{padding:1.35rem;border-radius:26px;background:linear-gradient(135deg,#0a3157,#0d7e82);color:#fff;box-shadow:0 18px 50px rgba(7,52,82,.12)}.demo-tour-panel .demo-tour-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-tour-panel .demo-tour-head p{margin:.25rem 0 0;color:#c7e7e8;font-size:.85rem}.demo-tour-panel .demo-tour-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.demo-tour-panel .demo-tour-step{display:flex;align-items:flex-start;gap:.7rem;color:#fff;text-decoration:none;padding:.9rem;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07);transition:.2s ease}.demo-tour-panel .demo-tour-step:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}.demo-tour-panel .demo-tour-step>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#0a5c6f;font-weight:900;flex:0 0 auto}.demo-tour-panel .demo-tour-step strong,.demo-tour-panel .demo-tour-step small{display:block}.demo-tour-panel .demo-tour-step small{color:#c7e7e8;margin-top:.15rem;line-height:1.4}

/* Guided onboarding for new tenants */
.onboarding-v296{padding:1.15rem 1.2rem;border:1px solid #cfe5ec;border-radius:26px;background:linear-gradient(135deg,#f3fcfd,#f8fbff);box-shadow:0 14px 38px rgba(14,64,91,.06)}.onboarding-v296-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.onboarding-v296-head .eyebrow{font-size:.68rem;letter-spacing:.1em;color:#0b9293;font-weight:900}.onboarding-v296-head h5{font-size:1.22rem;font-weight:850;margin:.25rem 0}.onboarding-v296-head p{margin:0;color:#60778b;font-size:.82rem}.onboarding-v296-progress{min-width:150px;text-align:right}.onboarding-v296-progress strong{display:block;font-size:1.1rem}.onboarding-v296-progress .progress-thin{margin-top:.4rem}.onboarding-v296-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.onboarding-step{position:relative;padding:.85rem;border:1px solid #dbe9f1;border-radius:18px;background:#fff;color:inherit;text-decoration:none;min-height:125px}.onboarding-step:hover{border-color:#9fd9db}.onboarding-step.done{background:#f4fbf8;border-color:#cbeadd}.onboarding-step.next{border-color:#80ced0;box-shadow:0 8px 22px rgba(13,139,142,.1)}.onboarding-step-num{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f7f8;color:#087b7d;font-weight:900;font-size:.78rem}.onboarding-step.done .onboarding-step-num{background:#daf4e8;color:#12835a}.onboarding-step strong{display:block;margin-top:.65rem;font-size:.9rem;color:#143452}.onboarding-step small{display:block;margin-top:.25rem;color:#74889a;line-height:1.45}.onboarding-step-status{position:absolute;right:.7rem;top:.7rem;font-size:.62rem;font-weight:900;color:#0b8b83}.onboarding-v296-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding-top:.8rem;border-top:1px solid #dceaf0;color:#60778b;font-size:.76rem}

@media(max-width:991.98px){.demo-public-main{padding-top:2.5rem}.demo-device-stage{min-height:410px;margin-top:1rem}.demo-tour-grid{grid-template-columns:repeat(2,1fr);margin-top:3rem}.demo-tour-panel .demo-tour-steps,.onboarding-v296-steps{grid-template-columns:repeat(2,1fr)}.demo-mode-banner{align-items:flex-start;flex-direction:column}.demo-mode-banner .demo-mode-actions{width:100%}.demo-mode-banner a{flex:1;text-align:center}}
@media(max-width:575.98px){.demo-public-nav .btn-outline-light{display:none}.demo-public-logo img{height:32px}.demo-public-main{padding:2rem 0}.demo-public-main h1{font-size:2.75rem}.demo-credentials-card{grid-template-columns:1fr}.demo-credentials-card small{grid-column:auto}.demo-device-stage{min-height:330px}.demo-device-desktop{border-radius:20px}.demo-device-mobile{width:115px;left:-.25rem;bottom:.3rem;border-width:5px;border-radius:22px}.demo-device-label{font-size:.68rem;right:.35rem;bottom:.4rem}.demo-tour-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:2rem}.demo-tour-grid a{padding:.9rem}.auth-live-demo-v296{align-items:flex-start;flex-direction:column}.auth-live-demo-v296 a{width:100%;text-align:center}.demo-tour-panel .demo-tour-head,.onboarding-v296-head,.onboarding-v296-foot{flex-direction:column;align-items:flex-start}.demo-tour-panel .demo-tour-steps,.onboarding-v296-steps{grid-template-columns:1fr}.onboarding-v296-progress{min-width:0;width:100%;text-align:left}.landing-v250 .demo-landing-card{padding:1.4rem;border-radius:26px}}

/* Public demo portal: shared sample is intentionally read-only. */
.portal-demo-readonly{padding:.4rem 0 .2rem}
.portal-demo-readonly h2{margin:.45rem 0 .55rem}
.portal-demo-readonly .portal-muted{line-height:1.65}