.pipeline-page{--phase-prep: #4a9aad;--phase-build: #5a7ec8;--phase-review: #8c6dc8;--phase-deploy: #c87a4d;--phase-refine: #aa9055;--prov-custom: #4a8a6a;--prov-shell: #7a7a8a;--prov-claude: #6a7acf;--prov-plugin: #9a7abf;--prov-script: #9a8054}[data-theme=light] .pipeline-page{--phase-prep: #2e7a8e;--phase-build: #3a5da8;--phase-review: #6c4da8;--phase-deploy: #a85a2d;--phase-refine: #8a7040;--prov-custom: #2e6a4a;--prov-shell: #5a5a6a;--prov-claude: #4a5aaf;--prov-plugin: #7a5a9f;--prov-script: #7a6034}.pipeline-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.phase-card{background:var(--theme-surface-card);border:1px solid var(--theme-surface-card-border);border-radius:10px;border-top:4px solid var(--theme-surface-card-border);overflow:hidden}.phase-card[data-phase=prep]{border-top-color:var(--phase-prep)}.phase-card[data-phase=build]{border-top-color:var(--phase-build)}.phase-card[data-phase=review]{border-top-color:var(--phase-review)}.phase-card[data-phase=deploy]{border-top-color:var(--phase-deploy)}.phase-card[data-phase=refine]{border-top-color:var(--phase-refine)}.phase-header{padding:14px 16px 10px}.phase-number{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.phase-card[data-phase=prep] .phase-number{color:var(--phase-prep)}.phase-card[data-phase=build] .phase-number{color:var(--phase-build)}.phase-card[data-phase=review] .phase-number{color:var(--phase-review)}.phase-card[data-phase=deploy] .phase-number{color:var(--phase-deploy)}.phase-card[data-phase=refine] .phase-number{color:var(--phase-refine)}.phase-name{font-size:17px;font-weight:700;color:var(--theme-text);margin-top:2px}.phase-subtitle{font-size:12px;color:var(--theme-text-muted)}.phase-divider{height:1px;background:var(--theme-surface-card-border);margin:0 16px}.phase-commands{padding:10px 16px 14px}.cmd-item{display:flex;align-items:center;gap:6px;padding:4px 0}.cmd-systems{display:flex;gap:3px;margin-left:auto;flex-shrink:0}.sys-icon{width:16px;height:16px;border-radius:3px;font-size:9px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center}.sys-icon.li{background:#5e6ad2}.sys-icon.gh{background:#24292f}.sys-icon.gt{background:#f05033}[data-theme=light] .sys-icon.gh{background:#24292f}.cmd-badge{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.cmd-badge.custom{background:var(--prov-custom)}.cmd-badge.shell{background:var(--prov-shell)}.cmd-badge.claude{background:var(--prov-claude)}.cmd-badge.plugin{background:var(--prov-plugin)}.cmd-badge.script{background:var(--prov-script)}.cmd-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:500;color:var(--theme-text)}.cmd-desc{font-size:10.5px;color:var(--theme-text-muted);padding-left:12px;margin-top:-2px;margin-bottom:4px}.flow-trace{background:var(--theme-surface-card);border:1px solid var(--theme-surface-card-border);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:0;justify-content:center;flex-wrap:wrap}.flow-trace-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--theme-text-muted);margin-right:16px}.flow-step{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;background:var(--theme-surface-card);border:1.5px solid var(--theme-surface-card-border);text-decoration:none;transition:background .15s,box-shadow .15s}a.flow-step:hover{background:var(--theme-surface-card-hover);box-shadow:0 2px 8px #00000026}.flow-step[data-phase=prep]{border-color:var(--phase-prep);color:var(--phase-prep)}.flow-step[data-phase=build]{border-color:var(--phase-build);color:var(--phase-build)}.flow-step[data-phase=review]{border-color:var(--phase-review);color:var(--phase-review)}.flow-step[data-phase=deploy]{border-color:var(--phase-deploy);color:var(--phase-deploy)}.flow-step[data-phase=refine]{border-color:var(--phase-refine);color:var(--phase-refine)}.flow-arrow{margin:0 6px;color:var(--theme-text-muted);font-size:14px}.infra-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.infra-card{background:var(--theme-surface-card);border:1px solid var(--theme-surface-card-border);border-radius:10px;padding:16px 20px}.infra-title{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--theme-text)}.branch-diagram{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.8;color:var(--theme-text-muted)}.branch-line{display:flex;align-items:center;gap:8px}.branch-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.branch-dot.main{background:#4caf50}.branch-dot.staging{background:#ff9800}.branch-dot.work{background:#2196f3}.branch-label{font-size:12px;color:var(--theme-text)}.branch-note{font-size:10.5px;color:var(--theme-text-muted);opacity:.8}.infra-list{list-style:none;font-size:12px;color:var(--theme-text-muted);padding:0;margin:0}.infra-list li{padding:3px 0 3px 14px;position:relative}.infra-list li:before{content:">";position:absolute;left:0;color:var(--prov-custom);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.pipeline-legend{display:flex;justify-content:center;gap:20px;padding-top:16px;border-top:1px solid var(--theme-surface-card-border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--theme-text-muted)}@media(max-width:900px){.pipeline-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.pipeline-grid{grid-template-columns:1fr}.flow-trace{flex-direction:column;gap:8px;align-items:stretch;text-align:center}.flow-trace-label{margin-right:0;margin-bottom:4px}.flow-arrow{margin:0;transform:rotate(90deg)}.infra-inner{grid-template-columns:1fr}}