/* Readable controls must grow with their text, rather than clip it. */
.ip-button,.ia-body button:not(#ia-dialog-close),.ip-alert-tools button,.ip-alert-card-actions button{line-height:1.45;min-height:44px;height:auto;white-space:normal;overflow-wrap:break-word}
.ip-button{align-items:center;justify-content:center;text-align:center}
.ip-copy-icon{display:inline-block;vertical-align:middle;flex:0 0 20px;width:20px;height:20px;pointer-events:none}
button:has(>.ip-copy-icon){display:inline-flex;align-items:center;justify-content:center;gap:9px}
.ip-dialog-header h2,.ip-alert-empty h3{word-break:keep-all;overflow-wrap:break-word}
#ip-forgot-pin{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #dce6f4;border-radius:12px;background:#f3f7ff;color:#0068dc;font:inherit;font-weight:600;line-height:1.5;cursor:pointer;margin:8px 0 0 8px;max-width:100%;white-space:normal;text-align:center}
#ip-forgot-pin:hover{background:#e7f0ff;border-color:#abcfff}
#ip-forgot-pin:focus-visible{outline:3px solid #9ac7ff;outline-offset:3px}
.ip-notice{overflow-wrap:anywhere}
.ip-notice>small{display:block;margin-top:14px}
.ip-notice>button{display:inline-flex;margin-top:12px;max-width:100%;padding:10px 18px;min-width:110px}
.ip-alert-toolbar,.ip-alert-card-actions,.ip-alert-tools{flex-wrap:wrap;gap:10px}
.ip-alert-tabs{flex-wrap:wrap}
.ip-alert-meta{flex-wrap:wrap;gap:8px}
.ip-dialog-close,#ia-dialog-close,.ia-external-modal header button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;line-height:1!important;font-family:Arial,sans-serif!important;font-size:28px!important;text-align:center!important}
.ip-dialog-close svg,#ia-dialog-close svg{display:block;margin:auto}
.ip-customer-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#ia-dialog{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#ia-external-dialog{width:min(820px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
.ip-dialog-header>div,#ia-dialog header>div,.ia-external-modal header>div{min-width:0;overflow-wrap:anywhere}
#ia-dialog form>footer{flex-wrap:wrap}
.ip-dialog-header,.ip-dialog-content{padding:28px 30px}
.ip-panel,.ip-stat,.ip-deposit-metrics>div,.ip-flow-facts>div,.ia-card,.ia-layout{min-width:0}
.ip-deposit-heading,.ip-flow-card-head{flex-wrap:wrap;gap:12px}
.ip-header-actions{flex-shrink:0}
.ia-body .ia-top{height:auto;min-height:100px;gap:18px;flex-wrap:wrap}
.ia-body .ia-top-actions{flex-wrap:wrap}
.ia-body td,.ia-body th{padding-top:17px;padding-bottom:17px}
.ia-body .ia-sidebar{width:260px}
.ia-body .ia-layout{margin-left:280px}
.ia-body #ia-nav a{line-height:1.5;min-height:50px}
.ia-body .ia-table-wrap,.ip-table-wrap{max-width:100%;overflow-x:auto}
.ip-schedule-note{background:#f2f7ff;color:#45617e;padding:14px 16px;border-radius:12px;margin:14px 0;line-height:1.7;font-size:15px}
@media(max-width:900px){.ip-nav{display:none}.ia-body .ia-layout{margin-left:0}.ia-body .ia-sidebar{max-width:calc(100vw - 28px)}}
@media(max-width:540px){
 .ip-hero{grid-template-columns:minmax(0,1fr);overflow:hidden}.ip-hero>div{min-width:0}.ip-hero-visual{width:100%;min-width:0}.ip-hero h1{overflow-wrap:break-word;word-break:keep-all}.ip-hero-facts{flex-wrap:wrap}
 .ip-header{gap:8px}.ip-brand{font-size:30px}.ip-header-actions{gap:7px}.ip-header .ip-button{padding:9px 12px;font-size:14px}
 .ip-stat-grid{grid-template-columns:1fr}.ip-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.ip-stat small{font-size:13px}.ip-stat strong{font-size:26px}
 .ip-deposit-metrics{grid-template-columns:1fr;gap:14px}.ip-deposit-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.ip-deposit-metrics small{font-size:13px}
 .ip-product-grid{grid-template-columns:1fr}.ip-product .ip-button{font-size:15px}
 .ip-panel{padding:22px 17px}.ip-hero h1{font-size:44px}.ip-page-heading h1{font-size:38px}
 .ip-alert-toolbar>div{width:100%}.ip-alert-tools button{flex:1}.ip-alert-card-actions button{flex:1 1 130px}
 .ip-customer-dialog input,.ip-customer-dialog select,.ip-customer-dialog textarea,.ip-panel input,.ip-panel select{font-size:16px}
 .ip-dialog-header,.ip-dialog-content{padding:22px 18px}
 #ia-dialog .ia-read-details>div{grid-template-columns:1fr;gap:6px}
 .ip-dialog-close,#ia-dialog-close{flex-shrink:0}.ip-schedule-note{font-size:14px}
 .ia-body .ia-top h1{font-size:28px}.ia-body .ia-card{padding:20px 16px}
 #ip-recovery-options>button{width:100%;margin:10px 0 0}
}

.ip-button-sponsor{background:#c94b13;color:#fff;border:1px solid #c94b13;box-shadow:0 6px 16px #c94b1320}.ip-button-sponsor:hover{background:#aa3909;color:#fff}.ip-button-sponsor:focus-visible{outline:3px solid #ffc29e;outline-offset:3px}

/* Credited earnings only; reveal animation never changes recorded values. */
.ip-earnings-bar{transform-box:fill-box;transform-origin:center bottom;animation:ip-bar-reveal .65s ease-out both}
@keyframes ip-bar-reveal{from{transform:scaleY(.02);opacity:.35}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.ip-earnings-bar{animation:none}}

.ip-auto-payout-card{display:flex;align-items:flex-start;gap:18px;padding:22px;margin:18px 0;border:1px solid #cfe3ff;border-radius:18px;background:linear-gradient(125deg,#edf5ff,#fff);box-shadow:0 8px 24px #0177fd08}
.ip-auto-payout-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:16px;background:#0177fd;color:white;box-shadow:0 6px 16px #0177fd26}.ip-auto-payout-icon svg{width:30px;height:30px}
.ip-auto-payout-card small{display:block;color:#0177fd;font-size:12px;font-weight:700;letter-spacing:.08em}.ip-auto-payout-card strong{display:block;font-size:21px;margin:5px 0}.ip-auto-payout-card p{margin:8px 0 0;line-height:1.65}.ip-auto-payout-card>div{min-width:0}
@media(max-width:480px){.ip-auto-payout-card{padding:16px;gap:12px}.ip-auto-payout-icon{flex-basis:42px;height:42px}.ip-auto-payout-card strong{font-size:19px}}

@media(max-width:600px){.ip-earnings-chart svg text{font-size:19px}.ip-earnings-chart svg rect+text{font-size:24px;font-weight:700}}

/* Frontend headings: preserve Korean words and balance necessary line breaks. */
#ip-main :is(h1,h2,h3){word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
#ip-main :is(button,.ip-button,.ip-text-link){word-break:keep-all}
#ip-main :is(.ip-section-heading,.ip-chart-heading,.ip-ref-section-heading)>div{min-width:0}
@media(max-width:540px){
 #ip-main .ip-panel h2,#ip-main .ip-flow-next h2{font-size:clamp(21px,5.8vw,27px);line-height:1.4}
 #ip-main .ip-ref-share-copy h2{text-wrap:nowrap}
 #ip-main .ip-ref-section-heading h2{font-size:clamp(20px,5.6vw,26px)}
}

.ip-cap-end-dialog{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #dfe9fa;border-radius:24px;padding:36px;color:#192b42;background:#fff;box-shadow:0 24px 80px #10264230}
.ip-cap-end-dialog::backdrop{background:#10264270;backdrop-filter:blur(4px)}
.ip-cap-end-dialog h2{font-size:26px;line-height:1.4;word-break:keep-all}.ip-cap-end-dialog p{line-height:1.7;word-break:keep-all;color:#64748b}.ip-cap-icon{width:52px;height:52px;display:grid;place-items:center;background:#e8f3ff;color:#0177fd;border-radius:16px;font-size:28px}.ip-cap-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;font-size:24px;background:#f1f5fb}.ip-cap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.ip-cap-actions>*{flex:1;white-space:nowrap}
@media(max-width:540px){.ip-cap-end-dialog{padding:26px 22px}.ip-cap-end-dialog h2{font-size:23px}}

/* Keep ledger columns readable; scroll the table, never squeeze Korean words. */
#ip-main .ip-panel,#ip-main #ip-content{min-width:0}
#ip-main .ip-table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#ip-main .ip-table{width:100%;min-width:max-content;table-layout:auto}
#ip-main .ip-table th,#ip-main .ip-table td{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;min-width:80px;vertical-align:middle}
#ip-main .ip-table th:first-child,#ip-main .ip-table td:first-child{min-width:150px}
#ip-main .ip-table a,#ip-main .ip-table strong,#ip-main .ip-table span{word-break:keep-all;overflow-wrap:normal}
@media(max-width:767px){
 #ip-main .ip-table{min-width:560px;width:max-content}
 #ip-main .ip-table th,#ip-main .ip-table td{padding:14px 16px;line-height:1.6}
 #ip-main .ip-table-wrap:focus-visible{outline:2px solid #0177fd;outline-offset:3px}
}

/* Expanded investment and account histories retain four readable columns. */
#ip-main details.ip-chart-history{min-width:0;max-width:100%}
#ip-main details.ip-chart-history .ip-table-wrap{width:100%;max-width:100%;overflow-x:auto}
#ip-main details.ip-chart-history table.ip-table{min-width:600px;width:100%;table-layout:auto}
#ip-main details.ip-chart-history table.ip-table :is(th,td){white-space:nowrap;word-break:keep-all;overflow-wrap:normal;padding:14px 16px}
#ip-main details.ip-chart-history table.ip-table :is(th,td):first-child{min-width:160px}
#ip-main details.ip-chart-history table.ip-table :is(th,td):nth-child(2){min-width:150px}
#ip-main details.ip-chart-history table.ip-table :is(th,td):nth-child(n+3){min-width:100px}

.ip-support-message{padding:22px;border:1px solid #e1e6ed;border-radius:16px;margin:18px 0;min-width:0}.ip-support-question{background:#f6f7f9;margin-right:24px}.ip-support-answer{background:#edf5ff;border-color:#b8d6ff;border-left:4px solid #0177fd;margin-left:24px}.ip-support-message header{display:flex;align-items:center;gap:12px}.ip-support-message header strong{display:block;color:#25364b;font-size:16px}.ip-support-answer header strong{color:#005fc7}.ip-support-message time{display:block;font-size:13px;color:#64748b;margin-top:4px}.ip-support-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e5e9ef;color:#526174}.ip-support-answer .ip-support-avatar{background:#0177fd;color:white}.ip-support-avatar svg{width:22px;height:22px}.ip-support-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:#25364b;margin:16px 0 0}
@media(max-width:540px){.ip-support-message{padding:16px}.ip-support-question{margin-right:8px}.ip-support-answer{margin-left:8px}.ip-support-message header strong{font-size:15px}}

/* Compact phone withdrawal view without shrinking desktop or ledger columns. */
@media(max-width:540px){
 body[data-page="withdraw"] #ip-main{font-size:15px}
 body[data-page="withdraw"] #ip-main .ip-flow-balance{padding:18px;gap:16px;border-radius:18px;margin-bottom:14px}
 body[data-page="withdraw"] #ip-main .ip-flow-balance>div{min-width:0}
 body[data-page="withdraw"] #ip-main .ip-flow-balance h2{font-size:32px;line-height:1.25;margin:10px 0}
 body[data-page="withdraw"] #ip-main .ip-flow-balance small{font-size:14px}
 body[data-page="withdraw"] #ip-main .ip-flow-balance p{font-size:15px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}
 body[data-page="withdraw"] #ip-main .ip-flow-balance p strong{font-size:14px}
 body[data-page="withdraw"] #ip-main .ip-panel{padding:18px;border-radius:18px}
 body[data-page="withdraw"] #ip-main .ip-panel h2{font-size:22px;line-height:1.35}
 body[data-page="withdraw"] #ip-main .ip-panel p{font-size:15px;line-height:1.6}
 body[data-page="withdraw"] #ip-main .ip-flow-stats{gap:9px;margin-bottom:18px}
 body[data-page="withdraw"] #ip-main .ip-flow-stats>div{padding:14px;gap:12px;flex-wrap:wrap}
 body[data-page="withdraw"] #ip-main .ip-flow-stats span{font-size:14px;flex:1;min-width:140px}
 body[data-page="withdraw"] #ip-main .ip-flow-stats strong{font-size:23px;margin:0;white-space:nowrap}
 body[data-page="withdraw"] #ip-main .ip-button{font-size:15px;min-height:44px;padding:11px 16px}
 body[data-page="withdraw"] #ip-main .ip-flow-entry h3{font-size:17px}
 body[data-page="withdraw"] #ip-main .ip-flow-entry time{font-size:13px}
 body[data-page="withdraw"] #ip-main .ip-flow-entry{gap:12px;padding-bottom:22px}
 body[data-page="withdraw"] #ip-main .ip-flow-entry>div{min-width:0}
 body[data-page="withdraw"] #ip-main .ip-address{font-size:13px;overflow-wrap:anywhere}
}
