.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.login-overlay {
    background: rgba(0,0,0,0.45);
}

.login-card {
    width: 100%;
    max-width: 420px;
}

.modal-card {
    width: 100%;
    max-width: 960px;
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.modal-wide {
    max-width: 1100px;
}

.small-modal {
    max-width: 560px;
}

.modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.icon-btn {
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
}