/* Upload Management & Workflow Styles */
.upload-progress {
margin: 30px 0; padding: 20px;
background: rgba(255,255,255,.05);
border-radius: 12px; display: none;
border: 1px solid var(--card-border);
}
.upload-progress.active { display: block; }
.progress-header {
display: flex; justify-content: space-between;
margin-bottom: 15px;
}
.progress-bar {
height: 8px; background: rgba(255,255,255,.1);
border-radius: 4px; overflow: hidden; margin-bottom: 10px;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg,var(--warm-gold),var(--bantu-blue));
border-radius: 4px; width: 0%;
transition: width .3s ease;
}
.progress-stats {
display: flex; justify-content: space-between;
font-size: 12px; color: var(--slate-grey);
}
.action-buttons { display: flex; gap: 20px; margin-top: 40px; }
.action-btn {
flex: 1; padding: 18px; border-radius: 12px;
font-size: 16px; font-weight: 600; cursor: pointer;
display: flex; align-items: center; justify-content: center; gap: 10px;
transition: all .3s ease; border: none;
}
.action-btn.publish {
background: linear-gradient(135deg,var(--bantu-blue),var(--warm-gold));
color: var(--soft-white);
}
.action-btn.publish:disabled { opacity: .5; cursor: not-allowed; }
.action-btn.draft {
background: rgba(255,255,255,.05);
border: 1px solid var(--card-border); color: var(--soft-white);
}
.action-btn.draft:disabled { opacity: .5; cursor: not-allowed; }