/* Shared Reception, Doctor Workspace and Settings shell. */
body.reception-app,body.consultation-app,body.settings-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body>.titlebar{height:40px;min-height:40px;flex-shrink:0;gap:14px}
body>.app{flex:1;height:auto;min-height:0;grid-template-columns:208px minmax(0,1fr)}
body>.app.collapsed{grid-template-columns:48px minmax(0,1fr)}
body>.app.expanded{grid-template-columns:208px minmax(0,1fr)}
.app>.nav{min-height:0;overflow:auto}
.app>.nav a,.app>.nav button{gap:14px;min-height:42px;padding:8px 16px}
.app>.nav .active,.app>.nav .active:hover{background:var(--accent);color:#151515}
.app>.nav a:hover{background:var(--hover)}
.app.expanded>.nav .text{display:inline}
.app.collapsed>.nav .text{display:none}
.app.collapsed>.nav a,.app.collapsed>.nav button{padding:10px 13px}
.titlebar .demo-notice{margin-left:auto;color:var(--muted);font-size:11px}
.titlebar .profile-button{margin-left:0;border:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.titlebar .context{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:740px){body>.titlebar{gap:8px;padding:0 10px}.titlebar .context{display:none}.titlebar .profile-button span{display:inline}.titlebar .profile-button{max-width:190px}}

/* Workspace links are the only active sidebar item on their own pages. */
body.reception-app .app>.nav a[href="preview.html"],body.consultation-app .app>.nav a[href="consultation.html"],body.settings-app .app>.nav a[href="settings.html"]{background:var(--accent);color:#151515}
body.reception-app .app>.nav a:not([href="preview.html"]),body.consultation-app .app>.nav a:not([href="consultation.html"]),body.settings-app .app>.nav a:not([href="settings.html"]){background:transparent;color:var(--text)}