.workflow-status-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.workflow-status-container{margin-bottom:var(--spacing-8);background:linear-gradient(to bottom right,var(--color-bg-secondary),var(--color-bg-primary));border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.workflow-status-container:before{content:"";background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));width:100%;height:4px;position:absolute;top:0;left:0}.workflow-status-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.section-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.section-title .icon{color:var(--color-accent-primary)}.status-meta{align-items:center;gap:var(--spacing-3);display:flex}.last-updated{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.refresh-btn{border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-1)var(--spacing-2);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.refresh-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:rotate(15deg)}.status-summary-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.status-stat{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-3)var(--spacing-4);gap:var(--spacing-1);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.status-stat:hover{box-shadow:var(--shadow-sm);border-color:var(--color-accent-primary);transform:translateY(-2px)}.status-stat.active{border-color:var(--color-info);background:var(--color-info-light)}.status-stat.error{border-color:var(--color-error);background:var(--color-error-light)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:var(--font-size-2xl);color:var(--color-text-primary);align-items:center;gap:var(--spacing-2);font-weight:700;display:flex}.pulse-dot{background-color:var(--color-info);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-blue;box-shadow:0 0 #3b82f6b3}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 6px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.workflow-section{margin-top:var(--spacing-6)}.subsection-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);align-items:center;gap:var(--spacing-2);font-weight:600;display:flex}.workflow-list{gap:var(--spacing-2);flex-direction:column;display:flex}.workflow-item{align-items:center;gap:var(--spacing-3);background:var(--color-bg-primary);padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.workflow-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-focus)}.workflow-icon{border-radius:var(--radius-full);background:var(--color-bg-secondary);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.workflow-item.is-running .workflow-icon{color:var(--color-info);background:var(--color-info-light)}.workflow-item.status-success .workflow-icon{color:var(--color-success);background:var(--color-success-light)}.workflow-item.status-failure .workflow-icon{color:var(--color-error);background:var(--color-error-light)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.workflow-info{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.workflow-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.workflow-meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading .skeleton-header{background:var(--color-bg-secondary);border-radius:var(--radius-md);height:40px;margin-bottom:var(--spacing-4);animation:1.5s ease-in-out infinite pulse}.loading .skeleton-body{background:var(--color-bg-secondary);border-radius:var(--radius-md);height:120px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:640px){.status-summary-grid{grid-template-columns:1fr}}.workflow-status-card.error{border-color:var(--color-error)}.workflow-error{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.workflow-error svg{color:var(--color-error)}.workflow-error p{font-size:var(--font-size-sm);margin:0}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn:disabled:hover{background:0 0;transform:none}@media (prefers-reduced-motion:reduce){.spin{animation:none}.pulse-dot{animation:none;box-shadow:0 0 0 2px #3b82f680}.loading .skeleton-header,.loading .skeleton-body{opacity:.7;animation:none}.refresh-btn:hover,.status-stat:hover{transform:none}}