#nq-app {
  --bg:#f4f4f1;
  --card:#fff;
  --text:#151515;
  --muted:#777;
  --line:#e6e6e0;
  --lime:#dfff00;
  font-family:Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  min-height:100vh;
  padding:36px 18px 60px;
  box-sizing:border-box;
}

#nq-app * {
  box-sizing:border-box;
}

.nq-shell {
  max-width:1240px;
  margin:auto;
}

.nq-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:24px;
}

.nq-brand {
  display:inline-block;
  background:#111;
  color:#fff;
  padding:7px 11px;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
}

.nq-head h1 {
  font-size:34px;
  line-height:1.1;
  margin:12px 0 7px;
}

.nq-head p {
  color:var(--muted);
  margin:0;
  font-size:13px;
}

.nq-icon {
  width:45px;
  height:45px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:50%;
  font-size:25px;
  cursor:pointer;
}

.nq-head-actions {
  display:flex;
  align-items:center;
  gap:9px;
}

.nq-sync {
  border:0;
  border-radius:11px;
  padding:13px 17px;
  background:var(--lime);
  color:#111;
  font-weight:800;
  cursor:pointer;
}

.nq-sync:disabled,
.nq-icon:disabled {
  opacity:.55;
  cursor:wait;
}

.nq-filter {
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  margin-bottom:18px;
}

.nq-presets {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.nq-presets button,
.nq-primary {
  border:0;
  border-radius:10px;
  padding:11px 15px;
  font-weight:700;
  cursor:pointer;
  background:#efefeb;
}

.nq-presets button.active {
  background:#111;
  color:#fff;
}

.nq-dates {
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
}

.nq-dates label {
  font-size:11px;
  color:var(--muted);
  display:flex;
  flex-direction:column;
  gap:4px;
}

.nq-dates input {
  border:1px solid var(--line);
  border-radius:9px;
  padding:9px;
  background:#fff;
}

.nq-primary {
  background:var(--lime) !important;
  color:#111;
}

.nq-error {
  background:#ffe4df;
  color:#8c2317;
  padding:14px;
  border-radius:12px;
  margin-bottom:18px;
}

.nq-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:14px;
}

.nq-card {
  min-height:138px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  display:flex;
  flex-direction:column;
}

.nq-card.main {
  background:#111;
  color:#fff;
}

.nq-card.profit {
  background:var(--lime);
}

.nq-card.expense {
  border-color:#ffd3cc;
}

.nq-card.discount {
  background:#fff7e8;
  border-color:#ffd99a;
}

.nq-card span {
  font-size:13px;
  color:var(--muted);
}

.nq-card.main span {
  color:#aaa;
}

.nq-card strong {
  font-size:31px;
  margin:auto 0 7px;
  letter-spacing:-1px;
}

.nq-card small {
  font-size:12px;
  color:var(--muted);
}

.nq-compare {
  margin-top:8px;
  width:max-content;
  max-width:100%;
  padding:5px 8px;
  border-radius:999px;
  background:#f0f0ec;
  color:#686868;
  font-size:11px;
  font-weight:700;
}

.nq-card.main .nq-compare {
  background:#2a2a2a;
  color:#ddd;
}

.nq-card.profit .nq-compare {
  background:rgba(255,255,255,.65);
}

.nq-compare.good {
  background:#e5f7e9;
  color:#19733a;
}

.nq-compare.bad {
  background:#ffe7e2;
  color:#a33120;
}

.nq-card.main .nq-compare.good {
  background:#214a31;
  color:#a9efc0;
}

.nq-card.main .nq-compare.bad {
  background:#512924;
  color:#ffb0a6;
}

.nq-two-periods {
  display:grid;
  grid-template-columns:1fr auto 1fr auto;
  gap:12px;
  align-items:end;
  margin:14px 0 10px;
}

.nq-period-box {
  background:#f7f7f3;
  border:1px solid var(--line);
  border-radius:13px;
  padding:12px;
}

.nq-period-box > strong {
  display:block;
  margin-bottom:8px;
  font-size:13px;
}

.nq-vs {
  align-self:center;
  font-weight:900;
  color:#888;
  padding:0 2px;
}

.nq-compare-run {
  white-space:nowrap;
  height:40px;
}

.nq-coverage {
  margin:10px 0 4px;
  padding:11px 12px;
  border-radius:10px;
  background:#fff3d9;
  color:#7a5514;
  font-size:12px;
  line-height:1.45;
}

.nq-compare-head {
  display:grid;
  grid-template-columns:minmax(130px,1.3fr) 1fr 1fr auto;
  gap:10px;
  padding:0 14px 6px;
  color:var(--muted);
  font-size:11px;
}

@media (max-width:900px) {
  .nq-two-periods { grid-template-columns:1fr; }
  .nq-vs { display:none; }
  .nq-compare-run { width:100%; }
}

.nq-compare-controls {
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:14px;
  margin-bottom:12px;
}

.nq-compare-presets {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.nq-compare-presets button {
  border:0;
  border-radius:10px;
  padding:10px 13px;
  font-weight:700;
  cursor:pointer;
  background:#efefeb;
  color:#111;
}

.nq-compare-presets button.active {
  background:#111;
  color:#fff;
}

.nq-compare-dates {
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
}

.nq-compare-dates label {
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--muted);
  font-size:11px;
}

.nq-compare-dates input {
  border:1px solid var(--line);
  background:#fff;
  border-radius:9px;
  padding:9px;
  color:#111;
  font:inherit;
}

.nq-compare-caption {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:6px 0 4px;
  color:var(--muted);
  font-size:12px;
}

.nq-compare-caption b {
  color:#111;
}

.nq-compare-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.nq-compare-row {
  display:grid;
  grid-template-columns:minmax(130px,1.3fr) 1fr 1fr auto;
  gap:10px;
  align-items:center;
  padding:13px 14px;
  background:#f7f7f3;
  border-radius:12px;
}

.nq-compare-row span {
  color:var(--muted);
  font-size:12px;
}

.nq-compare-row strong {
  font-size:14px;
}

.nq-compare-delta {
  min-width:72px;
  text-align:right;
  font-weight:800;
  font-size:12px;
}

