/* AUSAPE Pulse DEMO · visual fidelity layer
   Mantiene el lenguaje visual real de Pulse y añade SOLO señalización/controles de demo. */
:root{--demo-amber:#e59b23;--demo-bg:#fff8e9;--demo-line:#f2dfb5}
body{min-width:0}
.demo-only-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff7e8;color:#8a5b05;border:1px solid #f2dfb5;font-size:11px;font-weight:850;white-space:nowrap}
.demo-only-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#e59b23;box-shadow:0 0 0 4px rgba(229,155,35,.12)}
.demo-watermark{position:fixed;right:18px;bottom:16px;z-index:90;pointer-events:none;padding:7px 11px;border-radius:999px;background:rgba(6,29,76,.82);color:#fff;font-size:9px;font-weight:850;letter-spacing:.07em;box-shadow:0 8px 24px rgba(6,29,76,.18);backdrop-filter:blur(8px)}
.demo-login-chip{display:inline-flex;gap:8px;align-items:center;margin-bottom:15px;padding:8px 11px;border:1px solid #f0d9a4;border-radius:999px;background:#fff8e9;color:#8a5b05;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.demo-login-role{margin-top:15px}.demo-login-role .input{height:46px}
.demo-entry-main{margin-top:12px;width:100%;min-height:58px}
.demo-entry-main>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.demo-entry-main small{opacity:.75;font-size:9px}
.demo-login-note{margin-top:18px;padding:12px 14px;border:1px solid #dbe8f4;border-radius:14px;background:#f7fbff;color:#526b84;font-size:10.5px;line-height:1.5}
.demo-top-actions{display:flex;align-items:center;gap:8px}.demo-role-switch{white-space:nowrap}
.demo-scenario-select{max-width:180px;padding:8px 10px;border-radius:999px;border:1px solid rgba(18,76,142,.08);background:#f0f5fb;color:#24476e;font-size:11px;font-weight:750;outline:0}
.demo-shell-notice{margin-bottom:18px;padding:10px 13px;border:1px solid var(--demo-line);border-radius:14px;background:var(--demo-bg);color:#725019;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-shell-notice strong{color:#5f410e}.demo-shell-notice span{color:#8b6a30}
.demo-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.demo-switch-card{display:flex;align-items:flex-start;gap:11px;width:100%;padding:14px;border:1px solid #dfe9f3;border-radius:15px;background:#fff;text-align:left;color:#173b64}.demo-switch-card:hover{border-color:#b8d5eb;background:#f8fcff}.demo-switch-card.active{border-color:#70cceb;box-shadow:0 0 0 3px rgba(7,188,233,.10)}.demo-switch-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eef6fd;color:#0b6df5}.demo-switch-card strong,.demo-switch-card small{display:block}.demo-switch-card small{margin-top:4px;color:#70859a;font-size:9.5px;line-height:1.35}
.demo-board-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.demo-mini-bars{height:190px;display:flex;gap:10px;align-items:flex-end;padding:20px 8px 26px}.demo-mini-bars span{flex:1;min-width:10px;position:relative;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#07bce9,#0b6df5)}.demo-mini-bars span i{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:8px;color:#74869a}.demo-split-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid #e7eef5}.demo-split-row:last-child{border-bottom:0}.demo-split-row small{display:block;margin-top:3px;color:#75879a;font-size:9.5px}.demo-split-row b{color:#0b2f62}
.demo-direction-hero{padding:26px 28px;border-radius:25px;background:linear-gradient(125deg,#071f4d 0%,#0b4f8a 65%,#6a46d8 130%);color:#fff;box-shadow:0 18px 48px rgba(6,29,76,.13)}.demo-direction-hero .eyebrow{color:#8be6ff;background:none;-webkit-text-fill-color:initial}.demo-direction-hero h1{color:#fff;margin:6px 0 8px}.demo-direction-hero p{color:#dbeaff;margin:0}.demo-direction-kpis{margin-top:16px}
.demo-attendee-shell{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(196,45,255,.06),transparent 25%),radial-gradient(circle at 20% 0%,rgba(7,188,233,.08),transparent 30%),#f7fafe}.demo-public-demo-bar{height:42px;display:flex;align-items:center;justify-content:center;gap:10px;background:#061d4c;color:#fff;font-size:9.5px;font-weight:850;letter-spacing:.08em}.demo-public-demo-bar span{color:#75e1ff}.demo-attendee-main{max-width:1180px;margin:0 auto;padding:18px 24px 70px}.demo-attendee-hero{min-height:360px;border-radius:32px;padding:42px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#061d4c 0%,#0b6df5 62%,#07bce9 120%);color:#fff;position:relative;overflow:hidden;box-shadow:0 22px 58px rgba(12,52,108,.13)}.demo-attendee-hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.15);right:-140px;top:-170px}.demo-attendee-hero .eyebrow{color:#89e7ff;background:none;-webkit-text-fill-color:initial}.demo-attendee-hero h1{color:#fff;font-size:42px;max-width:800px;line-height:1.04;margin:7px 0 12px}.demo-attendee-hero p{color:#dcecff;margin:0;font-size:14px}.demo-attendee-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.demo-credential{display:grid;grid-template-columns:1fr 158px;gap:18px;align-items:center}.demo-qr{width:148px;height:148px;border-radius:12px;background:repeating-linear-gradient(45deg,#071f4d 0 7px,#fff 7px 14px);border:12px solid #fff;outline:1px solid #dce7f1}.demo-wallets{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.demo-wallet-btn{border:0;border-radius:11px;min-height:44px;padding:10px 14px;font-weight:800}.demo-wallet-btn.apple{background:#111827;color:#fff}.demo-wallet-btn.google{background:#fff;color:#162438;border:1px solid #d7e0ea}.demo-status-select{min-width:170px}
.demo-checkin-wrap{min-height:100vh;background:radial-gradient(circle at 50% 12%,#f1fbff,#edf3f7 55%,#e4ebf0);padding:24px}.demo-checkin-toolbar{max-width:980px;margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-checkin-device{width:min(560px,100%);margin:0 auto;background:#fff;border-radius:30px;padding:18px;border:1px solid #d6e2ea;box-shadow:0 24px 70px rgba(15,48,67,.15)}.demo-checkin-camera{height:430px;border-radius:24px;background:#061d4c;display:grid;place-items:center;position:relative;overflow:hidden}.demo-checkin-camera:before{content:"";width:210px;height:210px;border:3px solid #5bdcff;border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.16)}.demo-checkin-camera span{position:absolute;left:18px;top:18px;color:#c6dbea;font-size:10px}.demo-checkin-verdict{margin-top:12px;padding:14px;border-radius:15px;background:#eafaf2;color:#175f42;display:flex;gap:10px;align-items:center}.demo-checkin-verdict i{width:13px;height:13px;border-radius:50%;background:#16a06c}.demo-checkin-verdict small{display:block;margin-top:3px;color:#56806e}
.demo-simple-module{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-action-list{display:grid;gap:10px}.demo-action-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0eaf3;border-radius:15px;background:#fff}.demo-action-item .monogram{width:42px;height:42px;border-radius:13px;margin:0;font-size:13px}.demo-action-item small{display:block;margin-top:3px;color:#74879a}.demo-action-item .tag{white-space:nowrap}
@media(max-width:950px){.demo-top-actions .demo-only-badge,.demo-top-actions .demo-scenario-select{display:none}.demo-board-grid,.demo-attendee-grid{grid-template-columns:1fr}.demo-simple-module{grid-template-columns:1fr 1fr}.demo-login-note{font-size:10px}}
@media(max-width:620px){.demo-switch-grid,.demo-simple-module{grid-template-columns:1fr}.demo-shell-notice{align-items:flex-start;flex-direction:column}.demo-attendee-main{padding:12px 12px 50px}.demo-attendee-hero{min-height:290px;padding:26px}.demo-attendee-hero h1{font-size:30px}.demo-credential{grid-template-columns:1fr}.demo-qr{margin:auto}.demo-checkin-wrap{padding:12px}.demo-checkin-camera{height:330px}}