.qnb-emi-inline{display:flex;align-items:center;gap:.5rem;font-size:14px}
.qnb-emi-inline .qnb-emi-trigger{background:#41b879;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}
.qnb-emi-inline .qnb-emi-trigger:hover{filter:brightness(.95)}

.qnb-emi-modal{display:none;position:fixed;inset:0;z-index:99999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.qnb-emi-modal.show{display:flex;align-items:center;justify-content:center}
.qnb-emi-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.qnb-emi-box{position:relative;background:#fff;width:92%;max-width:980px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}
.qnb-emi-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee}
.qnb-emi-header h3{margin:0;font-size:20px}
.qnb-emi-close{background:none;border:none;font-size:24px;cursor:pointer;line-height:1}

.qnb-emi-content{display:flex;gap:16px;padding:16px}
.qnb-bank-list{width:280px;max-height:60vh;overflow:auto;border-right:1px solid #eee;padding-right:8px}
.qnb-bank{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #e6e6e6;background:#fff;border-radius:10px;margin-bottom:8px;cursor:pointer;text-align:left}
.qnb-bank.active{border-color:#41b879;box-shadow:0 0 0 2px #41b87922}
.qnb-circle{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700}

.qnb-emi-details{flex:1}
.qnb-label{display:block;margin-bottom:6px;font-weight:600}
.qnb-input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:16px;background:#f8fafc}
.qnb-table-wrap{max-height:48vh;overflow:auto;border:1px solid #eee;border-radius:12px;background:#fff}
.qnb-emi-table{width:100%;border-collapse:collapse}
.qnb-emi-table th,.qnb-emi-table td{padding:12px;border-bottom:1px solid #f1f1f1;text-align:left}
.qnb-emi-table th{background:#f9fafb;font-weight:600}
.qnb-note{font-size:12px;color:#666;margin-top:10px}

@media (max-width: 720px){
  .qnb-emi-content{flex-direction:column}
  .qnb-bank-list{width:100%;border-right:0;padding-right:0;display:flex;gap:8px;overflow:auto}
  .qnb-bank{min-width:220px}
}