/* 06B1 Demonstrator Visual Parity - additions only */
.demo-mode-banner{
  background:var(--pp-orange);color:var(--pp-navy);font-size:12px;font-weight:800;
  text-align:center;padding:6px 14px;letter-spacing:.01em
}
.demo-scenario-bar{
  background:#fff;border-bottom:1px solid var(--pp-border);padding:7px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--pp-navy)
}
.demo-scenario-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.demo-scenario-summary strong{font-weight:750}
.demo-scenario-dot{color:#aaa}
.demo-scenario-button{
  border:1px solid #cfc8bd;background:#fbfaf7;color:var(--pp-navy);border-radius:999px;
  padding:6px 11px;font-weight:700;cursor:pointer;white-space:nowrap
}
.demo-scenario-overlay{
  display:none;position:fixed;inset:0;background:rgba(5,11,25,.54);z-index:1100
}
.demo-scenario-overlay.open{display:block}
.demo-scenario-drawer{
  position:absolute;right:0;top:0;bottom:0;width:min(610px,95vw);background:#fff;
  box-shadow:-20px 0 50px rgba(0,0,0,.22);overflow:auto
}
.demo-scenario-head{
  position:sticky;top:0;background:#fbfaf7;border-bottom:1px solid var(--pp-border);
  padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;z-index:2
}
.demo-scenario-head h2{margin:3px 0 5px;color:var(--pp-navy)}
.demo-scenario-close{border:0;background:none;color:var(--pp-navy);font-size:30px;cursor:pointer}
.demo-scenario-body{padding:20px 22px 34px}
.demo-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demo-scenario-note{margin-top:10px;font-size:12px;color:var(--pp-muted)}
.demo-no-save{font-size:11px;color:var(--pp-amber);font-weight:750}
.demo-action-note{font-size:12px;color:var(--pp-muted);margin-top:8px}
.demo-progress-head,.demo-progress-row,.demo-progress-total{
  display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;gap:10px;align-items:center
}
.demo-progress-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--pp-muted);padding-bottom:7px;border-bottom:1px solid #e9e4dc}
.demo-progress-row{padding:9px 0;border-bottom:1px solid #eee9e1}
.demo-progress-row strong,.demo-progress-head strong,.demo-progress-total strong{text-align:right}
.demo-progress-total{padding-top:11px;margin-top:2px;border-top:2px solid #ded9d0;font-weight:750}
.demo-gauge-track{height:28px;display:flex;border-radius:999px;overflow:hidden;border:1px solid var(--pp-border);margin:18px 0}
.demo-gauge-track span{height:100%;min-width:2px}
.demo-g0{background:#ece7df}.demo-g1{background:#ddd6c8}.demo-g2{background:#cfc5b4}.demo-g3{background:#f7ddb8}
.demo-g4{background:#f5c98c}.demo-g5{background:#f1b55e}.demo-g6{background:#ef9c2f}.demo-g7{background:#e98312}
.demo-channel-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 130px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid #e9e4dc}
.demo-channel-row:last-child{border-bottom:0}.demo-channel-row strong{display:block}.demo-channel-row small{display:block;color:var(--pp-muted);margin-top:2px}
.demo-phase-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:1px solid var(--pp-border);border-radius:10px;overflow:hidden}
.demo-phase{padding:11px;border-right:1px solid var(--pp-border);min-height:82px;background:#fff}
.demo-phase:last-child{border-right:0}.demo-phase strong{display:block;font-size:11px}.demo-phase small{display:block;color:var(--pp-muted);font-size:10px;margin-top:4px}
.demo-phase.iowl{background:#fff8e8}.demo-phase.partner{background:#fbfaf7}
.demo-template-copy{white-space:pre-wrap;background:#fbfaf7;border:1px solid var(--pp-border);border-radius:8px;padding:14px;font-size:12px;line-height:1.55}
.demo-insights-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.demo-insights-tabs span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--pp-border);font-size:12px;font-weight:650}
.demo-sentiment-row{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eee9e1}
.demo-sentiment-bar{height:10px;border-radius:99px;background:#eee8df;overflow:hidden;margin-top:4px}
.demo-sentiment-bar i{display:block;height:100%;background:var(--pp-orange)}
.demo-user-institution small{display:block;font-weight:normal}
.demo-viewer-lock{opacity:.58}
.demo-simulated-link{cursor:pointer}
.pp-toast.show{display:block;background:#fff8e8;border:1px solid #f3d49b;color:var(--pp-navy)}
@media(max-width:1000px){
  .demo-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-phase{border-bottom:1px solid var(--pp-border)}
}
@media(max-width:760px){
  .demo-scenario-bar{align-items:flex-start;flex-direction:column}
  .demo-scenario-grid{grid-template-columns:1fr}
  .demo-channel-row{grid-template-columns:1fr 95px 95px}
}
@media(max-width:560px){
  .demo-progress-head,.demo-progress-row,.demo-progress-total{grid-template-columns:minmax(0,1fr) 52px 52px}
}


/* Deployment 06D4 — contextual demonstration introduction */
.demo-intro-shell{min-height:100vh;background:#f6f3ee;color:#1f173f}
.demo-intro-hero{background:linear-gradient(135deg,#081a2e 0%,#132b45 62%,#1f173f 100%);color:#fff;padding:58px 22px 64px}
.demo-intro-hero-inner,.demo-intro-width{max-width:1180px;margin:0 auto}
.demo-intro-brand{display:flex;align-items:center;gap:18px;margin-bottom:48px;color:#fff;font-weight:700;font-size:17px}
.demo-intro-brand img{display:block;width:auto;max-width:330px;height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:7px 11px}
.demo-intro-kicker{color:#ffa500;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:12px;margin-bottom:14px}
.demo-intro-hero h1{max-width:920px;color:#fff;font-size:46px;line-height:1.12;margin:0 0 20px;font-weight:800}
.demo-intro-lead{max-width:920px;color:#eef3f7;font-size:19px;line-height:1.65;margin:0 0 26px}
.demo-intro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.demo-intro-primary{background:#ffa500!important;border-color:#ffa500!important;color:#111827!important}
.demo-intro-note{max-width:840px;margin:22px 0 0;color:#cbd7e3;font-size:13px;line-height:1.55}
.demo-intro-section{padding:54px 22px;background:#fff}
.demo-intro-section-alt{background:#f6f3ee}
.demo-intro-heading{max-width:920px;margin-bottom:28px}
.demo-intro-heading h2{font-size:32px;line-height:1.25;margin:5px 0 12px;color:#1f173f}
.demo-intro-heading p{font-size:16px;line-height:1.65;color:#5c5668}
.demo-intro-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.demo-intro-process article{background:#fff;border:1px solid #e5deef;border-top:5px solid #ffa500;border-radius:14px;padding:20px;box-shadow:0 7px 18px rgba(31,23,63,.06)}
.demo-intro-process article span{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#9a5b00}
.demo-intro-process h3{font-size:18px;margin:7px 0;color:#1f173f}
.demo-intro-process p{font-size:14px;line-height:1.55;color:#5c5668;margin:0}
.demo-intro-callout{margin-top:24px}
.demo-intro-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.demo-intro-scenario{background:#fff;border:1px solid #e2dce8;border-radius:16px;padding:22px;box-shadow:0 8px 20px rgba(31,23,63,.05);display:flex;flex-direction:column}
.demo-intro-scenario h3{font-size:20px;margin:0 0 9px;color:#1f173f}
.demo-intro-scenario p{font-size:14px;line-height:1.55;color:#5c5668;flex:1}
.demo-intro-scenario .pp-button{align-self:flex-start;margin-top:8px}
.demo-intro-scenario-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.demo-intro-footer{padding:23px 22px;background:#1f173f;color:#fff;font-size:13px;line-height:1.55}
.demo-intro-return{font-size:12px;font-weight:700}
@media(max-width:900px){
 .demo-intro-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .demo-intro-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
 .demo-intro-hero h1{font-size:38px}
}
@media(max-width:620px){
 .demo-intro-brand{display:block;margin-bottom:38px}
 .demo-intro-brand img{max-width:280px;margin-bottom:12px}
 .demo-intro-hero h1{font-size:31px}
 .demo-intro-lead{font-size:17px}
 .demo-intro-process,.demo-intro-scenarios{grid-template-columns:1fr}
 .demo-intro-section{padding:40px 18px}
}