.demo-client button:disabled{cursor:not-allowed;opacity:.55}
.demo-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#e7f5f1;border:1px solid #c2e1d8;border-radius:14px;padding:14px 18px;margin-bottom:22px;font-size:12px;color:#386a65}.demo-context p{margin:3px 0 0;font-size:11px}.demo-context .actions{margin:0}.demo-context .btn{font-size:11px;padding:7px 12px}.demo-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demo-role-card{padding:22px;border:1px solid #d8e8e5;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:10px}.demo-role-card h3{margin:0;font-size:17px}.demo-role-card p{font-size:12px;color:#728a8d;line-height:1.9;flex:1;margin:0}.demo-role-card form{margin:0}.demo-role-card button{width:100%;margin:0}.demo-role-number{color:#199487;background:#edf8f4;border-radius:10px;padding:6px 10px;width:fit-content;font-size:12px}.demo-steps{display:grid;gap:18px;padding:0;list-style:none;counter-reset:tour}.demo-steps li{counter-increment:tour;padding:20px 24px;background:white;border:1px solid #d8e8e5;border-radius:16px}.demo-steps li:before{content:counter(tour);display:inline-grid;place-items:center;width:28px;height:28px;background:#e9f7f1;color:#137e78;border-radius:9px;margin-inline-end:10px}.demo-steps h3{display:inline;font-size:16px}.demo-steps p{font-size:13px;color:#6b8386;margin:12px 0}.demo-hero-note{text-align:center;font-size:12px;color:#698580;margin-top:18px}.demo-client .quick-search,.demo-client .env-pill{display:none}.demo-client .guest-main:has(.demo-role-grid){max-width:1400px}.demo-client .auth-shell:has(.demo-role-grid){grid-template-columns:.8fr 1.2fr;max-width:1200px}.demo-client .auth-panel:has(.demo-role-grid){padding:36px}.demo-client .auth-panel:has(.demo-steps){max-width:100%}.demo-client .kpi-caption{font-size:9px}.demo-client .status-badge{font-size:12px}
@media(max-width:650px){.demo-role-grid{grid-template-columns:1fr}.demo-context{padding:14px}.demo-context .actions{width:100%}.demo-role-card{padding:20px}.demo-client .auth-panel:has(.demo-role-grid){padding:24px}.demo-context .btn{flex:1}.demo-client .guest-links{gap:6px!important}.demo-client .topbar{gap:5px}}
@media print{.demo-context,.demo-hero-note{display:none!important}}