*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--brand-blue: #266EDB;--brand-blue-light: #42A7E8;--green: #1E7F3E;--yellow: #F2B705;--red: #C62828;--gray: #6B7280;--stale-amber: #8A5A00;--ink: #1A2433;--page: #F5F7FA;--white: #FFFFFF;--radius: 16px;--radius-sm: 8px;--header-offset: 112px}html,body{max-width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--page);color:var(--ink);min-height:100vh}button,input{font-family:inherit}.app-container{max-width:390px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);padding:16px;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;color:var(--ink);min-width:0}.logo img{width:28px;height:28px;object-fit:contain;border-radius:6px}.refresh-btn,.text-btn,.error-banner button{display:flex;align-items:center;gap:6px;background:var(--page);border:1px solid #E5E7EB;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;min-height:44px}.refresh-btn:active,.text-btn:active,.error-banner button:active{background:#e5e7eb}.refresh-btn.loading .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.updated-text{font-size:12px;color:var(--gray);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.alerts-note{margin-top:6px;font-size:11px;line-height:1.35;color:var(--gray)}.stall-badge{font-size:10px;font-weight:700;color:#92600a;background:#fef3c7;border-radius:4px;padding:2px 6px}.updated-text.stale{color:var(--stale-amber);font-weight:500}.stale-badge{background:#fef3c7;color:var(--stale-amber);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;margin-left:4px}.filters-toggle{margin-left:auto;border:none;background:var(--page);color:var(--gray);font-size:10px;font-weight:600;border-radius:4px;padding:4px 8px;min-height:28px;cursor:pointer}.filters-toggle[aria-expanded=true],.filters-toggle.active{background:#e5e7eb;color:var(--ink)}.stale-banner,.error-banner{display:none;border-radius:var(--radius-sm);padding:8px 12px;margin-top:8px;font-size:13px;align-items:center;gap:6px}.stale-banner.visible,.error-banner.visible{display:flex}.stale-banner{background:#fef3c7;border:1px solid #F2B705;color:var(--stale-amber)}.error-banner{background:#fee2e2;border:1px solid var(--red);color:var(--red)}.error-banner button{margin-left:auto;min-height:36px;color:var(--red)}.phase2-panel{margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB;display:grid;gap:10px}.phase2-panel[hidden]{display:none}.phase2-label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--gray)}.phase2-panel input{width:100%;min-height:44px;border:1px solid #E5E7EB;border-radius:var(--radius-sm);padding:8px 12px;font-size:16px;color:var(--ink);background:var(--white)}.phase2-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-filter{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{border:1px solid #E5E7EB;background:var(--white);color:var(--ink);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;white-space:nowrap;min-height:36px;cursor:pointer}.cat-chip[aria-pressed=true]{border-color:var(--brand-blue);color:var(--brand-blue)}.phase2-note{font-size:12px;color:var(--gray);line-height:1.4}.main-content{flex:1;overflow-y:auto;padding-bottom:80px}.view{display:none}.view.active{display:block}.status-summary{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.status-summary::-webkit-scrollbar{display:none}.status-chip{display:flex;align-items:center;gap:6px;background:var(--white);border:1px solid #E5E7EB;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;white-space:nowrap}.status-chip.blocked{border-color:var(--red);color:var(--red)}.status-chip.stalled{border-color:var(--yellow);color:#92600a}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.red{background:var(--red)}.status-dot.yellow{background:var(--yellow)}.status-dot.green{background:var(--green)}.status-dot.gray{background:var(--gray)}.section{padding:0 16px;margin-bottom:16px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-title.attention{color:var(--red)}.section-title.healthy{color:var(--green)}.section-title.updates{color:var(--gray)}.section-count{background:var(--page);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.collapse-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--gray);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.collapse-btn svg{transition:transform .2s ease}.collapse-btn.collapsed svg{transform:rotate(-90deg)}.section-content{display:flex;flex-direction:column;gap:12px}.section-content.collapsed{display:none}.build-card,.update-card{background:var(--white);border:1px solid #E5E7EB;border-radius:var(--radius);padding:16px}.build-card{cursor:pointer;transition:transform .1s ease}.build-card:active{transform:scale(.98)}.build-card.blocked,.update-card.blocked{border-left:4px solid var(--red)}.build-card.stalled,.update-card.stalled{border-left:4px solid var(--yellow)}.build-card.triage,.update-card.triage{border-left:4px solid var(--gray)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:8px}.card-info{flex:1;min-width:0}.card-name{font-size:16px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.update-card .card-name,.update-card .card-meta{margin-bottom:8px}.traffic-light{width:10px;height:10px;border-radius:50%;flex-shrink:0}.traffic-light.red{background:var(--red)}.traffic-light.yellow{background:var(--yellow)}.traffic-light.green{background:var(--green)}.traffic-light.gray{background:var(--gray)}.card-meta,.sheet-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip-meta{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.type-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.type-badge.migration{background:#dbeafe;color:#1e40af}.type-badge.new-build{background:#d1fae5;color:#065f46}.type-badge.new-comms{background:#f3e8ff;color:#6b21a8}.type-badge.site-update{background:#fef3c7;color:#92400e}.team-label,.team-badge,.update-age,.step-counter,.lane-bot,.step-bot{font-size:12px;color:var(--gray)}.sample-badge{font-size:9px;background:#f3f4f6;color:var(--gray);padding:2px 4px;border-radius:3px;font-weight:500}.card-percent{font-size:24px;font-weight:700;color:var(--ink);flex-shrink:0}.progress-dots{display:flex;gap:4px;margin-bottom:8px}.progress-dot{width:24px;height:6px;border-radius:3px;background:#e5e7eb;flex:1}.progress-dot.filled{background:var(--green)}.progress-dot.blocked{background:var(--red)}.progress-dot.current{background:var(--brand-blue)}.timeline-bar{margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.timeline-label{display:flex;justify-content:space-between;font-size:11px;color:var(--gray);margin-bottom:4px}.timeline-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.timeline-fill{height:100%;border-radius:3px}.timeline-fill.normal{background:var(--brand-blue)}.timeline-fill.warning{background:var(--yellow)}.timeline-fill.danger{background:var(--red)}.blocked-msg,.stalled-msg,.triage-msg{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.blocked-msg{background:#fee2e2;color:var(--red)}.stalled-msg{background:#fef3c7;color:#92600a}.triage-msg{background:#f3f4f6;color:var(--gray)}.update-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:4px;background:#dbeafe;color:#1e40af}.update-status.triage{background:#f3f4f6;color:var(--gray)}.update-age{margin-top:8px}.pipeline-container{padding:16px}.pipeline-header{font-size:13px;color:var(--gray);margin-bottom:12px;display:flex;align-items:center;gap:6px}.swim-lane{background:var(--white);border:1px solid #E5E7EB;border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.swim-lane.empty{opacity:.6}.lane-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;min-height:48px;background:var(--white);gap:8px}.lane-header:active{background:var(--page)}.lane-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lane-step{font-size:11px;font-weight:600;color:var(--gray);background:var(--page);padding:2px 6px;border-radius:4px;min-width:32px;text-align:center;flex-shrink:0}.lane-details{min-width:0;flex:1}.lane-name{font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lane-count{background:var(--brand-blue);color:#fff;font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px}.lane-count.zero{background:var(--page);color:var(--gray)}.lane-count.blocked{background:var(--red)}.chevron{transition:transform .2s ease;color:var(--gray)}.swim-lane.expanded .chevron{transform:rotate(180deg)}.lane-content{display:none;border-top:1px solid #E5E7EB;padding:8px}.swim-lane.expanded .lane-content{display:block}.lane-empty{padding:12px;color:var(--gray);font-size:13px;text-align:center}.client-chip{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--page);border-radius:var(--radius-sm);margin-bottom:6px;cursor:pointer;min-height:48px;border:1px solid transparent;gap:8px}.client-chip:last-child{margin-bottom:0}.client-chip:active{background:#e5e7eb}.client-chip.blocked{border-color:var(--red);background:#fef2f2}.client-chip.stalled{border-color:var(--yellow);background:#fffbeb}.chip-left{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.chip-left .traffic-light{margin-top:4px}.chip-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chip-name{font-size:14px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chip-dots{display:flex;gap:2px}.chip-dot{width:5px;height:5px;border-radius:50%;background:#e5e7eb}.chip-dot.filled{background:var(--green)}.chip-pct{font-size:12px;font-weight:600;color:var(--ink);min-width:28px;text-align:right}.chip-flag{font-size:11px;white-space:nowrap}.chip-flag.stalled{color:#92600a}.chip-flag.blocked{color:var(--red)}.gate-tag{font-size:9px;font-weight:600;padding:2px 4px;border-radius:3px;background:#fef3c7;color:var(--stale-amber);margin-left:4px}.pipeline-updates-title{font-size:13px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px}.pipeline-update{margin-bottom:12px}.pipeline-update-row{display:flex;align-items:center;gap:10px}.pipeline-update-name{font-size:14px;font-weight:500}.pipeline-update-id{font-size:12px;color:var(--gray)}.pipeline-update-meta{margin-top:8px;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--gray)}.tab-bar{position:fixed;bottom:0;left:0;right:0;max-width:390px;margin:0 auto;background:var(--white);border-top:1px solid #E5E7EB;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;background:none;border:none;cursor:pointer;color:var(--gray);min-height:56px;gap:4px}.tab-btn.active{color:var(--brand-blue)}.tab-btn svg{width:24px;height:24px}.tab-btn span{font-size:11px;font-weight:500}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.overlay.visible{display:block}.detail-sheet{position:fixed;bottom:0;left:0;right:0;max-width:390px;margin:0 auto;background:var(--white);border-radius:var(--radius) var(--radius) 0 0;max-height:85vh;overflow-y:auto;z-index:201;transform:translateY(100%);transition:transform .3s ease}.detail-sheet.visible{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto}.sheet-header{padding:0 20px 16px;border-bottom:1px solid #E5E7EB}.sheet-title{font-size:20px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sheet-progress{font-size:14px;color:var(--gray);margin-top:8px}.step-list{padding:16px 20px 32px}.step-item{display:flex;gap:12px;padding:12px 0;position:relative}.step-item:not(:last-child):after{content:"";position:absolute;left:11px;top:36px;bottom:0;width:2px;background:#e5e7eb}.step-item.done:not(:last-child):after{background:var(--green)}.step-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:700;z-index:1;background:var(--white);border:2px solid #E5E7EB;color:var(--gray)}.step-marker.done{background:var(--green);color:#fff;border-color:var(--green)}.step-marker.current{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 0 0 4px #266edb33}.step-marker.blocked{background:var(--red);color:#fff;border-color:var(--red)}.step-marker.skipped{background:var(--white);color:var(--gray);border:2px dashed #9CA3AF}.step-content{flex:1;padding-top:2px;min-width:0}.step-name{font-size:14px;font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.step-name.current{color:var(--brand-blue)}.step-name.skipped{color:var(--gray);text-decoration:line-through}.step-tag{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.step-tag.gate{background:#fef3c7;color:#92400e}.step-tag.blocked{background:#fee2e2;color:var(--red)}.skeleton-list{display:flex;flex-direction:column;gap:12px;padding:0 16px}.pipeline-container .skeleton-list{padding:0}.skeleton-card{height:148px;border-radius:var(--radius);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty-state{margin:24px 16px;padding:28px 16px;background:var(--white);border:1px solid #E5E7EB;border-radius:var(--radius);text-align:center}.pipeline-container .empty-state{margin:8px 0 0}.empty-state h2{font-size:16px;margin-bottom:8px}.empty-state p{color:var(--gray);font-size:14px;margin-bottom:16px;line-height:1.4}.empty-state .text-btn{margin:0 auto}@media(prefers-reduced-motion:reduce){.refresh-btn.loading .refresh-icon,.skeleton-card{animation:none}.detail-sheet,.chevron,.collapse-btn svg{transition:none}}@media(min-width:900px){body{background:#e5e7eb}.app-container{max-width:1200px;flex-direction:row;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;max-width:none;z-index:150}.main-content{display:flex;flex:1;padding-top:var(--header-offset, 112px);padding-bottom:0;overflow:hidden}.view{display:block!important;flex:1;max-height:calc(100vh - var(--header-offset, 112px));overflow-y:auto;background:var(--page)}.view-home{max-width:450px;border-right:1px solid #E5E7EB}.view-pipeline{flex:1}.tab-bar{display:none}.detail-sheet{max-width:500px;right:auto;left:50%;transform:translate(-50%) translateY(100%)}.detail-sheet.visible{transform:translate(-50%) translateY(0)}}