.board-submit-overlay[hidden] { display: none !important; }

.board-submit-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(18, 24, 31, .55);
    cursor: wait;
}

.board-submit-overlay__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: min(100%, 340px);
    padding: 30px 24px;
    border-radius: 18px;
    background: #fff;
    color: #20242a;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .22);
}

.board-submit-overlay__panel strong { font-size: 20px; }
.board-submit-overlay__panel > span:last-child { font-size: 14px; line-height: 1.5; }

.board-submit-overlay__spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f0f1f3;
    border-top-color: var(--main-color, #ffda00);
    border-radius: 50%;
    animation: board-submit-spin .8s linear infinite;
}

@keyframes board-submit-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .board-submit-overlay__spinner { animation: none; } }