/* ══════════════════════════════════════════════════
   EXCHANGE RATES (Nepal Rastra Bank)
   Self-contained so it also works inside the iframe embed.
══════════════════════════════════════════════════ */
.fx{
  --fx-orange:#f47a20;--fx-blue:#1e7fd4;--fx-dk:#1b2f50;--fx-ink:#1a2233;
  --fx-ink2:#4a5568;--fx-ink3:#8896a8;--fx-line:#dde3ef;--fx-soft:#f5f6fa;
  font-family:"Plus Jakarta Sans","Mukta",system-ui,sans-serif;color:var(--fx-ink);
  background:#fff;border:1.5px solid var(--fx-line);border-radius:18px;
  padding:14px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;text-align:left;
}
.fx *{box-sizing:border-box}
.fx-bar{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
.fx-title{font-family:"Mukta",sans-serif;font-size:1.15rem;font-weight:700;color:var(--fx-dk);line-height:1.2}
.fx-date{font-family:"Plus Jakarta Sans","Mukta",sans-serif;font-size:.8rem;font-weight:600;color:var(--fx-ink3)}
.fx-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.fx-body[hidden],.fx-loading[hidden],.fx-empty[hidden]{display:none}
.fx-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px;padding:18px;border-radius:12px;background:var(--fx-soft);color:var(--fx-ink2);font-size:.9rem}
.fx-empty{flex:1;padding:18px;border-radius:12px;background:var(--fx-soft);color:var(--fx-ink2);font-size:.9rem;line-height:1.6}
.fx-empty a{color:var(--fx-blue)}
.fx-admin-note{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7ed;border:1.5px dashed #fdba74;color:#7c2d12;font-size:.85rem}

.fx-conv{display:grid;grid-template-columns:.8fr 1.4fr auto 1.4fr;gap:8px;align-items:end}
.fx-field{display:flex;flex-direction:column;gap:4px;margin:0;font-size:.72rem;font-weight:700;color:var(--fx-ink3);min-width:0}
.fx input,.fx select{
  width:100%;margin:0;padding:.62rem .7rem;border:1.5px solid var(--fx-line);border-radius:10px;
  background:#fff;color:var(--fx-ink);font-family:inherit;font-size:.92rem;line-height:1.3;min-width:0;
}
.fx input:focus,.fx select:focus{outline:none;border-color:var(--fx-blue);box-shadow:0 0 0 3px rgba(30,127,212,.15)}
.fx-swap{
  margin:0;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--fx-line);background:var(--fx-soft);
  font-size:1.05rem;line-height:1;color:var(--fx-ink2);cursor:pointer;
}
.fx-swap:hover{border-color:var(--fx-orange);color:var(--fx-orange)}
.fx button:focus-visible,.fx a:focus-visible{outline:2px solid var(--fx-blue);outline-offset:2px}

.fx-result{
  display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:12px;
  background:var(--fx-soft);border:1.5px solid var(--fx-line);border-left:4px solid var(--fx-orange);
}
.fx-res-main{font-family:"Mukta","Plus Jakarta Sans",sans-serif;font-size:clamp(1.35rem,4vw,1.8rem);font-weight:700;line-height:1.2;color:var(--fx-dk)}
.fx-res-sub{font-size:.75rem;color:var(--fx-ink2);line-height:1.5}

.fx-table-wrap{flex:1;min-height:0;overflow:auto;border:1.5px solid var(--fx-line);border-radius:12px}
.fx-table{width:100%;border-collapse:collapse;font-size:.84rem}
.fx-table th{
  position:sticky;top:0;z-index:1;background:var(--fx-soft);text-align:left;
  font-size:.7rem;font-weight:700;color:var(--fx-ink3);padding:8px 10px;border-bottom:1.5px solid var(--fx-line);white-space:nowrap;
}
.fx-table td{padding:7px 10px;border-bottom:1px solid var(--fx-line);vertical-align:middle}
.fx-table tbody tr:last-child td{border-bottom:0}
.fx-table tbody tr:hover td{background:#fafbfd}
.fx-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-iso{
  display:inline-block;min-width:3.1em;padding:2px 6px;margin-right:4px;border-radius:6px;
  background:var(--fx-soft);font-size:.72rem;font-weight:800;color:var(--fx-dk);text-align:center;
}
.fx-name{color:var(--fx-ink2)}
.fx-up{color:#c2410c;font-weight:700}
.fx-down{color:var(--fx-blue);font-weight:700}
.fx-flat{color:var(--fx-ink3)}

.fx-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fx-credit,.fx-source{font-size:.75rem;font-weight:600;color:var(--fx-ink3);text-decoration:none}
.fx-credit:hover,.fx-source:hover{color:var(--fx-orange)}
.fx-source{margin-left:auto}

.fx--embed{height:100%}
.fx--page{box-shadow:0 8px 32px rgba(45,74,122,.11);padding:20px;gap:16px}
.fx--page .fx-table{font-size:.92rem}
.fx--page .fx-table td{padding:10px 14px}
.fx--page .fx-table th{padding:10px 14px}

@media(max-width:620px){
  .fx{padding:10px;gap:8px;border-radius:14px}
  .fx-body{gap:8px}
  .fx-conv{grid-template-columns:1fr auto 1fr}
  .fx-field-amt{grid-column:1 / -1}
  .fx-swap{width:36px;height:36px}
  .fx-name{display:none}
  .fx-table{font-size:.8rem}
  .fx-table td,.fx-table th{padding:7px 8px}
}
@media(max-width:400px){.fx-chg-h,.fx-chg{display:none}}
