.cp-approval-card{background:linear-gradient(135deg,#6c3ce114,#00d4aa0d);border:1px solid rgba(108,60,225,.25);border-radius:12px;padding:16px;margin:12px 0;transition:all .3s ease}.cp-approval-card--resolving{opacity:.7;pointer-events:none}.cp-approval-card--resolved{border-color:#00d4aa66;background:#00d4aa0f}.cp-approval-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cp-approval-pulse{width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:cp-pulse 1.5s ease-in-out infinite}@keyframes cp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}html.dark-mode .cp-approval-pulse{background:#fbbf24}.cp-approval-card--resolved .cp-approval-pulse{background:#00d4aa;animation:none}.cp-approval-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#d97706;background:#f59e0b1f;padding:3px 8px;border-radius:4px}html.dark-mode .cp-approval-badge{color:#f59e0b}.cp-approval-card--resolved .cp-approval-badge{color:#00d4aa;background:#00d4aa1f}.cp-approval-title{font-size:15px;font-weight:600;color:var(--text-color);margin:0 0 6px}.cp-approval-desc{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.cp-approval-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cp-opt{display:flex;flex-direction:column;gap:2px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-color);font-family:inherit}html.dark-mode .cp-opt{background:#ffffff0a}.cp-opt:hover{background:#6c3ce10d;border-color:#6c3ce14d}.cp-opt--selected{background:#6c3ce126;border-color:#6c3ce1}.cp-opt-label{font-size:13px;font-weight:500}.cp-opt-desc{font-size:11px;color:var(--text-secondary)}.cp-approval-error{font-size:12px;color:#ef4444;margin:0 0 8px}html.dark-mode .cp-approval-error{color:#f87171}.cp-approval-actions{display:flex;gap:8px}.cp-btn{flex:1;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.cp-btn--approve{background:linear-gradient(135deg,#6c3ce1,#8b5cf6);color:#fff}.cp-btn--approve:hover{background:linear-gradient(135deg,#7c4cef,#9b6cf6);transform:translateY(-1px);box-shadow:0 4px 12px #6c3ce133}html.dark-mode .cp-btn--approve:hover{box-shadow:0 4px 12px #6c3ce14d}.cp-btn--reject{background:#0000000d;color:var(--text-secondary);border:1px solid var(--border-color)}html.dark-mode .cp-btn--reject{background:#ffffff0f}.cp-btn--reject:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}html.dark-mode .cp-btn--reject:hover{color:#f87171}.cp-approval-resolving{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.cp-spinner{width:16px;height:16px;border:2px solid rgba(108,60,225,.3);border-top-color:#6c3ce1;border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-approval-resolved{display:flex;align-items:center;gap:8px;color:#00d4aa;font-size:13px}.cp-resolved-icon{font-size:16px;font-weight:700}