/* CAM theme + HE 0.5 consumer shell only. Never applied to standalone HE canvas. */
.cam-tool-layout{max-width:1440px;margin-inline:auto;padding-inline:24px}
.cam-tool-layout .cam-tool-breadcrumb{padding:20px 0 0}
.cam-tool-layout .cam-tool-breadcrumb .cam-breadcrumb{margin-bottom:8px}
.cam-tool-layout #he-app[data-cam-shell]{min-height:60vh;background:transparent}
.cam-tool-layout #he-app[data-cam-shell] .he-shell{min-height:60vh;border:0;border-radius:0;overflow:visible;background:transparent}
.cam-tool-layout #he-app[data-cam-shell="public"] .he-shell{grid-template-columns:minmax(0,1fr)}
.cam-tool-layout #he-app[data-cam-shell="personal"] .he-shell{grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start}
.cam-tool-layout #he-app[data-cam-shell] [data-shell-header]{height:auto;min-height:0;padding:12px 24px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;background:#fff}
.cam-tool-layout #he-app[data-cam-shell] .he-account-identity{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.cam-tool-layout #he-app[data-cam-shell] .he-sidebar{padding:16px 12px;gap:12px;border:0;border-radius:0}
.cam-tool-layout #he-app[data-cam-shell] .he-main{padding:28px;max-width:none}
.cam-tool-layout #he-app[data-cam-shell="public"] .he-main{max-width:1040px;margin-inline:auto}
.cam-tool-layout #he-app[data-cam-shell] .he-app-footer{padding:20px 28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.cam-tool-layout #he-app[data-cam-shell] .he-app-footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
@media(max-width:760px){
 .cam-tool-layout{padding-inline:12px}
 .cam-tool-layout #he-app[data-cam-shell] .he-shell{display:block;border-radius:0}
 .cam-tool-layout #he-app[data-cam-shell] .he-main{padding:20px 16px}
 .cam-tool-layout #he-app[data-cam-shell] [data-shell-header]{padding:10px 16px}
 .cam-tool-layout #he-app[data-cam-shell] .he-app-footer{padding:16px}
 .cam-tool-layout #he-app[data-cam-shell="personal"] .he-app-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .cam-tool-layout #he-app[data-cam-shell="public"] .he-main{padding-bottom:20px}
}

.cam-tool-layout #he-app[data-cam-shell] [data-cam-session-note]{flex-basis:100%;text-align:right;color:var(--he-muted)}

.cam-tool-layout #he-app[data-cam-shell] .he-workspace{background:var(--he-soft)}
.cam-tool-layout #he-app[data-cam-shell] .cam-breadcrumb a{text-decoration:underline}