#ktech-topup-form { max-width:420px; background:#fff; padding:12px; border:1px solid #eee; }
#ktech-topup-form input, #ktech-topup-form select { width:100%; padding:8px; margin:6px 0; }
#ktech-topup-result { margin-top:10px; color:#111; }

/* Basic dark-styled panel similar to provided design */
.ktech-topup-widget { max-width:760px; background:#6f757a; color:#e6e6e6; padding:18px; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.4); font-family: Tahoma, 'Helvetica Neue', Arial; }
.ktech-topup-header { font-size:20px; font-weight:600; margin-bottom:12px; text-align:right }
.ktech-form { display:block; }
.ktech-row { display:flex; align-items:center; gap:12px; margin:10px 0; }
.ktech-label { width:140px; text-align:right; font-size:14px; color:#dcdcdc }
.ktech-form input[type='tel'], .ktech-form input[type='number'], .ktech-form select { flex:1; padding:10px 12px; border-radius:6px; border:1px solid rgba(0,0,0,0.2); background:#3f4448; color:#eee }
.ktech-operators { display:flex; gap:14px; }
.ktech-op { width:72px; height:72px; border-radius:8px; background:rgba(255,255,255,0.06); border:2px solid rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .18s ease; }
.ktech-op.active { box-shadow:0 0 0 3px rgba(255,255,255,0.06) inset; border-color:#fff; filter:none; opacity:1 }
.ktech-op-img { width:48px; height:48px; background-size:contain; background-repeat:no-repeat; opacity:0.95 }
.ktech-op.disabled, .ktech-op.bw { filter: grayscale(100%); opacity:0.6 }
.op-mtn { background-image:url('../assets/icons/mtn.svg'); }
.op-mci { background-image:url('../assets/icons/mci.svg'); }
.op-rightel { background-image:url('../assets/icons/rightel.svg'); }
.op-shatel { background-image:url('../assets/icons/shatel.svg'); }
.op-aptel { background-image:url('../assets/icons/aptel.svg'); }
.ktech-op-note { font-size:13px; color:#f0dca6; background:#6b4f12; padding:8px; border-radius:4px; margin-top:8px }
.ktech-actions { text-align:left; margin-top:14px }
.ktech-submit { background:#0b63b8; color:#fff; padding:10px 18px; border-radius:6px; border:none; cursor:pointer; font-weight:600 }
.ktech-submit.loading { opacity:0.7 }
.ktech-result { margin-top:12px; min-height:24px; color:#fff }
.ktech-result.error { color:#ffb3b3 }
.ktech-result.success { color:#bff0c7 }

/* responsive */
@media (max-width:600px){ .ktech-label{display:none} .ktech-row{flex-direction:column; align-items:stretch} }
#ktech-topup-form { max-width:420px; background:#fff; padding:12px; border:1px solid #eee; }
#ktech-topup-form input, #ktech-topup-form select { width:100%; padding:8px; margin:6px 0; }
#ktech-topup-result { margin-top:10px; color:#111; }