/* eSIMAccess — My Account: My eSIMs panel + Reseller/Partner page
 * Inherits the active theme's design tokens (RoamNex --rnx-* vars) when present,
 * falling back to BNE-style defaults so it still looks right with any theme. */

:root{
  --esim-acc-accent:var(--rnx-primary,#ff7856);
  --esim-acc-accent-strong:var(--rnx-primary-strong,#f4623d);
  --esim-acc-ink:var(--rnx-ink,#1f2a37);
  --esim-acc-muted:var(--rnx-muted,#6b7280);
  --esim-acc-line:var(--rnx-border,#eef0f3);
  --esim-acc-radius:var(--rnx-r-md,18px);
  --esim-acc-tint:var(--rnx-tint-50,#fff8f5);
  --esim-acc-shadow:var(--rnx-shadow-2,0 6px 22px rgba(31,42,55,.05));
}

/* ---- My eSIMs ---- */
.esim-acc-wrap{max-width:760px}
.esim-acc-title{font-size:22px;font-weight:800;margin:0 0 16px;color:var(--esim-acc-ink)}
.esim-acc-empty{background:#fff;border:1px solid var(--esim-acc-line);border-radius:var(--esim-acc-radius);padding:28px;text-align:center}
.esim-acc-btn,.esim-res-btn{display:inline-block;background:var(--esim-acc-accent);color:#fff;font-weight:700;padding:12px 22px;border-radius:12px;border:0;cursor:pointer;text-decoration:none}

.esim-acc-card{background:#fff;border:1px solid var(--esim-acc-line);border-radius:var(--esim-acc-radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--esim-acc-shadow)}
.esim-acc-card__head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.esim-acc-card__flag img,.esim-acc-card__flagemoji{width:40px;height:40px;font-size:32px;line-height:40px;display:inline-block;text-align:center}
.esim-acc-card__titlewrap{display:flex;flex-direction:column;flex:1;min-width:0}
.esim-acc-card__dest{font-weight:800;font-size:16px;color:var(--esim-acc-ink)}
.esim-acc-card__no{font-size:12px;color:var(--esim-acc-muted)}
.esim-acc-card__view{margin-left:auto;color:var(--esim-acc-accent);font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.esim-acc-card__body{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.esim-acc-ring{position:relative;width:120px;height:120px;flex:0 0 auto}
.esim-acc-ring__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.esim-acc-ring__label strong{font-size:18px;font-weight:800;color:var(--esim-acc-ink);line-height:1.1}
.esim-acc-ring__label span{font-size:12px;color:var(--esim-acc-muted)}
.esim-acc-meta{flex:1;min-width:180px}
.esim-acc-meta__row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--esim-acc-line);font-size:13px}
.esim-acc-meta__row:last-child{border-bottom:0}
.esim-acc-meta__row span{color:var(--esim-acc-muted)}
.esim-acc-meta__row b{color:var(--esim-acc-ink);word-break:break-all;text-align:right;padding-left:10px}
.esim-acc-hint{font-size:12px;color:var(--esim-acc-muted);margin-top:8px}

/* ---- Reseller / Partner ---- */
.esim-res-wrap{max-width:640px}
.esim-res-wrap h2{font-size:20px;font-weight:800;color:var(--esim-acc-ink);margin:0 0 10px}
.esim-res-desc{color:var(--esim-acc-muted);margin:0 0 18px}
.esim-res-form label{display:block;font-weight:600;color:var(--esim-acc-ink);margin-bottom:4px;font-size:14px}
.esim-res-form input[type=text],.esim-res-form textarea{width:100%;padding:11px 13px;border:1px solid var(--esim-acc-line);border-radius:11px;font:inherit;background:#fbfbfc}
.esim-res-form input:focus,.esim-res-form textarea:focus{outline:none;border-color:var(--esim-acc-accent)}
.esim-res-code{display:flex;gap:10px;align-items:stretch;margin:6px 0 12px;flex-wrap:wrap}
.esim-res-code input{flex:1;min-width:180px;padding:14px 16px;border:2px dashed var(--esim-acc-accent);border-radius:12px;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--esim-acc-ink);background:#fff8f5}
.esim-res-copy{background:var(--esim-acc-accent);color:#fff;border:0;border-radius:12px;padding:0 20px;font-weight:700;cursor:pointer}
.esim-res-hint{color:var(--esim-acc-muted);font-size:13px}
.esim-res-note{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px}
.esim-res-note--rej{background:#fef2f2;color:#b42318;border:1px solid #fecaca}


/* v0.8.2.32: Softer BNE-like typography. Keep layout/data/payment logic unchanged. */
.esimaccess-destination-hub,
.esimaccess-app-plan-selector,
.esimaccess-sticky-buybar,
.esimaccess-wallet-card,
.esim-wallet-wrap,
.esimaccess-my-esims,
.esimaccess-account-esims,
body.esimaccess-product-app-mode{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","PingFang TC","Noto Sans SC","Noto Sans TC","Microsoft YaHei","Microsoft JhengHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.esimaccess-destination-hub h1,
.esimaccess-destination-hub h2,
.esimaccess-destination-hub h3,
.esimaccess-plan-title,
.esimaccess-plan-type-heading,
.esimaccess-app-plan-selector h2,
.esimaccess-app-plan-selector h3{font-weight:700!important;letter-spacing:-.012em!important;}
.esimaccess-dh-tabs button,
.esimaccess-dh-card strong,
.esimaccess-dh-hot-item strong,
.esimaccess-plan-type-tabs button,
.esimaccess-plan-card-text strong,
.esimaccess-plan-card-price strong,
.esimaccess-plan-option span,
.esimaccess-plan-option strong,
.esimaccess-plan-total strong,
.esimaccess-sticky-total strong{font-weight:600!important;}
.esimaccess-dh-card small,
.esimaccess-dh-card .amount,
.esimaccess-plan-card-text span,
.esimaccess-plan-card-text small,
.esimaccess-plan-card-price span,
.esimaccess-plan-total span{font-weight:400!important;}
.esimaccess-dh-search input,.rnx-dhub__input{font-weight:400!important;}
.esimaccess-plan-actions button,
.esimaccess-sticky-actions button,
.esimaccess-buy-now-button,
.single_add_to_cart_button{font-weight:600!important;}
.esimaccess-radio:after{font-weight:700!important;}
@media(max-width:768px){
  .esimaccess-plan-title{font-weight:700!important;}
  .esimaccess-plan-type-heading{font-weight:650!important;}
}