.demo-banner{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:10px 28px;background:#f0cd7f;color:#353c52;font-size:12px}.demo-banner strong{letter-spacing:.08em;font-size:10px}.demo-banner button{margin-left:auto;background:transparent;border:1px solid #353c5260;border-radius:4px;padding:5px 10px;cursor:pointer;color:inherit}.demo-banner span{flex:1}.portal-workspace-toolbar{flex-wrap:wrap}.demo-select{display:grid;gap:4px;font-size:11px}.demo-select select{padding:8px;border:1px solid var(--line);border-radius:5px;background:white;max-width:100%;font:inherit;font-size:13px}.demo-controls{display:flex;gap:14px;flex-wrap:wrap}.demo-records{display:grid;gap:12px;margin-top:24px}.demo-record{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;background:white}.demo-record div{display:grid;gap:3px}.demo-record small{color:var(--muted)}.demo-record button,.demo-small{padding:9px 15px;border:1px solid var(--line-dark);border-radius:5px;background:white;color:var(--navy);font:inherit;cursor:pointer}.demo-record button:hover,.demo-small:hover{border-color:var(--navy);background:var(--cream)}.demo-detail{margin-top:24px}.demo-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.demo-detail dl div{padding:14px 0;border-bottom:1px solid var(--line)}.demo-detail dt{color:var(--muted);font-size:12px}.demo-detail dd{margin:4px 0 0;font-weight:500}.demo-detail h2{font-family:var(--serif);font-size:30px;font-weight:400}.demo-note{padding:15px 18px;background:#fff8e8;border-left:3px solid var(--gold);font-size:13px;margin:18px 0}.demo-tag{font-size:11px;color:var(--success);background:var(--success-bg);padding:4px 8px;border-radius:4px;width:fit-content}.demo-invites{margin-top:20px}.demo-invites h2{font:400 25px var(--serif)}.demo-invite-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-invite-row span{flex:1;overflow-wrap:anywhere}.demo-invite-row small{color:var(--muted)}.demo-state-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.demo-state-links a{font-size:12px;text-decoration:underline}.portal-dialog{max-height:85vh;overflow:auto}.portal-app [hidden]{display:none!important}#toast:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 22px;background:var(--grove);color:white;border-radius:8px;box-shadow:var(--shadow-strong);max-width:90vw;font-size:13px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.demo-empty{padding:20px;background:white;border:1px solid var(--line);border-radius:8px}.demo-error{color:var(--danger)}:focus-visible{outline:3px solid #b28027;outline-offset:3px}@media(max-width:700px){.demo-banner{padding:10px 16px;gap:8px}.demo-banner span{flex-basis:100%;order:3}.demo-banner button{flex:0 0 auto}.demo-controls{width:100%}.demo-select{flex:1;min-width:160px}.demo-record{align-items:flex-start;flex-direction:column}.demo-detail dl{grid-template-columns:1fr}.portal-account{margin-left:auto}.portal-account .portal-preview-pill{white-space:normal}.portal-people-row{min-width:0;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.7fr);gap:10px}.portal-person{min-width:0}.portal-person small{overflow-wrap:anywhere}.portal-person i{display:none}.portal-workspace{min-width:0}.demo-detail{padding:20px}}
.demo-hub{margin-top:38px}.demo-hub>h2{font:400 36px var(--serif);margin:6px 0}.demo-hub>p:not(.eyebrow){max-width:750px;color:var(--muted);font-size:14px}.demo-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.demo-module{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:24px 24px 36px;background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--navy);font:inherit}.demo-module:hover{border-color:var(--grove);box-shadow:var(--shadow)}.demo-module small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--success)}.demo-module strong{font-size:18px;font-weight:500}.demo-module span{font-size:13px;color:var(--muted)}.demo-module b{position:absolute;bottom:14px;right:20px}.demo-module-content{padding:30px}.demo-module-content h2{font:400 32px var(--serif)}.demo-module-content p{font-size:14px}.portal-workspace-toolbar>a{font-size:12px}@media(max-width:1100px){.demo-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.demo-module-grid{grid-template-columns:1fr}.demo-hub>h2{font-size:30px}}