/* ALPHA DESIGN ERP v4.8.0 — Project / Design / Construction functional layout */
.project-master-screen,.design-workspace,.construction-operations-screen{min-width:0;padding-bottom:28px}
.project-master-hero,.design-workspace__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:20px;background:linear-gradient(135deg,var(--surface,#fff),var(--surface-subtle,var(--surface-soft,#f6f8fb)));box-shadow:0 10px 30px rgba(15,23,42,.055)}
.project-master-hero>div:first-child,.design-workspace__hero>div:first-child{min-width:0;max-width:850px}.project-master-hero h2,.design-workspace__hero h2{margin:5px 0 7px;font-size:clamp(1.5rem,2vw,1.95rem);letter-spacing:-.035em}.project-master-hero p,.design-workspace__hero p{max-width:790px;margin:0;color:var(--muted);line-height:1.6}
.project-master-hero__metrics,.design-workspace__metrics{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));min-width:min(430px,42%);overflow:hidden;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:15px;background:var(--surface,#fff)}
.project-master-hero__metrics>div,.design-workspace__metrics>div{display:grid;gap:4px;padding:14px 16px;border-inline-start:1px solid var(--border-color,var(--border,#c9dbe4))}.project-master-hero__metrics>div:first-child,.design-workspace__metrics>div:first-child{border-inline-start:0}.project-master-hero__metrics span,.design-workspace__metrics span{color:var(--muted);font-size:11px;font-weight:700}.project-master-hero__metrics strong,.design-workspace__metrics strong{font-size:18px;line-height:1.1}.project-master-hero__metrics .is-attention strong,.design-workspace__metrics .is-attention strong{color:var(--danger,#d92d20)}
.project-lifecycle-section,.design-workspace__stages,.construction-today{margin-top:16px;padding:18px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:18px;background:var(--surface,#fff)}
.project-section-heading,.construction-today__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.project-section-heading h3,.construction-today__heading h3{margin:3px 0 0;font-size:16px;letter-spacing:-.02em}.project-section-heading p,.construction-today__heading p{max-width:660px;margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}
.project-lifecycle-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.project-lifecycle-step{position:relative;min-width:0;padding:13px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:13px;background:var(--surface-subtle,var(--surface-soft,#f7f9fc))}.project-lifecycle-step:not(:last-child)::after{content:"";position:absolute;top:25px;right:-9px;width:10px;height:1px;background:var(--border-color,var(--border,#d9e1ea));z-index:2}.project-lifecycle-step__top{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px}.project-lifecycle-step__index{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface,#fff);border:1px solid var(--border-color,var(--border,#d9e1ea));font-size:11px;font-weight:800}.project-lifecycle-step strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-lifecycle-step b{font-size:18px}.project-lifecycle-step small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.35}.project-lifecycle-step.is-construction{border-color:color-mix(in srgb,var(--primary,#1a5777) 45%,var(--border,#d9e1ea));background:color-mix(in srgb,var(--primary,#1a5777) 6%,var(--surface,#fff))}
.project-master-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.project-master-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:12px;background:var(--surface,#fff)}.project-master-summary span{color:var(--muted);font-size:11px}.project-master-summary strong{font-size:13px}.project-master-list{margin-top:0!important}.project-name-cell{max-width:360px}.project-routing-hint{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.project-routing-hint span{padding:2px 6px;border-radius:999px;background:var(--surface-subtle,var(--surface-soft,#f6f8fb));color:var(--muted);font-size:9px;font-weight:700}
.project-stage-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:999px;background:var(--surface-subtle,var(--surface-soft,#f6f8fb));font-size:10px;font-weight:800;white-space:nowrap}.project-stage-badge.is-construction{border-color:color-mix(in srgb,var(--primary,#1a5777) 50%,var(--border,#d9e1ea));background:color-mix(in srgb,var(--primary,#1a5777) 10%,var(--surface,#fff))}.project-stage-badge.is-construction-design{border-color:color-mix(in srgb,var(--warning,#f79009) 45%,var(--border,#d9e1ea))}
.design-workspace__stages{margin-top:16px}.design-stage-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.design-stage-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:13px;background:var(--surface-subtle,var(--surface-soft,#f7f9fc))}.design-stage-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid var(--border-color,var(--border,#d9e1ea));background:var(--surface,#fff);font-size:11px;font-weight:800}.design-stage-card div{min-width:0}.design-stage-card strong,.design-stage-card small{display:block}.design-stage-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.design-stage-card small{margin-top:2px;color:var(--muted);font-size:9px}.design-stage-card b{font-size:19px}.design-workbench{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.design-workbench__item,.construction-quick-actions button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:13px;background:var(--surface,#fff);color:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.design-workbench__item:hover,.construction-quick-actions button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary,#1a5777) 45%,var(--border,#d9e1ea));box-shadow:0 6px 18px rgba(15,23,42,.06)}.design-workbench__item>span,.construction-quick-actions button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-subtle,var(--surface-soft,#f6f8fb));font-size:10px;font-weight:800}.design-workbench__item div,.construction-quick-actions button div{min-width:0}.design-workbench__item strong,.design-workbench__item small,.construction-quick-actions button strong,.construction-quick-actions button small{display:block}.design-workbench__item strong,.construction-quick-actions button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.design-workbench__item small,.construction-quick-actions button small{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.3}.design-workbench__item>b,.construction-quick-actions button>b{font-size:15px}.design-project-list{margin-top:0!important}.compact-progress{height:4px!important;margin-top:5px;min-width:72px}
.construction-operations-hero{align-items:center!important}.construction-stage-pill{display:inline-flex;margin-top:6px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--primary,#1a5777) 35%,var(--border,#d9e1ea));border-radius:999px;background:color-mix(in srgb,var(--primary,#1a5777) 7%,var(--surface,#fff));font-size:10px;font-weight:800}.construction-workspace__project small{color:var(--muted);font-size:10px;font-weight:650}.construction-today{margin-top:0}.construction-quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.construction-quick-actions button{grid-template-columns:28px minmax(0,1fr) auto;padding:11px}.construction-quick-actions button>span{width:28px;height:28px}.construction-workspace__nav{top:calc(var(--topbar-height,64px) + 6px)}
.table-design-workstreams td:first-child{min-width:220px}.table-design-workstreams td:nth-child(2){min-width:130px}.table-design-workstreams td.actions{min-width:150px}
html[data-theme="dark"] .project-master-hero,html[data-theme="dark"] .design-workspace__hero,html[data-theme="dark"] .project-lifecycle-section,html[data-theme="dark"] .design-workspace__stages,html[data-theme="dark"] .construction-today{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .project-lifecycle-step,html[data-theme="dark"] .design-stage-card,html[data-theme="dark"] .project-routing-hint span,html[data-theme="dark"] .design-workbench__item>span,html[data-theme="dark"] .construction-quick-actions button>span{background:var(--surface-2)}
@media (max-width:1180px){.project-lifecycle-board{grid-template-columns:repeat(3,minmax(0,1fr))}.project-lifecycle-step::after{display:none}.construction-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.design-workbench{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.project-master-hero,.design-workspace__hero{display:grid;align-items:start;padding:18px}.project-master-hero__metrics,.design-workspace__metrics{width:100%;min-width:0}.project-lifecycle-board,.design-stage-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-master-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project-section-heading,.construction-today__heading{align-items:flex-start;flex-direction:column}.project-section-heading p,.construction-today__heading p{text-align:left}.construction-workspace__nav{position:relative;top:auto}}
@media (max-width:640px){.project-master-hero,.design-workspace__hero{padding:15px;border-radius:16px}.project-master-hero__metrics,.design-workspace__metrics{grid-template-columns:1fr}.project-master-hero__metrics>div,.design-workspace__metrics>div{border-inline-start:0;border-top:1px solid var(--border-color,var(--border,#c9dbe4));padding:10px 12px}.project-master-hero__metrics>div:first-child,.design-workspace__metrics>div:first-child{border-top:0}.project-lifecycle-section,.design-workspace__stages,.construction-today{padding:14px;border-radius:15px}.project-lifecycle-board,.design-stage-rail,.project-master-summary,.design-workbench,.construction-quick-actions{grid-template-columns:1fr}.project-lifecycle-step small{font-size:10px}.design-workbench__item,.construction-quick-actions button{min-height:54px}.construction-workspace__hero{padding:16px!important}.construction-stage-pill{max-width:100%;white-space:normal}.table-design-workstreams td:first-child{min-width:190px}}

/* Functional layout refinement — Project / Design / Construction */
.project-lifecycle-step{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;background:var(--surface-subtle,var(--surface-soft,#f7f9fc))}
.project-lifecycle-step:hover,.project-lifecycle-step:focus-visible,.design-stage-card:hover,.design-stage-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary,#1a5777) 45%,var(--border,#d9e1ea));box-shadow:0 9px 24px rgba(15,23,42,.07);outline:none}
.project-lifecycle-step__bar{display:block;height:3px;margin-top:11px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--muted,#546a7c) 14%,transparent)}.project-lifecycle-step__bar i{display:block;height:100%;border-radius:inherit;background:var(--primary,#1a5777)}
.project-portfolio-pulse,.design-attention-strip,.construction-portfolio-pulse,.construction-operating-rhythm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.project-portfolio-pulse article,.design-attention-strip article,.construction-portfolio-pulse article,.construction-operating-rhythm article{min-width:0;padding:13px 14px;border:1px solid var(--border-color,var(--border,#d9e1ea));border-radius:13px;background:var(--surface,#fff)}
.project-portfolio-pulse span,.design-attention-strip span,.construction-portfolio-pulse span,.construction-operating-rhythm span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.project-portfolio-pulse strong,.design-attention-strip strong,.construction-portfolio-pulse strong,.construction-operating-rhythm strong{display:block;margin-top:5px;font-size:18px;line-height:1.1;letter-spacing:-.02em}
.project-portfolio-pulse small,.design-attention-strip small,.construction-portfolio-pulse small,.construction-operating-rhythm small{display:block;margin-top:5px;color:var(--muted);font-size:9.5px;line-height:1.35}
.project-portfolio-pulse .is-attention,.design-attention-strip .is-attention,.construction-portfolio-pulse .is-attention{border-color:color-mix(in srgb,var(--warning,#f79009) 45%,var(--border,#d9e1ea));background:color-mix(in srgb,var(--warning,#f79009) 5%,var(--surface,#fff))}
.project-portfolio-pulse .is-attention strong,.design-attention-strip .is-attention strong,.construction-portfolio-pulse .is-attention strong{color:var(--warning,#b54708)}
.design-stage-card{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.design-workbench__item{grid-template-columns:30px minmax(0,1fr) auto auto}.design-workbench__item em{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface-subtle,var(--surface-soft,#f6f8fb));color:var(--muted);font-size:10px;font-style:normal;font-weight:800}
.construction-portfolio-pulse{margin-top:14px;margin-bottom:8px}.construction-operating-rhythm{margin-top:8px;margin-bottom:16px}.construction-operating-rhythm article{background:var(--surface-subtle,var(--surface-soft,#f7f9fc))}.construction-operating-rhythm strong{font-size:12px}.construction-quick-actions button strong{white-space:normal;line-height:1.25}.construction-quick-actions button{min-height:72px}
.project-master-list .operations-table-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(170px,220px) minmax(160px,200px) auto;align-items:center}.design-project-list .operations-table-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,260px) auto;align-items:center}
html[data-theme="dark"] .project-portfolio-pulse article,html[data-theme="dark"] .design-attention-strip article,html[data-theme="dark"] .construction-portfolio-pulse article,html[data-theme="dark"] .construction-operating-rhythm article{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .construction-operating-rhythm article,html[data-theme="dark"] .design-workbench__item em{background:var(--surface-2)}
@media (max-width:1180px){.project-portfolio-pulse,.design-attention-strip,.construction-portfolio-pulse,.construction-operating-rhythm{grid-template-columns:repeat(2,minmax(0,1fr))}.project-master-list .operations-table-tools,.design-project-list .operations-table-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.project-master-list .operations-table-tools [data-filter-count],.design-project-list .operations-table-tools [data-filter-count]{grid-column:1/-1;justify-self:start}}
@media (max-width:640px){.project-portfolio-pulse,.design-attention-strip,.construction-portfolio-pulse,.construction-operating-rhythm{grid-template-columns:1fr 1fr}.project-master-list .operations-table-tools,.design-project-list .operations-table-tools{display:flex;flex-direction:column;align-items:stretch}.project-portfolio-pulse article,.design-attention-strip article,.construction-portfolio-pulse article,.construction-operating-rhythm article{padding:11px}.project-portfolio-pulse strong,.design-attention-strip strong,.construction-portfolio-pulse strong{font-size:16px}.design-workbench__item{grid-template-columns:30px minmax(0,1fr) auto auto}}
@media (max-width:430px){.project-portfolio-pulse,.design-attention-strip,.construction-portfolio-pulse,.construction-operating-rhythm{grid-template-columns:1fr}}
.project-routing-rule{display:flex;align-items:center;gap:9px;margin:-4px 0 14px;padding:8px 11px;border:1px dashed var(--border-color,var(--border,#d9e1ea));border-radius:11px;color:var(--muted);font-size:10px}.project-routing-rule span{font-weight:800;text-transform:uppercase;letter-spacing:.04em}.project-routing-rule strong{color:var(--text,#101828);font-size:11px}.project-routing-rule small{margin-left:auto}html[data-theme="dark"] .project-routing-rule strong{color:var(--text)}@media(max-width:640px){.project-routing-rule{align-items:flex-start;flex-wrap:wrap}.project-routing-rule small{width:100%;margin-left:0}}