.ieop { --ieop-ink: #303438; --ieop-line: #e7e8ea; color: var(--ieop-ink); margin: 16px 0 28px; font-size: 12px; line-height: 1.5; letter-spacing: 0; }
.ieop, .ieop * { box-sizing: border-box; }
.ieop-notice { padding: 8px 10px; border-left: 2px solid #8b9690; background: #f6f7f6; font-size: 11px; }
.ieop-refill-note { margin: 12px 0 0; color: #60666c; font-size: 11px; }
.ieop-updated { margin: 10px 0; color: #555d65; font-size: 11px; font-variant-numeric: tabular-nums; }
#memberinfo .ieop-table button:disabled, #memberinfo .ieop-table button:disabled:hover { background: #f4f5f6 !important; color: #73777b !important; border-color: #e3e5e7 !important; cursor: default; }
.ieop-alert { margin: 12px 0; color: #b72835; border-left: 2px solid currentColor; padding-left: 10px; font-size: 11px; }
.ieop-alert ul { margin: 4px 0 0; padding-left: 16px; }
.ieop-scroll { width: 100%; max-width: 100%; overflow-x: auto; margin-top: 12px; }
#memberinfo .ieop-table, .ieop-table { width: 100%; min-width: 780px; table-layout: fixed; border: 0; border-collapse: separate; border-spacing: 0 6px; font-size: 11px; line-height: 1.5; }
#memberinfo .ieop-table th, #memberinfo .ieop-table td, .ieop-table th, .ieop-table td { padding: 8px 7px; border: 0; text-align: left; vertical-align: middle; overflow-wrap: anywhere; background: #fff; }
#memberinfo .ieop-table th, .ieop-table th { padding: 7px; background: #f5f5f6; color: #666b70; font-size: 10px; font-weight: 600; }
.ieop-table th:nth-child(1) { width: 9%; }
.ieop-table th:nth-child(2) { width: 10%; }
.ieop-table th:nth-child(3) { width: 28%; }
.ieop-table th:nth-child(4) { width: 9%; }
.ieop-table th:nth-child(5) { width: 13%; }
.ieop-table th:nth-child(6) { width: 13%; }
.ieop-table th:nth-child(7) { width: 18%; }
#memberinfo .ieop-table td, .ieop-table td { border-top: 1px solid var(--ieop-line); border-bottom: 1px solid var(--ieop-line); }
#memberinfo .ieop-table td:first-child, .ieop-table td:first-child { border-left: 1px solid var(--ieop-line); border-radius: 8px 0 0 8px; }
#memberinfo .ieop-table td:last-child, .ieop-table td:last-child { border-right: 1px solid var(--ieop-line); border-radius: 0 8px 8px 0; }
.ieop-table form { margin: 0; }
.ieop-table a { color: #2364c4; text-decoration: underline; }
.ieop-product { display: block; font-size: 12px; }
.ieop-target { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ieop-number, .ieop-amount { font-weight: 600; font-variant-numeric: tabular-nums; }
.ieop-date { color: #72777c; font-size: 10px; font-variant-numeric: tabular-nums; }
.ieop-muted { display: block; margin-top: 3px; color: #70757a; font-size: 10px; font-weight: 400; }
.ieop-status { display: inline-block; padding: 2px 6px; border-radius: 5px; background: #eceeef; color: #555b60; font-size: 10px; font-weight: 600; }
.ieop-status-active { background: #eaf1ff; color: #245caa; }
.ieop-status-complete { background: #e8f4ec; color: #28714a; }
.ieop-status-error { background: #fce9eb; color: #a42e40; }
.ieop-progress { display: block; width: 100%; height: 3px; margin: 5px 0; border: 0; border-radius: 2px; overflow: hidden; appearance: none; background: #eff0f2; color: #6b95e7; }
.ieop-progress::-webkit-progress-bar { background: #eff0f2; }
.ieop-progress::-webkit-progress-value { background: #6b95e7; }
.ieop-progress::-moz-progress-bar { background: #6b95e7; }
.ieop-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.ieop-actions > .ieop-muted { flex-basis: 100%; margin: 0; }
.ieop-actions a { font-size: 10px; }
.ieop-table button, .ieop-link, #memberinfo .ieop-table button, #memberinfo .ieop-table button:hover { display: inline-block; width: auto !important; min-height: 26px; padding: 4px 7px !important; border: 1px solid #dedfe2 !important; border-radius: 5px !important; background: #fff !important; color: #464c52 !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.5; box-shadow: none !important; transform: none; letter-spacing: 0; text-decoration: none; white-space: normal; }
.ieop-table button:hover, .ieop-link:hover { border-color: #9da6b1 !important; }
.ieop-table button:focus-visible, .ieop-table a:focus-visible { outline: 2px solid #2364c4; outline-offset: 2px; }
#memberinfo .ieop-table .ieop-coupon td, .ieop-table .ieop-coupon td { padding-top: 4px; padding-bottom: 4px; border: 0; color: #73777b; background: #fafafa; font-size: 10px; }
.ieop-inquiry { max-width: 720px; margin: 32px auto; padding: 0 20px; }
.ieop-inquiry label { display: block; margin: 18px 0; }
.ieop-inquiry select, .ieop-inquiry textarea { display: block; width: 100%; max-width: 100%; margin-top: 8px; }
@media (max-width: 767px) {
    #memberinfo .ieop-table, .ieop-table { min-width: 0; display: block; }
    .ieop-table thead { display: none; }
    .ieop-table tbody.ieop-order { display: block; margin-bottom: 16px; border: 1px solid #929ca6; background: #fff; }
    .ieop-table tr { display: block; padding: 0; border: 0; }
    .ieop-table tr + tr { border-top: 1px solid #929ca6; }
    #memberinfo .ieop-table td, .ieop-table td { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 0 8px; width: auto; padding: 7px 8px; border: 0 !important; border-bottom: 1px solid #e0e4e8 !important; border-radius: 0 !important; }
    #memberinfo .ieop-table td:last-child, .ieop-table td:last-child { border-bottom: 0 !important; }
    .ieop-table td::before { content: attr(data-label); grid-column: 1; grid-row: 1 / span 4; color: #73777b; font-size: 10px; }
    .ieop-table td > * { grid-column: 2; min-width: 0; }
    .ieop-status { justify-self: start; }
    .ieop-table .ieop-coupon td { display: block !important; }
    .ieop-table .ieop-coupon td:empty { display: none !important; }
    .ieop-table .ieop-coupon td::before { content: none; }
    .ieop-table button, .ieop-link, #memberinfo .ieop-table button { min-height: 32px; }
}