.wb-overview-section{margin-bottom:1.5rem}.wb-overview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.wb-overview-header-icon{font-size:1.1rem}.wb-overview-header-icon:before{content:""}.wb-overview-header-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--apqp-gray-800, #1f2937)}.wb-metric-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1rem}.wb-metric-card{display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:10px 14px;background:#fff;border:1px solid var(--apqp-gray-200, #e5e7eb);border-radius:8px;box-shadow:var(--apqp-shadow, 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04));position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.wb-metric-card.clickable{cursor:pointer}.wb-metric-card.clickable:hover{border-color:var(--apqp-primary, #6366f1);box-shadow:var(--apqp-shadow-lg, 0 4px 16px rgba(0,0,0,.12))}.wb-metric-card.coming-soon{opacity:.6;border-style:dashed}.wb-metric-label{font-size:13px;color:#475569;font-weight:500}.wb-metric-value{font-size:20px;font-weight:700;line-height:1.1;margin-top:2px}.wb-metric-value.primary{color:#2563eb}.wb-metric-value.danger{color:#dc2626}.wb-metric-value.warning{color:#f59e0b}.wb-metric-value.muted{color:#94a3b8}.wb-metric-coming-soon{position:absolute;bottom:4px;right:8px;font-size:10px;color:var(--apqp-gray-400, #9ca3af);font-weight:500}.wb-metric-skeleton{min-height:60px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:wb-shimmer 1.5s infinite;border-radius:8px}@keyframes wb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wb-todo-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:.75rem;padding:1rem 1.125rem}.wb-todo-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.wb-todo-header-icon{font-size:1.1rem}.wb-todo-header-icon:before{content:"📋"}.wb-todo-header-title{font-size:1rem;font-weight:600;color:#92400e;margin:0}.wb-todo-header-count{margin-left:auto;font-size:.75rem;color:#92400e;background:#92400e14;padding:2px 10px;border-radius:10px;font-weight:600}.wb-todo-list{display:flex;flex-direction:column;gap:.625rem}.wb-todo-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #94a3b8;border-radius:.5rem;cursor:pointer;transition:all .15s ease}.wb-todo-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.wb-todo-item.wb-todo-danger{border-left-color:#dc2626}.wb-todo-item.wb-todo-warning{border-left-color:#f59e0b}.wb-todo-item.wb-todo-info{border-left-color:#3b82f6}.wb-todo-item.wb-todo-success{border-left-color:#10b981}.wb-todo-icon{font-size:1.1rem;flex-shrink:0}.wb-todo-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wb-todo-project{font-size:.75rem;color:#6b7280;font-weight:500}.wb-todo-desc{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-todo-cta{flex-shrink:0;font-size:.8rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;white-space:nowrap;background:#f3f4f6;color:#374151;transition:all .15s ease}.wb-todo-danger .wb-todo-cta{background:#fef2f2;color:#dc2626}.wb-todo-warning .wb-todo-cta{background:#fffbeb;color:#d97706}.wb-todo-info .wb-todo-cta{background:#eff6ff;color:#2563eb}.wb-todo-success .wb-todo-cta{background:#ecfdf5;color:#059669}.wb-todo-skeleton{height:44px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:wb-shimmer 1.5s infinite;border-radius:8px}@media (max-width: 1024px){.wb-metric-strip{grid-template-columns:repeat(4,1fr);gap:12px}.wb-metric-value{font-size:24px}}@media (max-width: 768px){.wb-metric-strip{grid-template-columns:repeat(2,1fr);gap:8px}.wb-metric-value{font-size:20px}.wb-todo-desc{font-size:.8rem}}