/* Live Drafts Overlay */
.live-drafts-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;z-index:9998;backdrop-filter:blur(4px)}
.live-drafts-overlay.show{display:flex;align-items:center;justify-content:center}
.live-drafts-panel{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .25s ease}
@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
.live-drafts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-200);flex-shrink:0}
.live-drafts-header h3{font-size:18px;font-weight:700;color:var(--gray-900)}
.live-drafts-header button{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.live-drafts-header button:hover{background:var(--gray-200)}
.live-drafts-tabs{display:flex;border-bottom:1px solid var(--gray-200);flex-shrink:0}
.live-drafts-tabs button{flex:1;padding:12px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:var(--transition);font-family:var(--font);border-bottom:2px solid transparent}
.live-drafts-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}
.live-drafts-list{flex:1;overflow-y:auto;padding:12px}
.live-drafts-loading{text-align:center;padding:40px;color:var(--gray-500);font-size:14px}
.live-drafts-empty{text-align:center;padding:40px 20px;color:var(--gray-500)}
.live-drafts-empty span{font-size:40px;display:block;margin-bottom:8px}
.live-drafts-empty strong{display:block;font-size:15px;color:var(--gray-700)}

/* Draft Card */
.live-draft-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:14px;margin-bottom:10px;transition:var(--transition)}
.live-draft-card:hover{box-shadow:var(--shadow-sm)}
.live-draft-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.live-draft-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-pale);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.live-draft-card-header div{display:flex;flex-direction:column;min-width:0}
.live-draft-card-header strong{font-size:13px;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-draft-card-header small{font-size:11px;color:var(--gray-400)}
.live-draft-card h4{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:4px}
.live-draft-card p{font-size:13px;color:var(--gray-500);line-height:1.4;margin-bottom:8px}
.live-draft-link{display:inline-block;padding:6px 12px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-decoration:none;margin-bottom:8px;transition:var(--transition)}
.live-draft-link:hover{background:var(--primary-mid)}
.live-draft-duration{display:inline-block;font-size:12px;color:var(--gray-500);margin-bottom:8px}
.live-draft-status{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.live-draft-status.pending{background:#FFF3CD;color:#856404}
.live-draft-status.approved{background:#D4EDDA;color:#155724}
.live-draft-status.rejected{background:#F8D7DA;color:#721C24}
.live-draft-note{font-size:12px;color:var(--gray-500);font-style:italic;margin-top:4px}
.live-draft-actions{display:flex;gap:8px;margin-top:10px}
.live-draft-btn-approve{flex:1;padding:8px;border:none;background:#28A745;color:var(--white);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font)}
.live-draft-btn-approve:hover{background:#218838}
.live-draft-btn-reject{flex:1;padding:8px;border:none;background:var(--red);color:var(--white);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font)}
.live-draft-btn-reject:hover{opacity:.9}