.nt-wrap,.nt-calc,.nt-sw,.nt-live{--nt-line:#e6eaf2;--nt-ink:#0c1222;--nt-mut:#5b6a86;--nt-b1:#2563eb;--nt-b2:#0ea5e9;
  color:var(--nt-ink)}
.nt-wrap,.nt-calc{margin:22px 0}
.nt-wrap *,.nt-calc *,.nt-sw *,.nt-live *{box-sizing:border-box}
.nt-table{width:100%;border-collapse:collapse;border:1px solid var(--nt-line);border-radius:14px;overflow:hidden;
  background:#fff;box-shadow:0 8px 28px rgba(12,18,34,.06);font-size:15.5px}
.nt-table thead th{background:#fbfcfe;text-align:left;font-size:13px;font-weight:600;color:var(--nt-mut);
  padding:11px 14px;border-bottom:1px solid var(--nt-line);white-space:nowrap}
.nt-table td{padding:12px 14px;border-bottom:1px solid var(--nt-line);vertical-align:top}
.nt-table tbody tr:last-child td{border-bottom:0}
.nt-table tbody tr:hover{background:#fbfcfe}
.nt-num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.nt-v{font-variant-numeric:tabular-nums;white-space:nowrap}
.nt-note{font-size:13.5px;line-height:1.55;color:var(--nt-mut);margin:10px 2px 0}
.nt-err{font-size:14px;line-height:1.55;border:1px solid #fde68a;background:#fffbeb;border-radius:12px;
  padding:11px 14px;margin:12px 0;color:#0c1222}

/* valyuta almashtirgichi */
.nt-sw{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:22px 0;padding:13px 16px;
  border:1px solid rgba(37,99,235,.30);border-radius:16px;
  background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 55%,#fff 100%);
  box-shadow:0 6px 22px rgba(37,99,235,.10)}
.nt-sw[hidden]{display:none}
.nt-sw:before{content:"Valyuta";font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#1d4ed8;opacity:.85}
.nt-sw-box{display:inline-flex;padding:5px;gap:5px;border:1px solid rgba(37,99,235,.28);border-radius:999px;
  background:#dfe9fd;box-shadow:inset 0 1px 3px rgba(12,18,34,.08)}
.nt-sw-b{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:700;
  color:#1d4ed8;background:transparent;border-radius:999px;padding:10px 24px;line-height:1;
  transition:background .15s,color .15s,box-shadow .15s,transform .15s}
.nt-sw-b:not(.is-on):hover{background:rgba(255,255,255,.9);color:#0c1222}
.nt-sw-b:active{transform:translateY(1px)}
.nt-sw-b.is-on{background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;
  box-shadow:0 4px 14px rgba(29,78,216,.40),inset 0 1px 0 rgba(255,255,255,.25)}
.nt-sw-b:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.nt-sw-n{font-size:13.5px;font-weight:600;color:#334155;font-variant-numeric:tabular-nums}

/* "narx avtomatik yangilanadi" bloki */
.nt-live{border:1px solid var(--nt-line);border-left:3px solid #16a34a;border-radius:14px;
  background:linear-gradient(180deg,#f7fbf8,#fff 70%);padding:18px 20px;margin:22px 0;
  box-shadow:0 8px 28px rgba(12,18,34,.05)}
.nt-live-top{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:8px}
.nt-dot{width:9px;height:9px;border-radius:50%;background:#16a34a;flex:0 0 auto;
  box-shadow:0 0 0 4px rgba(22,163,74,.18);animation:nt-pulse 2.2s ease-in-out infinite}
@keyframes nt-pulse{0%,100%{box-shadow:0 0 0 4px rgba(22,163,74,.18)}50%{box-shadow:0 0 0 8px rgba(22,163,74,.05)}}
@media(prefers-reduced-motion:reduce){.nt-dot{animation:none}}
.nt-live p{font-size:15px;line-height:1.65;margin:0 0 10px}
.nt-live-l{margin:0 0 10px;padding:0;list-style:none;font-size:14.5px;line-height:1.5}
.nt-live-l li{position:relative;padding:5px 0 5px 16px;border-bottom:1px dashed var(--nt-line)}
.nt-live-l li:last-child{border-bottom:0}
.nt-live-l li:before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:#16a34a}
.nt-live-n{font-size:13.5px;line-height:1.6;color:var(--nt-mut);margin:0}

.nt-calc{border:1px solid var(--nt-line);border-radius:16px;padding:20px;background:#fff;
  box-shadow:0 8px 28px rgba(12,18,34,.06)}
.nt-row{display:grid;grid-template-columns:1fr;gap:5px;margin-bottom:13px}
.nt-row label{font-size:13px;color:var(--nt-mut)}
.nt-calc input,.nt-calc select{width:100%;border:1px solid var(--nt-line);border-radius:12px;padding:12px 14px;
  font:inherit;font-size:17px;font-weight:600;color:var(--nt-ink);background:#fff;outline:none}
.nt-calc input:focus,.nt-calc select:focus{border-color:var(--nt-b1);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.nt-out{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;
  border:1px solid rgba(37,99,235,.28);background:#f4f9ff;border-radius:12px;padding:13px 15px;margin-top:12px}
.nt-out-sec{border-color:var(--nt-line);background:#fbfcfe}
.nt-out-lbl{font-size:13px;color:var(--nt-mut)}
.nt-out-val{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.nt-out-sec .nt-out-val{font-size:17px}
.nt-hint{font-size:13px;line-height:1.55;color:var(--nt-mut);margin:13px 0 0}
.nt-bad{color:#b42318}
@media(max-width:600px){
  .nt-table{font-size:14.5px;display:block;overflow-x:auto}
  .nt-table td,.nt-table thead th{padding:10px 11px}
  .nt-out-val{font-size:19px}
  .nt-live{padding:16px 15px}
  .nt-sw{padding:12px 13px;gap:8px 10px}
  .nt-sw-b{padding:10px 18px;font-size:14.5px}
  .nt-sw-box{flex:1 1 auto}
  .nt-sw-b{flex:1 1 0}
  .nt-sw-n{font-size:12.5px;flex:1 1 100%}
}