/* Approved DoNi withdrawal visual language, scoped to financial dialogs. */
#modal-root .modal:has(#withdraw-form),#modal-root .coin-calculator-modal{border:2px solid #0757ff;border-radius:25px;overflow:hidden;max-width:520px;background:#fff}
#modal-root .modal:has(#withdraw-form)>header,#modal-root .coin-calculator-modal>header{background:#0757ff;color:#fff;min-height:66px;padding:14px 20px;position:relative;display:flex;justify-content:center;align-items:center}
#modal-root .modal:has(#withdraw-form)>header h2,#modal-root .coin-calculator-modal>header h2{color:white;font-size:25px;font-weight:900;line-height:1.3;text-align:center;padding:0 45px;margin:0}
#modal-root .modal:has(#withdraw-form)>header button,#modal-root .coin-calculator-modal>header button{position:absolute;right:12px;top:12px;width:42px;height:42px;min-height:42px;border-radius:12px;background:#edf2fa;color:#142344;padding:9px;display:grid;place-items:center}
#modal-root .modal:has(#withdraw-form) .modal-body,#modal-root .coin-calculator-modal .modal-body{padding:18px 16px}
#modal-root .modal:has(#withdraw-form) .selected-asset,#modal-root .coin-calculator-modal .calculator-identity{border-radius:16px;padding:13px;background:#f6f8fc;gap:10px}
#modal-root .modal:has(#withdraw-form) .modal-holding strong,#modal-root .coin-calculator-modal .modal-holding strong{font-weight:950}
#modal-root .modal:has(#withdraw-form) .input-unit input{font-size:34px;font-weight:900;color:#0757ff;padding-top:14px;padding-bottom:14px;min-width:0}
#modal-root .modal:has(#withdraw-form) .input-unit{border-radius:13px}
#modal-root .modal:has(#withdraw-form) label{font-weight:800}
#modal-root .modal:has(#withdraw-form) .coin-modal-tools{gap:10px}
#modal-root .modal:has(#withdraw-form) .coin-modal-tools button{border-radius:12px;min-width:0;font-size:16px;font-weight:800}
#modal-root .coin-calculator-modal .calculator-input input{font-size:36px;font-weight:900}
#modal-root .modal:has(#withdraw-form)>footer,#modal-root .coin-calculator-modal>footer{padding:12px;background:white;border-top:1px solid #e4eafa}
#modal-root .modal:has(#withdraw-form)>footer .primary,#modal-root .coin-calculator-modal>footer .primary{background:#0757ff;border-radius:14px;font-weight:900;font-size:21px}
#modal-root .doni-arrival-preview{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid #dae7ff;background:#f3f8ff;margin-top:15px;min-width:0}
#modal-root .doni-arrival-preview img{width:86px;height:93px;object-fit:contain;flex:none;animation:doni-preview-bob 3s ease-in-out infinite}
#modal-root .doni-arrival-preview div{min-width:0;flex:1}
#modal-root .doni-arrival-preview small{display:block;color:#536b91;line-height:1.5;font-size:12px}
#modal-root .doni-arrival-preview strong{display:block;font-size:30px;line-height:1.3;font-weight:950;color:#0757ff;overflow-wrap:anywhere}
#modal-root .doni-arrival-preview h3{margin:0 0 6px;font-size:17px;color:#142344}
@keyframes doni-preview-bob{50%{transform:translateY(-4px) rotate(-2deg)}}
@media(max-width:360px){#modal-root .modal:has(#withdraw-form) .modal-body,#modal-root .coin-calculator-modal .modal-body{padding:12px 10px}#modal-root .doni-arrival-preview img{width:60px;height:70px}#modal-root .doni-arrival-preview strong{font-size:24px}#modal-root .modal:has(#withdraw-form) .coin-modal-tools button{font-size:14px;padding:10px 6px}#modal-root .modal:has(#withdraw-form)>header h2,#modal-root .coin-calculator-modal>header h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){#modal-root .doni-arrival-preview img{animation:none}}

/* Use an actual centered header grid: no inherited translateY clipping. */
#modal-root .modal:has(#withdraw-form)>header,#modal-root .coin-calculator-modal>header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:12px;gap:8px;min-height:70px}
#modal-root .modal:has(#withdraw-form)>header h2,#modal-root .coin-calculator-modal>header h2{grid-column:2;grid-row:1;width:auto;padding:0;margin:0;min-width:0}
#modal-root .modal:has(#withdraw-form)>header button,#modal-root .coin-calculator-modal>header button{position:static;inset:auto;transform:none;grid-column:3;grid-row:1;align-self:center;justify-self:center;margin:0;width:38px;height:38px;min-height:38px;padding:7px;border-radius:11px}
#modal-root .modal:has(#withdraw-form)>header button svg,#modal-root .coin-calculator-modal>header button svg{width:24px;height:24px;display:block}

@media(max-width:300px){#modal-root .calculator-entry span{font-size:0}#modal-root .calculator-entry span::after{content:"계산기";font-size:14px}#modal-root .coin-modal-tools button{min-width:0}}