/**
 * upload-progress.css — Go Fire (fAIre)
 * Upload progress ring overlay shown during document uploads.
 * Depends on: layout.css
 */

/* ── Upload Progress ── */
.upload-progress {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 0 6px;
}
.upload-progress.visible { display: flex; }
.upload-ring {
    width: 44px;
    height: 44px;
    transform: rotate(-90deg);
}
.upload-ring-track {
    fill: none;
    stroke: #2a2a2a;
    stroke-width: 4;
}
.upload-ring-fill {
    fill: none;
    stroke: #ff6b2b;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    transition: stroke-dashoffset 0.4s ease;
}
.upload-phase {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff6b2b;
    text-transform: uppercase;
}