.graph-empty { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; padding: 28px; text-align: center; }

:root {
  --bg: #fbf1c7;
  --surface: #f2e5bc;
  --surface-soft: #ebdbb2;
  --line: #3c3836;
  --line-strong: #282828;
  --text: #282828;
  --muted: #665c54;
  --faint: #928374;
  --purple: #af3a76;
  --purple-dark: #8f2f62;
  --purple-soft: #f0d8df;
  --teal: #427b58;
  --teal-soft: #dce8bc;
  --amber: #b57614;
  --amber-soft: #fae7ae;
  --red: #9d0006;
  --red-soft: #f5d7c8;
  --blue: #076678;
  --blue-soft: #d8e7e1;
  --shadow: none;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  color: var(--text);
  background: var(--bg);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; background: var(--bg); }
body { min-height: 100vh; margin: 0; font-size: 13px; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button { border: 0; color: inherit; cursor: pointer; }
svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
a { color: #5e50c2; text-decoration: none; }
code { padding: 2px 5px; border-radius: 4px; background: #f2f2f7; color: #50505d; font-family: inherit; font-size: 11px; }
.icon-sprite { position: absolute; width: 0; height: 0; visibility: hidden; }
.login-screen { display: grid; min-height: 100vh; place-items: center; padding: 32px; background: var(--bg); }
.login-panel { width: min(440px, 100%); padding: 36px; border: 2px solid var(--text); border-radius: 3px; background: var(--surface); text-align: center; }
.login-mark { margin: 0 auto 25px; transform: scale(1.25); }
.login-panel .eyebrow { margin: 0 0 9px; }
.login-panel h1 { margin: 0; font-size: 25px; letter-spacing: -.8px; }
.login-panel > p:not(.eyebrow):not(.login-note):not(.login-error) { margin: 12px 0 24px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.login-actions { display: grid; gap: 9px; }
.oauth-button { display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: center; border: 1px solid var(--text); border-radius: 2px; font-size: 11px; font-weight: 650; letter-spacing: .02em; }
.github-oauth { background: var(--text); color: var(--bg); }
.github-oauth:hover { background: #504945; color: var(--bg); }
.login-note { margin: 18px 0 0; color: var(--faint); font-size: 9.5px; line-height: 1.5; }
.login-error { margin: 16px 0 0; color: var(--red); font-size: 10px; line-height: 1.5; }
body.dark-mode .login-screen { background: #1d2021; }
body.dark-mode .login-panel { border-color: #a89984; background: #282828; color: #ebdbb2; }
body.dark-mode .login-panel > p:not(.eyebrow):not(.login-note):not(.login-error) { color: #bdae93; }
body.dark-mode .github-oauth { border-color: #ebdbb2; background: #d3869b; color: #282828; }
body.dark-mode .github-oauth:hover { background: #ebdbb2; color: #282828; }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; z-index: 20; display: flex; width: 244px; height: 100vh; flex-direction: column; background: #fcfcfd; border-right: 1px solid var(--line); }
.brand-row { display: flex; height: 72px; align-items: center; justify-content: space-between; padding: 0 20px 0 22px; }
.brand { display: inline-flex; align-items: center; gap: 10px; background: transparent; font-size: 18px; font-weight: 700; letter-spacing: -.7px; }
.brand-mark { position: relative; display: grid; width: 23px; height: 23px; grid-template-columns: 1fr 1fr; gap: 3px; transform: rotate(1deg); }
.brand-mark span { border-radius: 4px; background: var(--purple); }
.brand-mark span:nth-child(1) { grid-row: span 2; background: linear-gradient(160deg, #8b7be5, #5d4abb); }
.brand-mark span:nth-child(2) { background: #9e94e8; }
.brand-mark span:nth-child(3) { background: #4a3da0; }
.mobile-close, .menu-button { display: none; }
.workspace-switcher { display: flex; align-items: center; gap: 9px; min-height: 58px; margin: 0 12px 15px; padding: 8px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
.workspace-switcher:hover { border-color: var(--line); background: var(--surface); }
.workspace-avatar { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 7px; background: #2e374a; color: #fff; font-size: 13px; font-weight: 650; }
.workspace-copy { display: grid; gap: 2px; flex: 1; text-align: left; }
.workspace-copy strong, .workspace-copy small { line-height: 1.2; }
.workspace-copy strong { font-size: 12px; font-weight: 600; }
.workspace-copy small { color: var(--muted); font-size: 10.5px; }
.mini-icon { width: 14px; height: 14px; transform: rotate(90deg); }
.muted { color: var(--faint); }
.side-nav { display: grid; gap: 2px; padding: 0 12px; }
.side-nav p { margin: 13px 10px 6px; color: #9a9aa5; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.nav-item { display: flex; height: 38px; align-items: center; gap: 11px; padding: 0 10px; border-radius: 7px; background: transparent; color: #5c5c68; text-align: left; }
.nav-item:hover { background: #f3f2f8; color: #413c57; }
.nav-item.active { background: #efedf9; color: #5344b6; font-weight: 600; }
.nav-item svg { width: 16px; height: 16px; }
.nav-item span { flex: 1; }
.nav-item em { display: grid; min-width: 18px; height: 18px; place-items: center; border-radius: 9px; background: #ededf3; color: #777783; font-size: 10px; font-style: normal; font-weight: 600; }
.nav-item kbd { color: #a2a1ae; font-size: 10px; font-weight: 500; }
.attention-dot { width: 5px; height: 5px; border-radius: 99px; background: var(--red); }
.sidebar-bottom { margin-top: auto; padding: 12px; border-top: 1px solid var(--line); }
.new-investigation { display: flex; width: 100%; height: 37px; align-items: center; justify-content: center; gap: 8px; border: 1px solid #ddd9f4; border-radius: 7px; background: #f8f7ff; color: #5b4abe; font-size: 12px; font-weight: 600; }
.new-investigation:hover { border-color: #c6beef; background: #f0edff; }
.new-investigation svg { width: 15px; height: 15px; }
.user-menu { display: flex; width: 100%; align-items: center; gap: 9px; margin-top: 15px; padding: 2px 4px; background: transparent; text-align: left; }
.user-menu > span:nth-child(2) { display: grid; flex: 1; gap: 2px; }
.user-menu strong { font-size: 11.5px; font-weight: 600; }
.user-menu small { color: var(--muted); font-size: 10px; }
.user-menu > svg { width: 16px; color: var(--faint); }
.avatar { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; color: white; font-size: 9px; font-weight: 650; }
.avatar.has-image { background-position: center; background-size: cover; color: transparent; }
.avatar-photo { background: linear-gradient(145deg, #8d604d, #2b1e1a); }
.avatar-one { background: #715ccc; }.avatar-two { background: #d1775b; }.avatar-three { background: #5d8c7c; }.avatar-four { background: #5577b8; }.bot-avatar { background: #5244a8; }

.main-content { width: calc(100% - 244px); min-height: 100vh; margin-left: 244px; }
.topbar { display: flex; height: 72px; align-items: center; justify-content: space-between; padding: 0 40px; border-bottom: 1px solid rgba(231,231,237,.7); background: rgba(255,255,255,.45); }
.global-search { display: flex; width: min(446px, 52vw); height: 36px; align-items: center; gap: 9px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: #9696a1; text-align: left; transition: border .15s, box-shadow .15s; }
.global-search:hover { border-color: #cfcbdc; box-shadow: 0 1px 3px rgba(50,42,95,.07); }
.global-search svg { width: 15px; height: 15px; color: #8a8997; }
kbd { border: 1px solid #e0dfe7; border-radius: 4px; background: #fafafd; color: #92919d; font-family: inherit; font-size: 10px; line-height: 18px; }
.global-search kbd { margin-left: auto; padding: 0 4px; }
.topbar-actions { display: flex; align-items: center; gap: 13px; }
.icon-button, .help-button { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 6px; background: transparent; color: #7f7f8b; }
.icon-button:hover, .help-button:hover { background: #f0f0f5; color: #565660; }
.notification { position: relative; font-size: 18px; }
.notification .bell { display: block; font-size: 18px; font-weight: 600; line-height: 1; transform: rotate(180deg); }
.notification i { position: absolute; top: 5px; right: 5px; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 99px; background: var(--red); }
.help-button { width: 22px; height: 22px; border: 1px solid #d4d4dc; border-radius: 50%; color: #8e8e99; font-size: 12px; font-weight: 650; }

.view { display: none; max-width: 1440px; margin: 0 auto; padding: 37px 40px 56px; animation: enter .22s ease-out; }
.view.is-visible { display: block; }
@keyframes enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 29px; }
.page-heading h1, .search-page-heading h1 { margin: 2px 0 6px; font-size: 25px; font-weight: 650; letter-spacing: -.75px; line-height: 1.2; }
.eyebrow { margin: 0; color: #92919c; font-size: 10.5px; font-weight: 600; letter-spacing: .075em; text-transform: uppercase; }
.subtitle { margin: 0; color: var(--muted); font-size: 13px; }
.button { display: inline-flex; height: 36px; align-items: center; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid transparent; border-radius: 6px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.button svg { width: 15px; height: 15px; }
.button.primary { background: var(--purple); color: #fff; box-shadow: 0 1px 2px rgba(54,41,131,.18); }
.button.primary:hover { background: var(--purple-dark); }
.button.secondary { border-color: #dedee6; background: #fff; color: #5f5f6b; }
.button.secondary:hover { border-color: #c9c7d3; background: #fbfbfd; }
.button.small { height: 31px; padding: 0 10px; font-size: 11px; }
.button.wide { width: 100%; }
.panel { border: 1px solid var(--line); border-radius: 9px; background: var(--surface); box-shadow: var(--shadow); }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 20px 21px 16px; }
.panel-heading h2, .ask-top h2 { margin: 0 0 4px; font-size: 14px; font-weight: 650; letter-spacing: -.2px; }
.panel-heading p, .ask-top p { margin: 0; color: var(--muted); font-size: 11.5px; }
.text-button { display: inline-flex; align-items: center; gap: 5px; margin-top: 3px; background: transparent; color: #5d4db8; font-size: 11px; font-weight: 600; }
.text-button svg, .card-link svg, .panel-footer svg { width: 13px; height: 13px; }
.muted-button { color: #91919d; }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 15px; }
.stat-card { position: relative; display: grid; min-height: 142px; grid-template-columns: 38px 1fr; align-content: start; column-gap: 11px; padding: 19px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); box-shadow: var(--shadow); }
.stat-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; }
.stat-icon svg { width: 17px; height: 17px; }
.stat-icon.purple { background: var(--purple-soft); color: var(--purple); }.stat-icon.amber { background: var(--amber-soft); color: var(--amber); }.stat-icon.teal { background: var(--teal-soft); color: var(--teal); }.stat-icon.red { background: var(--red-soft); color: var(--red); }
.stat-card > div p { margin: 0 0 7px; color: #747480; font-size: 11px; font-weight: 500; }
.stat-card > div strong { display: block; margin-bottom: 5px; font-size: 24px; font-weight: 650; letter-spacing: -.8px; line-height: .95; }
.stat-card > div strong span { font-size: 14px; }
.stat-card > div small { color: #858591; font-size: 10.5px; }.stat-card > div small b { color: var(--teal); font-weight: 600; }
.card-link { position: absolute; bottom: 14px; left: 19px; display: flex; align-items: center; gap: 5px; background: transparent; color: #696876; font-size: 10.5px; font-weight: 600; }
.card-link:hover { color: var(--purple); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr); gap: 15px; }
.lower-grid { margin-top: 15px; grid-template-columns: minmax(0, 1.24fr) minmax(330px, .76fr); }
.health-list { padding: 0 10px 10px; }
.health-row { display: grid; width: 100%; grid-template-columns: 30px minmax(135px, 1fr) auto 32px 14px; align-items: center; gap: 10px; min-height: 55px; padding: 7px 10px; border-radius: 6px; background: transparent; text-align: left; }
.health-row:hover { background: #faf9fd; }
.repo-logo { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 7px; color: white; font-size: 11px; font-weight: 700; }.repo-logo.violet { background: #7762cf; }.repo-logo.blue { background: #5480bf; }.repo-logo.coral { background: #cf7964; }.repo-logo.green { background: #5c9b77; }
.health-name { display: grid; gap: 3px; min-width: 0; }.health-name strong { font-size: 11.5px; font-weight: 600; }.health-name small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.stack-dots { display: flex; gap: 3px; }.dot { display: block; width: 9px; height: 9px; border-radius: 50%; }.next { background: #111; }.ts, .ts-dot { background: #3178c6; }.postgres { background: #3f78a5; }.node { background: #78a941; }.go { background: #53b1c7; }.redis { background: #d9483f; }.python { background: #f2c344; }.snowflake { background: #4aafdf; }.css-dot { background: #7257cb; }
.score { display: grid; width: 29px; height: 22px; place-items: center; border-radius: 5px; font-size: 10px; font-weight: 700; }.score.good { background: #e8f6ee; color: #268658; }.score.warn { background: #fff2dd; color: #b96e0c; }
.row-arrow { width: 14px; color: #aeadb7; }
.deploy-list { padding: 0 21px; }.deploy-row { display: grid; grid-template-columns: 25px minmax(130px, 1fr) 54px 26px; align-items: center; gap: 8px; min-height: 56px; border-bottom: 1px solid #f0f0f4; }.deploy-row:last-child { border-bottom: 0; }
.deploy-status { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; }.deploy-status svg { width: 12px; height: 12px; }.deploy-status.success { background: #e7f6ed; color: #24895a; }.deploy-status.rollback { background: #fff0f0; color: #ce5057; transform: rotate(180deg); }
.deploy-row strong { display: block; margin-bottom: 3px; font-size: 11px; font-weight: 600; }.deploy-row strong code { margin-left: 3px; font-size: 9px; }.deploy-row p { margin: 0; color: var(--muted); font-size: 9.5px; }.commit { color: #8d8c99; font-family: "DM Mono", monospace; font-size: 9px; }.deploy-row .avatar { width: 22px; height: 22px; font-size: 7px; }
.panel-footer { display: flex; width: calc(100% - 42px); align-items: center; gap: 5px; margin: 9px 21px 14px; padding: 0; background: transparent; color: #5c4db7; font-size: 10.5px; font-weight: 600; text-align: left; }
.activity-list { padding: 0 21px 5px; }.activity-row { display: grid; grid-template-columns: 27px 1fr 25px; align-items: center; gap: 9px; min-height: 60px; border-bottom: 1px solid #f0f0f4; }.activity-row:last-child { border: 0; }.activity-row p { display: grid; gap: 2px; margin: 0; color: #585763; font-size: 10.5px; line-height: 1.4; }.activity-row p strong { color: #363541; font-weight: 600; }.activity-row p a { color: #5f50c0; font-weight: 500; }.activity-row small { color: #9999a4; font-size: 9.5px; }.activity-row .avatar { width: 23px; height: 23px; font-size: 7px; }
.activity-icon { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 6px; }.activity-icon svg { width: 13px; height: 13px; }.activity-icon.code { background: #f0edff; color: #6555bd; }.activity-icon.investigate { background: #fff1e6; color: #ca6e32; }.activity-icon.docs { background: #e9f6f2; color: #308e74; }.activity-icon.security { background: #fff0f1; color: #c7555d; }
.ask-panel { display: flex; min-height: 190px; flex-direction: column; padding: 20px; }.ask-top { display: flex; align-items: center; gap: 10px; }.sparkle-icon { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 8px; background: var(--purple-soft); color: var(--purple); }.sparkle-icon svg { width: 15px; height: 15px; }
.ask-input { display: flex; height: 36px; align-items: center; gap: 8px; margin: 17px 0 10px; padding: 0 9px; border: 1px solid #dedbe9; border-radius: 6px; background: #fff; color: #8c8b98; text-align: left; }.ask-input svg { width: 14px; height: 14px; }.ask-input span { flex: 1; font-size: 10.5px; }.ask-input kbd { padding: 0 4px; }.ask-input:hover { border-color: #bfb5e8; }
.suggestion-chips { display: flex; flex-wrap: wrap; gap: 5px; }.suggestion-chips button, .search-examples button { padding: 5px 7px; border: 1px solid #e5e4ea; border-radius: 5px; background: #fff; color: #706f7c; font-size: 9.5px; }.suggestion-chips button:hover, .search-examples button:hover { border-color: #cfc6ed; color: #5e4db7; }
.ask-note { display: flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 13px; border-top: 1px solid #f0eff3; color: #9998a3; font-size: 9.5px; }.ask-note svg { width: 12px; height: 12px; color: #8c80d4; }

.toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }.toolbar-spacer { flex: 1; }.inline-search { display: flex; width: 276px; height: 35px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }.inline-search svg { width: 14px; color: #9897a3; }.inline-search input { width: 100%; border: 0; outline: 0; color: var(--text); font-size: 11px; }.inline-search input::placeholder { color: #a4a3ad; }.sync-status { display: flex; align-items: center; gap: 6px; color: #83828f; font-size: 10.5px; }.sync-status i { width: 6px; height: 6px; border-radius: 99px; background: #3aae75; }
.repo-table { overflow: hidden; }.empty-repositories { margin: 0; padding: 22px; color: var(--muted); font-size: 11px; line-height: 1.6; text-align: center; }.repo-table-head, .repo-table-row { display: grid; grid-template-columns: minmax(300px, 1.55fr) minmax(100px, .75fr) minmax(120px, .75fr) minmax(110px, .6fr) 23px; align-items: center; column-gap: 15px; }.repo-table-head { height: 41px; padding: 0 21px; border-bottom: 1px solid var(--line); color: #9897a2; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }.repo-table-row { width: 100%; min-height: 70px; padding: 0 21px; border-bottom: 1px solid #f0f0f4; background: #fff; color: #62616c; text-align: left; }.repo-table-row:last-child { border-bottom: 0; }.repo-table-row:hover { background: #fbfaff; }.repo-cell { display: flex; align-items: center; gap: 10px; }.repo-cell > span:last-child { display: grid; gap: 4px; }.repo-cell strong { color: #373640; font-size: 11.5px; font-weight: 600; }.repo-cell small { display: flex; align-items: center; gap: 4px; color: #93929c; font-size: 10px; }.repo-cell small svg { width: 11px; height: 11px; }.repo-table-row > span:not(.repo-cell) { display: flex; align-items: center; gap: 5px; color: #777681; font-size: 10.5px; }.repo-table-row > span b { margin-left: 3px; color: #575662; font-size: 10px; }.health-dot { width: 6px; height: 6px; border-radius: 99px; }.good-dot { background: #31a970; }.warn-dot { background: #d98b24; }.coverage { gap: 8px !important; }.coverage i { display: block; width: 53px; height: 5px; overflow: hidden; border-radius: 5px; background: #edecf2; }.coverage b { display: block; height: 100%; margin: 0 !important; border-radius: 5px; background: #7060ca; }.analyzed { color: #898894 !important; }.repository-detail { margin-top: 16px; overflow: hidden; }.detail-heading { display: flex; align-items: center; justify-content: space-between; padding: 21px; border-bottom: 1px solid var(--line); }.detail-heading > div { display: flex; align-items: center; gap: 11px; }.detail-heading h2 { margin: 3px 0 3px; font-size: 17px; letter-spacing: -.4px; }.detail-heading p:not(.eyebrow) { margin: 0; color: #7d7c88; font-size: 11px; }.detail-metrics { display: grid; grid-template-columns: repeat(4,1fr); padding: 15px 21px; border-bottom: 1px solid var(--line); }.detail-metrics div { display: grid; gap: 5px; padding: 0 20px; border-right: 1px solid #efeff3; }.detail-metrics div:first-child { padding-left: 0; }.detail-metrics div:last-child { border-right: 0; }.detail-metrics span { color: #93929d; font-size: 10px; }.detail-metrics strong { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; }.lang-dot { width: 7px; height: 7px; border-radius: 50%; }.detail-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; padding: 19px 21px 21px; }.detail-columns h3 { margin: 0 0 12px; font-size: 11px; font-weight: 650; }.folder-list, .signal-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.folder-list li, .signal-list li { display: flex; align-items: center; gap: 7px; color: #696873; font-size: 10.5px; }.folder-list svg { width: 14px; height: 14px; color: #8b7ad6; }.folder-list small { margin-left: auto; color: #a2a1aa; }.signal-list i { width: 6px; height: 6px; border-radius: 50%; }.signal-purple { background: #7967cf; }.signal-red { background: #db6670; }.signal-green { background: #49aa79; }.signal-list time { margin-left: auto; color: #a09fa8; font-size: 9.5px; }

.architecture-heading { margin-bottom: 22px; }.architecture-heading .eyebrow { display: flex; align-items: center; gap: 5px; }.architecture-heading .eyebrow svg { width: 11px; height: 11px; transform: rotate(0deg); }.crumb { color: #74727d; text-transform: none; }.heading-actions { display: flex; gap: 7px; }.architecture-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 15px; }.graph-panel { overflow: hidden; }.graph-toolbar { display: flex; height: 54px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid var(--line); }.tabs { display: flex; align-items: center; gap: 3px; }.tab { height: 28px; padding: 0 9px; border-radius: 5px; background: transparent; color: #858490; font-size: 10.5px; font-weight: 500; }.tab:hover { color: #5e5d68; background: #f5f4f8; }.tab.active { background: #efedfa; color: #5c4bb9; font-weight: 600; }.legend-toggle { display: flex; gap: 9px; background: transparent; color: #83828e; font-size: 9px; }.legend-toggle span { display: flex; align-items: center; gap: 4px; }.legend-toggle i { width: 6px; height: 6px; border-radius: 50%; }.legend-ui { background: #7560d0; }.legend-api { background: #4f89b7; }.legend-data { background: #53a68a; }.graph-canvas { position: relative; height: 494px; overflow: hidden; background-color: #fdfdfe; background-image: radial-gradient(#e4e3eb .65px, transparent .65px); background-size: 15px 15px; }.graph-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }.graph-lines path { fill: none; stroke: #c9c5de; stroke-width: 1.4; }.graph-lines .dashed { stroke-dasharray: 4 4; }.graph-node { position: absolute; display: grid; width: 142px; min-height: 81px; justify-items: center; align-content: center; gap: 5px; padding: 10px; border: 1px solid #dedde7; border-radius: 8px; background: #fff; box-shadow: 0 2px 5px rgba(35,31,63,.045); text-align: center; transition: box-shadow .15s, transform .15s, border .15s; }.graph-node:hover, .graph-node.selected { border-color: #a99ce1; box-shadow: 0 4px 14px rgba(68,54,140,.12); transform: translateY(-1px); }.graph-node .node-icon { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 5px; }.graph-node .node-icon svg { width: 12px; height: 12px; }.graph-node strong { font-size: 10.5px; font-weight: 650; }.graph-node small { color: #898893; font-size: 8.5px; }.ui-node { top: 82px; left: 7%; }.service-node { top: 95px; left: 39%; }.service-node.lower { top: 260px; left: 39%; }.data-node { top: 73px; left: 72%; }.data-node.mid { top: 198px; left: 72%; }.integration-node { top: 324px; left: 72%; }.ui-node .node-icon { background: #f0edff; color: #6a57ca; }.service-node .node-icon { background: #eaf5fc; color: #4684b7; }.data-node .node-icon { background: #e8f8f2; color: #379477; }.integration-node .node-icon { background: #fff3e8; color: #c87334; }.graph-caption { position: absolute; bottom: 14px; left: 16px; color: #aaa9b3; font-size: 9px; }.node-inspector { min-height: 548px; padding: 18px; }.inspector-top { display: flex; align-items: center; justify-content: space-between; }.node-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 7px; }.node-icon svg { width: 16px; height: 16px; }.ui-icon { background: #f0edff; color: #6755c5; }.node-inspector > .eyebrow { margin-top: 18px; }.node-inspector h2 { margin: 4px 0 8px; font-size: 16px; letter-spacing: -.35px; }.node-inspector > p:not(.eyebrow) { margin: 0; color: #74737f; font-size: 11px; line-height: 1.55; }.inspector-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin: 19px 0; padding: 13px 0; border-top: 1px solid #eeeeF3; border-bottom: 1px solid #eeeeF3; }.inspector-stats div { display: grid; gap: 4px; }.inspector-stats span { color: #9897a2; font-size: 9.5px; }.inspector-stats strong { font-size: 13px; font-weight: 650; }.inspector-section h3 { margin: 0 0 8px; font-size: 11px; font-weight: 650; }.connection-list { display: grid; gap: 4px; margin-bottom: 20px; }.connection-list button { display: flex; width: 100%; align-items: center; gap: 7px; padding: 6px; border-radius: 5px; background: transparent; color: #5e5d68; font-size: 10.5px; text-align: left; }.connection-list button:hover { background: #f6f5f9; }.connection-list button svg { width: 13px; height: 13px; margin-left: auto; color: #a8a7b0; }.mini-node { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 4px; font-size: 8px; font-weight: 700; }.service-mini { background: #eaf5fc; color: #4481b3; }

.search-page-heading { margin: 31px auto 23px; text-align: center; }.search-page-heading h1 { margin-top: 8px; font-size: 28px; }.search-page-heading > p:last-child { max-width: 540px; margin: 0 auto; color: #777682; font-size: 12px; line-height: 1.55; }.large-search { display: flex; max-width: 760px; height: 54px; align-items: center; gap: 11px; margin: 0 auto; padding: 0 9px 0 16px; border: 1px solid #cfc8e7; border-radius: 9px; background: #fff; box-shadow: 0 5px 18px rgba(58,45,126,.075); }.large-search > svg { width: 19px; height: 19px; color: #6855c7; }.large-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: #383641; font-size: 13px; }.large-search input::placeholder { color: #9c9ba6; }.large-search .button { height: 35px; }.search-examples { display: flex; justify-content: center; gap: 6px; margin: 12px 0 26px; }.search-examples button { padding: 6px 10px; font-size: 10.5px; }.search-answer { max-width: 760px; margin: 0 auto 16px; padding: 21px; }.search-answer.hidden { display: none; }.answer-top { display: flex; align-items: center; gap: 10px; }.answer-top > div { flex: 1; }.answer-top h2 { margin: 3px 0 0; font-size: 15px; letter-spacing: -.2px; }.answer-content { margin: 20px 0; color: #5f5e69; font-size: 12px; line-height: 1.7; }.answer-content p { margin: 0 0 10px; }.answer-content strong { color: #363541; }.answer-content ul { margin: 8px 0 0; padding-left: 18px; }.answer-content li { margin: 3px 0; }.evidence-heading { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid #eeeef3; }.evidence-heading h3 { margin: 0; font-size: 11px; }.evidence-heading span { color: #9998a3; font-size: 10px; }.evidence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }.evidence-card { display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid #e9e8ee; border-radius: 6px; background: #fbfbfd; text-align: left; }.evidence-card:hover { border-color: #cfc8eb; }.evidence-card svg { width: 14px; height: 14px; color: #7461cc; }.evidence-card span { display: grid; gap: 2px; }.evidence-card strong { color: #4f4e58; font-family: "DM Mono", monospace; font-size: 9.5px; font-weight: 500; }.evidence-card small { color: #92919d; font-size: 9px; }.answer-footer { display: flex; justify-content: space-between; margin-top: 16px; color: #a09fa9; font-size: 9.5px; }.answer-footer span:first-child { color: #3f9c70; }.answer-footer i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #3cac78; }.search-history { max-width: 760px; margin: 0 auto; }.question-list { padding: 0 14px 10px; }.question-list button { display: grid; width: 100%; grid-template-columns: 29px 1fr 14px; align-items: center; gap: 9px; min-height: 51px; padding: 6px; border-bottom: 1px solid #f0f0f4; background: transparent; text-align: left; }.question-list button:last-child { border-bottom: 0; }.question-list button:hover { background: #faf9fd; }.question-icon { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 6px; background: #f1effb; color: #6b58c6; }.question-icon svg { width: 13px; height: 13px; }.question-list span:nth-child(2) { display: grid; gap: 3px; }.question-list strong { font-size: 10.5px; font-weight: 600; }.question-list small { color: #94939e; font-size: 9.5px; }.question-list > button > svg { width: 14px; color: #aaa9b3; }

.investigation-layout { display: grid; grid-template-columns: 335px minmax(0, 1fr); gap: 15px; }.investigation-list { align-self: start; overflow: hidden; }.investigation-list-head { display: flex; height: 55px; align-items: center; justify-content: space-between; padding: 0 15px 0 19px; border-bottom: 1px solid var(--line); color: #5f5e69; font-size: 11px; font-weight: 600; }.investigation-row { display: grid; width: 100%; grid-template-columns: 41px minmax(120px, 1fr); gap: 8px; align-items: start; padding: 15px; border-bottom: 1px solid #efeff4; background: #fff; text-align: left; }.investigation-row.active { border-left: 3px solid #6857c6; padding-left: 12px; background: #fbfaff; }.investigation-row:hover { background: #faf9fd; }.investigation-row > span:nth-child(2) { display: grid; gap: 4px; }.investigation-row strong { font-size: 10.5px; font-weight: 600; }.investigation-row small { color: #92919d; font-size: 9.5px; }.severity { display: inline-flex; width: max-content; align-items: center; justify-content: center; padding: 3px 6px; border-radius: 4px; font-size: 8.5px; font-weight: 650; line-height: 1; }.severity.high { background: #fff0f1; color: #c64951; }.severity.medium { background: #fff5e3; color: #ba7417; }.severity.low { background: #eef2f7; color: #687587; }.severity.resolved { background: #e9f6ef; color: #2f9461; }.investigation-progress { grid-column: 2; display: grid; grid-template-columns: 1fr; gap: 4px; color: #9998a3; font-size: 8.5px; }.investigation-progress i { display: block; height: 3px; overflow: hidden; border-radius: 3px; background: #edecf3; }.investigation-progress b { display: block; height: 100%; border-radius: inherit; background: #7967cf; }.investigation-row.closed { opacity: .65; }.investigation-detail { padding: 23px; }.investigation-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.investigation-detail-head .eyebrow { margin-top: 13px; }.investigation-detail-head h2 { margin: 4px 0 6px; font-size: 18px; letter-spacing: -.45px; }.investigation-detail-head p:not(.eyebrow) { margin: 0; color: #777681; font-size: 11.5px; }.finding-callout { display: flex; align-items: flex-start; gap: 11px; margin: 20px 0; padding: 14px; border: 1px solid #f2d8db; border-radius: 7px; background: #fffafa; }.alert-icon { display: grid; width: 25px; height: 25px; flex: 0 0 auto; place-items: center; border-radius: 6px; background: #fff0f0; color: #ce535b; }.alert-icon svg { width: 14px; height: 14px; }.finding-callout > div { flex: 1; }.finding-callout h3 { margin: 3px 0 4px; color: #493f43; font-size: 11.5px; }.finding-callout p:not(.eyebrow) { margin: 0; color: #877679; font-size: 10px; line-height: 1.4; }.confidence { padding: 5px 6px; border-radius: 4px; background: #f0f8f4; color: #318b61; font-size: 9px; font-weight: 600; white-space: nowrap; }.investigation-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 27px; }.investigation-grid h3 { margin: 0 0 13px; font-size: 11px; font-weight: 650; }.timeline { position: relative; display: grid; gap: 15px; }.timeline:before { position: absolute; top: 7px; bottom: 7px; left: 3px; width: 1px; background: #e1dfea; content: ""; }.timeline article { position: relative; display: grid; grid-template-columns: 11px 58px 1fr; gap: 7px; }.timeline article > i { z-index: 1; width: 7px; height: 7px; margin-top: 4px; border: 1.5px solid #fff; border-radius: 50%; }.timeline-danger { background: #d85b64; }.timeline-purple { background: #745fce; }.timeline-blue { background: #4e86bd; }.timeline-gray { background: #9b9aa5; }.timeline time { color: #9998a3; font-size: 9px; }.timeline p { display: grid; gap: 3px; margin: -1px 0 0; }.timeline strong { color: #55545f; font-size: 10px; font-weight: 600; }.timeline span { color: #898893; font-size: 9.5px; line-height: 1.35; }.affected-list { display: grid; gap: 5px; margin-bottom: 23px; }.affected-list > div { display: grid; grid-template-columns: 25px 1fr 15px; align-items: center; gap: 7px; padding: 7px; border-radius: 5px; background: #fafafd; }.file-chip { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 5px; background: #f0edfb; color: #6c59c6; }.file-chip svg { width: 12px; height: 12px; }.affected-list p { display: grid; gap: 2px; margin: 0; }.affected-list strong { font-family: "DM Mono", monospace; font-size: 9px; font-weight: 500; }.affected-list small { color: #96959f; font-size: 8.5px; }.affected-list button { padding: 0; background: transparent; color: #aaa9b2; }.affected-list button svg { width: 13px; height: 13px; }.suggested-title { margin-top: 10px !important; }.suggestion-card { display: grid; grid-template-columns: 20px 1fr; gap: 7px; padding: 10px; border: 1px solid #e4def9; border-radius: 6px; background: #faf9ff; }.suggestion-card > svg { width: 15px; color: #6d59c9; }.suggestion-card p { margin: 0; color: #6a6876; font-size: 9.5px; line-height: 1.45; }.suggestion-card button { justify-self: start; margin-left: 27px; padding: 0; background: transparent; color: #5e4db9; font-size: 9px; font-weight: 600; }

.docs-overview { display: grid; grid-template-columns: 1.15fr .85fr; gap: 15px; margin-bottom: 15px; }.docs-coverage { display: grid; grid-template-columns: 1fr 112px 1fr; align-items: center; padding: 22px; }.docs-coverage > div:first-child { align-self: start; }.docs-coverage strong { display: block; margin: 6px 0 5px; font-size: 29px; letter-spacing: -.7px; }.docs-coverage strong span { font-size: 15px; }.docs-coverage p:not(.eyebrow) { max-width: 190px; margin: 0; color: #7e7d88; font-size: 10.5px; line-height: 1.4; }.coverage-ring { display: grid; width: 98px; height: 98px; place-self: center; place-items: center; border-radius: 50%; background: conic-gradient(#715dca 0 82%, #eae9f1 82%); }.coverage-ring:before { position: absolute; width: 75px; height: 75px; border-radius: 50%; background: #fff; content: ""; }.coverage-ring span { z-index: 1; color: #514e5d; font-size: 15px; font-weight: 650; }.coverage-metrics { display: grid; justify-self: end; gap: 9px; }.coverage-metrics span { display: grid; grid-template-columns: 7px 80px auto; align-items: center; gap: 5px; color: #83828c; font-size: 10px; }.coverage-metrics i { width: 6px; height: 6px; border-radius: 50%; }.metric-green { background: #46a875; }.metric-amber { background: #d6932e; }.metric-gray { background: #b7b6bf; }.coverage-metrics b { color: #5d5b66; font-size: 10px; }.docs-activity { padding-bottom: 10px; }.docs-activity-list { display: grid; gap: 7px; padding: 0 21px; }.docs-activity-list p { display: grid; grid-template-columns: 25px 1fr; column-gap: 7px; margin: 0; color: #5d5b66; font-size: 10.5px; }.docs-activity-list .activity-icon { grid-row: span 2; }.docs-activity-list small { grid-column: 2; margin-top: -11px; color: #96959f; font-size: 9.5px; }.documents-panel { overflow: hidden; }.doc-tabs { border: 1px solid #ecebf1; border-radius: 6px; padding: 2px; }.document-list { padding: 0 21px; }.document-list article { display: grid; grid-template-columns: 34px 1fr 92px 15px; align-items: center; gap: 10px; min-height: 74px; border-top: 1px solid #f0f0f4; }.document-icon { display: grid; width: 28px; height: 32px; place-items: center; border-radius: 5px; color: #fff; font-size: 9px; font-weight: 700; }.readme { background: #5f62ae; }.api-doc { background: #4186ad; }.architecture-doc { background: #836dc9; }.guide-doc { background: #5b9c7d; }.document-icon svg { width: 15px; height: 15px; }.document-list h3 { margin: 0 0 4px; font-size: 11px; font-weight: 600; }.document-list p { margin: 0 0 4px; color: #85848f; font-size: 9.5px; }.document-list small { color: #a09fa9; font-size: 9px; }.document-list small b { color: #339064; }.doc-type { color: #898893; font-size: 9.5px; }.document-list button { background: transparent; color: #aaa9b2; }.document-list button svg { width: 14px; height: 14px; }

.security-summary { display: grid; grid-template-columns: .9fr 1.1fr; gap: 15px; margin-bottom: 15px; }.security-score { padding: 19px 21px; }.security-score strong { display: block; margin: 6px 0 5px; font-size: 27px; letter-spacing: -.8px; }.security-score strong span { color: #a2a1aa; font-size: 13px; }.security-score p:not(.eyebrow) { margin: 0 0 14px; color: #7c7b86; font-size: 10.5px; }.security-score > div { height: 6px; overflow: hidden; border-radius: 4px; background: #edecf2; }.security-score > div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #54ad7e, #7e60ce); }.security-counts { display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }.security-counts > div { display: grid; justify-items: center; gap: 7px; padding: 13px; border-right: 1px solid #efeff3; }.security-counts > div:last-child { border: 0; }.security-counts p { margin: 0; color: #85848f; font-size: 10px; }.finding-count { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 9px; font-size: 14px; font-weight: 650; }.critical { background: #f4f0f2; color: #81808b; }.high-count { background: #fff0f1; color: #d04c56; }.medium-count { background: #fff5e4; color: #c07b1d; }.low-count { background: #edf2f7; color: #657387; }.security-findings { overflow: hidden; }.finding-list { padding: 0 21px; }.finding-list article { display: grid; grid-template-columns: 31px 1fr 84px; align-items: center; gap: 10px; min-height: 75px; border-top: 1px solid #f0f0f4; }.finding-severity { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 6px; }.finding-severity svg { width: 13px; height: 13px; }.high-finding { background: #fff0f1; color: #d25059; }.medium-finding { background: #fff5e4; color: #c07a1c; }.low-finding { background: #edf2f7; color: #657386; }.finding-list p { display: flex; gap: 6px; align-items: center; margin: 0 0 4px; }.finding-category { color: #9998a2; font-size: 9px; }.finding-list h3 { margin: 0 0 3px; font-size: 11px; font-weight: 600; }.finding-list small { color: #92919c; font-size: 9.5px; }.finding-meta { display: grid; justify-items: end; gap: 7px; }.finding-meta span { color: #95949f; font-size: 9px; }.finding-meta button { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; color: #5f4dbb; font-size: 9.5px; font-weight: 600; }.finding-meta button svg { width: 12px; height: 12px; }

.command-overlay, .modal-overlay { position: fixed; z-index: 50; inset: 0; display: grid; place-items: start center; padding-top: 16vh; background: rgba(37,35,48,.25); backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition: opacity .15s; }.command-overlay.open, .modal-overlay.open { opacity: 1; pointer-events: auto; }.command-dialog { width: min(560px, calc(100vw - 32px)); overflow: hidden; border: 1px solid #dcd9e8; border-radius: 10px; background: #fff; box-shadow: 0 16px 52px rgba(29,24,53,.2); transform: translateY(-6px) scale(.99); transition: transform .15s; }.open .command-dialog, .open .connect-dialog { transform: translateY(0) scale(1); }.command-input { display: flex; height: 54px; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--line); }.command-input svg { color: #7562cb; }.command-input input { flex: 1; border: 0; outline: 0; color: #3f3e49; font-size: 13px; }.command-input input::placeholder { color: #a4a3ad; }.command-input kbd { padding: 0 4px; }.command-results { padding: 9px; }.command-results p { margin: 9px 7px 5px; color: #a09fa9; font-size: 9.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }.command-results button { display: grid; width: 100%; grid-template-columns: 30px 1fr 18px; align-items: center; gap: 8px; min-height: 43px; padding: 5px 7px; border-radius: 6px; background: transparent; text-align: left; }.command-results button:hover, .command-results button:first-of-type { background: #f4f2fc; }.command-results button span:nth-child(2) { display: grid; gap: 2px; }.command-results strong { font-size: 10.5px; font-weight: 600; }.command-results small { color: #90909b; font-size: 9px; }.command-results kbd { justify-self: end; width: 16px; padding: 0; text-align: center; }.command-icon { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 5px; }.command-icon svg { width: 13px; height: 13px; }.command-icon.purple { background: #edeafe; color: #6654c4; }.command-icon.amber { background: #fff3e2; color: #c37820; }.command-icon.gray { background: #eeedf2; color: #74737e; }.command-footer { display: flex; justify-content: space-between; padding: 9px 15px; border-top: 1px solid #efeff4; color: #9897a2; font-size: 9px; }.command-footer kbd { margin-right: 2px; padding: 0 3px; }.connect-dialog { position: relative; width: min(395px, calc(100vw - 32px)); padding: 29px; border: 1px solid #dedbe9; border-radius: 10px; background: #fff; box-shadow: 0 16px 52px rgba(29,24,53,.2); text-align: center; transform: translateY(-6px) scale(.99); transition: transform .15s; }.modal-close { position: absolute; top: 10px; right: 10px; }.modal-icon { display: grid; width: 40px; height: 40px; place-items: center; margin: 0 auto 11px; border-radius: 10px; background: #efedfc; color: #6553c5; }.modal-icon svg { width: 20px; height: 20px; }.connect-dialog h2 { margin: 0 0 6px; font-size: 17px; letter-spacing: -.4px; }.connect-dialog > p { margin: 0 0 18px; color: #7f7e8a; font-size: 11px; line-height: 1.45; }.connect-dialog label { display: grid; gap: 5px; margin: 10px 0; color: #65646f; font-size: 10px; font-weight: 600; text-align: left; }.connect-dialog input { height: 34px; padding: 0 9px; border: 1px solid #dfdee6; border-radius: 5px; outline-color: #a89ce1; color: #4b4a55; font-size: 11px; }.connect-dialog .button { margin-top: 8px; }.toast { position: fixed; z-index: 60; right: 25px; bottom: 25px; display: flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 12px; border: 1px solid #cceada; border-radius: 7px; background: #fff; box-shadow: 0 8px 24px rgba(31,27,53,.13); color: #41735e; font-size: 11px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: .2s; }.toast.show { opacity: 1; transform: translateY(0); }.toast svg { width: 15px; color: #37a370; }

.coverage-ring { position: relative; }
.coverage-ring:before { inset: 11px; }
.optional-label { margin-left: auto; color: #9b9aa4; font-weight: 400; }

/* Terminal desktop treatment inspired by the reference's dense Gruvbox workspace. */
.sidebar { border-right: 2px solid var(--text); background: #ebdbb2; }
.topbar { border-bottom: 2px solid var(--text); background: #fbf1c7; }
.panel, .stat-card, .repo-table, .graph-node, .connect-dialog, .command-dialog { border: 2px solid var(--text); border-radius: 3px; box-shadow: none; }
.button, .global-search, .inline-search, .ask-input, .large-search, .suggestion-chips button, .search-examples button, .tabs, .doc-tabs, .workspace-switcher { border-radius: 2px; }
.workspace-switcher:hover, .global-search, .inline-search, .ask-input, .large-search, .button.secondary, .suggestion-chips button, .search-examples button, .repo-table-row, .graph-node, .connect-dialog, .action-dialog, .command-dialog { background: var(--surface); }
.global-search:hover, .inline-search:focus-within, .ask-input:hover, .large-search:focus-within { border-color: #af3a76; box-shadow: 3px 3px 0 rgba(175, 58, 118, .22); }
.nav-item:hover, .health-row:hover, .repo-table-row:hover, .activity-row:hover, .question-list button:hover, .connection-list button:hover, .document-list article:hover, .tab:hover { background: #d5c4a1; }
.nav-item.active, .tab.active { background: #d5c4a1; color: #af3a76; }
.button.primary { border-color: var(--text); border-radius: 2px; background: #af3a76; box-shadow: none; color: #fbf1c7; letter-spacing: .04em; text-transform: uppercase; }
.button.primary:hover { background: #8f2f62; }
.button.secondary { border-color: var(--text); border-radius: 2px; background: var(--surface); color: var(--text); }
.new-investigation { border-color: var(--text); border-radius: 2px; background: #d5c4a1; color: #af3a76; }
.new-investigation:hover { border-color: #af3a76; background: #f0d8df; }
.brand-mark span:nth-child(1) { background: linear-gradient(160deg, #b8bb26, #427b58); }
.brand-mark span:nth-child(2) { background: #d79921; }
.brand-mark span:nth-child(3) { background: #af3a76; }
.coverage-ring { background: conic-gradient(#af3a76 0 82%, #d5c4a1 82%); }
.coverage-ring:before { background: var(--surface); }
.graph-canvas { background-color: #f2e5bc; background-image: radial-gradient(#bdae93 .65px, transparent .65px); }
.graph-lines path { stroke: #665c54; }
.graph-node:hover, .graph-node.selected { border-color: #af3a76; box-shadow: 3px 3px 0 rgba(175, 58, 118, .22); }
.large-search { border-color: var(--text); box-shadow: none; }
.question-icon, .file-chip, .modal-icon, .command-icon.purple, .activity-icon.code, .sparkle-icon, .stat-icon.purple, .ui-node .node-icon, .ui-icon { background: #f0d8df; color: #af3a76; }
.eyebrow { color: #79740e; }
.text-button, .panel-footer, .finding-meta button, a { color: #af3a76; }
.source-preview, code, kbd { border-color: #665c54; border-radius: 1px; background: #ebdbb2; color: #3c3836; }
.docs-activity { min-width: 0; }
.docs-activity-list { gap: 10px; min-width: 0; }
.docs-activity-list p { grid-template-columns: 25px minmax(0, 1fr); grid-template-rows: auto auto; row-gap: 2px; }
.docs-activity-list .activity-icon { grid-row: 1 / span 2; }
.docs-activity-list strong, .docs-activity-list small { min-width: 0; overflow-wrap: anywhere; }
.docs-activity-list small { margin: 0; line-height: 1.35; }
.graph-node strong, .graph-node small { max-width: 100%; overflow-wrap: anywhere; }
.graph-node small { line-height: 1.25; }
@media (max-width: 1180px) { .stats-grid { grid-template-columns: repeat(2,1fr); }.dashboard-grid { grid-template-columns: 1fr; }.lower-grid { grid-template-columns: 1fr 1fr; }.ask-panel { min-height: 170px; }.architecture-layout { grid-template-columns: 1fr; }.node-inspector { display: none; }.docs-overview { grid-template-columns: 1fr; }.investigation-layout { grid-template-columns: 295px 1fr; }.repo-table-head, .repo-table-row { grid-template-columns: minmax(270px, 1.5fr) minmax(100px,.75fr) minmax(110px,.7fr) 20px; }.repo-table-head span:nth-child(4), .repo-table-row .analyzed { display: none !important; } }
@media (max-width: 840px) { .sidebar { transform: translateX(-100%); transition: transform .2s; box-shadow: 3px 0 18px rgba(24,20,41,.12); }.sidebar.open { transform: translateX(0); }.mobile-close, .menu-button { display: grid; }.main-content { width: 100%; margin-left: 0; }.topbar { height: 60px; padding: 0 18px; }.global-search { width: min(460px, 67vw); }.view { padding: 27px 20px 42px; }.page-heading { align-items: flex-start; }.page-heading h1 { font-size: 23px; }.stats-grid { grid-template-columns: 1fr 1fr; }.architecture-layout { grid-template-columns: 1fr; }.graph-canvas { height: 450px; }.graph-node { width: 120px; }.ui-node { left: 5%; }.service-node, .service-node.lower { left: 36%; }.data-node, .data-node.mid, .integration-node { left: 69%; }.investigation-layout { grid-template-columns: 1fr; }.investigation-list { display: grid; grid-template-columns: repeat(2,1fr); }.investigation-list-head { grid-column: 1/-1; }.investigation-row { border-right: 1px solid #f0eff4; }.investigation-detail { min-width: 0; }.docs-coverage { grid-template-columns: 1fr 100px; }.coverage-metrics { display: none; }.security-summary { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .topbar-actions { display: none; }.global-search { width: calc(100vw - 95px); }.global-search span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.global-search kbd { display: none; }.page-heading { display: grid; gap: 13px; margin-bottom: 20px; }.page-heading .button { justify-self: start; }.stats-grid, .lower-grid { grid-template-columns: 1fr; }.stat-card { min-height: 126px; }.dashboard-grid { gap: 12px; }.health-row { grid-template-columns: 30px minmax(105px,1fr) 32px 14px; }.stack-dots { display: none; }.deploy-list { padding: 0 14px; }.panel-footer { width: calc(100% - 28px); margin-left: 14px; }.activity-list { padding: 0 14px; }.toolbar { flex-wrap: wrap; }.inline-search { width: 100%; }.toolbar .toolbar-spacer { display: none; }.sync-status { margin-left: auto; }.repo-table { overflow-x: auto; }.repo-table-head, .repo-table-row { min-width: 610px; }.repository-detail { display: none; }.heading-actions { display: none; }.legend-toggle { display: none; }.graph-canvas { height: 390px; }.graph-node { width: 104px; min-height: 73px; padding: 7px 4px; }.graph-node small { font-size: 7.5px; }.ui-node { top: 58px; left: 3%; }.service-node { top: 72px; left: 36%; }.service-node.lower { top: 210px; left: 36%; }.data-node { top: 50px; left: 68%; }.data-node.mid { top: 162px; left: 68%; }.integration-node { top: 270px; left: 68%; }.search-page-heading { margin-top: 8px; }.search-page-heading h1 { font-size: 23px; }.large-search { height: 49px; padding-left: 11px; }.large-search .button { padding: 0 8px; font-size: 0; }.large-search .button svg { margin: 0; }.search-examples { overflow-x: auto; justify-content: flex-start; padding: 0 3px 4px; }.search-examples button { flex: 0 0 auto; }.evidence-grid { grid-template-columns: 1fr; }.search-answer { padding: 16px; }.investigation-list { grid-template-columns: 1fr; }.investigation-grid { grid-template-columns: 1fr; gap: 20px; }.finding-callout { display: grid; }.confidence { justify-self: start; }.investigation-detail { padding: 17px; }.docs-coverage { grid-template-columns: 1fr 95px; padding: 17px; }.document-list { padding: 0 14px; }.document-list article { grid-template-columns: 34px 1fr 14px; }.document-list .doc-type { display: none; }.security-counts > div { padding: 10px 3px; }.finding-list { padding: 0 14px; }.finding-list article { grid-template-columns: 28px 1fr; padding: 10px 0; }.finding-meta { display: none; } }