/* Detail-only density. Library cards retain their independent layout. */
.api-esim-detail-page{max-width:1120px;padding-top:26px}
.api-esim-detail-page>.text-link{min-height:44px;margin-bottom:8px;font-size:13px}
.api-esim-detail-page .esim-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px}
.api-esim-detail-page .esim-detail-header>div{min-width:0}
.api-esim-detail-page .esim-detail-header .eyebrow{font-size:10px;letter-spacing:1px;color:var(--orange-dark)}
.api-esim-detail-page .esim-detail-header h1{max-width:820px;font-size:clamp(23px,2.5vw,30px);line-height:1.3;letter-spacing:-.65px;margin:5px 0 0;overflow-wrap:anywhere}
.api-esim-detail-page .esim-detail-header>.api-esim-status{flex-shrink:0;margin-top:20px;font-size:11px;padding:5px 9px}
.api-esim-detail-page .esim-detail-order{display:inline-flex;min-height:36px;margin-top:4px;font-size:12px;gap:8px;overflow-wrap:anywhere}
.api-esim-detail-page .esim-detail-order>.icon{width:15px;flex-shrink:0}
.api-esim-detail-page .api-esim-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.api-esim-detail-page .api-panel{min-width:0;padding:22px;border-radius:20px;box-shadow:0 8px 30px #23403804}
.api-esim-detail-page .esim-overview{margin:0}
.api-esim-detail-page .esim-overview-heading{gap:12px;margin-bottom:14px;min-height:44px}
.api-esim-detail-page .esim-overview-heading h2,.api-esim-detail-page .api-install-code>h2{font-size:18px;line-height:1.4;letter-spacing:-.25px;margin:0}
.api-esim-detail-page .esim-overview-actions{gap:10px;margin:14px 0 0}
.api-esim-detail-page .esim-overview-actions>.button{flex:1;min-height:44px;padding:10px 14px;font-size:12px;border-radius:11px;justify-content:center}
.api-esim-detail-page .esim-overview-actions>.button:only-child{max-width:100%}
.api-esim-detail-page .esim-overview-actions>.button>.icon{width:16px;height:16px}
.api-esim-detail-page .esim-refresh-action{gap:10px;margin:14px 0 0}
.api-esim-detail-page .esim-refresh-action>.button{flex:1;min-height:44px;padding:10px 14px;font-size:12px;border-radius:11px;justify-content:center}
.api-esim-detail-page .esim-refresh-action>.button>.icon{width:16px;height:16px}
.api-esim-detail-page .esim-refresh-feedback{margin:0 0 12px;padding:10px 12px;font-size:12px}
.api-esim-detail-page .esim-usage-panel{padding:16px;border-radius:14px}
.api-esim-detail-page .esim-usage-heading{font-size:12px}
.api-esim-detail-page .esim-usage-value{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 9px;margin:8px 0 10px}
.api-esim-detail-page .esim-usage-value>strong{font-size:32px;line-height:1.2;letter-spacing:-.65px}
.api-esim-detail-page .esim-usage-value>strong>span{font-size:16px}
.api-esim-detail-page .esim-usage-value.is-unavailable>strong{font-size:21px;line-height:1.4;letter-spacing:-.3px}
.api-esim-detail-page .esim-usage-caption{font-size:11px;margin-top:7px}
.api-esim-detail-page .esim-usage-panel .esim-sync-time{font-size:11px;padding-top:8px;margin-top:8px}
.api-esim-detail-page .esim-usage-panel .esim-cycle-note{font-size:11px;margin-top:5px}
.api-esim-detail-page .esim-detail-facts{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:13px 16px;margin:17px 0 0}
.api-esim-detail-page .esim-detail-facts>div{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;min-width:0}
.api-esim-detail-page .esim-detail-facts dt{font-size:11px;color:#6c7968}
.api-esim-detail-page .esim-detail-facts dd{text-align:left;font-weight:600}
.api-esim-detail-page .esim-detail-facts .esim-detail-expiry{grid-column:1/-1}
.api-esim-detail-page .esim-detail-facts .esim-iccid-row{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding-top:8px;border-top:1px solid #e3e8da}
.api-esim-detail-page .esim-iccid-row dd{gap:8px;min-width:0}
.api-esim-detail-page .esim-iccid-row code{font-size:12px;line-height:1.6;letter-spacing:0}
.api-esim-detail-page .esim-copy-button{flex-shrink:0;min-width:44px;min-height:44px;border-radius:10px}
.api-esim-detail-page .esim-detail-disclosure{margin-top:12px;border-top:1px solid #e3e8da;min-width:0}
.api-esim-detail-page .esim-detail-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer;list-style:none}
.api-esim-detail-page .esim-detail-disclosure>summary::-webkit-details-marker{display:none}
.api-esim-detail-page .esim-detail-disclosure>summary>span{display:flex;align-items:center;gap:8px;min-width:0}
.api-esim-detail-page .esim-detail-disclosure>summary .icon{width:17px;height:17px;flex-shrink:0;color:#6b7b60}
.api-esim-detail-page .esim-detail-disclosure>summary>.icon{transition:transform .18s}
.api-esim-detail-page .esim-detail-disclosure[open]>summary>.icon{transform:rotate(180deg)}
.api-esim-detail-page summary:focus-visible{outline:3px solid #34745d;outline-offset:3px;border-radius:6px}
.api-esim-detail-page .esim-detail-disclosure-body{padding:5px 0 0;min-width:0}
.api-esim-detail-page .esim-device-facts{margin:0;gap:11px}
.api-esim-detail-page .esim-device-facts>div{font-size:12px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.api-esim-detail-page .esim-device-facts dt{color:#6c7968}
.api-esim-detail-page .esim-network{margin-top:16px;padding-top:16px}
.api-esim-detail-page .esim-network h3{font-size:14px;margin-bottom:12px}
.api-esim-detail-page .esim-network-facts{gap:12px}
.api-esim-detail-page .esim-network-facts dt{font-size:11px}
.api-esim-detail-page .esim-network-facts dd{font-size:12px;line-height:1.65}
.api-esim-detail-page .esim-network-note,.api-esim-detail-page .api-lifecycle-note{font-size:11px;line-height:1.65;padding:10px 12px;margin:12px 0 0}
.api-esim-detail-page .esim-detail-qr{margin:14px 0 0;text-align:center}
.api-esim-detail-page .api-qr-link{width:fit-content;max-width:100%;gap:8px;margin:0 auto;font-size:12px;line-height:1.5}
.api-esim-detail-page .api-qr-link>img{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;border:1px solid #e5e9df;border-radius:10px;background:#fff;padding:6px}
.api-esim-detail-page .esim-detail-qr .field-help{max-width:280px;margin:9px auto 0;font-size:11px;line-height:1.65;color:#6c7968}
.api-esim-detail-page .esim-detail-qr .api-loading{min-height:160px;font-size:12px;flex-wrap:wrap}
.api-esim-detail-page .esim-detail-qr .api-notice{text-align:left;margin:0;padding:12px;font-size:12px}
.api-esim-detail-page .api-test-qr{min-height:160px;max-width:280px;padding:18px;margin:0 auto;gap:9px;font-size:12px}
.api-esim-detail-page .api-test-qr>.icon{width:28px;height:28px}
.api-esim-detail-page .esim-manual-installation{margin:16px 0 0;padding:0;border-bottom:0}
.api-esim-detail-page .esim-installation-toggle{min-height:60px;font-size:13px;gap:12px;padding:10px 0}
.api-esim-detail-page .esim-installation-toggle small{font-size:11px;margin-top:2px;line-height:1.5}
.api-esim-detail-page .esim-installation-toggle>.icon{width:17px;height:17px}
.api-esim-detail-page .esim-installation-fields{margin-top:8px;gap:12px}
.api-esim-detail-page .esim-installation-field label{font-size:11px;margin-bottom:5px}
.api-esim-detail-page .esim-installation-value textarea{padding:9px 10px}
.api-esim-detail-page .esim-installation-hint{font-size:11px;margin-top:9px}
.api-esim-detail-page .esim-installation-steps{padding:12px;gap:9px}
.api-esim-detail-page .esim-installation-steps p{font-size:11px;line-height:1.65}
.api-esim-detail-page .esim-detail-guide{margin-top:0}
.api-esim-detail-page .api-install-guide>p{font-size:12px;line-height:1.65;margin-bottom:12px}
.api-esim-detail-page .api-install-guide details{padding:0;font-size:12px}
.api-esim-detail-page .api-install-guide summary{min-height:44px;display:flex;align-items:center;gap:8px}
.api-esim-detail-page .api-install-guide summary::before{content:'+';font-weight:500;color:var(--orange-dark)}
.api-esim-detail-page .api-install-guide details[open]>summary::before{content:'−'}
.api-esim-detail-page .api-install-guide ol{padding-left:18px;margin:6px 0 12px;line-height:1.7}
.api-esim-detail-page .api-install-guide li{padding-left:2px;margin-bottom:7px}
.api-esim-detail-page .api-install-guide .api-notice{font-size:11px;padding:10px 12px;margin:12px 0 0}
@media(max-width:760px){
  .api-esim-detail-page{padding-top:16px}
  .api-esim-detail-page .api-esim-detail-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .api-esim-detail-page .api-panel{padding:18px;border-radius:18px}
  .api-esim-detail-page .esim-detail-header{gap:10px;margin-bottom:16px}
  .api-esim-detail-page .esim-detail-header h1{font-size:23px;letter-spacing:-.45px}
  .api-esim-detail-page .esim-detail-header>.api-esim-status{font-size:10px;padding:5px 7px;max-width:84px}
  .api-esim-detail-page .esim-detail-header .eyebrow{font-size:10px}
  .api-esim-detail-page .esim-detail-order{font-size:11px}
  .api-esim-detail-page .esim-usage-panel{padding:14px}
  .api-esim-detail-page .esim-detail-facts{gap:12px}
  .api-esim-detail-page .esim-detail-facts>div{font-size:12px}
  .api-esim-detail-page .esim-installation-value textarea{font-size:16px;line-height:1.45}
}
@media(max-width:359px){
  .api-esim-detail-page .api-panel{padding:15px}
  .api-esim-detail-page .esim-detail-header h1{font-size:21px}
  .api-esim-detail-page .esim-detail-header>.api-esim-status{max-width:70px}
  .api-esim-detail-page .esim-detail-facts .esim-iccid-row{gap:8px}
  .api-esim-detail-page .esim-iccid-row code{font-size:11px}
  .api-esim-detail-page .esim-overview-heading h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.api-esim-detail-page .esim-detail-disclosure>summary>.icon{transition:none}}