.nq-compare-delta.good { color:#19733a; }
.nq-compare-delta.bad { color:#b33a28; }
.nq-compare-delta.neutral { color:#777; }

@media (max-width:760px) {
  .nq-compare-grid { grid-template-columns:1fr; }
  .nq-compare-row { grid-template-columns:1.4fr 1fr 1fr auto; }
}

.nq-card.main small {
  color:#aaa;
}

.nq-grid {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:14px;
}

.nq-panel {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  min-width:0;
}

.nq-manager-body {
  padding-top:16px;
}

.nq-yandex-body {
  padding-top:2px;
}

.nq-yandex-live {
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.nq-yandex-live-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}

.nq-yandex-live-head strong {
  font-size:14px;
}

.nq-yandex-live-head span {
  color:var(--muted);
  font-size:12px;
}

.nq-yandex-chart {
  height:190px;
  margin-top:12px;
}

.nq-manager-select {
  display:flex;
  flex-direction:column;
  gap:6px;
  max-width:360px;
  color:var(--muted);
  font-size:12px;
}

.nq-manager-select select {
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  padding:11px 12px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:14px;
}

.nq-manager-stats {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.nq-manager-stats div {
  padding:13px;
  border-radius:12px;
  background:#f6f6f2;
}

.nq-manager-stats span {
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:6px;
}

.nq-manager-stats strong {
  font-size:18px;
}

.nq-collapse {
  overflow:hidden;
}

.nq-collapse > summary {
  list-style:none;
  cursor:pointer;
  user-select:none;
  margin-bottom:0;
}

.nq-collapse > summary::-webkit-details-marker {
  display:none;
}

.nq-collapse > summary:hover h2 {
  opacity:.65;
}

.nq-collapse > summary > span:last-child {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

.nq-collapse > summary b {
  color:var(--muted);
  font-size:12px;
}

.nq-toggle {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#efefeb;
  display:grid;
  place-items:center;
  font-style:normal;
  color:#111;
  transition:transform .2s ease, background .2s ease;
}

.nq-toggle::before {
  content:'+';
  font-size:20px;
  line-height:1;
}

.nq-collapse[open] > summary {
  margin-bottom:18px;
}

.nq-collapse[open] .nq-toggle {
  transform:rotate(45deg);
  background:var(--lime);
}

.nq-collapse-body {
  animation:nq-open .2s ease;
}

.nq-scroll-list {
  max-height:420px;
  overflow:auto;
  padding-right:7px;
}

.nq-menu-controls {
  justify-content:flex-end;
  margin-bottom:14px;
}

.nq-menu-panel .nq-table-wrap {
  max-height:540px;
}

.nq-expense-table-wrap {
  max-height:480px;
}

.nq-menu-panel .nq-table-wrap,
.nq-expense-table-wrap {
  border:1px solid var(--line);
  border-radius:11px;
}

.nq-menu-panel thead,
.nq-expense-table-wrap thead {
  position:sticky;
  top:0;
  z-index:1;
  background:#fff;
}

@keyframes nq-open {
  from { opacity:0; transform:translateY(-5px); }
  to { opacity:1; transform:translateY(0); }
}

.nq-title {
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  margin-bottom:18px;
}

.nq-title h2 {
  font-size:17px;
  margin:0;
}

.nq-title span {
  font-size:12px;
  color:var(--muted);
}

.nq-chart {
  height:255px;
  display:flex;
  gap:7px;
  align-items:flex-end;
  overflow-x:auto;
  padding:20px 2px 0;
}

.nq-col {
  min-width:32px;
  flex:1;
  max-width:70px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}

.nq-bar {
  width:70%;
  min-height:2px;
  background:#111;
  border-radius:6px 6px 2px 2px;
  position:relative;
}

.nq-bar:hover:after {
  content:attr(data-value);
  position:absolute;
  bottom:calc(100% + 7px);
  left:50%;
  transform:translateX(-50%);
  background:#111;
  color:#fff;
  padding:5px 7px;
  border-radius:5px;
  white-space:nowrap;
  font-size:11px;
  z-index:2;
}

.nq-col small {
  font-size:10px;
  color:#888;
  white-space:nowrap;
}

.nq-list {
  display:flex;
  flex-direction:column;
  gap:13px;
}

.nq-list-row {
  display:grid;
  grid-template-columns:minmax(90px,1fr) 90px;
  gap:5px 12px;
  align-items:center;
}

.nq-list-row b {
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nq-list-row strong {
  text-align:right;
  font-size:13px;
}

.nq-track {
  grid-column:1/-1;
  height:7px;
  background:#efefeb;
  border-radius:10px;
  overflow:hidden;
}

.nq-fill {
  height:100%;
  background:#111;
  border-radius:10px;
}

.nq-note {
  font-size:11px;
  line-height:1.45;
  color:var(--muted);
  margin:17px 0 0;
}

.nq-table-panel {
  margin-top:14px;
}

.nq-menu-panel {
  margin-top:14px;
}

.nq-menu-title {
  align-items:flex-end;
}

.nq-menu-title > div:first-child span {
  display:block;
  margin-top:6px;
}

.nq-menu-tools {
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}

.nq-menu-tabs {
  display:flex;
  gap:5px;
  background:#efefeb;
  padding:4px;
  border-radius:10px;
}

.nq-menu-tabs button {
  border:0;
  border-radius:7px;
  padding:8px 11px;
  background:transparent;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
}

.nq-menu-tabs button.active {
  background:#111;
  color:#fff;
}


.nq-shift-period{padding:14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#f7f7f3}
.nq-shift-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nq-shift-period-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.nq-shift-period-head b{font-size:14px}.nq-shift-period-head span{font-size:11px;color:var(--muted)}
.nq-shift-presets{display:flex;gap:6px;flex-wrap:wrap}
.nq-shift-presets button{border:0;border-radius:9px;padding:8px 11px;background:#ecece7;font-weight:700;cursor:pointer}
.nq-shift-presets button.active{background:#111;color:#fff}
.nq-shift-dates{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px}
.nq-shift-dates label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px}
.nq-shift-dates input{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px}
.nq-shift-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.nq-shift-kpis>div{padding:13px;border-radius:12px;background:#f4f4f1;min-width:0}
.nq-shift-kpis span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}
.nq-shift-kpis strong{display:block;font-size:18px;line-height:1.1}.nq-shift-kpis small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.nq-shift-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;margin:8px 0 4px}
.nq-shift-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.nq-legend-payroll{background:#111}.nq-legend-revenue{background:#dfff00;border:1px solid #cadb00}
.nq-shift-chart{display:flex;align-items:flex-end;gap:8px;min-height:240px;padding:16px 8px 8px;border:1px solid var(--line);border-radius:14px;overflow-x:auto;background:#fff}
.nq-shift-day{width:54px;min-width:54px;height:205px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.nq-shift-bars{width:100%;height:164px;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.nq-shift-bar{width:17px;min-height:2px;border-radius:5px 5px 2px 2px;position:relative}
.nq-shift-bar.payroll{background:#111}.nq-shift-bar.revenue{background:#dfff00;border:1px solid #cadb00;box-sizing:border-box}
.nq-shift-date{color:var(--muted);font-size:9px;white-space:nowrap}.nq-shift-ratio{font-size:9px;font-weight:700;white-space:nowrap}
.nq-shift-empty{width:100%;align-self:center;text-align:center;color:var(--muted);font-size:12px}

.nq-menu-period {
  padding:14px;
  margin-bottom:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f7f7f3;
}
.nq-menu-period-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.nq-menu-period-head > div:first-child {
  display:flex;
  flex-direction:column;
  gap:3px;
}
.nq-menu-period-head b { font-size:14px; }
.nq-menu-period-head span { font-size:11px; color:var(--muted); }
.nq-menu-period-presets {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.nq-menu-period-presets button {
  border:0;
  border-radius:9px;
  padding:8px 11px;
  background:#ecece7;
  font-weight:700;
  cursor:pointer;
}
.nq-menu-period-presets button.active {
  background:#111;
  color:#fff;
}
.nq-menu-period-dates {
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.nq-menu-period-dates label {
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--muted);
  font-size:11px;
}
.nq-menu-period-dates input {
  border:1px solid var(--line);
  background:#fff;
  border-radius:9px;
  padding:9px;
}

.nq-menu-source-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:12px 14px;
  background:var(--soft);
  border-radius:14px;
}
.nq-menu-source-row > div:first-child { display:flex; flex-direction:column; gap:3px; }
.nq-menu-source-row span { color:var(--muted); font-size:11px; }
.nq-menu-source-switch { display:flex; gap:6px; padding:4px; background:#fff; border-radius:12px; }
.nq-menu-source-switch button {
  border:0;
  background:transparent;
  border-radius:9px;
  padding:9px 15px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.nq-menu-source-switch button.active { background:#111; color:#fff; }
.nq-menu-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.nq-menu-kpis > div { background:var(--soft); border-radius:14px; padding:12px 14px; }
.nq-menu-kpis span { display:block; color:var(--muted); font-size:10px; margin-bottom:5px; }
.nq-menu-kpis strong { font-size:18px; }
.nq-cost-dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:8px; vertical-align:1px; }
.nq-cost-ok { background:#55b96d; }
.nq-cost-warn { background:#ffbd2e; }
.nq-cost-bad { background:#ff6b57; }


#menu-search {
  border:1px solid var(--line);
  border-radius:9px;
  padding:9px 11px;
  min-width:190px;
}

.nq-menu-name {
  font-weight:700;
  max-width:320px;
}

.nq-menu-table td:nth-child(n+3),
.nq-menu-table th:nth-child(n+3) {
  text-align:right;
}

.nq-menu-table td:last-child {
  font-weight:800;
}

.nq-table-wrap {
  overflow:auto;
}

#nq-app table {
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

#nq-app th {
  text-align:left;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  padding:11px 10px;
  border-bottom:1px solid var(--line);
}

#nq-app td {
  padding:12px 10px;
  border-bottom:1px solid var(--line);
}

#nq-app td:last-child,
#nq-app th:last-child {
  text-align:right;
  font-weight:700;
}

.nq-empty {
  color:var(--muted);
  font-size:13px;
  padding:30px 0;
  text-align:center;
}

@media(max-width:850px) {
  #nq-app {
    padding:24px 12px 45px;
  }

  .nq-head h1 {
    font-size:27px;
  }

  .nq-cards {
    grid-template-columns:repeat(2,1fr);
  }

  .nq-grid {
    grid-template-columns:1fr;
  }

  .nq-card strong {
    font-size:25px;
  }

  .nq-filter {
    display:block;
  }

  .nq-menu-title {
    align-items:center;
  }
  .nq-menu-source-row { align-items:stretch; flex-direction:column; }
  .nq-menu-source-switch { width:100%; }
  .nq-menu-source-switch button { flex:1; }
  .nq-menu-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .nq-menu-tools,
  #menu-search {
    width:100%;
  }

  .nq-dates {
    margin-top:12px;
  }

  .nq-dates label {
    flex:1;
  }

  .nq-dates input {
    width:100%;
  }
}

@media(max-width:480px) {

  .nq-head-actions {
    width:100%;
  }

  .nq-sync {
    flex:1;
  }

  .nq-manager-stats {
    grid-template-columns:1fr;
  }
  .nq-cards {
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .nq-card {
    min-height:125px;
    padding:15px;
  }

  .nq-card strong {
    font-size:21px;
  }

  .nq-presets {
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .nq-presets button {
    padding:10px;
  }

  .nq-dates .nq-primary {
    width:100%;
  }

  #nq-app td:nth-child(3),
  #nq-app th:nth-child(3),
  #nq-app td:nth-child(4),
  #nq-app th:nth-child(4) {
    display:none;
  }

  .nq-shift-kpis{grid-template-columns:1fr 1fr}
  .nq-shift-kpis>div:last-child{grid-column:1/-1}
  .nq-shift-dates .nq-primary{width:100%}
  .nq-shift-presets{display:grid;grid-template-columns:1fr 1fr;width:100%}

  .nq-menu-period-dates .nq-primary {
    width:100%;
  }

  .nq-menu-period-presets {
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .nq-menu-table {
    min-width:860px;
  }
  .nq-menu-table td,
  .nq-menu-table th {
    display:table-cell;
  }
}

/* ===== Teyca: сохраняем тот же визуальный язык ===== */
.nq-teyca-panel {
  margin-top:14px;
}

.nq-teyca-panel .nq-title > div:first-child span {
  display:block;
  margin-top:6px;
}

.nq-teyca-body {
  padding-top:2px;
}

.nq-teyca-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.nq-teyca-cards > div {
  min-height:106px;
  padding:16px;
  border-radius:13px;
  background:#f6f6f2;
  border:1px solid #eeeeE8;
  display:flex;
  flex-direction:column;
}

.nq-teyca-cards > div:first-child {
  background:#111;
  color:#fff;
}

.nq-teyca-cards > div:nth-child(2) {
  background:var(--lime);
}

.nq-teyca-cards span {
  color:var(--muted);
  font-size:11px;
}

.nq-teyca-cards > div:first-child span { color:#aaa; }

.nq-teyca-cards strong {
  margin-top:auto;
  padding-top:18px;
  font-size:25px;
  letter-spacing:-.5px;
}

.nq-teyca-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}

.nq-teyca-box {
  border:1px solid var(--line);
  border-radius:13px;
  padding:15px;
  min-width:0;
}

.nq-teyca-box-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}

.nq-teyca-box-head strong,
.nq-teyca-search-head strong {
  font-size:14px;
}

.nq-teyca-box-head span,
.nq-teyca-search-head span {
  color:var(--muted);
  font-size:11px;
}

.nq-teyca-ranking {
  display:flex;
  flex-direction:column;
}

.nq-teyca-rank-row {
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid var(--line);
}

.nq-teyca-rank-row:last-child { border-bottom:0; }
.nq-teyca-rank-row > b { font-size:11px; color:#999; }
.nq-teyca-rank-name { min-width:0; }
.nq-teyca-rank-name strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nq-teyca-rank-name span { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.nq-teyca-rank-value { text-align:right; font-size:12px; font-weight:800; white-space:nowrap; }

.nq-teyca-loyalty-box,
.nq-teyca-search-box {
  margin-top:12px;
}

.nq-teyca-loyalty {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.nq-teyca-loyalty-item {
  padding:12px;
  border-radius:11px;
  background:#f6f6f2;
}

.nq-teyca-loyalty-item span { display:block; color:var(--muted); font-size:10px; margin-bottom:5px; }
.nq-teyca-loyalty-item strong { display:block; font-size:16px; }
.nq-teyca-loyalty-item small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }

.nq-teyca-search-head {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:end;
  margin-bottom:12px;
}

.nq-teyca-search-head > div:first-child span { display:block; margin-top:4px; }

.nq-teyca-search-controls {
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
}

#teyca-search, #teyca-sort {
  border:1px solid var(--line);
  border-radius:9px;
  padding:9px 11px;
  background:#fff;
  font:inherit;
  font-size:12px;
}

#teyca-search { min-width:210px; }
.nq-period-guest-meta {
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
  font-weight:400;
  white-space:nowrap;
}
.nq-teyca-table-wrap { max-height:420px; border:1px solid var(--line); border-radius:11px; }
.nq-teyca-table thead { position:sticky; top:0; z-index:1; background:#fff; }
.nq-teyca-table td:nth-child(n+3), .nq-teyca-table th:nth-child(n+3) { text-align:right; }
.nq-teyca-table td:first-child { font-weight:700; }

@media(max-width:850px) {
  .nq-teyca-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nq-teyca-columns { grid-template-columns:1fr; }
  .nq-teyca-loyalty { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nq-teyca-search-head { align-items:stretch; flex-direction:column; }
}

@media(max-width:480px) {
  .nq-teyca-cards { grid-template-columns:1fr 1fr; }
  .nq-teyca-cards > div { min-height:100px; padding:13px; }
  .nq-teyca-cards strong { font-size:19px; }
  .nq-teyca-loyalty { grid-template-columns:1fr 1fr; }
  .nq-teyca-search-controls, #teyca-search, #teyca-sort, #teyca-search-button { width:100%; }
  .nq-teyca-table td:nth-child(2), .nq-teyca-table th:nth-child(2),
  .nq-teyca-table td:nth-child(5), .nq-teyca-table th:nth-child(5),
  .nq-teyca-table td:nth-child(6), .nq-teyca-table th:nth-child(6) { display:none; }
}

/* ===== Широкий и удобный блок сравнения ===== */
.nq-compare-panel {
  grid-column: 1 / -1;
  width: 100%;
}

.nq-compare-panel .nq-collapse-body {
  padding-top: 4px;
}

.nq-compare-panel .nq-compare-presets {
  margin-top: 14px;
}

.nq-compare-panel .nq-two-periods {
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) auto;
  gap:16px;
  align-items:stretch;
  margin:16px 0 12px;
}

.nq-compare-panel .nq-period-box {
  padding:18px;
  background:#f7f7f3;
  border:1px solid var(--line);
  border-radius:15px;
}

.nq-compare-panel .nq-period-box > strong {
  font-size:15px;
  margin-bottom:12px;
}

.nq-compare-panel .nq-compare-dates {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:end;
}

.nq-compare-panel .nq-compare-dates label {
  min-width:0;
}

.nq-compare-panel .nq-compare-dates input {
  width:100%;
  min-width:0;
  height:42px;
}

.nq-compare-panel .nq-vs {
  align-self:center;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:12px;
  letter-spacing:.5px;
}

.nq-compare-panel .nq-compare-run {
  align-self:center;
  height:48px;
  padding:0 20px;
  border-radius:12px;
  font-size:13px;
}

.nq-compare-panel .nq-compare-caption {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:12px 0;
  padding:12px 14px;
  background:#fafaf7;
  border:1px solid var(--line);
  border-radius:12px;
}

.nq-compare-panel .nq-coverage {
  margin:12px 0;
}

.nq-compare-panel .nq-compare-grid {
  display:block;
  margin-top:14px;
}

.nq-compare-panel .nq-compare-head,
.nq-compare-panel .nq-compare-row {
  display:grid;
  grid-template-columns:minmax(180px,1.5fr) minmax(130px,1fr) minmax(130px,1fr) 110px;
  gap:18px;
  align-items:center;
}

.nq-compare-panel .nq-compare-head {
  padding:0 18px 9px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}

.nq-compare-panel .nq-compare-row {
  margin-bottom:8px;
  padding:15px 18px;
  background:#f7f7f3;
  border:1px solid #efefe9;
  border-radius:12px;
}

.nq-compare-panel .nq-compare-row > span {
  color:#5f5f5f;
  font-size:13px;
}

.nq-compare-panel .nq-compare-row > strong {
  font-size:16px;
  line-height:1.15;
}

.nq-compare-panel .nq-compare-delta {
  min-width:0;
  text-align:right;
  font-size:13px;
}

@media (max-width: 980px) {
  .nq-compare-panel .nq-two-periods {
    grid-template-columns:1fr;
  }

  .nq-compare-panel .nq-vs {
    display:none;
  }

  .nq-compare-panel .nq-compare-run {
    width:100%;
  }
}

@media (max-width: 700px) {
  .nq-compare-panel .nq-compare-dates,
  .nq-compare-panel .nq-compare-caption {
    grid-template-columns:1fr;
  }

  .nq-compare-panel .nq-compare-head {
    display:none;
  }

  .nq-compare-panel .nq-compare-row {
    grid-template-columns:1fr 1fr;
    gap:8px 12px;
  }

  .nq-compare-panel .nq-compare-row > span {
    grid-column:1 / -1;
    font-weight:700;
  }

  .nq-compare-panel .nq-compare-delta {
    text-align:left;
  }
}


/* ===== График бонусов Teyca ===== */
.nq-bonus-pair {
  width:76%;
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
}
.nq-bonus-pair .nq-bar {
  width:50%;
}
.nq-bonus-spent { background:#111; }
.nq-bonus-added { background:var(--lime); border:1px solid #c7df00; }
.nq-bonus-legend {
  display:flex;
  gap:16px;
  margin-top:10px;
  color:var(--muted);
  font-size:11px;
}
.nq-bonus-legend span { display:flex; align-items:center; gap:6px; }
.nq-bonus-legend i { width:9px; height:9px; border-radius:2px; display:inline-block; }
.nq-bonus-legend i.spent { background:#111; }
.nq-bonus-legend i.added { background:var(--lime); border:1px solid #c7df00; }

/* === Короткие пояснения к показателям === */
.nq-help {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-left:4px;
  padding:0;
  border:1px solid #c8c8c3;
  border-radius:50%;
  background:transparent;
  color:#777;
  font:700 9px/1 Arial,sans-serif;
  vertical-align:1px;
  cursor:help;
  box-shadow:none;
}
.nq-help:hover, .nq-help:focus {
  border-color:#111;
  color:#111;
  outline:none;
}
.nq-help::after {
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  z-index:9999;
  width:250px;
  max-width:70vw;
  padding:9px 10px;
  border-radius:9px;
  background:#111;
  color:#fff;
  font:500 11px/1.4 Arial,sans-serif;
  text-align:left;
  white-space:normal;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,4px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.nq-help::before {
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 3px);
  z-index:10000;
  border:4px solid transparent;
  border-top-color:#111;
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%);
}
.nq-help:hover::after, .nq-help:focus::after,
.nq-help:hover::before, .nq-help:focus::before {
  opacity:0;
  visibility:hidden;
}

/* Глобальная подсказка вынесена поверх всех раскрывающихся/скроллируемых блоков,
   поэтому она не обрезается overflow:hidden/auto. */
#nq-global-tooltip {
  position:fixed;
  z-index:2147483647;
  display:none;
  width:max-content;
  max-width:min(320px, calc(100vw - 24px));
  padding:9px 10px;
  border-radius:9px;
  background:#111;
  color:#fff;
  font:500 11px/1.4 Arial,sans-serif;
  text-align:left;
  white-space:normal;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  pointer-events:none;
}
#nq-global-tooltip.show { display:block; }

.nq-card.main .nq-help { border-color:#555; color:#aaa; }
.nq-card.main .nq-help:hover, .nq-card.main .nq-help:focus { border-color:#fff; color:#fff; }
.nq-title h2 .nq-help, .nq-teyca-box-head strong .nq-help { vertical-align:2px; }
.nq-teyca-cards .nq-help { width:14px; height:14px; font-size:8px; }
@media (max-width:700px) {
  .nq-help::after { width:210px; font-size:10px; }
}



.nq-source{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:999px;background:#efefeb;color:#777!important;font-style:normal;font-size:8px!important;font-weight:700!important;width:max-content}
.nq-card.main .nq-source{background:#2a2a2a;color:#bbb!important}.nq-card.profit .nq-source{background:rgba(255,255,255,.65);color:#586000!important}
.nq-inline-explainer{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:9px 10px;border-radius:10px;background:#f5f5f2;color:#666;font-size:9px;line-height:1.4}
.nq-inline-explainer b{color:#111}.nq-inline-explainer span{padding:4px 6px;border-radius:999px;background:#fff;border:1px solid var(--line)}


#noqta-guide{--bg:#f4f4f1;--line:#e4e4df;--muted:#777;--lime:#dfff00;font-family:Arial,sans-serif;color:#111;background:var(--bg);padding:0 20px 12px}
#noqta-guide *{box-sizing:border-box}#noqta-guide .wrap{max-width:1180px;margin:0 auto}#noqta-guide .intro{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px}
#noqta-guide .eyebrow{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted)}#noqta-guide h1{font-size:24px;line-height:1.1;margin:5px 0 8px}#noqta-guide .lead{margin:0;color:#666;font-size:12px;line-height:1.55;max-width:760px}
#noqta-guide .how{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}#noqta-guide .how span{padding:7px 9px;border-radius:999px;background:#f2f2ee;color:#555;font-size:9px;font-weight:700}
#noqta-guide .right{padding:14px;border-radius:14px;background:#111;color:#fff}#noqta-guide .right b{display:block;font-size:14px;margin-bottom:7px}#noqta-guide .right p{font-size:10px;line-height:1.5;color:#ccc;margin:0}#noqta-guide .right strong{display:block;color:var(--lime);font-size:12px;margin-top:9px}
#noqta-guide .guide{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}#noqta-guide summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
#noqta-guide summary::-webkit-details-marker{display:none}#noqta-guide .q{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:800}#noqta-guide summary>div{display:flex;flex-direction:column;gap:2px;flex:1}
#noqta-guide summary b{font-size:12px}#noqta-guide summary small{font-size:9px;color:var(--muted)}#noqta-guide .plus{font-style:normal;font-size:18px}#noqta-guide .guide[open] .plus{transform:rotate(45deg)}
#noqta-guide .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}#noqta-guide .grid>div{padding:10px;border-radius:10px;background:#f5f5f2}#noqta-guide .grid b{font-size:11px}#noqta-guide .grid p{margin:4px 0 0;color:#666;font-size:9px;line-height:1.45}
@media(max-width:700px){#noqta-guide{padding:0 10px 10px}#noqta-guide .intro{grid-template-columns:1fr}#noqta-guide .grid{grid-template-columns:1fr}}


    #noqta-ai-widget{
      --bg:#f4f4f1;--card:#fff;--line:#e4e4df;--muted:#777;--lime:#dfff00;
      font-family:Arial,sans-serif;color:#111;background:var(--bg);padding:0 20px 26px;
    }
    #noqta-ai-widget *{box-sizing:border-box}
    #noqta-ai-widget .ai-wrap{max-width:1180px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
    #noqta-ai-widget .ai-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
    #noqta-ai-widget .ai-title h2{font-size:20px;margin:0}
    #noqta-ai-widget .ai-title small{color:var(--muted);font-size:11px}
    #noqta-ai-widget .period{padding:14px;border:1px solid var(--line);border-radius:14px;background:#f7f7f3}
    #noqta-ai-widget .period-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
    #noqta-ai-widget .period-label{display:flex;flex-direction:column;gap:3px}
    #noqta-ai-widget .period-label b{font-size:14px}
    #noqta-ai-widget .period-label span{font-size:11px;color:var(--muted)}
    #noqta-ai-widget .presets,#noqta-ai-widget .modes{display:flex;gap:6px;flex-wrap:wrap}
    #noqta-ai-widget button{font:inherit}
    #noqta-ai-widget .presets button,#noqta-ai-widget .modes button{
      border:0;border-radius:9px;padding:8px 11px;background:#ecece7;font-weight:700;cursor:pointer
    }
    #noqta-ai-widget .presets button.active,#noqta-ai-widget .modes button.active{background:#111;color:#fff}
    #noqta-ai-widget .dates{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px}
    #noqta-ai-widget .dates label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px}
    #noqta-ai-widget input[type=date],#noqta-ai-widget input[type=text]{
      border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 11px
    }
    #noqta-ai-widget .toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
    #noqta-ai-widget .modes{padding:4px;background:#f4f4f1;border-radius:11px}
    #noqta-ai-widget .primary,#noqta-ai-widget .secondary{
      border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer
    }
    #noqta-ai-widget .primary{background:var(--lime);color:#111}
    #noqta-ai-widget .secondary{background:#111;color:#fff}
    #noqta-ai-widget .secondary:disabled,#noqta-ai-widget .primary:disabled{opacity:.4;cursor:not-allowed}
    #noqta-ai-widget .voice-settings{display:grid;grid-template-columns:1.25fr 1fr 1.25fr auto;gap:8px;align-items:end;padding:11px 12px;margin:-2px 0 12px;border:1px solid var(--line);border-radius:12px;background:#fafaf8}
    #noqta-ai-widget .voice-setting{display:flex;flex-direction:column;gap:4px}
    #noqta-ai-widget .voice-setting label{font-size:10px;color:var(--muted);font-weight:700}
    #noqta-ai-widget .voice-setting select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;font-weight:700}
    #noqta-ai-widget .mini-action{border:1px solid #111;border-radius:9px;background:#fff;padding:9px 11px;font-weight:700;cursor:pointer;white-space:nowrap}
    #noqta-ai-widget .mini-action:disabled{opacity:.35;cursor:not-allowed}
    #noqta-ai-widget .quick-questions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
    #noqta-ai-widget .quick-questions span{font-size:10px;color:var(--muted);margin-right:2px}
    #noqta-ai-widget .quick-questions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer}
    #noqta-ai-widget .quick-questions button:hover{background:#f4f4f1}
    #noqta-ai-widget .ai-sees{margin:0 0 10px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}
    #noqta-ai-widget .ai-sees summary{cursor:pointer;padding:10px 12px;font-size:10px;font-weight:800;list-style:none}
    #noqta-ai-widget .ai-sees summary::-webkit-details-marker{display:none}
    #noqta-ai-widget .ai-sees>div{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}
    #noqta-ai-widget .ai-sees span{padding:5px 7px;border-radius:999px;background:#f1f1ed;color:#555;font-size:9px;font-weight:700}
    #noqta-ai-widget .ai-sees p{margin:0;padding:0 12px 11px;color:var(--muted);font-size:9px;line-height:1.45}


    #noqta-ai-widget .status{padding:11px 12px;border-radius:10px;background:#f4f4f1;color:var(--muted);font-size:11px;margin-bottom:10px}
    #noqta-ai-widget .status.loading{background:#f1f5d8;color:#111}
    #noqta-ai-widget .status.ok{background:#edf8ef;color:#215b2e}
    #noqta-ai-widget .status.error{background:#fff0ed;color:#a12c1f}
    #noqta-ai-widget .hero{padding:18px;border-radius:15px;background:#111;color:#fff;margin-bottom:10px}
    #noqta-ai-widget .hero small{color:#aaa;font-size:10px}
    #noqta-ai-widget .hero h3{font-size:22px;line-height:1.15;margin:5px 0 7px}
    #noqta-ai-widget .hero p{font-size:12px;line-height:1.55;margin:0;color:#ddd}
    #noqta-ai-widget .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    #noqta-ai-widget section,#noqta-ai-widget .actions{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}
    #noqta-ai-widget h4{font-size:13px;margin:0 0 8px}
    #noqta-ai-widget .item{position:relative;padding:7px 0 7px 16px;border-top:1px solid #efefeb;font-size:11px;line-height:1.45}
    #noqta-ai-widget .item:first-child{border-top:0}
    #noqta-ai-widget .item:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--lime);border:1px solid #cbdc00}
    #noqta-ai-widget .actions{margin-top:10px;background:#f7f7f3}
    #noqta-ai-widget .actions .item:before{background:#111;border-color:#111}
    #noqta-ai-widget .ask{margin-top:12px;padding:14px;border-radius:14px;background:#f4f4f1}
    #noqta-ai-widget .ask-head{display:flex;flex-direction:column;gap:3px}
    #noqta-ai-widget .ask-head b{font-size:13px}
    #noqta-ai-widget .ask-head small{color:var(--muted);font-size:10px}
    #noqta-ai-widget .question{display:flex;gap:7px;margin-top:9px}
    #noqta-ai-widget .question input{flex:1;min-width:0}
    #noqta-ai-widget .answer{margin-top:10px;padding:12px;border-radius:10px;background:#fff;font-size:11px;line-height:1.55;white-space:pre-wrap}
    #noqta-ai-widget audio{width:100%;margin-top:10px}
    #noqta-ai-widget .note{color:var(--muted);font-size:10px;line-height:1.45;margin:12px 0 0}
    @media(max-width:700px){
      #noqta-ai-widget{padding:0 10px 18px}
      #noqta-ai-widget .grid{grid-template-columns:1fr}
      #noqta-ai-widget .modes{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
      #noqta-ai-widget .toolbar{align-items:stretch}
      #noqta-ai-widget .primary,#noqta-ai-widget .secondary{flex:1}
      #noqta-ai-widget #ai-intro{flex-basis:100%}
      #noqta-ai-widget .presets{display:grid;grid-template-columns:1fr 1fr;width:100%}
      #noqta-ai-widget .dates .primary{width:100%}
      #noqta-ai-widget .question{flex-direction:column}
      #noqta-ai-widget .question .primary{width:100%}
      #noqta-ai-widget .voice-settings{grid-template-columns:1fr}
      #noqta-ai-widget .mini-action{width:100%}
      #noqta-ai-widget .quick-questions{align-items:stretch}
      #noqta-ai-widget .quick-questions span{width:100%}
      #noqta-ai-widget .quick-questions button{flex:1}
    }
  
/* NOQTA v6: bartender above Yandex, both full width */
.nq-bartender-panel,
.nq-yandex-panel{
  grid-column:1 / -1;
}

.nq-bartender-panel .nq-manager-body{
  display:grid;
  grid-template-columns:minmax(250px,360px) 1fr;
  column-gap:18px;
  align-items:start;
}

.nq-bartender-panel .nq-manager-select{
  grid-column:1;
  grid-row:1;
  max-width:none;
}

.nq-bartender-panel .nq-manager-stats{
  grid-column:2;
  grid-row:1 / span 2;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:0;
}

.nq-bartender-panel .nq-note{
  grid-column:1;
  margin-top:14px;
}

.nq-yandex-panel .nq-yandex-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.nq-yandex-panel .nq-yandex-chart{
  width:100%;
}

@media(max-width:900px){
  .nq-bartender-panel .nq-manager-body{display:block}
  .nq-bartender-panel .nq-manager-select{max-width:360px}
  .nq-bartender-panel .nq-manager-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:14px;
  }
  .nq-yandex-panel .nq-yandex-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .nq-bartender-panel .nq-manager-stats,
  .nq-yandex-panel .nq-yandex-stats{
    grid-template-columns:1fr;
  }
}


.nq-compare-inactive{
  margin-top:12px;
  padding:11px 12px;
  border-radius:10px;
  background:#f7f7f3;
  color:#777;
  font-size:12px;
  line-height:1.45;
}


.nq-compare-top{
  margin:12px 0 18px;
}
.nq-compare-top > summary{
  padding-top:14px;
  padding-bottom:10px;
}
.nq-compare-top .nq-collapse-body{
  padding-top:4px;
}
.nq-compare-top .nq-two-periods{
  align-items:end;
}
.nq-compare-top .nq-period-box{
  min-width:0;
}
@media(max-width:700px){
  .nq-compare-top{
    margin:10px 0 14px;
  }
}


.nq-yandex-explainer{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:10px;
  background:#f5f5f2;
  color:#666;
  font-size:10px;
  line-height:1.45;
}
.nq-yandex-explainer b{color:#111}
.nq-yandex-explainer span{
  padding:4px 7px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
}
.nq-yandex-section-label{
  margin:0 0 8px;
  font-size:11px;
  font-weight:800;
  color:#111;
}


.nq-teyca-head-status{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.nq-teyca-refresh{
  border:0;
  border-radius:999px;
  padding:6px 9px;
  background:#f0f0ec;
  color:#111;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.nq-teyca-refresh:hover{background:#e6e6e1}
.nq-teyca-refresh:disabled{cursor:wait;opacity:.65}
.nq-teyca-refresh.success{background:#dfff00}
.nq-teyca-refresh.error{background:#ffe2dc;color:#9b2c1d}


.nq-yandex-reviews{
  margin-top:14px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fafaf8;
}
.nq-yandex-reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.nq-yandex-reviews-head>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.nq-yandex-reviews-head strong{font-size:12px}
.nq-yandex-reviews-head span{
  color:var(--muted);
  font-size:9px;
}
.nq-yandex-reviews-refresh{
  border:0;
  border-radius:999px;
  padding:7px 9px;
  background:#efefeb;
  color:#111;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.nq-yandex-reviews-refresh:disabled{
  opacity:.6;
  cursor:wait;
}
.nq-yandex-review-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.nq-yandex-review-kpis>div{
  padding:10px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--line);
}
.nq-yandex-review-kpis span{
  display:block;
  color:var(--muted);
  font-size:9px;
  margin-bottom:5px;
}
.nq-yandex-review-kpis strong{
  display:block;
  font-size:18px;
}
.nq-yandex-review-kpis small{
  display:block;
  margin-top:3px;
  color:#999;
  font-size:8px;
}
.nq-yandex-reviews-caption{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:12px 0 7px;
  font-size:10px;
  font-weight:800;
}
.nq-yandex-reviews-caption span{
  max-width:610px;
  color:#8a8a84;
  font-size:8px;
  font-weight:400;
  text-align:right;
}
.nq-yandex-reviews-list{
  display:grid;
  gap:7px;
}
.nq-yandex-review-item{
  padding:10px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--line);
}
.nq-yandex-review-meta{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.nq-yandex-review-meta b{font-size:10px}
.nq-yandex-review-meta span{
  color:#888;
  font-size:8px;
}
.nq-yandex-review-response{
  margin-left:auto;
  padding:4px 6px;
  border-radius:999px;
  background:#e7f8e8;
  color:#215b2e!important;
  font-weight:800;
}
.nq-yandex-review-response.missing{
  background:#fff4cc;
  color:#705400!important;
}
.nq-yandex-review-text{
  font-size:10px;
  line-height:1.45;
  color:#444;
}
@media(max-width:760px){
  .nq-yandex-review-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .nq-yandex-reviews-caption{
    flex-direction:column;
  }
  .nq-yandex-reviews-caption span{
    text-align:left;
  }
}


#sales-chart .nq-col[data-sale-date]{
  cursor:pointer;
}
#sales-chart .nq-col[data-sale-date]:hover .nq-bar{
  opacity:.72;
}
#sales-chart .nq-col[data-sale-date].active .nq-bar{
  outline:2px solid #dfff00;
  outline-offset:3px;
}
.nq-hourly-detail{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.nq-hourly-detail[hidden]{
  display:none!important;
}
.nq-hourly-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.nq-hourly-head>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.nq-hourly-head strong{
  font-size:12px;
}
.nq-hourly-head span{
  color:var(--muted);
  font-size:8px;
}
.nq-hourly-head button{
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:#dfff00;
  color:#111;
  font-weight:900;
  cursor:pointer;
}
.nq-hourly-insights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.nq-hourly-insights>div{
  padding:9px 10px;
  border-radius:10px;
  background:#f4f4f1;
}
.nq-hourly-insights span{
  display:block;
  color:var(--muted);
  font-size:8px;
}
.nq-hourly-insights strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.nq-hourly-insights small{
  display:block;
  margin-top:2px;
  color:#777;
  font-size:8px;
}
.nq-hourly-legend{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:8px 0;
  font-size:9px;
}
.nq-hourly-legend span{
  color:#888;
  text-align:right;
  font-size:8px;
}
.nq-hourly-chart{
  display:flex;
  align-items:flex-end;
  gap:7px;
  min-height:190px;
  overflow-x:auto;
  padding:28px 2px 4px;
}
.nq-hourly-col{
  position:relative;
  display:flex;
  flex:0 0 32px;
  height:155px;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
}
.nq-hourly-bar{
  width:25px;
  min-height:2px;
  border-radius:6px 6px 2px 2px;
  background:#111;
  cursor:pointer;
}
.nq-hourly-bar:hover{
  background:#dfff00;
}
.nq-hourly-col small{
  color:#777;
  font-size:8px;
  white-space:nowrap;
}
.nq-hourly-tip{
  position:absolute;
  bottom:calc(100% - 8px);
  left:50%;
  z-index:3;
  display:none;
  width:max-content;
  max-width:185px;
  transform:translateX(-50%);
  padding:7px 8px;
  border-radius:8px;
  background:#111;
  color:#fff;
  font-size:8px;
  line-height:1.45;
  text-align:left;
  pointer-events:none;
}
.nq-hourly-col:hover .nq-hourly-tip{
  display:block;
}
.nq-hourly-loading,
.nq-hourly-empty{
  width:100%;
  padding:30px 10px;
  color:#888;
  font-size:10px;
  text-align:center;
}
@media(max-width:700px){
  .nq-hourly-insights{
    grid-template-columns:1fr;
  }
  .nq-hourly-legend{
    flex-direction:column;
  }
  .nq-hourly-legend span{
    text-align:left;
  }
}


.nq-entry-detail{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed var(--line);
}
.nq-entry-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.nq-entry-head>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.nq-entry-head strong{font-size:11px}
.nq-entry-head span{
  color:var(--muted);
  font-size:8px;
}
.nq-entry-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.nq-entry-summary>div{
  padding:9px 10px;
  border-radius:10px;
  background:#f4f4f1;
}
.nq-entry-summary span{
  display:block;
  color:var(--muted);
  font-size:8px;
}
.nq-entry-summary strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.nq-entry-summary small{
  display:block;
  margin-top:2px;
  color:#777;
  font-size:8px;
}
.nq-entry-chart{
  display:flex;
  align-items:flex-end;
  gap:3px;
  min-height:180px;
  overflow-x:auto;
  padding:28px 2px 4px;
}
.nq-entry-col{
  position:relative;
  display:flex;
  flex:0 0 18px;
  height:145px;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:4px;
}
.nq-entry-bar{
  width:14px;
  min-height:2px;
  border-radius:4px 4px 1px 1px;
  background:#111;
  cursor:pointer;
}
.nq-entry-bar:hover{background:#dfff00}
.nq-entry-col small{
  min-height:10px;
  color:#777;
  font-size:7px;
  white-space:nowrap;
}
.nq-entry-tip{
  position:absolute;
  bottom:calc(100% - 5px);
  left:50%;
  z-index:4;
  display:none;
  width:max-content;
  max-width:190px;
  transform:translateX(-50%);
  padding:7px 8px;
  border-radius:8px;
  background:#111;
  color:#fff;
  font-size:8px;
  line-height:1.45;
  text-align:left;
  pointer-events:none;
}
.nq-entry-col:hover .nq-entry-tip{display:block}
@media(max-width:700px){
  .nq-entry-summary{grid-template-columns:1fr}
}


.nq-monthly-wrap{margin-top:14px}
.nq-monthly-panel{width:100%}
.nq-monthly-note{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:8px;
  font-weight:400;
}
.nq-monthly-insights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:4px 0 12px;
}
.nq-monthly-insights>div{
  padding:10px 11px;
  border-radius:10px;
  background:#f4f4f1;
}
.nq-monthly-insights span{
  display:block;
  color:var(--muted);
  font-size:8px;
}
.nq-monthly-insights strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.nq-monthly-insights small{
  display:block;
  margin-top:2px;
  color:#777;
  font-size:8px;
}
.nq-monthly-chart{
  display:flex;
  align-items:flex-end;
  gap:18px;
  min-height:245px;
  overflow-x:auto;
  padding:34px 8px 8px;
}
.nq-monthly-col{
  position:relative;
  display:flex;
  flex:1 0 90px;
  min-width:90px;
  height:198px;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
}
.nq-monthly-bar{
  width:min(60px,72%);
  min-height:3px;
  border-radius:8px 8px 3px 3px;
  background:#111;
  cursor:pointer;
}
.nq-monthly-col.current .nq-monthly-bar{
  background:#dfff00;
  outline:1px solid #111;
}
.nq-monthly-col small{
  color:#666;
  font-size:9px;
  white-space:nowrap;
}
.nq-monthly-col em{
  min-height:10px;
  color:#999;
  font-size:7px;
  font-style:normal;
}
.nq-monthly-tip{
  position:absolute;
  bottom:calc(100% - 12px);
  left:50%;
  z-index:6;
  display:none;
  width:max-content;
  max-width:220px;
  transform:translateX(-50%);
  padding:8px 9px;
  border-radius:8px;
  background:#111;
  color:#fff;
  font-size:8px;
  line-height:1.5;
  text-align:left;
  pointer-events:none;
}
.nq-monthly-col:hover .nq-monthly-tip{display:block}
@media(max-width:700px){
  .nq-monthly-insights{grid-template-columns:1fr}
  .nq-monthly-chart{gap:10px}
}


.nq-monthly-panel,
.nq-monthly-chart{
  overflow:visible;
}
.nq-monthly-chart{
  padding-top:58px;
}
.nq-monthly-col{
  overflow:visible;
}
.nq-monthly-tip{
  bottom:calc(100% - 36px);
  max-width:260px;
  min-width:150px;
  white-space:normal;
  z-index:20;
}
.nq-monthly-col:first-child .nq-monthly-tip{
  left:0;
  transform:none;
}
.nq-monthly-col:last-child .nq-monthly-tip{
  left:auto;
  right:0;
  transform:none;
}
@media(max-width:900px){
  .nq-monthly-chart{
    overflow-x:auto;
    overflow-y:visible;
    padding-top:62px;
  }
  .nq-monthly-tip{
    max-width:220px;
  }
}


/* =========================================================
   WEATHER × SALES
   ========================================================= */
.nq-weather-panel {
  margin-bottom:14px;
}

.nq-weather-panel > summary > div:first-child {
  min-width:0;
}

.nq-weather-panel > summary > div:first-child > span {
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:5px;
}

.nq-weather-live {
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:15px;
  background:#111;
  color:#fff;
  margin-bottom:12px;
}

.nq-weather-live-icon {
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--lime);
  color:#111;
  font-size:25px;
}

.nq-weather-live span,
.nq-weather-live small {
  color:#a8a8a8;
  font-size:12px;
}

.nq-weather-live strong {
  display:block;
  font-size:26px;
  margin:3px 0 2px;
}

.nq-weather-live-meta {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.nq-weather-live-meta span {
  padding:7px 9px;
  border-radius:999px;
  background:#242424;
  color:#ddd;
  white-space:nowrap;
}

.nq-weather-kpis {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin-bottom:16px;
}

.nq-weather-kpis > div {
  background:#f6f6f2;
  border:1px solid var(--line);
  border-radius:13px;
  padding:13px;
  min-width:0;
}

.nq-weather-kpis span,
.nq-weather-kpis small {
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.nq-weather-kpis strong {
  display:block;
  margin:7px 0 4px;
  font-size:20px;
  line-height:1.1;
}

.nq-weather-chart-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin:4px 0 10px;
}

.nq-weather-chart-head b {
  display:block;
  font-size:14px;
}

.nq-weather-chart-head > div:first-child span {
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:4px;
}

.nq-weather-legend {
  display:flex;
  gap:11px;
  color:var(--muted);
  font-size:11px;
  flex-wrap:wrap;
}

.nq-weather-legend span {
  display:flex;
  align-items:center;
  gap:5px;
}

.nq-weather-legend i {
  width:9px;
  height:9px;
  border-radius:3px;
  background:#111;
}

.nq-weather-legend i.temp {
  border-radius:50%;
  background:var(--lime);
  border:2px solid #111;
}

.nq-weather-legend i.rain {
  background:#d7e7ff;
  border:1px solid #7b9bc5;
}

.nq-weather-chart {
  min-height:250px;
  display:flex;
  align-items:stretch;
  gap:5px;
  overflow-x:auto;
  padding:12px 4px 7px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.nq-weather-day {
  min-width:34px;
  flex:1 0 34px;
  position:relative;
  height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  cursor:default;
}

.nq-weather-plot {
  position:relative;
  width:100%;
  height:185px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.nq-weather-revenue-bar {
  width:72%;
  min-height:2px;
  background:#111;
  border-radius:5px 5px 2px 2px;
}

.nq-weather-day.rainy .nq-weather-revenue-bar {
  background:repeating-linear-gradient(
    135deg,
    #111 0,
    #111 5px,
    #444 5px,
    #444 8px
  );
}

.nq-weather-temp-dot {
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--lime);
  border:2px solid #111;
  transform:translate(-50%,50%);
  left:50%;
  z-index:2;
}

.nq-weather-day.rainy .nq-weather-temp-dot {
  box-shadow:0 0 0 4px #d7e7ff;
}

.nq-weather-day small {
  margin-top:7px;
  font-size:9px;
  color:var(--muted);
}

.nq-weather-tip {
  display:none;
  position:absolute;
  z-index:20;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  width:188px;
  padding:10px;
  border-radius:10px;
  background:#111;
  color:#fff;
  font-size:11px;
  line-height:1.45;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  pointer-events:none;
}

.nq-weather-day:hover .nq-weather-tip {
  display:block;
}

.nq-weather-bottom {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:10px;
  margin-top:12px;
}

.nq-weather-insight,
.nq-weather-bands {
  padding:14px;
  border-radius:13px;
  background:#f6f6f2;
}

.nq-weather-insight > span,
.nq-weather-bands > span {
  color:var(--muted);
  font-size:11px;
}

.nq-weather-insight strong {
  display:block;
  margin:7px 0 5px;
  font-size:15px;
}

.nq-weather-insight p {
  margin:0;
  font-size:12px;
  line-height:1.5;
  color:#555;
}

#weather-temp-bands {
  display:grid;
  gap:6px;
  margin-top:8px;
}

.nq-weather-band {
  display:grid;
  grid-template-columns:70px 1fr auto;
  align-items:center;
  gap:8px;
  font-size:11px;
}

.nq-weather-band > span {
  color:#555;
}

.nq-weather-band-track {
  height:7px;
  background:#e3e3dd;
  border-radius:999px;
  overflow:hidden;
}

.nq-weather-band-fill {
  height:100%;
  background:#111;
  border-radius:999px;
}

.nq-weather-band strong {
  font-size:11px;
  white-space:nowrap;
}

@media (max-width:960px) {
  .nq-weather-kpis {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .nq-weather-bottom {
    grid-template-columns:1fr;
  }
}

@media (max-width:620px) {
  .nq-weather-live {
    grid-template-columns:auto 1fr;
  }
  .nq-weather-live-meta {
    grid-column:1 / -1;
    justify-content:flex-start;
  }
  .nq-weather-kpis {
    grid-template-columns:1fr;
  }
  .nq-weather-chart-head {
    align-items:flex-start;
    flex-direction:column;
  }
}


.nq-table-popularity{margin-top:14px}
.nq-table-popularity-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px
}
.nq-table-popularity-kpis>div{
  padding:10px 11px;
  border-radius:10px;
  background:#f4f4f1
}
.nq-table-popularity-kpis span{
  display:block;
  color:var(--muted);
  font-size:8px
}
.nq-table-popularity-kpis strong{
  display:block;
  margin-top:3px;
  font-size:15px
}
.nq-table-popularity-kpis small{
  display:block;
  margin-top:2px;
  color:#777;
  font-size:8px
}
.nq-table-popularity-legend{
  display:flex;
  gap:8px 14px;
  flex-wrap:wrap;
  margin:6px 0 11px;
  color:#777;
  font-size:8px
}
.nq-table-popularity-legend b{color:#111}
.nq-table-popularity-chart{
  display:grid;
  gap:8px
}
.nq-table-row{
  display:grid;
  grid-template-columns:minmax(110px,175px) 1fr minmax(175px,245px);
  gap:10px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid var(--line)
}
.nq-table-row:last-child{border-bottom:0}
.nq-table-name{
  display:flex;
  flex-direction:column;
  gap:2px
}
.nq-table-name strong{font-size:10px}
.nq-table-name span{
  color:#888;
  font-size:8px
}
.nq-table-bar-wrap{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#ecece8
}
.nq-table-bar{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:#111
}
.nq-table-row.popular .nq-table-bar{
  background:#dfff00;
  outline:1px solid #111
}
.nq-table-row.rare .nq-table-bar{opacity:.32}
.nq-table-metrics{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  text-align:right
}
.nq-table-metrics b{
  font-size:9px;
  white-space:nowrap
}
.nq-table-metrics span{
  color:#777;
  font-size:8px;
  white-space:nowrap
}
.nq-table-status{
  display:inline-block;
  margin-top:3px;
  padding:3px 6px;
  border-radius:999px;
  background:#f1f1ed;
  color:#666!important;
  font-size:7px!important;
  font-weight:800;
  width:max-content
}
.nq-table-row.popular .nq-table-status{
  background:#eaff74;
  color:#111!important
}
.nq-table-row.rare .nq-table-status{
  background:#fff0c9;
  color:#704f00!important
}
@media(max-width:760px){
  .nq-table-popularity-kpis{grid-template-columns:1fr}
  .nq-table-row{
    grid-template-columns:100px 1fr
  }
  .nq-table-metrics{
    grid-column:1/-1;
    justify-content:flex-start;
    text-align:left
  }
}


/* =========================================================
   BANK FLOW — ООО + ИП
   ========================================================= */
.nq-bank-panel { margin-bottom:14px; }
.nq-bank-panel > summary > div:first-child > span {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
}
.nq-bank-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.nq-bank-card {
  border:1px solid var(--line);
  background:#f7f7f3;
  border-radius:14px;
  padding:14px;
  min-width:0;
}
.nq-bank-card.total {
  background:#111;
  color:#fff;
  border-color:#111;
}
.nq-bank-card > span {
  display:block;
  font-size:11px;
  color:var(--muted);
}
.nq-bank-card.total > span,
.nq-bank-card.total .nq-bank-meta,
.nq-bank-card.total .nq-bank-row small {
  color:#aaa;
}
.nq-bank-card > strong {
  display:block;
  margin:5px 0 12px;
  font-size:16px;
}
.nq-bank-rows { display:grid; gap:7px; }
.nq-bank-row {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding-top:7px;
  border-top:1px solid rgba(127,127,127,.18);
}
.nq-bank-row small {
  color:var(--muted);
  font-size:11px;
}
.nq-bank-row b {
  font-size:13px;
  white-space:nowrap;
}
.nq-bank-meta {
  margin-top:10px;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}
.nq-bank-note {
  margin-top:10px;
  padding:10px 12px;
  border-radius:11px;
  background:#f2f2ed;
  color:#666;
  font-size:11px;
  line-height:1.45;
}
.nq-bank-note.warn {
  background:#fff8d8;
  color:#6d5700;
  border:1px solid #ead074;
}
@media (max-width:900px) {
  .nq-bank-grid { grid-template-columns:1fr; }
}