.assigned-domain{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#edf2ea;color:var(--deep);font-size:12px;overflow-wrap:anywhere;user-select:all}
.product-modules .module{margin-bottom:16px}
.code-display{overflow-wrap:anywhere}
.mini-products{max-height:300px;overflow:auto}.product-nav{max-height:660px;overflow:auto}
@media(max-width:800px){.product-nav{max-height:none}}

.prepaid-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:22px}
.topup-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.topup-tier{border:1px solid var(--line);border-radius:12px;padding:20px 12px;text-align:left;background:#ffffff80;display:flex;flex-direction:column;gap:10px}
.topup-tier span{font-size:14px;font-weight:600}.topup-tier strong{font-size:22px;color:var(--deep);font-variant-numeric:tabular-nums}.topup-tier small{font-size:11px}
.topup-tier.selected{border-color:var(--deep);background:#e8f3ea;box-shadow:inset 0 0 0 1px var(--deep)}
.topup-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;padding:0 0 20px}.topup-summary strong{color:var(--deep)}
.sidebar nav{min-height:0;overflow-y:auto;flex:1}.sidebar .brand,.sidebar-bottom{flex-shrink:0}.sidebar-bottom{margin-top:18px}
#partner-product-nav{padding:3px 0 10px 12px;margin:0 0 8px 12px;border-left:1px solid var(--line)}
.partner-tool{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;text-align:left;border-radius:8px;font-size:12px;color:var(--muted)}
.partner-tool .icon{width:16px;height:16px}.partner-tool:hover{background:#fff9}.partner-tool.active{background:#e0eee5;color:var(--deep);font-weight:600}
.using-products .work-area{max-width:960px}.using-products .work-area textarea{min-height:240px}
@media(max-width:1100px){.prepaid-grid{grid-template-columns:1fr}.topup-tier strong{font-size:20px}}
@media(max-width:800px){.sidebar nav{flex:initial;overflow-x:auto}.using-products .sidebar nav{display:block;max-height:360px;overflow-y:auto}.using-products .nav-button{display:inline-flex}.using-products #partner-product-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;margin:4px 0 12px;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:10px}.partner-tool{padding:9px 5px;font-size:11px;gap:5px}.using-products .work-area textarea{min-height:180px}}
@media(max-width:480px){.topup-tiers{gap:7px}.topup-tier{padding:14px 8px}.topup-tier span{font-size:12px}.topup-tier strong{font-size:18px}.topup-tier small{font-size:10px}.using-products .page-head{flex-wrap:wrap;gap:12px}.using-products .page-head .btn{font-size:11px}}

.api-info{margin-top:18px}.api-address{display:flex;align-items:center;gap:8px}.api-address input{min-width:0;flex:1}.api-address .btn{flex-shrink:0}.api-detail{gap:16px}.api-detail span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}.api-description{white-space:pre-wrap;overflow-wrap:anywhere}