/* Mynqora V3 — Smart Merchant Experience
   Intentionally lightweight: smart underneath, simple on the surface. */
.mq-merchant-search{position:relative}
.mq-merchant-input-wrap{position:relative}
.mq-merchant-input-wrap input{padding-inline-start:46px!important}
html[dir="rtl"] .mq-merchant-input-wrap input{padding-inline-start:46px!important}
.mq-merchant-input-icon{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#122238;color:#6e8195;font-size:13px;pointer-events:none}
.mq-merchant-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);display:none;padding:6px;border:1px solid #294156;border-radius:15px;background:#0b1726;box-shadow:0 24px 60px rgba(0,0,0,.34);max-height:300px;overflow:auto}
.mq-merchant-results.is-open{display:block}
.mq-merchant-option{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:8px;border:0;border-radius:11px;background:transparent;color:#eaf1f5;text-align:start;cursor:pointer}
.mq-merchant-option:hover,.mq-merchant-option.is-active{background:#102a28}
.mq-merchant-option-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.mq-merchant-option-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-merchant-option-copy small{font-size:9px;color:#7f93a7}
.mq-merchant-option-check{color:#53dec3;font-size:14px}
.mq-merchant-results-empty{padding:12px;color:#72869a;font-size:10px;text-align:center}
.mq-merchant-hint{display:flex;align-items:center;gap:7px;margin-top:6px;color:#72879b;font-size:9px;line-height:1.5}
.mq-merchant-hint b{color:#65dec7}

.mq-merchant-avatar{--merchant-bg:#162638;position:relative;flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:var(--merchant-bg);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mq-merchant-avatar img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;z-index:2}
.mq-merchant-fallback{position:relative;z-index:1;color:#dce8ef;font-size:12px;font-weight:900}
.mq-merchant-avatar.mq-sm{width:29px;height:29px;border-radius:9px}
.mq-merchant-avatar.mq-sm img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
.mq-merchant-avatar.mq-lg{width:46px;height:46px;border-radius:14px}
.mq-merchant-avatar.mq-lg img{inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)}

.mq-merchant-cell{display:flex;align-items:center;gap:10px;min-width:160px}
.mq-merchant-cell-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.mq-merchant-cell-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mq-merchant-cell-copy small{color:#72869a;font-size:9px}

.mq-subscription-row-main{display:flex;align-items:center;gap:12px;min-width:0}
.mq-subscription-row-main>div:last-child{min-width:0}
.mq-subscription-row-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mq-smart-hint{display:flex;align-items:center;gap:13px;margin-top:18px;padding:13px 15px;border:1px solid #2c514b;border-radius:16px;background:linear-gradient(120deg,#0c1c27,#0d2521);box-shadow:0 10px 34px rgba(0,0,0,.08)}
.mq-smart-hint-copy{min-width:0;flex:1}
.mq-smart-hint-kicker{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:#66dfc7;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mq-smart-hint strong{display:block;color:#edf5f3;font-size:13px;line-height:1.45}
.mq-smart-hint p{margin:3px 0 0;color:#8196a8;font-size:10px;line-height:1.6}
.mq-smart-hint .btn{flex:0 0 auto}

.mq-selected-merchant{display:none;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid #284a45;border-radius:11px;background:#0d211f;color:#b9d8d2;font-size:10px}
.mq-selected-merchant.is-visible{display:flex}
.mq-selected-merchant span:last-child{color:#6f8799}

@media(max-width:720px){
  .mq-smart-hint{align-items:flex-start;flex-wrap:wrap}
  .mq-smart-hint .btn{width:100%}
  .mq-merchant-results{max-height:250px}
}