/* Marketing excerpts of the 23 September dashboards. Fictional demonstration
   data; no application connection. Natural height keeps the working desk visible. */
.hp-project{--hp-ink:#1f1f1f;--hp-secondary:#707070;--hp-edge:#e0e0e0;--hp-edge-soft:#ececec;--hp-paper:#fff;--hp-muted:#f2f2f2;--hp-late:#bc4d45;--hp-soon:#946431;--hp-held:#418363;--hp-icon-paper:#f2f2f2;container:hp-project/inline-size;width:100%;min-width:0;color:var(--hp-ink);background:#fff;font:400 12px/1.45 Figtree,Arial,sans-serif;text-align:left;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.hp-project *{box-sizing:border-box}.hp-project p,.hp-project h3,.hp-project h4{margin:0}.hp-project strong{font-weight:550}.hp-icon{display:block;width:16px;height:16px;flex:none}.hp-shell{width:100%;overflow:hidden}
.hp-topbar,.hp-body{display:grid;grid-template-columns:164px minmax(0,1fr)}.hp-topbar{min-height:58px;border-bottom:1px solid var(--hp-edge)}.hp-switcher-slot{display:flex;padding:7px;border-right:1px solid var(--hp-edge)}.hp-project-switch{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid var(--hp-edge);border-radius:10px;min-width:0;width:100%;box-shadow:0 2px 5px #1f1f1f06}.hp-project-avatar,.hp-entity-avatar{display:block;width:28px;height:28px;flex:none;border-radius:8px;background:var(--hp-muted);color:var(--hp-ink)}.hp-project-avatar svg,.hp-entity-avatar svg{width:100%;height:100%}.hp-project-switch>.hp-project-avatar{box-shadow:0 2px 4px #1f1f1f13}.hp-switcher-label{display:grid;gap:2px;min-width:0;line-height:1.2}.hp-switcher-label small{font-size:8px;font-weight:550;letter-spacing:.09em;text-transform:uppercase;color:var(--hp-secondary)}.hp-switcher-label strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-project-switch>.hp-icon{width:9px;margin-left:auto;color:var(--hp-secondary)}.hp-project-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 24px;min-width:0}.hp-crumb{display:flex;gap:9px;align-items:center;min-width:0}.hp-crumb>span{color:var(--hp-secondary)}.hp-crumb>.hp-icon{width:10px;color:var(--hp-secondary)}.hp-crumb strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hp-header-actions{display:flex;gap:15px;align-items:center;flex:none}.hp-ai-button{display:flex;gap:5px;align-items:center;border:1px solid var(--hp-edge);padding:5px 9px;border-radius:20px;font-size:11px}.hp-user-avatar{display:grid;place-items:center;width:26px;height:26px;background:var(--hp-muted);border-radius:50%;font-size:11px}.hp-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--hp-edge);padding:14px 7px 0;background:#fcfcfc}.hp-nav{display:grid;gap:7px}.hp-nav-item{display:flex;gap:9px;align-items:center;padding:10px 9px;border-radius:9px;color:var(--hp-secondary);font-size:11px;white-space:nowrap}.hp-nav-active{background:#ececec;color:var(--hp-ink);font-weight:550}.hp-nav-item:last-child{margin-top:18px;border-top:1px solid var(--hp-edge-soft);border-radius:0}.hp-rail-footer{display:flex;align-items:center;gap:7px;margin:auto 0 0;padding:15px 5px;color:var(--hp-secondary);font-weight:550}.hp-brand-mark{width:16px;height:15px}
.hp-content{padding:22px 24px 26px;min-width:0}.hp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.hp-phase{display:flex;background:#ececec;border:1px solid #e3e3e3;border-radius:30px;padding:3px;font-size:12px;white-space:nowrap}.hp-phase>span{padding:6px 12px;border-radius:24px;color:var(--hp-secondary)}.hp-phase>.hp-phase-active{background:#fff;color:var(--hp-ink);font-weight:550;box-shadow:0 1px 3px #1f1f1f19}.hp-filter{display:flex;align-items:center;gap:11px;min-width:168px;padding:7px 11px;border:1px solid var(--hp-edge);border-radius:9px}.hp-filter>span{flex:1}.hp-filter small{display:block;font-size:9px;color:var(--hp-secondary)}.hp-filter>.hp-icon{width:14px;color:var(--hp-secondary)}
.hp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--hp-edge)}.hp-card{display:flex;flex-direction:column;padding:15px 15px 13px;min-width:0;border-right:1px solid var(--hp-edge)}.hp-card:first-child{padding-left:0}.hp-card:last-child{padding-right:0;border-right:0}.hp-cap{display:flex;align-items:center;gap:6px;font:500 9px/1.5 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--hp-secondary)}.hp-cap .hp-icon{width:11px;height:11px;color:var(--hp-ink)}.hp-dot{display:block;width:5px;height:5px;border-radius:50%;flex:none}.hp-dot.hp-late{background:var(--hp-late)}.hp-dot.hp-soon{background:var(--hp-soon)}.hp-dot.hp-review{background:var(--hp-secondary)}.hp-card-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px;margin:13px 0 10px;font-size:37px;font-weight:500;line-height:1.05;letter-spacing:-.045em}.hp-card-value>span{font-size:11px;line-height:1.4;letter-spacing:0;font-weight:400;color:var(--hp-secondary)}.hp-card-note{color:var(--hp-secondary);font-size:11px;line-height:1.5;min-height:49px;padding-bottom:12px}.hp-door{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid var(--hp-edge-soft);font-size:11px}.hp-arrow{font-size:18px;font-weight:400;line-height:1;flex:none}.hp-text-link{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;white-space:nowrap}
.hp-responsibility,.hp-work-section{margin-top:27px}.hp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.hp-heading-extra{margin-left:auto;font-size:10px;color:var(--hp-secondary)}.hp-heading-extra b{font-weight:500;color:var(--hp-ink);margin-left:8px}.hp-party-list{border-top:1px solid var(--hp-edge-soft)}.hp-party-row{display:grid;grid-template-columns:22px minmax(130px,1.25fr) minmax(90px,1fr) auto 13px;align-items:center;gap:12px;min-height:59px;padding:10px 0;border-bottom:1px solid var(--hp-edge-soft)}.hp-construction .hp-party-row{grid-template-columns:22px minmax(125px,1.3fr) minmax(60px,1fr) auto 67px 13px}.hp-initials{display:grid;place-items:center;width:22px;height:22px;font-size:8px;font-weight:600;background:var(--hp-muted);border-radius:5px}.hp-hat-chip{display:inline-flex;align-items:center;justify-content:center;font:500 9px/1.3 'JetBrains Mono',monospace;border:1px solid var(--hp-edge);border-radius:3px;padding:1px 3px}.hp-party-name strong{display:block;font-size:12px}.hp-party-name small,.hp-party-context small{display:block;color:var(--hp-secondary);font-size:11px;margin-top:3px}.hp-party-context{font-size:11px;color:var(--hp-secondary)}.hp-operation .hp-party-context{color:var(--hp-ink)}.hp-party-context small{font-size:10px}.hp-party-count{text-align:right;color:var(--hp-secondary);font-size:10px;white-space:nowrap}.hp-party-count b{font:500 14px 'JetBrains Mono',monospace;color:var(--hp-ink)}.hp-party-count small{display:block;margin-top:2px;font-size:10px}.hp-party-late{text-align:right;font-size:10px;color:var(--hp-late);white-space:nowrap}.hp-chevron{display:inline-flex;color:var(--hp-secondary);flex:none}.hp-chevron .hp-icon{width:12px;height:12px}
.hp-section-description{color:var(--hp-secondary);font-size:11px;margin-top:-6px!important;margin-bottom:15px!important}.hp-section-description b{color:var(--hp-ink);font-weight:500}.hp-desk{display:grid;grid-template-columns:194px minmax(0,1fr);border:1px solid var(--hp-edge);border-radius:14px;box-shadow:0 2px 2px #1f1f1f03,0 8px 20px -14px #1f1f1f1c;overflow:hidden}.hp-desk-rail{padding:8px;border-right:1px solid var(--hp-edge)}.hp-rail-item{position:relative;display:flex;align-items:center;gap:9px;padding:12px 9px;border-radius:9px;min-height:66px}.hp-rail-item>span:nth-child(2){min-width:0;flex:1}.hp-rail-item strong{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12px;letter-spacing:-.015em}.hp-rail-item small{display:block;font-size:10px;color:var(--hp-secondary);margin-top:3px;line-height:1.5}.hp-rail-count{font:500 12px 'JetBrains Mono',monospace;color:var(--hp-secondary)}.hp-rail-item.is-selected{background:var(--hp-muted)}.hp-rail-item.is-selected:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--hp-ink);border-radius:2px}.hp-rail-item.is-selected>.hp-entity-avatar{background:#f8f8f8;box-shadow:0 2px 3px #1f1f1f18}.hp-rail-caption{display:flex;justify-content:space-between;gap:7px;margin:13px 8px 5px;padding-top:14px;border-top:1px solid var(--hp-edge);font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--hp-secondary)}.hp-hrb{padding:1px 4px;border:1px solid #94643166;border-radius:12px;color:var(--hp-soon);font:500 7px 'JetBrains Mono',monospace;letter-spacing:.06em}.hp-rail-more{display:flex;align-items:center;justify-content:space-between;color:var(--hp-secondary);font-size:10px;padding:15px 9px}.hp-desk-detail{min-width:0;padding:0 20px}.hp-completion-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid var(--hp-edge)}.hp-completion-heading p{color:var(--hp-secondary);font-size:11px}.hp-completion-heading h4{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:8px 0 12px}.hp-completion-heading>div:last-child{text-align:right;font-size:11px}.hp-completion-heading small{display:block;font-size:10px;color:var(--hp-secondary);margin-top:8px}.hp-before{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 3px}.hp-pill{display:inline-block;background:var(--hp-ink);color:#fff;border-radius:20px;padding:7px 12px;font-size:10px;white-space:nowrap}.hp-readiness-row{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(82px,1fr) minmax(80px,.9fr) 12px;align-items:center;gap:12px;padding:14px 0;min-height:60px;border-bottom:1px solid var(--hp-edge-soft);font-size:11px}.hp-readiness-row>strong{font-size:12px}.hp-readiness-row small,.hp-building-row small{display:block;font-size:10px;color:var(--hp-secondary);margin-top:4px}.hp-state{position:relative;padding-left:11px}.hp-state:before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;background:currentColor;border-radius:50%}.hp-state-late{color:var(--hp-late)}.hp-state-soon{color:var(--hp-soon)}.hp-state-held{color:var(--hp-held)}.hp-row-note{color:var(--hp-secondary);font-size:10px;text-align:right}.hp-outline-pill{justify-self:end;border:1px solid var(--hp-edge);border-radius:20px;padding:5px 11px;font-size:10px}.hp-meter{min-width:0;text-align:right}.hp-meter-track{display:flex;overflow:hidden;height:4px;border-radius:3px;background:var(--hp-late)}.hp-meter-track i{display:block;height:100%;background:#94b9a5}.hp-meter>span{display:block;margin-top:6px;font:400 9px/1.4 'JetBrains Mono',monospace;color:var(--hp-secondary)}.hp-dwelling-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:11px}.hp-dwelling-row>span{display:flex;align-items:center;gap:9px;color:var(--hp-secondary)}.hp-dwelling-row .hp-icon{width:12px}.hp-desk-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--hp-edge);padding:13px 0;font-size:11px}.hp-desk-foot>span{display:flex;align-items:center;gap:8px}.hp-detail-heading{padding:19px 0 8px}.hp-building-row{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(120px,1.4fr) minmax(80px,1fr) 12px;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--hp-edge-soft);font-size:11px}.hp-building-row strong{font-size:12px}.hp-building-reading{font-size:11px}.hp-building-reading small{font-size:10px}.hp-pack-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding:10px 0 6px}.hp-pack-heading>span{font-size:9px;color:var(--hp-secondary)}.hp-pack-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) minmax(90px,1fr) 12px;align-items:center;gap:12px;border-bottom:1px solid var(--hp-edge-soft);padding:12px 0;min-height:53px;font-size:11px}.hp-pack-row:last-child{border-bottom:0;padding-bottom:17px}.hp-pack-row>strong{font-size:12px}.hp-complete-text{color:var(--hp-held);font-size:10px}.hp-pack-gap{color:var(--hp-secondary);font-size:10px}

/* Workspace identity from the original project dashboard frame. */
.hp-sidebar-bottom{margin-top:auto;padding-top:24px}
.hp-sidebar-bottom .hp-rail-footer{margin:0;padding-block:12px;border-bottom:1px solid var(--hp-edge-soft)}
.hp-account{display:flex;align-items:center;gap:8px;padding:12px 5px;min-width:0}
.hp-company-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e6eae7;color:#3f5750;flex:none}
.hp-company-mark svg{width:17px;height:17px}
.hp-account-label{display:grid;gap:2px;font-size:10px;min-width:0;line-height:1.35}
.hp-account-label strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-account-label small{font-size:9px;color:var(--hp-secondary)}
.hp-account>.hp-icon{margin-left:auto;width:11px;color:var(--hp-secondary)}
.hp-user-avatar{font-size:9px;font-weight:500;background:#e9edeb;color:#42534d}

/* Organisation launcher navigation: actual Projects, Recent and Files model. */
.hp-portfolio-nav .hp-nav-item:last-child{margin-top:0;border:0;border-radius:9px}
.hp-nav-section{margin:15px 8px 3px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--hp-secondary)}
.hp-files-heading{padding-top:18px;border-top:1px solid var(--hp-edge-soft)}
.hp-recent-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hp-file-item>span{display:block;line-height:1.35;white-space:normal}
.hp-file-item small{display:block;font-size:8px;line-height:1.5;margin-top:3px;color:var(--hp-secondary)}

@container hp-project (max-width:1050px){.hp-topbar,.hp-body{grid-template-columns:52px minmax(0,1fr)}.hp-switcher-slot{padding:9px}.hp-project-switch{padding:0;border:0;box-shadow:none;justify-content:center}.hp-switcher-label,.hp-project-switch>.hp-icon,.hp-nav-item>span,.hp-rail-footer>span{display:none}.hp-sidebar{padding:14px 6px 0}.hp-nav-item{padding:10px;justify-content:center}.hp-rail-footer{justify-content:center;padding-inline:0}.hp-content{padding-inline:24px}.hp-project-header{padding-inline:24px}.hp-desk{grid-template-columns:190px minmax(0,1fr)}.hp-account{padding-inline:0;justify-content:center}.hp-account-label,.hp-account>.hp-icon{display:none}.hp-nav-section{display:none}.hp-portfolio-nav .hp-file-item>span{display:none}}
@container hp-project (max-width:760px){.hp-topbar{grid-template-columns:44px minmax(0,1fr)}.hp-switcher-slot{border-right:0;padding:8px}.hp-project-header{padding-inline:8px 16px}.hp-body{grid-template-columns:1fr}.hp-sidebar{display:none}.hp-content{padding:20px}.hp-header-actions{gap:9px}.hp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-card{padding:15px}.hp-card:nth-child(odd){padding-left:0;border-right:1px solid var(--hp-edge)}.hp-card:nth-child(even){padding-right:0;border-right:0}.hp-card:nth-child(-n+2){border-bottom:1px solid var(--hp-edge)}.hp-cap{font-size:9px}.hp-card-note{min-height:44px}.hp-heading-extra{display:none}.hp-party-row,.hp-construction .hp-party-row{grid-template-columns:22px minmax(0,1fr) auto 12px;gap:10px}.hp-party-context,.hp-party-late{display:none}.hp-desk{grid-template-columns:162px minmax(0,1fr)}.hp-desk-detail{padding-inline:15px}.hp-rail-item{padding-inline:6px;gap:6px}.hp-rail-item>.hp-entity-avatar,.hp-rail-item>.hp-project-avatar{width:24px;height:24px}.hp-rail-count{font-size:10px}.hp-rail-caption{font-size:7px}.hp-readiness-row,.hp-building-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px;gap:10px}.hp-readiness-row>.hp-meter,.hp-building-row>.hp-meter{grid-column:2;grid-row:2}.hp-readiness-row>.hp-chevron,.hp-building-row>.hp-chevron{grid-column:3;grid-row:1}.hp-readiness-row>.hp-row-note{grid-column:2;text-align:left}.hp-pack-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px;gap:6px}.hp-pack-row>.hp-pack-gap,.hp-pack-row>.hp-complete-text{grid-row:2;grid-column:1}.hp-pack-row>.hp-meter{grid-column:2;grid-row:1/3}.hp-pack-row>.hp-chevron{grid-column:3;grid-row:1/3}.hp-pack-heading>span{display:none}.hp-completion-heading{align-items:start}.hp-completion-heading h4{font-size:23px}.hp-completion-heading>div:last-child{max-width:86px}}
@container hp-project (max-width:540px){.hp-content{padding:18px 15px 20px}.hp-crumb>span,.hp-crumb>.hp-icon,.hp-header-actions>.hp-icon,.hp-user-avatar{display:none}.hp-crumb{font-size:11px}.hp-ai-button{font-size:9px;padding:5px 7px;gap:3px}.hp-ai-button .hp-icon{width:13px}.hp-topbar{min-height:50px}.hp-toolbar{gap:8px;margin-bottom:16px;align-items:start}.hp-phase{font-size:11px}.hp-phase>span{padding:6px 9px}.hp-filter{min-width:0;border:0;padding:5px 0;font-size:10px;gap:5px}.hp-filter>small,.hp-filter>.hp-icon:first-child{display:none}.hp-filter small{font-size:8px}.hp-filter>.hp-icon{width:10px}.hp-card{padding:14px 11px}.hp-card-value{font-size:34px;gap:4px}.hp-card-value>span{font-size:10px}.hp-card-note{font-size:11px;min-height:64px}.hp-door{font-size:10px;gap:4px}.hp-arrow{font-size:16px}.hp-cap{font-size:8px;letter-spacing:.08em;gap:5px}.hp-responsibility,.hp-work-section{margin-top:23px}.hp-party-row{min-height:65px}.hp-party-name strong{font-size:11px}.hp-party-name small{font-size:10px}.hp-party-count b{font-size:13px}.hp-party-count{font-size:9px}.hp-party-count small{font-size:9px}.hp-section-heading{gap:8px}.hp-text-link{font-size:10px;gap:6px}.hp-section-description{font-size:10px}.hp-desk{grid-template-columns:1fr}.hp-desk-rail{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-right:0;border-bottom:1px solid var(--hp-edge);padding:6px}.hp-rail-item{min-height:68px;padding:8px 7px;align-items:center}.hp-rail-item:not(.is-selected):not(.is-scheme),.hp-rail-caption,.hp-rail-more{display:none}.hp-rail-item strong{font-size:11px;gap:3px}.hp-rail-item small{font-size:9px}.hp-rail-item.is-selected:before{top:8px;bottom:8px}.hp-rail-count{display:none}.hp-rail-item>.hp-entity-avatar,.hp-rail-item>.hp-project-avatar{width:22px;height:22px}.hp-hrb{font-size:6px}.hp-desk-detail{padding-inline:13px}.hp-completion-heading{padding:16px 0;gap:9px}.hp-completion-heading h4{font-size:25px}.hp-completion-heading>div:last-child{font-size:10px;max-width:90px}.hp-completion-heading small{font-size:9px}.hp-readiness-row>strong,.hp-building-row strong,.hp-pack-row>strong{font-size:11px}.hp-readiness-row,.hp-building-row{font-size:10px;padding:13px 0}.hp-meter>span{font-size:8px}.hp-pill{padding:7px 10px;font-size:9px}.hp-desk-foot{font-size:10px}.hp-pack-row{min-height:55px}.hp-building-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 10px}.hp-detail-heading{padding-top:16px}}