/* BuildACS shell source stylesheet — copied to public assets by webpack. */
:root {
  --acs-navy: #101828;
  --acs-sidebar: #101828;
  --acs-purple: #6941c6;
  --acs-blue: #175cd3;
  --acs-border: #e4e7ec;
  --vz-vertical-menu-bg-dark: var(--acs-sidebar);
  --vz-header-bg: #fff;
}

body { background: #f5f7fb; }
.buildacs-topbar { border-bottom: 1px solid var(--acs-border); box-shadow: 0 1px 3px rgba(16,24,40,.04); }
.buildacs-brand { display: inline-flex; align-items: center; gap: .65rem; color: inherit; text-decoration: none; }
.buildacs-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border-radius: 11px; color: #fff; background: linear-gradient(145deg,#7f56d9,#175cd3); box-shadow: 0 6px 16px rgba(105,65,198,.24); }
.buildacs-mark svg { width: 25px; height: 25px; display: block; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.buildquality-brand .buildquality-mark { border-radius: 13px; background: linear-gradient(145deg,#0f766e,#14b8a6); box-shadow: 0 7px 18px rgba(15,118,110,.26); }
.buildacs-wordmark { display: flex; flex-direction: column; line-height: 1.05; }
.buildacs-wordmark strong { display: flex; align-items: baseline; color: #101828; font-size: 1.2rem; font-weight: 750; letter-spacing: -.035em; white-space: nowrap; }
.buildacs-wordmark strong b { color: #6941c6; font-weight: 850; }
.buildquality-brand .buildacs-wordmark strong b { color: #0f766e; }
.buildacs-wordmark small { margin-top: .2rem; color: #98a2b3; font-size: .58rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.lg-universe .lg-topbar-brand .buildacs-wordmark strong,
.lg-universe .lg-topbar-brand .buildacs-wordmark strong span { color: var(--lg-text-strong); }
.buildacs-sidebar .navbar-brand-box { height: 72px; padding: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.buildacs-sidebar a.buildacs-sidebar-brand { width: 100%; height: 72px; display: flex !important; align-items: center; gap: .7rem; padding: 0 22px; color: #fff; }
.buildacs-sidebar .buildacs-wordmark strong { color: #fff; }
.buildacs-sidebar .buildacs-wordmark strong b { color: #c4b5fd; }
.pqc-sidebar .buildquality-brand .buildacs-wordmark strong b { color: #5eead4; }
.buildacs-sidebar .buildacs-wordmark small { color: #98a2b3; }
.buildacs-context-button, .buildacs-role-button, .buildacs-role-context { min-height: 46px; display: flex; align-items: center; gap: .6rem; padding: .4rem .7rem; border: 1px solid var(--acs-border); border-radius: 10px; color: #344054; background: #fff; }
.buildacs-context-button { max-width: 330px; }
.buildacs-context-button > i:first-child { color: var(--acs-blue); font-size: 1.05rem; }
.buildacs-context-button span, .buildacs-role-context span, .buildacs-role-button span { min-width: 0; display: flex; flex-direction: column; text-align: left; line-height: 1.15; }
.buildacs-context-button small, .buildacs-role-context small, .buildacs-role-button small { color: #98a2b3; font-size: .61rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.buildacs-context-button strong, .buildacs-role-context strong, .buildacs-role-button strong { max-width: 230px; overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.buildacs-role-context > i:first-child, .buildacs-role-button > i:first-child { color: var(--role-color); font-size: 1.05rem; }
.buildacs-role-button { cursor: pointer; }
.buildacs-project-menu { min-width: 310px; }
.buildacs-project-menu .dropdown-item { display: flex; align-items: center; }
.buildacs-project-menu .dropdown-item span { display: flex; flex-direction: column; }
.buildacs-project-menu .dropdown-item small { color: #98a2b3; font-size: .68rem; }
.buildacs-search { position: relative; margin-right: .5rem; }
.buildacs-search i { position: absolute; left: .8rem; top: .72rem; color: #98a2b3; }
.buildacs-search input { width: 250px; height: 38px; padding: 0 .8rem 0 2.25rem; border: 1px solid var(--acs-border); border-radius: 9px; outline: none; background: #f9fafb; font-size: .78rem; }
.buildacs-search input:focus { border-color: #b692f6; box-shadow: 0 0 0 3px #f4ebff; background: #fff; }
.buildacs-user-button { display: flex; align-items: center; gap: .55rem; padding: .35rem .45rem; border: 0; }
.buildacs-user-button strong { max-width: 160px; overflow: hidden; color: #344054; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.buildacs-user-button small { color: #98a2b3; font-size: .64rem; }
.buildacs-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #6941c6; background: #f4ebff; font-weight: 800; }
.buildacs-sidebar-context { display: flex; align-items: center; gap: .7rem; margin: .75rem .75rem .35rem; padding: .8rem; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #fff; background: rgba(255,255,255,.055); }
.buildacs-sidebar-context__icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 34px; border-radius: 9px; background: rgba(255,255,255,.09); font-size: 1.1rem; }
.buildacs-sidebar-context > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.buildacs-sidebar-context small { color: #98a2b3; font-size: .59rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.buildacs-sidebar-context strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.buildacs-sidebar .navbar-nav .nav-link { gap: .65rem; margin: 2px 8px; border-radius: 8px; }
.buildacs-sidebar .navbar-nav .nav-link.active { color: #fff; background: linear-gradient(90deg,rgba(127,86,217,.28),rgba(23,92,211,.18)); }
.buildacs-sidebar .navbar-nav .nav-link .badge { margin-left: auto; color: #d6bbfb; background: rgba(127,86,217,.2); }
.buildacs-no-access { display: flex; gap: .6rem; margin: .5rem .8rem; padding: .8rem; border-radius: 8px; color: #98a2b3; background: rgba(255,255,255,.04); font-size: .75rem; }
.page-content { padding-top: calc(70px + 1.5rem); }
.footer { border-top: 1px solid var(--acs-border); color: #98a2b3; background: #fff; font-size: .72rem; }
@media (max-width: 1199.98px) { .buildacs-context-button strong { max-width: 150px; } }
@media (max-width: 767.98px) { .buildacs-context { display: none; } .buildacs-wordmark small { display: none; } }
[data-sidebar-size="sm"] .buildacs-sidebar a.buildacs-sidebar-brand { justify-content: center; padding: 0; }
[data-sidebar-size="sm"] .buildacs-sidebar .buildacs-wordmark { display: none; }
.buildacs-projects-page { max-width: 1280px; margin: 0 auto; }
.buildacs-access-note { display: flex; align-items: center; gap: .7rem; padding: .7rem .85rem; border: 1px solid #d6bbfb; border-radius: 10px; color: #6941c6; background: #f9f5ff; }
.buildacs-access-note > i { font-size: 1.25rem; }
.buildacs-access-note span { display: flex; flex-direction: column; }
.buildacs-access-note strong { font-size: .75rem; }
.buildacs-access-note small { color: #667085; font-size: .66rem; }
.buildacs-project-card { height: 100%; display: block; padding: 1.25rem; border: 1px solid var(--acs-border); border-radius: 14px; color: inherit; background: #fff; text-decoration: none; transition: .16s ease; }
.buildacs-project-card:hover { color: inherit; border-color: #b692f6; box-shadow: 0 14px 30px rgba(52,34,94,.09); transform: translateY(-2px); }
.buildacs-project-card__icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg,#7f56d9,#175cd3); font-weight: 800; }
.buildacs-project-card h4 { margin: 1rem 0 .2rem; }
.buildacs-project-contexts { min-height: 82px; margin-top: 1rem; padding: .85rem; border-radius: 10px; background: #f9fafb; }
.buildacs-project-contexts span { display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .52rem; border-radius: 999px; color: var(--context-color); background: color-mix(in srgb,var(--context-color) 9%,white); font-size: .69rem; font-weight: 700; }
.buildacs-project-contexts .buildacs-pending-context { --context-color:#667085; }
.buildacs-project-card__footer { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding-top: .85rem; border-top: 1px solid #eaecf0; color: #6941c6; font-size: .75rem; font-weight: 700; }
.buildquality-projects-page .assurance-eyebrow { color: #0f766e !important; }
.buildquality-projects-page .buildacs-access-note { border-color: #99f6e4; color: #0f766e; background: #f0fdfa; }
.buildquality-projects-page .buildacs-project-card:hover { border-color: #5eead4; box-shadow: 0 14px 30px rgba(15,118,110,.10); }
.buildquality-projects-page .buildacs-project-card__icon { background: linear-gradient(145deg,#0f766e,#14b8a6); }
.buildquality-projects-page .buildacs-project-card__footer { color: #0f766e; }
.product-family-credit { color: #667085; font-weight: 600; }