/*
 * Vristo registry/table translation for the Tailwind 4 + daisyUI 5 portal.
 * Reference: purchased vristo-html-main/tables.html and assets/css/tailwind.css.
 */

html[data-portal-ui="vristo"] main:has(.vristo-registry-page) {
  padding-top: var(--vristo-content-pad, 1.5rem);
  overflow-x: clip;
}


html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-page {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1.5rem;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 1.5rem;
  color: var(--vristo-page-muted);
  font-size: 0.875rem;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-breadcrumb a {
  color: var(--vristo-primary);
  font-weight: 600;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-breadcrumb i {
  font-size: 0.625rem;
  opacity: 0.55;
}

/* Vristo uses a compact control panel here, not the old full-bleed purple band. */
html[data-portal-ui="vristo"] .vristo-registry-page > [data-registry-tabs-band].vristo-registry-nav-panel {
  position: static;
  z-index: auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0.375rem;
  background: var(--vristo-panel);
  color: var(--vristo-ink);
  box-shadow: var(--vristo-panel-shadow);
  clip-path: none;
}

html[data-portal-ui="vristo"] .vristo-registry-page > [data-registry-tabs-band].vristo-registry-nav-panel::before {
  content: "Pripravené pohľady";
  display: block;
  padding: 1rem 1.25rem 0;
  color: var(--vristo-page-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem 1rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  background: transparent;
  box-shadow: none;
  scrollbar-width: none;
}

html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs::-webkit-scrollbar {
  display: none;
}

html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs > .tab {
  display: inline-flex;
  min-height: 2.25rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.375rem;
  padding: 0.5rem 0.875rem;
  background: transparent;
  color: var(--vristo-page-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  box-shadow: none;
  transition: background-color 160ms ease, color 160ms ease;
}

html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs > .tab:hover {
  background: color-mix(in srgb, var(--vristo-primary) 8%, transparent);
  color: var(--vristo-primary);
}

html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs > .tab[aria-current="page"] {
  border: 0;
  background: color-mix(in srgb, var(--vristo-primary) 12%, transparent);
  color: var(--vristo-primary);
  font-weight: 700;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-panel {
  border: 0;
  border-radius: 0.375rem;
  background: var(--vristo-panel);
  box-shadow: var(--vristo-panel-shadow);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-panel-head {
  padding: 1.25rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-panel-head #rx-results-title {
  margin-top: 0.25rem;
  font-size: 1.125rem;
  font-weight: 600;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-eyebrow {
  color: var(--vristo-page-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  opacity: 1;
}

html[data-portal-ui="vristo"] #portal-main-container #rx-count {
  gap: 0.4rem;
  margin-top: 0.5rem;
  color: var(--vristo-page-muted);
}

html[data-portal-ui="vristo"] #portal-main-container #rx-count .rx-count-total {
  color: var(--vristo-ink);
  font-size: 1rem;
  font-weight: 700;
}

html[data-portal-ui="vristo"] #portal-main-container #rx-count .rx-count-label {
  color: var(--vristo-page-muted);
}

html[data-portal-ui="vristo"] #portal-main-container #rx-count .rx-count-limit {
  border: 0;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--vristo-primary) 9%, var(--vristo-panel));
  color: var(--vristo-primary);
}

html[data-portal-ui="vristo"] #portal-main-container #rx-asof {
  color: var(--vristo-page-muted);
  opacity: 1;
}

html[data-portal-ui="vristo"] #portal-main-container #rx-applied {
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-color: var(--vristo-page-line);
  background: color-mix(in srgb, var(--vristo-panel) 96%, var(--vristo-primary));
}

