.product-icon{display:inline-block;flex-shrink:0;vertical-align:-.2em;margin-right:7px}
.app-header nav a{display:inline-flex;align-items:center}
.folders .product-icon{color:#7c8974}
.folders .selected .product-icon{color:inherit}
.product-project-bar .product-icon{width:16px;height:16px}
.project-symbol .product-icon,.project-nav-toggle .product-icon,#project-sidebar .product-icon{margin-right:0}
.job-heading strong .product-icon,.card h2 .product-icon{color:#7c8974}
.project-state{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap;color:#7a8473;flex-shrink:0}
.project-state .product-icon{width:15px;height:15px;margin:0}
.project-state.running{color:#315cf2}.project-state.ready{color:#39805c}.project-state.video{color:#5264a1}.project-state.failed{color:#b86533}
.project-state.running .product-icon{animation:project-status-pulse 1.6s ease-in-out infinite}
@keyframes project-status-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.project-state.running .product-icon{animation:none}}

.project-state.review{color:#a0712b}.product-status-tooltip{position:fixed;z-index:120;max-width:min(310px,calc(100vw - 20px));padding:13px 16px;background:#fffefa;color:#34402f;border:1px solid #dce2d3;border-radius:10px;box-shadow:0 8px 28px #2034231c;pointer-events:none;font:12px/1.7 system-ui,sans-serif}.product-status-tooltip[hidden]{display:none!important}.product-status-tooltip strong{display:block;font-size:13px;margin-bottom:6px;overflow-wrap:anywhere}.product-status-tooltip p{margin:0;white-space:pre-line;overflow-wrap:anywhere;color:#6c7865}