/* monappli.app — Navigation des deux espaces (V5.1) */
.demo-entrances{position:relative;z-index:9;background:linear-gradient(110deg,#081a32 0%,#12355b 54%,#071a32 100%);color:#fff;padding:17px max(20px,calc((100vw - 1200px)/2));border-bottom:3px solid #d9a64b;box-shadow:0 14px 32px #11274a19}
.demo-entrances-inner{display:grid;grid-template-columns: minmax(230px,.85fr) minmax(480px,1.5fr);gap:23px;align-items:center;max-width:1200px;margin:auto}
.demo-entrances-heading{display:grid;gap:3px}
.demo-entrances-kicker{color:#f6c977;font-size:10px;letter-spacing:.15em;font-weight:900}
.demo-entrances-title{font-size:20px;line-height:1.17;font-weight:900;letter-spacing:-.03em;color:#fff}
.demo-entrances-subtitle{font-size:12px;line-height:1.35;color:#e2e9f5}
.demo-entrances-links{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.demo-door{display:flex;align-items:center;gap:11px;min-height:70px;border-radius:20px;padding:9px 13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none;box-shadow:inset 0 1px #ffffff15;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.demo-door:hover,.demo-door:focus-visible{transform:translateY(-2px);background:#214d80;box-shadow:0 9px 22px #00132760;outline-offset:4px}
.demo-door.current{background:linear-gradient(120deg,#f9e2aa,#efb44e);color:#102138;border-color:#ffdb88;box-shadow:0 4px 17px #e9b55a3f}
.demo-door-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:13px;background:#ffffff23;font-size:21px}
.demo-door.current .demo-door-icon{background:#ffffff75}
.demo-door-copy{display:grid;gap:3px;flex:1;min-width:0}
.demo-door-copy b{font-size:15px;line-height:1.1;font-weight:900;white-space:normal}
.demo-door-copy small{font-size:11px;line-height:1.23;opacity:.88;white-space:normal}
.demo-door-chevron{font-size:23px;opacity:.85;margin-left:1px}
@media(max-width:850px){.demo-entrances-inner{grid-template-columns:1fr;gap:12px}.demo-entrances{padding:17px 20px}.demo-entrances-heading{gap:3px}.demo-entrances-title{font-size:21px}.demo-entrances-subtitle{font-size:13px}}
@media(max-width:550px){.demo-entrances{padding:15px 13px 16px}.demo-entrances-inner{gap:13px}.demo-entrances-title{font-size:21px}.demo-entrances-subtitle{font-size:12px}.demo-entrances-links{gap:8px}.demo-door{border-radius:17px;min-height:82px;padding:10px 8px;gap:7px;align-items:flex-start}.demo-door-icon{width:32px;height:32px;flex-basis:32px;font-size:17px;border-radius:10px}.demo-door-copy b{font-size:13.5px;line-height:1.16}.demo-door-copy small{font-size:10.5px;line-height:1.26}.demo-door-chevron{display:none}}
@media(max-width:365px){.demo-door-icon{display:none}.demo-door{padding:12px 10px;min-height:75px}.demo-door-copy b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.demo-door{transition:none}}