html[data-portal-ui="vristo"] #portal-main-container #rx-applied .badge {
  border: 0;
  background: #f1f2f3;
  color: var(--vristo-subtle);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-tools {
  min-height: 3.5rem;
  padding: 0.75rem 1.25rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-tools label {
  color: var(--vristo-ink);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive {
  overflow: auto;
  scrollbar-color: color-mix(in srgb, var(--vristo-page-muted) 45%, transparent) transparent;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive table {
  width: 100%;
  border-collapse: collapse;
  color: var(--vristo-ink);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive thead tr {
  border: 0;
  background: #f6f8fa;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive th,
html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td {
  height: auto;
  padding: 0.75rem 1rem;
  border: 0;
  text-align: left;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive th {
  color: var(--vristo-ink);
  font-weight: 600;
  white-space: nowrap;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive th.text-right,
html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td.text-right {
  text-align: right;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive tbody tr {
  border-bottom: 1px solid var(--vristo-page-line);
  background: transparent;
  transition: background-color 160ms ease;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive tbody tr:hover {
  background: color-mix(in srgb, var(--vristo-primary) 4%, transparent);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive tbody tr:last-child {
  border-bottom: 0;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .link {
  color: var(--vristo-ink);
  text-decoration: none;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .link:hover {
  color: var(--vristo-primary);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td > .text-xs {
  color: var(--vristo-page-muted);
  opacity: 1;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .badge {
  border: 0;
  background: #f1f2f3;
  color: var(--vristo-subtle);
  font-weight: 600;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .badge-warning {
  background: var(--vristo-warning-soft);
  color: var(--vristo-warning);
}

html[data-portal-ui="vristo"] #portal-main-container :is(#rx-pagination-top, #rx-pagination) {
  padding: 0.75rem 1.25rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] #portal-main-container #rx-pagination {
  border-top: 1px solid var(--vristo-page-line);
  border-bottom: 0;
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-sources {
  border: 0;
  border-radius: 0.375rem;
  background: var(--vristo-panel);
  box-shadow: var(--vristo-panel-shadow);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-sources .collapse-title {
  min-height: 0;
  padding: 1rem 3rem 1rem 1.25rem;
  color: var(--vristo-ink);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-sources .collapse-content {
  padding-inline: 1.25rem;
  color: var(--vristo-page-muted);
}

html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-sources[open] .collapse-content {
  padding-bottom: 1.25rem;
}

/* Filters of registries, the company directory and new radars are one side sheet (Vristo);
   the page stays visible under a dimmed backdrop. The classic portal keeps its native dialogs. */
html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog).modal {
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr);
  justify-content: flex-end;
  padding: 0;
  background: transparent;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .modal-box {
  width: min(37rem, 100%);
  min-width: 0;
  max-width: 100%;
  justify-self: end;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  border-radius: 0;
  background: var(--vristo-panel);
  box-shadow: -20px 0 45px rgb(31 45 61 / 0.18);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .modal-backdrop {
  background: rgb(14 23 38 / 0.38);
}

/* The native close button fills the backdrop; it must stay invisible so the page shows through. */
html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .modal-backdrop > button {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  cursor: default;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) header {
  position: relative;
  z-index: 1;
  padding: 1.25rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) header h2 {
  font-size: 1.125rem;
  font-weight: 600;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) header p {
  color: var(--vristo-page-muted);
  opacity: 1;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) [data-filter-scroll] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--vristo-panel) 95%, var(--vristo-primary));
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section {
  flex: 0 0 auto;
  border: 0;
  border-radius: 0.375rem;
  background: var(--vristo-panel);
  box-shadow: var(--vristo-panel-shadow);
}

/* daisyUI collapse isolates each section: raise the containing section, not just its menu. */
html[data-portal-ui="vristo"] .collapse:has(#portal-company-activity-dropdown.dropdown-open) {
  z-index: 70;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-title {
  display: flex;
  min-height: 0;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 3rem 0.875rem 1rem;
  color: var(--vristo-ink);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-title strong,
html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-title small {
  display: block;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-title strong {
  font-size: 0.875rem;
  font-weight: 600;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-title small {
  margin-top: 0.125rem;
  color: var(--vristo-page-muted);
  font-size: 0.6875rem;
  font-weight: 400;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.375rem;
  background: color-mix(in srgb, var(--vristo-primary) 12%, transparent);
  color: var(--vristo-primary);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-icon.is-success {
  background: var(--vristo-success-soft);
  color: var(--vristo-success);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-icon.is-warning {
  background: var(--vristo-warning-soft);
  color: var(--vristo-warning);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-icon.is-secondary {
  background: var(--vristo-secondary-soft);
  color: var(--vristo-secondary);
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section .collapse-content {
  padding-inline: 1rem;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section[open] .collapse-content {
  padding-bottom: 1rem;
  border-top: 1px solid var(--vristo-page-line);
  padding-top: 1rem;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) [data-amount-range] {
  border-color: var(--vristo-page-line);
  border-radius: 0.375rem;
  background: transparent;
}

html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .modal-box > form:not([method="dialog"]) > :last-child {
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

/* Open sections let pickers (activity list, city suggestions) overflow instead of being clipped. */
html[data-portal-ui="vristo"] :is(#portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section[open] {
  overflow: visible;
}

html[data-portal-ui="vristo"] :is(#portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
}

html[data-portal-ui="vristo"] :is(#portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .vristo-filter-section-body :is(.grid) {
  min-width: 0;
}

/* The radar form has no header/scroll hooks of its own; its three blocks become the sheet parts. */
html[data-portal-ui="vristo"] #sl-radar-dialog .modal-box {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

html[data-portal-ui="vristo"] #sl-radar-form {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
}

html[data-portal-ui="vristo"] #sl-radar-form > div:first-child {
  flex: 0 0 auto;
  padding: 1.25rem 3.5rem 1.25rem 1.25rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] #sl-radar-form > div:first-child h2 {
  font-size: 1.125rem;
  font-weight: 600;
}

html[data-portal-ui="vristo"] #sl-radar-form > .grid {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--vristo-panel) 95%, var(--vristo-primary));
}

html[data-portal-ui="vristo"] #sl-radar-form > :last-child {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  border-color: var(--vristo-page-line);
  background: var(--vristo-panel);
}

html[data-portal-ui="vristo"] #sl-radar-form > :last-child > .flex {
  justify-content: flex-end;
}

html[data-portal-ui="vristo"] #sl-radar-dialog .modal-box > form[method="dialog"] > button {
  top: 1rem;
  right: 1rem;
}

/* The side sheet is narrower than the old centred modal: the activity picker stays within it. */
html[data-portal-ui="vristo"] #sl-radar-dialog #sl-radar-activity-panel {
  width: 100%;
  min-width: 0;
}

html[data-portal-ui="vristo"] #sl-radar-form #sl-radar-forms {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-portal-ui="vristo"] #portal-company-filter-dialog #portal-company-filters > [data-filter-scroll] {
  display: flex;
}

@media (max-width: 639px) {
  html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-page {
    gap: 1rem;
  }

  html[data-portal-ui="vristo"] .vristo-registry-page > [data-registry-tabs-band].vristo-registry-nav-panel::before {
    padding-inline: 1rem;
  }

  html[data-portal-ui="vristo"] .vristo-registry-page [data-registry-tabs].vristo-registry-tabs {
    padding-inline: 1rem;
  }

  html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-panel-head,
  html[data-portal-ui="vristo"] #portal-main-container .vristo-registry-tools {
    padding-inline: 1rem;
  }

  html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive th,
  html[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td {
    padding-inline: 0.75rem;
  }

  html[data-portal-ui="vristo"] :is(#rx-filter-dialog, #portal-company-filter-dialog, #sl-radar-dialog, #cm-filter-dialog) .modal-box {
    width: 100%;
    max-width: 100%;
  }
}

html.dark[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive thead tr,
html[data-theme="dark"][data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive thead tr {
  background: #1a2941;
}

html.dark[data-portal-ui="vristo"] #portal-main-container #rx-applied .badge,
html.dark[data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .badge,
html[data-theme="dark"][data-portal-ui="vristo"] #portal-main-container #rx-applied .badge,
html[data-theme="dark"][data-portal-ui="vristo"] #portal-main-container .vristo-table-responsive td .badge {
  background: #1a2941;
  color: #bfc9d4;
}

/* Approved registry composition: isolated from classic portal and public pages. */
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) > * {margin-block:0;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-page-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
/* Breadcrumb row sits like the dashboard one: text 10 px below the top, first block at 60 px. */
html[data-portal-ui="vristo"] #portal-main-container .rx-page-heading {min-height:40px;margin-bottom:-4px;}
html[data-portal-ui="vristo"] #portal-main-container .rx-page-heading > .vristo-registry-breadcrumb {min-height:40px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-page-heading h1 {font-size:14px;font-weight:400;line-height:1.5;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card {display:flex;flex-direction:row;align-items:center;gap:16px;padding:20px;border-radius:6px;background:var(--vristo-panel);box-shadow:var(--vristo-panel-shadow);min-width:0;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card>div {min-width:0;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-icon {display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:6px;font-size:25px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card p {font-size:12px;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card strong {display:block;font-size:22px;line-height:1.4;font-weight:700;color:var(--vristo-ink);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card small {display:block;font-size:11px;line-height:1.5;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs-band]::before {display:none;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs] {padding:0 8px;gap:4px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab {flex:1 0 auto;gap:10px;border-radius:0;min-height:48px;padding:12px 14px;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab i {display:inline-block;font-size:17px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab[aria-current="page"] {background:transparent;box-shadow:inset 0 -2px var(--color-primary);color:var(--color-primary);}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-panel {padding:16px 20px 20px;background:var(--vristo-panel);box-shadow:var(--vristo-panel-shadow);border-radius:6px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-panel>header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-panel h2 {font-size:16px;font-weight:650;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields {display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:12px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields[hidden] {display:none;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields label {display:grid;gap:5px;min-width:0;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields label>span {font-size:12px;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields :is(.input,.select,.btn) {min-height:38px;height:38px;font-size:12px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields .input input {min-width:0;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields .select {appearance:auto;background-image:none;padding-right:10px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab:focus-visible {outline:2px solid var(--color-primary);outline-offset:-3px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-chip-bar {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;flex:1;min-width:0;}
html[data-portal-ui="vristo"] #registry-explorer #rx-applied {display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0;border:0;background:transparent;}
html[data-portal-ui="vristo"] #registry-explorer #rx-applied .badge {cursor:pointer;height:auto;padding:5px 8px;font-size:11px;line-height:1.4;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,transparent);white-space:normal;text-align:left;}
html[data-portal-ui="vristo"] #registry-explorer #rx-applied .badge:focus-visible {outline:2px solid var(--color-primary);outline-offset:2px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-registry-panel-head {padding:16px 20px;gap:12px;}
html[data-portal-ui="vristo"] #registry-explorer .rx-result-heading {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;}
html[data-portal-ui="vristo"] #registry-explorer #rx-results-title {margin:0;font-size:16px;}
html[data-portal-ui="vristo"] #registry-explorer #rx-count {margin:0;font-size:12px;opacity:1;}
html[data-portal-ui="vristo"] #registry-explorer #rx-count .rx-count-total {font-size:12px;font-weight:500;}
html[data-portal-ui="vristo"] #registry-explorer #rx-count .rx-count-limit {font-size:11px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-registry-tools {min-height:44px;padding:8px 20px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-registry-tools label {font-size:12px;}
html[data-portal-ui="vristo"] #registry-explorer .rx-page-size {font-size:11px;border:1px solid var(--vristo-line);padding:7px 10px;border-radius:4px;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-explorer #rx-column-options {z-index:30;right:0;width:230px;max-height:320px;overflow:auto;padding:14px;background:var(--vristo-panel);box-shadow:0 8px 28px color-mix(in srgb,var(--color-neutral) 18%,transparent);border:1px solid var(--vristo-line);gap:12px;}
html[data-portal-ui="vristo"] #registry-explorer #rx-column-options label {display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive {padding:0 16px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive table {min-width:980px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive :is(th,td) {padding:12px 10px;font-size:12px;vertical-align:middle;font-variant-numeric:tabular-nums;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive thead tr {background:var(--vristo-canvas);}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive th {color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive [hidden] {display:none;}
html[data-portal-ui="vristo"] #registry-explorer .rx-company-cell {display:flex;align-items:center;gap:12px;min-width:220px;max-width:310px;}
html[data-portal-ui="vristo"] #registry-explorer .rx-company-cell .text-xs {font-size:11px;line-height:1.4;color:var(--vristo-subtle);opacity:1;}
html[data-portal-ui="vristo"] :is(#registry-explorer,.vd-table) [data-portal-subject-icon] {width:24px;font-size:20px;line-height:1;}
html[data-portal-ui="vristo"] #registry-explorer .rx-register-badges {min-width:150px;max-width:260px;}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive .badge {font-size:10px;padding:4px 6px;height:auto;line-height:1.4;background:var(--vristo-canvas);color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive td .badge-secondary {background:color-mix(in srgb,var(--color-secondary) 12%,transparent);color:color-mix(in srgb,var(--color-secondary) 75%,var(--color-base-content));}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive td .badge-info {background:color-mix(in srgb,var(--color-info) 12%,transparent);color:color-mix(in srgb,var(--color-info) 75%,var(--color-base-content));}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive td .badge-success {background:color-mix(in srgb,var(--color-success) 12%,transparent);color:color-mix(in srgb,var(--color-success) 75%,var(--color-base-content));}
html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive td .badge-warning {background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:color-mix(in srgb,var(--color-warning) 70%,var(--color-base-content));}
html[data-portal-ui="vristo"] #registry-explorer .rx-table-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--vristo-line);}
html[data-portal-ui="vristo"] #registry-explorer .rx-table-footer>small {font-size:10px;color:var(--vristo-subtle);max-width:380px;}
html[data-portal-ui="vristo"] #registry-explorer #rx-pagination {padding:0;border:0;gap:12px;margin-left:auto;}
html[data-portal-ui="vristo"] #registry-explorer .rx-page-buttons {display:flex;align-items:center;gap:5px;}
html[data-portal-ui="vristo"] #registry-explorer .rx-page-buttons .btn {min-height:30px;height:30px;width:30px;padding:0;font-size:12px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) :is(.rx-page-heading,.rx-quick-panel,.vristo-registry-panel-head,.rx-page-buttons) .btn:not(.btn-primary):not(.btn-link):not(.btn-ghost) {background:var(--vristo-panel);border:1px solid var(--vristo-line);color:var(--vristo-ink);box-shadow:none;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) :is(.rx-page-heading,.rx-quick-panel,.vristo-registry-panel-head,.rx-page-buttons) .btn:not(.btn-primary):hover {background:var(--vristo-canvas);}
html[data-portal-ui="vristo"] #registry-explorer .btn-link {box-shadow:none;}
@media(max-width:1279px){
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card {padding:16px;gap:12px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-icon {width:40px;height:40px;font-size:20px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card strong {font-size:18px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields>button {justify-self:start;}
}
@media(max-width:767px){
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-grid {grid-template-columns:1fr;gap:12px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card {padding:14px 16px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card strong {font-size:20px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-panel {padding:12px 16px 16px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-footer {align-items:stretch;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-chip-bar {flex-basis:100%;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields {gap:12px 8px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, .vw-registry-layout) .rx-quick-fields>label:first-child {grid-column:1/-1;}
  html[data-portal-ui="vristo"] #registry-explorer .vristo-table-responsive {padding:0 8px;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-page-heading>.flex {width:100%;}
  html[data-portal-ui="vristo"] #registry-explorer .rx-table-footer {padding:12px 16px;}
}

/* Registry statistics – Vristo composition (index.html Revenue/Sales By Category,
 * analytics.html summary panels, elements-buttons-group.html). The page uses
 * _vristo-registry-statistics.latte; the classic statistics stylesheet is not loaded. */
html[data-portal-ui="vristo"] #registry-statistics {--vs-muted:var(--vristo-page-muted);--vs-line:var(--vristo-page-line);}
html[data-portal-ui="vristo"] #registry-statistics [hidden] {display:none !important;}
html[data-portal-ui="vristo"] #registry-statistics .vs-panel {position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:20px;border:0;border-radius:6px;background:var(--vristo-panel);color:var(--vristo-ink);box-shadow:var(--vristo-panel-shadow);}
html[data-portal-ui="vristo"] #registry-statistics .vs-panel-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:20px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-panel-head h2 {margin:0;font-size:18px;line-height:28px;font-weight:600;color:var(--vristo-ink);}
html[data-portal-ui="vristo"] #registry-statistics .vs-panel-note {margin:2px 0 0;font-size:12px;line-height:18px;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics .vs-panel-head .vs-panel-note:only-child,
html[data-portal-ui="vristo"] #registry-statistics .vs-panel-head > .vs-panel-note {margin:0;align-self:center;}

/* Soft and round icon tokens from analytics.html / index.html. */
html[data-portal-ui="vristo"] #registry-statistics :is(.vs-soft-icon,.vs-kpi-icon,.vs-round-icon) {display:grid;place-items:center;flex-shrink:0;color:var(--vs-tone);background:color-mix(in srgb,var(--vs-tone) 12%,transparent);}
html[data-portal-ui="vristo"] #registry-statistics .is-primary {--vs-tone:var(--color-primary);}
html[data-portal-ui="vristo"] #registry-statistics .is-secondary {--vs-tone:var(--color-secondary);}
html[data-portal-ui="vristo"] #registry-statistics .is-success {--vs-tone:var(--color-success);}
html[data-portal-ui="vristo"] #registry-statistics .is-danger {--vs-tone:var(--color-error);}
html[data-portal-ui="vristo"] #registry-statistics .is-warning {--vs-tone:var(--color-warning);}
html[data-portal-ui="vristo"] #registry-statistics .is-info {--vs-tone:var(--color-info);}
html[data-portal-ui="vristo"] #registry-statistics .vs-soft-icon {width:44px;height:44px;border-radius:12px;font-size:18px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-round-icon {width:40px;height:40px;border-radius:999px;font-size:16px;}

/* Rankings = the registry summary cards (same geometry), so the tab bar keeps its position
 * when switching between Registre and Štatistiky. */
html[data-portal-ui="vristo"] #registry-statistics .vs-rank-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:767px) {
  html[data-portal-ui="vristo"] #registry-statistics .vs-rank-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
html[data-portal-ui="vristo"] #registry-statistics .vs-rank-card {color:var(--vristo-ink);text-decoration:none;transition:box-shadow 160ms ease,transform 160ms ease;}
html[data-portal-ui="vristo"] #registry-statistics .vs-rank-card:hover {box-shadow:0 6px 18px color-mix(in srgb,var(--color-neutral) 14%,transparent);}
html[data-portal-ui="vristo"] #registry-statistics .vs-rank-card:hover strong {color:var(--color-primary);}
html[data-portal-ui="vristo"] #registry-statistics .vs-rank-card:focus-visible {outline:2px solid var(--color-primary);outline-offset:2px;}
/* Single-line summary texts on both pages keep the card height identical at every width. */
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-summary-card :is(p,strong,small) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Statistics shell */
html[data-portal-ui="vristo"] #registry-statistics #portal-statistics {display:flex;flex-direction:column;gap:24px;min-width:0;}
html[data-portal-ui="vristo"] #registry-statistics #ds-heading .vs-panel-head {margin-bottom:16px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-heading-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics .vs-source-badge {height:auto;padding:3px 8px;border:0;border-radius:4px;background:var(--vristo-primary-soft);color:var(--color-primary);font-weight:600;}
html[data-portal-ui="vristo"] #registry-statistics #ds-controls {display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;}

/* Period switch = Vristo outline-primary button group. JS toggles .tab-active. */
html[data-portal-ui="vristo"] #registry-statistics #ds-periods {display:flex;flex-wrap:nowrap;gap:0;padding:0;border:0;background:transparent;box-shadow:none;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab {height:38px;min-height:38px;margin:0;padding:8px 16px;border:1px solid var(--color-primary);border-radius:0;background:transparent;color:var(--color-primary);font-size:13px;line-height:20px;font-weight:600;white-space:nowrap;box-shadow:none;transition:background-color 200ms ease,color 200ms ease;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab + .tab {margin-left:-1px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:first-child {border-radius:6px 0 0 6px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:last-child {border-radius:0 6px 6px 0;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:hover {background:color-mix(in srgb,var(--color-primary) 10%,transparent);}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab.tab-active,
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab[aria-selected="true"] {position:relative;z-index:1;background:var(--color-primary);color:var(--color-primary-content);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--color-primary) 60%,transparent);}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab::after {display:none;}
html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:focus-visible {z-index:2;outline:2px solid var(--color-primary);outline-offset:2px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls {display:flex;align-items:center;gap:16px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls label {display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--vristo-subtle);white-space:nowrap;}
html[data-portal-ui="vristo"] #registry-statistics :is(#ds-year-controls .select,#ds-custom-controls .input) {height:38px;min-height:38px;border-color:var(--vristo-line);border-radius:6px;background-color:var(--vristo-panel);color:var(--vristo-ink);font-size:13px;font-weight:600;}
html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls .select {width:112px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls {flex-basis:100%;margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--vs-line);}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls .fieldset-legend {padding:0 0 8px;font-size:12px;font-weight:600;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls .join {display:flex;width:min(100%,460px);}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls .join > label {flex:1;min-width:0;}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls .input {width:100%;min-width:0;}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-apply {height:38px;min-height:38px;min-width:88px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-custom-error {margin-top:8px;font-size:12px;}

html[data-portal-ui="vristo"] #registry-statistics .vs-loading {flex-direction:row;align-items:center;gap:12px;min-height:160px;justify-content:center;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics #ds-results {display:flex;flex-direction:column;gap:24px;min-width:0;}
html[data-portal-ui="vristo"] #registry-statistics #ds-context {display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;margin:0 0 -8px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-range {margin:0;font-size:14px;font-weight:600;color:var(--vristo-ink);}
html[data-portal-ui="vristo"] #registry-statistics #ds-comparison-range {margin:0;font-size:12px;color:var(--vs-muted);}

/* KPI = analytics.html summary panels, same scale as registry summary cards. */
html[data-portal-ui="vristo"] #registry-statistics #ds-kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-kpi {flex-direction:row;align-items:center;gap:16px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-kpi-icon {width:54px;height:54px;border-radius:6px;font-size:24px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-kpi p {margin:0;font-size:12px;line-height:18px;font-weight:600;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-statistics .vs-kpi strong {display:block;font-size:22px;line-height:1.4;font-weight:700;color:var(--vristo-ink);font-variant-numeric:tabular-nums;}
html[data-portal-ui="vristo"] #registry-statistics .vs-kpi small {display:block;font-size:11px;line-height:1.5;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics #ds-balance[data-empty="true"] {font-size:16px;}

/* Charts = index.html Revenue (2/3) + Sales By Category (1/3). */
html[data-portal-ui="vristo"] #registry-statistics #ds-charts {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-chart-heading {margin-bottom:16px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-chart-wrap {position:relative;height:325px;min-width:0;}
html[data-portal-ui="vristo"] #registry-statistics :is(#ds-chart,#ds-mix) {width:100%;height:100%;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn {height:32px;min-height:32px;padding:6px 12px;border:1px solid var(--color-neutral);background:transparent;color:var(--color-neutral);font-size:12px;font-weight:600;box-shadow:none;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn + .btn {margin-left:-1px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn {border-radius:0;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn:first-child {border-radius:6px 0 0 6px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn:last-child {border-radius:0 6px 6px 0;}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn:hover {background:color-mix(in srgb,var(--color-neutral) 10%,transparent);}
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn.btn-neutral,
html[data-portal-ui="vristo"] #registry-statistics .vs-metric-group .btn[aria-pressed="true"] {position:relative;z-index:1;background:var(--color-neutral);color:var(--color-neutral-content);}
html[data-portal-ui="vristo"] #registry-statistics .vs-table-toggle {margin-top:12px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-table-toggle summary {cursor:pointer;width:max-content;font-size:12px;font-weight:600;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-statistics .vs-table-toggle summary:hover {color:var(--color-primary);}
html[data-portal-ui="vristo"] #registry-statistics .vs-table-toggle table {margin-top:8px;font-size:12px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-table-toggle :is(th,td) {padding:8px 12px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-series-head th:not(:first-child),
html[data-portal-ui="vristo"] #registry-statistics #ds-series-rows td {text-align:right;font-variant-numeric:tabular-nums;}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-wrap {position:relative;height:220px;margin:0 0 20px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-values {display:flex;flex-direction:column;gap:0;margin-top:auto;}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-values [data-ds-mix-row] {display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--vs-line);font-size:13px;font-weight:600;color:var(--vristo-ink);text-decoration:none;}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-values a[data-ds-mix-row]:hover span {color:var(--color-primary);}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-values i {width:10px;height:10px;border-radius:999px;background:var(--ds-tone);}
html[data-portal-ui="vristo"] #registry-statistics #ds-mix-values strong {font-weight:600;color:var(--vristo-subtle);font-variant-numeric:tabular-nums;white-space:nowrap;}

/* Insights = index.html Daily Sales header (title + round icon). */
html[data-portal-ui="vristo"] #registry-statistics #ds-insights {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight {gap:6px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;color:var(--vristo-subtle);}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight h2 {margin:-12px 0 0;font-size:18px;line-height:28px;font-weight:600;color:var(--vristo-ink);}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight p {margin:0;font-size:13px;line-height:20px;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight .vs-insight-note {font-size:12px;line-height:18px;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight-link {display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:10px 0 0;height:auto;min-height:0;border:0;background:transparent;color:var(--color-primary);font-size:13px;font-weight:600;text-decoration:none;box-shadow:none;align-self:flex-start;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight-link:hover {text-decoration:underline;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight-link:disabled {color:var(--vs-muted);text-decoration:none;}
html[data-portal-ui="vristo"] #registry-statistics .vs-insight-link i {font-size:11px;}

/* Shared region-density partial rendered as a Vristo panel. */
html[data-portal-ui="vristo"] #registry-statistics #region-density {margin:0;border:0;border-radius:6px;background:var(--vristo-panel);box-shadow:var(--vristo-panel-shadow);}
html[data-portal-ui="vristo"] #registry-statistics #region-density > .card-body {padding:20px;}
html[data-portal-ui="vristo"] #registry-statistics #rd-title {font-size:18px;line-height:28px;font-weight:600;}
html[data-portal-ui="vristo"] #registry-statistics #rd-title > i {color:var(--color-primary);}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-controls] {display:flex;}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-controls] .btn {height:32px;min-height:32px;padding:6px 12px;border:1px solid var(--color-neutral);border-radius:0;background:transparent;color:var(--color-neutral);font-size:12px;font-weight:600;box-shadow:none;}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-controls] .btn:first-child {border-radius:6px 0 0 6px;}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-controls] .btn:last-child {margin-left:-1px;border-radius:0 6px 6px 0;}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-controls] .btn[aria-pressed="true"] {background:var(--color-neutral);color:var(--color-neutral-content);}
html[data-portal-ui="vristo"] #registry-statistics #region-density [data-rd-detail] {border-radius:6px;background:var(--vristo-canvas);}

/* Sources and methodology */
html[data-portal-ui="vristo"] #registry-statistics #ds-source {gap:4px;padding:16px 20px 8px;}
html[data-portal-ui="vristo"] #registry-statistics #ds-source-text {margin:0;font-size:12px;line-height:18px;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics .vs-method {border:0;border-radius:0;background:transparent;}
html[data-portal-ui="vristo"] #registry-statistics .vs-method > .collapse-title {display:flex;align-items:center;gap:8px;min-height:0;padding:8px 32px 8px 0;font-size:13px;font-weight:600;color:var(--vristo-ink);}
html[data-portal-ui="vristo"] #registry-statistics .vs-method > .collapse-title::after {inset-inline-end:8px;top:50%;}
html[data-portal-ui="vristo"] #registry-statistics .vs-method > .collapse-title > i {color:var(--color-info);}
html[data-portal-ui="vristo"] #registry-statistics .vs-method > .collapse-content {padding:0;font-size:13px;line-height:22px;color:var(--vs-muted);}
html[data-portal-ui="vristo"] #registry-statistics .vs-method[open] > .collapse-content {display:flex;flex-direction:column;gap:10px;padding:4px 0 12px;max-width:1000px;}

/* Container widths, not the viewport: the sidebar takes 260 px on desktop. */
html[data-portal-ui="vristo"] #registry-statistics {container:vs-statistics / inline-size;}
@container vs-statistics (max-width: 1000px) {
  html[data-portal-ui="vristo"] #registry-statistics .vs-kpi {padding:16px;gap:12px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-kpi-icon {width:40px;height:40px;font-size:18px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-kpi strong {font-size:18px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-charts {grid-template-columns:minmax(0,1fr) 300px;}
}
@container vs-statistics (max-width: 900px) {
  html[data-portal-ui="vristo"] #registry-statistics #ds-charts {grid-template-columns:1fr;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-mix-wrap {height:200px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-insights {grid-template-columns:1fr;gap:16px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-insight-link {margin-top:4px;}
}
@media (max-width:767px) {
  html[data-portal-ui="vristo"] #registry-statistics #portal-statistics,
  html[data-portal-ui="vristo"] #registry-statistics #ds-results {gap:16px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-panel {padding:16px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-panel-head {margin-bottom:16px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-kpis {grid-template-columns:1fr;gap:12px;}
  html[data-portal-ui="vristo"] #registry-statistics .vs-kpi strong {font-size:20px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-controls {align-items:stretch;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab {padding:8px;margin:0;border-radius:0;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:nth-child(odd) {margin-left:0;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:nth-child(even) {margin-left:-1px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:nth-child(n+3) {margin-top:-1px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:first-child {border-radius:6px 0 0 0;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:nth-child(2) {border-radius:0 6px 0 0;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-periods > .tab:last-child {grid-column:1 / -1;border-radius:0 0 6px 6px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls {display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls label {flex-direction:column;align-items:stretch;gap:4px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-year-controls .select {width:100%;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-custom-controls .join {display:grid;grid-template-columns:1fr 1fr;width:100%;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-custom-apply {grid-column:1 / -1;width:100%;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-chart-wrap {height:240px;}
  html[data-portal-ui="vristo"] #registry-statistics #ds-context {flex-direction:column;margin:0;}
  html[data-portal-ui="vristo"] #registry-statistics .rx-page-heading #ds-map-link {width:100%;}
}

/* Sledovanie a Databáza firiem – rovnaká kostra ako Registre a Štatistiky (24. 9. 2026).
 * .vw-registry-layout is added to the shared :is() scope above; these rules cover
 * what differs: button tabs (aria-selected / aria-current="true"), 4 summary cards,
 * summary cards as links and the license picker in the heading. */
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab:is([aria-selected="true"],[aria-current="true"]) {border:0;background:transparent;box-shadow:inset 0 -2px var(--color-primary);color:var(--color-primary);font-weight:700;}
html[data-portal-ui="vristo"] .vw-registry-layout [data-registry-tabs]>button.tab::after {display:none;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab .badge {height:18px;min-width:18px;padding:0 6px;border:0;border-radius:999px;background:var(--vristo-canvas);color:var(--vristo-subtle);font-size:10px;font-weight:700;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) [data-registry-tabs]>.tab[aria-selected="true"] .badge {background:var(--vristo-primary-soft);color:var(--color-primary);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-link {color:var(--vristo-ink);text-decoration:none;transition:box-shadow 160ms ease;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-link:hover {box-shadow:0 6px 18px color-mix(in srgb,var(--color-neutral) 14%,transparent);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-link:hover strong {color:var(--color-primary);}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-link:focus-visible {outline:2px solid var(--color-primary);outline-offset:2px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-license-picker {display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 2px 0 12px;border:1px solid var(--vristo-line);border-radius:6px;background:var(--vristo-panel);color:var(--vristo-subtle);font-size:12px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-license-picker .select {width:auto;max-width:15rem;height:30px;min-height:30px;padding-left:4px;border:0;background-color:transparent;box-shadow:none;color:var(--vristo-ink);font-size:13px;font-weight:600;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-license-picker .select:focus {outline:none;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-license-picker:focus-within {outline:2px solid var(--color-primary);outline-offset:1px;}
html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-chip-bar:has(> .hidden) {display:none;}
@media(max-width:767px){
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .rx-page-heading>.flex>.vw-license-picker {flex:1 1 auto;min-width:0;}
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-license-picker .select {flex:1;max-width:none;min-width:0;}
}
@media(max-width:479px){
  html[data-portal-ui="vristo"] :is(#registry-explorer, #registry-statistics, .vw-registry-layout) .vw-summary-4 {grid-template-columns:1fr;}
}