/* Presentation only. Withdrawal eligibility, limits, payload and handling are unchanged. */
.modal-shell[data-modal="withdraw"] .modal-card--withdraw {
    width: min(100%, 420px);
    max-width: calc(100vw - 28px);
    padding: 20px;
    border-radius: 32px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

.modal-shell[data-modal="withdraw"] .modal-close {
    --modal-close-size: 44px;
    --modal-close-inset: 12px;
    --modal-close-radius: 50%;
    --modal-close-transform: none;
    display: grid;
    place-items: center;
    padding: 0;
    background: #1b2421;
    touch-action: manipulation;
}

.modal-shell[data-modal="withdraw"] .modal-close svg { width: 20px; height: 20px; }

.modal-shell[data-modal="withdraw"] .modal-copy--compact {
    gap: 12px;
    margin: 0 0 18px;
    padding: 0;
    text-align: left;
}

.modal-shell[data-modal="withdraw"] .modal-chip {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 8px;
    min-height: 32px;
    max-width: calc(100% - 42px);
    margin: 0 0 4px;
    padding: 6px 12px;
    border: 1px solid #354b3d;
    border-radius: 12px;
    background: #24382a;
    color: #d8eddf;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .06em;
}

.modal-shell[data-modal="withdraw"] .modal-chip svg { width: 18px; height: 18px; flex-shrink: 0; }

.modal-shell[data-modal="withdraw"] .modal-copy h3 {
    max-width: 100%;
    margin: 0;
    font-size: clamp(23px, 6.5vw, 28px);
    line-height: 1.12;
    letter-spacing: -.02em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.modal-shell[data-modal="withdraw"] .modal-copy h3 .withdraw-title-line { white-space: normal; }
.modal-shell[data-modal="withdraw"] .modal-copy h3.withdraw-title--locked { color: #ffd447; }

.modal-shell[data-modal="withdraw"] .modal-copy p {
    margin: 0;
    color: #c6ccc8;
    font-size: 14px;
    line-height: 1.45;
}

.modal-shell[data-modal="withdraw"] .modal-copy p + p { margin-top: 0; }
.modal-shell[data-modal="withdraw"] .modal-copy p strong { font-weight: 500; color: #abb6af; }
.modal-shell[data-modal="withdraw"] .register-modal-form { margin: 0; gap: 14px; }
.modal-shell[data-modal="withdraw"] .register-field { gap: 6px; }
.modal-shell[data-modal="withdraw"] .register-field > span:first-child { font-size: 11px; line-height: 1.3; color: #bcc5bf; }

.modal-shell[data-modal="withdraw"] .withdraw-field-control {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 54px;
    padding: 0 14px;
    border: 1px solid rgba(125, 160, 135, .3);
    border-radius: 18px;
    background: #154019;
    color: #d8eddf;
}

.modal-shell[data-modal="withdraw"] .withdraw-field-control--amount { background: #292c30; border-color: #565b63; }
.modal-shell[data-modal="withdraw"] .withdraw-field-control svg { width: 22px; height: 22px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.modal-shell[data-modal="withdraw"] .register-field input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    color: #f3f4f6;
    font-size: 18px;
    font-weight: 700;
}

.modal-shell[data-modal="withdraw"] .register-field input::placeholder { color: #bdc9c0; opacity: 1; font-weight: 500; }
.modal-shell[data-modal="withdraw"] .register-field input:-webkit-autofill { -webkit-text-fill-color: #f3f4f6; box-shadow: 0 0 0 1000px #154019 inset; }
.modal-shell[data-modal="withdraw"] .withdraw-field-control:focus-within { outline: 2px solid #9da6b1; outline-offset: 2px; }

.modal-shell[data-modal="withdraw"] .modal-primary--submit {
    width: 100%;
    min-height: 54px;
    padding: 12px 14px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #50bf44, #43ad39);
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .02em;
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .18);
    touch-action: manipulation;
}

.modal-shell[data-modal="withdraw"] .modal-primary--submit:active { transform: translateY(2px); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2); }
.modal-shell[data-modal="withdraw"] button:focus-visible { outline: 2px solid #a8cdb0; outline-offset: 3px; }
.modal-shell[data-modal="withdraw"] .register-terms { margin: 0; font-size: 12px; line-height: 1.4; color: #aeb8b2; }
.modal-shell[data-modal="withdraw"] .register-feedback { margin-bottom: 14px; border-radius: 16px; font-size: 14px; overflow-wrap: anywhere; }

.modal-shell[data-modal="withdraw"] :is(.withdraw-first-deposit-card, .withdraw-rollover-card) {
    width: 100%;
    margin: 0;
    padding: 16px;
    border: 1px solid #353e38;
    border-radius: 20px;
    background: #202723;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-card__glow { display: none; }
.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-card__content { gap: 14px; min-width: 0; }
.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-badge { min-height: 28px; padding: 5px 10px; border-radius: 10px; font-size: 10px; letter-spacing: .06em; }
.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-card strong { font-size: clamp(23px, 6vw, 27px); line-height: 1.15; text-wrap: balance; }
.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-card p { font-size: 13px; line-height: 1.4; letter-spacing: .03em; color: #c6ccc8; }
.modal-shell[data-modal="withdraw"] .withdraw-first-deposit-card .modal-primary--submit { margin-top: 0; }

.modal-shell[data-modal="withdraw"] .withdraw-rollover-card { gap: 18px; padding-bottom: 22px; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-topline { display: grid; gap: 12px; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-badge { min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #b9c5bd; font-size: 11px; letter-spacing: .04em; text-align: left; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-topline strong { color: #f3f5f3; font-size: 26px; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-track { height: 12px; margin-inline: 0; border: 1px solid #49584d; background: #303b33; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2); }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-fill { background: linear-gradient(180deg, #57dd4c, #35bf30); }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-step { width: 22px; height: 22px; border-radius: 50%; border-color: #49584d; background: #303b33; box-shadow: 0 2px 0 rgba(0, 0, 0, .2); font-size: 12px; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-step.is-complete { border-color: #448c3b; background: #50bf44; color: #fff; }
.modal-shell[data-modal="withdraw"] .withdraw-rollover-actions { margin-top: 16px; }

@media (max-width: 360px), (max-height: 640px) {
    .modal-shell[data-modal="withdraw"] .modal-card--withdraw { padding: 16px; }
    .modal-shell[data-modal="withdraw"] .modal-copy--compact { gap: 10px; margin-bottom: 14px; }
    .modal-shell[data-modal="withdraw"] .register-modal-form { gap: 10px; }
    .modal-shell[data-modal="withdraw"] .withdraw-field-control { min-height: 48px; padding-inline: 12px; gap: 10px; }
    .modal-shell[data-modal="withdraw"] .register-field input { min-height: 46px; font-size: 16px; }
    .modal-shell[data-modal="withdraw"] .modal-primary--submit { min-height: 48px; font-size: 14px; padding: 10px 10px 14px; }
}