@media screen {
/* ALFA: compact contextual workspace and personal appearance. */
#scope-build.alfa-iteration3{font-family:var(--alfa-font);background:var(--alfa-canvas)}
#scope-build.alfa-iteration3>header{background:var(--alfa-side);color:var(--alfa-side-ink);overflow-x:hidden}
#scope-build.alfa-iteration3>header nav{flex-wrap:nowrap;min-width:0;overflow:visible}
#scope-build.alfa-iteration3>header nav button{color:var(--alfa-side-ink)}
#scope-build.alfa-iteration3>header small,#scope-build.alfa-iteration3 .sidebar-customer,#scope-build.alfa-iteration3 .sidebar-switch{color:var(--alfa-side-muted)}
#scope-build.alfa-iteration3 main button.primary,#scope-build.alfa-iteration3 .settings-steps [aria-pressed=true]{background:var(--alfa-accent);color:var(--alfa-accent-ink);border-color:var(--alfa-accent)}
#scope-build.alfa-iteration3 .sidebar-logo{background:transparent;border:0;padding:0;box-shadow:none}
#scope-build.alfa-iteration3 .sidebar-logo img{width:var(--alfa-logo-size);max-width:100%;max-height:90px;object-fit:contain;object-position:left center}
#scope-build.alfa-iteration3 .sidebar-business>strong[hidden]{display:none}
#scope-build.project-workspace>header{width:290px;padding:16px 10px}
#scope-build.project-workspace{padding-left:290px}
#scope-build.project-workspace>header nav{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;align-content:start}
#scope-build.project-workspace .global-nav-links{display:flex;flex-direction:column;gap:6px;min-width:0}
#scope-build.project-workspace .global-nav-links>button{width:44px;min-width:44px;padding:12px;position:relative;white-space:nowrap;overflow:hidden}
#scope-build.project-workspace .global-nav-label{display:none}
#scope-build.project-workspace .sidebar-project{min-width:0;margin:0;padding:10px 0;border-top:0;width:auto}
#scope-build.project-workspace .sidebar-project select{width:100%;max-width:100%;min-width:0}
#scope-build.project-workspace .sidebar-project-photo{flex-wrap:wrap}
#scope-build.project-workspace .sidebar-project-photo strong{overflow-wrap:anywhere}
#scope-build.project-workspace.main-nav-expanded .global-nav-links{position:absolute;left:10px;width:210px;z-index:25;background:var(--alfa-side);padding:8px;box-shadow:6px 6px 24px #0004;border:1px solid #8797a755;border-radius:8px}
#scope-build.project-workspace.main-nav-expanded .global-nav-links>button{width:100%;display:flex;gap:12px}
#scope-build.project-workspace.main-nav-expanded .global-nav-label{display:inline}
#scope-build.alfa-iteration3.context-available{grid-template-columns:minmax(0,1fr)}
#scope-build.alfa-iteration3.context-available>main{grid-row:1;grid-column:1;min-width:0}
#scope-build.alfa-iteration3 .workspace-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;margin:16px 0}
#scope-build.alfa-iteration3 .workspace-heading h1{margin:8px 0}
#scope-build.alfa-iteration3 .workspace-header-photo{padding:0;border:0;background:transparent;width:220px;height:130px;overflow:hidden;border-radius:8px}
#scope-build.alfa-iteration3 .workspace-header-photo img{width:100%;height:100%;object-fit:cover}
#scope-build.alfa-iteration3 .workspace-header-photo .project-photo-placeholder{height:100%;width:100%}
#scope-build.alfa-iteration3 .workspace-primary-actions{margin-top:12px}
#scope-build.alfa-iteration3 .workspace-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;margin-bottom:16px;border-top:1px solid #dce3e2;border-bottom:1px solid #dce3e2}
#scope-build.alfa-iteration3 .workspace-status{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}
#scope-build.alfa-iteration3 .workspace-status select{padding:9px;border:1px solid #cbd6d9;border-radius:6px;background:white;color:#193343;font:inherit;font-size:13px}
#scope-build.alfa-iteration3 .workspace-toolbar button{white-space:nowrap}
#scope-build.alfa-iteration3 .workspace-toolbar .estimate-utility-actions{margin-left:auto}
#scope-build.alfa-iteration3 .context-inspector{top:80px;max-height:calc(100vh - 100px);z-index:30;box-shadow:0 8px 36px #152d3c33}
#scope-build.alfa-iteration3 .appearance-form{max-width:1000px;padding:24px}
#scope-build.alfa-iteration3 .appearance-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
#scope-build.alfa-iteration3 .appearance-fields label{display:flex;flex-direction:column;gap:8px}
#scope-build.alfa-iteration3 .appearance-fields .check{flex-direction:row;align-items:center}
#scope-build.alfa-iteration3 .appearance-fields select{padding:10px}
#scope-build.alfa-iteration3 .accent-swatches{display:flex;gap:10px;align-items:center}
#scope-build.alfa-iteration3 .accent-swatches button{height:30px;width:30px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #8899a0}
#scope-build.alfa-iteration3 .appearance-preview{display:grid;grid-template-columns:180px 1fr;border:1px solid #dce3e2;border-radius:8px;overflow:hidden;background:var(--alfa-canvas)}
#scope-build.alfa-iteration3 .appearance-preview>div{padding:20px}
#scope-build.alfa-iteration3 .appearance-preview-side{background:var(--alfa-side);color:var(--alfa-side-ink);display:flex;flex-direction:column;gap:12px}
#scope-build.alfa-iteration3 .appearance-preview-side img{max-width:100%;max-height:80px;object-fit:contain}
#scope-build.alfa-iteration3 .appearance-help{font-size:12px;color:#657681}
#scope-build.alfa-iteration3 .compact-project-details .project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:start}
#scope-build.alfa-iteration3 .project-detail-fields{display:flex;flex-direction:column;gap:14px}
#scope-build.alfa-iteration3 .project-detail-fields label{margin:0}
#scope-build.alfa-iteration3 .compact-project-details .project-details-cover{margin:0;height:auto}
#scope-build.alfa-iteration3 .compact-project-details .project-details-cover img{height:130px;width:100%;object-fit:cover}
#scope-build.alfa-iteration3 .compact-project-details .project-details-cover button{margin-top:10px}
#scope-build.alfa-iteration3 .compact-project-details .modal-footer{margin-top:16px}
#scope-build.alfa-iteration3 .project-detail-customer{font-size:12px;color:#687b86}
#scope-build.alfa-iteration3 .enlarged-project-photo img{max-width:100%;max-height:65vh;object-fit:contain}
@media(min-width:1450px){#scope-build.alfa-iteration3.has-context-panel{grid-template-columns:minmax(0,1fr) 300px}#scope-build.alfa-iteration3 .context-inspector{box-shadow:none}}
@media(max-width:900px){#scope-build.project-workspace>header{width:250px}#scope-build.project-workspace{padding-left:250px}#scope-build.alfa-iteration3 .workspace-heading{grid-template-columns:minmax(0,1fr) 150px}#scope-build.alfa-iteration3 .workspace-header-photo{width:150px;height:110px}}
@media(max-width:700px){#scope-build.project-workspace{padding-left:0}#scope-build.project-workspace>header{position:relative;width:auto;top:auto;height:auto;max-height:none}#scope-build.project-workspace>header nav{grid-template-columns:44px minmax(0,1fr)}#scope-build.project-workspace.main-nav-expanded .global-nav-links{position:fixed;top:42px;bottom:16px;overflow-y:auto}#scope-build.alfa-iteration3 .workspace-heading{grid-template-columns:minmax(0,1fr) 110px;gap:12px}#scope-build.alfa-iteration3 .workspace-header-photo{width:110px;height:90px}#scope-build.alfa-iteration3 .appearance-fields{grid-template-columns:1fr}#scope-build.alfa-iteration3 .compact-project-details .project-detail-layout{grid-template-columns:1fr}#scope-build.alfa-iteration3 .compact-project-details .project-details-cover{max-width:180px}}
#scope-build.alfa-studio.alfa-iteration3{background:var(--alfa-canvas)!important;font-family:var(--alfa-font)!important}
#scope-build.alfa-studio.alfa-iteration3>header{background:var(--alfa-side)!important}
#scope-build.alfa-studio.project-workspace{padding-left:290px!important}
#scope-build.alfa-studio.project-workspace .global-nav-links svg{color:var(--alfa-side-ink)!important;opacity:1}
#scope-build.alfa-studio.alfa-iteration3 .workspace-header-photo .project-cover{height:100%;min-height:0;width:100%}
#scope-build.alfa-studio.alfa-iteration3 .compact-project-details .project-cover{height:130px;min-height:0}
@media(max-width:900px){#scope-build.alfa-studio.project-workspace{padding-left:250px!important}}
@media(max-width:700px){#scope-build.alfa-studio.project-workspace{padding-left:0!important}#scope-build.alfa-studio.project-workspace .sidebar-project{grid-column:2}#scope-build.alfa-studio.project-workspace>header nav{grid-template-columns:44px minmax(0,1fr)}}
#scope-build.alfa-iteration3 .global-nav-links .sb-feature-icon{filter:none;color:var(--alfa-side-ink);opacity:1}
#scope-build.alfa-iteration3 .appearance-preview-side>strong[hidden]{display:none}
#scope-build.alfa-iteration3 .appearance-preview-side img{width:var(--alfa-logo-size)}
#scope-build.alfa-iteration3 .compact-project-details .project-detail-layout{padding:16px 0}
#scope-build.alfa-iteration3 .project-detail-customer{margin-left:16px;margin-right:auto}
#scope-build.alfa-studio.alfa-iteration3>header .company,#scope-build.alfa-studio.alfa-iteration3 .sidebar-business strong,#scope-build.alfa-studio.alfa-iteration3 .studio-tagline{color:var(--alfa-side-ink)}
#scope-build.alfa-studio.alfa-iteration3[data-theme=light] .studio-wordmark,#scope-build.alfa-studio.alfa-iteration3[data-theme=warm] .studio-wordmark{color:var(--alfa-side-ink)}
#scope-build.alfa-studio.alfa-iteration3>header nav button[aria-pressed=true],#scope-build.alfa-studio.alfa-iteration3 .project-destination[aria-current=page]{color:var(--alfa-accent-ink);background:var(--alfa-accent)}
#scope-build.alfa-iteration3 .appearance-fields input[type=color]{width:70px;height:38px;padding:3px}
#scope-build.alfa-iteration3 .appearance-preview button:disabled{opacity:1}

@media(max-width:700px){
#scope-build.alfa-studio.alfa-iteration3.context-available{display:block}
#scope-build.alfa-studio.project-workspace>header nav{display:flex;flex-direction:column;gap:12px}
#scope-build.alfa-studio.project-workspace .global-nav-links{flex-direction:row;flex-wrap:wrap}
#scope-build.alfa-studio.project-workspace .sidebar-project{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}
#scope-build.alfa-studio.project-workspace .sidebar-project-photo{margin:0}
#scope-build.alfa-studio.project-workspace .sidebar-customer{display:none}
#scope-build.alfa-studio.project-workspace .project-navigation{grid-column:1/-1}
#scope-build.alfa-studio.project-workspace .project-nav-links{grid-template-columns:repeat(4,minmax(0,1fr))}
#scope-build.alfa-studio.project-workspace .project-navigation .project-lock-hint{display:none}
#scope-build.alfa-studio.project-workspace.main-nav-expanded .global-nav-links{flex-direction:column;flex-wrap:nowrap}
}
}