@charset "UTF-8";
/* Primer @import del bundle. ORDEN: tokens -> base -> componentes.
   Los temas los enlaza el consumidor DESPUES del bundle. */
/*! capa de primitivas del monolito — generado una vez; a partir de aquí se edita a mano. */
:root {
  --dnet-ref-neutral-0: #ffffff;
  --dnet-ref-neutral-50: #fafafa;
  --dnet-ref-neutral-100: #f2f2f2;
  --dnet-ref-neutral-200: #ebebeb;
  --dnet-ref-neutral-300: #e1e3e1;
  --dnet-ref-neutral-400: #e0e0e0;
  --dnet-ref-neutral-500: #757575;
  --dnet-ref-neutral-600: #666666;
  --dnet-ref-neutral-700: #5f6368;
  --dnet-ref-neutral-1000: #000000;
  --dnet-ref-accent-300: #4fc3f7;
  --dnet-ref-accent-500: #42b0d5;
  --dnet-ref-indigo-500: #3f51b5;
  --dnet-ref-green-500: #40ab35;
  --dnet-ref-yellow-500: #ffd029;
  --dnet-ref-red-500: #b80012;
  --dnet-ref-font-sans: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*! capa semántica del monolito — generado una vez; a partir de aquí se edita a mano. */
:root {
  --dnet-sys-surface: var(--dnet-ref-neutral-0);
  --dnet-sys-surface-raised: var(--dnet-ref-neutral-0);
  --dnet-sys-surface-hover: var(--dnet-ref-neutral-100);
  --dnet-sys-surface-inverse: var(--dnet-ref-neutral-1000);
  --dnet-sys-surface-variant: var(--dnet-ref-neutral-400);
  --dnet-sys-on-surface: var(--dnet-ref-neutral-700);
  --dnet-sys-on-surface-muted: var(--dnet-ref-neutral-600);
  --dnet-sys-on-surface-subtle: var(--dnet-ref-neutral-500);
  --dnet-sys-on-surface-emphasis: color-mix(in srgb, var(--dnet-ref-neutral-1000) 87%, transparent);
  --dnet-sys-primary: #5b5ce0;
  --dnet-sys-primary-strong: var(--dnet-sys-primary);
  --dnet-sys-primary-content: color-mix(in srgb, var(--dnet-sys-primary-strong) 50%, var(--dnet-sys-on-surface));
  --dnet-sys-primary-emphasis: color-mix(in srgb, var(--dnet-sys-primary) 80%, var(--dnet-ref-neutral-1000));
  --dnet-sys-success: var(--dnet-ref-green-500);
  --dnet-sys-warning: var(--dnet-ref-yellow-500);
  --dnet-sys-danger: var(--dnet-ref-red-500);
  --dnet-sys-on-primary: var(--dnet-ref-neutral-0);
  --dnet-sys-border: var(--dnet-ref-neutral-200);
  --dnet-sys-border-strong: var(--dnet-ref-neutral-300);
  --dnet-sys-border-width: 1px;
  --dnet-sys-transparent: transparent;
  --dnet-sys-state-hover: color-mix(in srgb, var(--dnet-sys-on-surface) 8%, transparent);
  --dnet-sys-state-pressed: color-mix(in srgb, var(--dnet-sys-on-surface) 14%, transparent);
  --dnet-sys-state-selected: color-mix(in srgb, var(--dnet-sys-primary) 12%, transparent);
  --dnet-sys-state-disabled-fg: color-mix(in srgb, var(--dnet-sys-on-surface) 38%, transparent);
  --dnet-sys-focus-ring: var(--dnet-sys-primary-strong);
  --dnet-sys-radius-sm: 4px;
  --dnet-sys-radius-md: 5px;
  --dnet-sys-radius-lg: 10px;
  --dnet-sys-radius-pill: 9999px;
  --dnet-sys-shadow-color: color-mix(in srgb, var(--dnet-ref-neutral-1000) 10%, transparent);
  --dnet-sys-scrim: color-mix(in srgb, var(--dnet-ref-neutral-1000) 32%, transparent);
  --dnet-sys-elevation-1: 0 2px 1px -1px var(--dnet-sys-shadow-color), 0 1px 2px 0 var(--dnet-sys-shadow-color), 0 1px 10px 0 var(--dnet-sys-shadow-color);
  --dnet-sys-elevation-2: 0 4px 6px -2px var(--dnet-sys-shadow-color), 0 12px 24px -4px var(--dnet-sys-shadow-color);
  --dnet-sys-elevation-3: 0 3px 5px -1px var(--dnet-sys-shadow-color), 0 6px 10px 0 var(--dnet-sys-shadow-color), 0 1px 18px 0 var(--dnet-sys-shadow-color);
  --dnet-sys-elevation-4: 0 5px 5px -3px var(--dnet-sys-shadow-color), 0 8px 10px 1px var(--dnet-sys-shadow-color), 0 3px 14px 2px var(--dnet-sys-shadow-color);
  --dnet-sys-elevation-5: 0 8px 10px -5px var(--dnet-sys-shadow-color), 0 16px 24px 2px var(--dnet-sys-shadow-color), 0 6px 30px 5px var(--dnet-sys-shadow-color);
  --dnet-sys-space-unit: 4px;
  --dnet-sys-space-1: calc(var(--dnet-sys-space-unit) * 1);
  --dnet-sys-space-2: calc(var(--dnet-sys-space-unit) * 2);
  --dnet-sys-space-3: calc(var(--dnet-sys-space-unit) * 3);
  --dnet-sys-space-4: calc(var(--dnet-sys-space-unit) * 4);
  --dnet-sys-space-5: calc(var(--dnet-sys-space-unit) * 5);
  --dnet-sys-control-height: 50px;
  --dnet-sys-control-height-sm: 38px;
  --dnet-sys-text-input-min-height: 34px;
  --dnet-sys-font: var(--dnet-ref-font-sans);
  --dnet-sys-text-xs: 0.625rem;
  --dnet-sys-text-sm: 0.75rem;
  --dnet-sys-text-md: 0.875rem;
  --dnet-sys-text-lg: 1rem;
  --dnet-sys-text-xl: 1.25rem;
  --dnet-sys-motion-fast: 150ms;
  --dnet-sys-motion-normal: 200ms;
  --dnet-sys-motion-ease: cubic-bezier(0.35, 0, 0.25, 1);
}

/*! Sass shared (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
[type=checkbox].dnet-checkbox-no-label:checked:before, [type=checkbox].dnet-checkbox-no-label:not(:checked):before,
[type=checkbox].dnet-checkbox-no-label:checked:before,
[type=checkbox].dnet-checkbox-no-label:not(:checked):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9rem;
  height: 0.9rem;
  border: var(--dnet-sys-border-width) solid var(--dnet-sys-border);
  background: var(--dnet-sys-surface);
  border-radius: 0;
  box-shadow: none;
}
[type=checkbox].dnet-checkbox-no-label.negative:checked:before, [type=checkbox].dnet-checkbox-no-label.negative:not(:checked):before,
[type=checkbox].dnet-checkbox-no-label.negative:checked:before,
[type=checkbox].dnet-checkbox-no-label.negative:not(:checked):before {
  content: "";
  border: var(--dnet-sys-border-width) solid var(--dnet-sys-on-surface);
  background: var(--dnet-sys-surface);
}

/* checked mark aspect */
[type=checkbox].dnet-checkbox-no-label:checked::after, [type=checkbox].dnet-checkbox-no-label:not(:checked)::after,
[type=checkbox].dnet-checkbox-no-label:checked::after,
[type=checkbox].dnet-checkbox-no-label:not(:checked)::after {
  font-weight: 900;
  position: absolute;
  top: 0.18rem;
  left: 0.15rem;
  font-size: 0.625rem;
  line-height: 0.8;
  color: var(--dnet-sys-on-surface);
  transition: all 0.2s;
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
  background-color: var(--dnet-sys-on-surface);
  background-repeat: no-repeat;
  background-size: 0.625rem 0.625rem;
  width: 12px;
  height: 12px;
}
[type=checkbox].dnet-checkbox-no-label.negative:checked:after, [type=checkbox].dnet-checkbox-no-label.negative:not(:checked):after,
[type=checkbox].dnet-checkbox-no-label.negative:checked:after,
[type=checkbox].dnet-checkbox-no-label.negative:not(:checked):after {
  color: var(--dnet-sys-on-surface);
}

/* checked mark aspect changes */
[type=checkbox].dnet-checkbox-no-label:not(:checked):after {
  opacity: 0;
  transform: scale(0);
}

[type=checkbox].dnet-checkbox-no-label:checked:after.dnet-checkbox-no-label:checked:after {
  opacity: 1;
  transform: scale(1);
}

/*! AdminLayout (recorte por offset; editado a mano en 6.0) — generado una vez; a partir de aquí se edita a mano. */
html {
  --_scrollbar-thumb: var(--dnet-dash-scrollbar-foreground-color, color-mix(in srgb, var(--dnet-sys-on-surface) 40%, var(--dnet-sys-surface)));
  --_scrollbar-thumb-hover: color-mix(in srgb, var(--dnet-sys-on-surface) 52%, var(--dnet-sys-surface));

  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--dnet-dash-html-background-color, var(--dnet-sys-surface));
  position: relative;
  font-size: var(--dnet-dash-font-rem-reference, 16px);
  font-family: var(--dnet-dash-font-family-text, var(--dnet-sys-font));
  color: var(--dnet-dash-default-font-color, var(--dnet-sys-on-surface));
  direction: ltr;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: var(--dnet-dash-body-background-color, var(--dnet-sys-surface));
  font-size: var(--dnet-sys-text-md);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.container-fluid {
  height: 100%;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
}

p {
  margin-bottom: 0.85em;
}

img {
  display: block;
  max-width: 100%;
}

a:active,
a:focus,
a:hover,
button,
button:active,
button:focus,
embed,
input::-moz-focus-inner,
object {
  outline: 0;
}

.page-title {
  margin: 12px 0 28px;
  /* span {
      font-size: 1rem;
      color: var(--dnet-dash-gray-dark, var(--dnet-sys-on-surface-emphasis));
      display: inline-block;
      vertical-align: 1px;
  } */
}

label {
  font-weight: 500;
  margin-bottom: 5px;
}

*:focus {
  outline: 0 !important;
}

/*
* IE FIX for tap delay
*/
a,
button,
input {
  -ms-touch-action: none !important;
}

/*
* Center Canvas
*/
.center-canvas,
.center-child-canvas > canvas {
  display: block !important;
  margin: 0 auto !important;
}

/* 
* WEBKIT IOS HIGHLIGHT COLOR
* 
*/
.btn,
a:link,
button {
  -webkit-tap-highlight-color: color-mix(in srgb, var(--dnet-dash-red, var(--dnet-sys-danger)) 50%, transparent);
}

/***Scrollbars*/
::-webkit-scrollbar {
  width: var(--dnet-dash-scrollbar-size, .4rem);
  height: var(--dnet-dash-scrollbar-size, .4rem);
}

::-webkit-scrollbar-thumb {
  background: var(--_scrollbar-thumb);
  border-radius: var(--dnet-sys-radius-pill);
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--_scrollbar-thumb-hover);
}

::-webkit-scrollbar-track {
  background: var(--dnet-dash-scrollbar-background-color, var(--dnet-sys-transparent));
}

/* // For Internet Explorer */
body {
  scrollbar-color: var(--_scrollbar-thumb) var(--dnet-dash-scrollbar-background-color, var(--dnet-sys-transparent));
  scrollbar-face-color: var(--_scrollbar-thumb);
  scrollbar-track-color: var(--dnet-dash-scrollbar-background-color, var(--dnet-sys-transparent));
}

/***Scrollbars*/
.btn {
  display: inline-block;
  font-weight: 400;
  color: var(--dnet-sys-on-surface-emphasis);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dnet-desktop-content {
  grid-area: content;
  background-color: var(--dnet-sys-surface);
  height: calc(100% - 0px);
}

.fixed-header .dnet-desktop-content {
  overflow-y: scroll;
}

.desktop-layout .dnet-desktop-content {
  overflow-y: scroll;
}

.dnet-footer {
  --_foreground: var(--dnet-sys-on-surface);
  grid-area: footer;
  background-color: var(--dnet-sys-surface);
  color: var(--_foreground);
  text-align: center;
  border-top: var(--_layout-divider-width) var(--_layout-divider-style) var(--dnet-footer-border-color, var(--dnet-layout-divider-color, var(--dnet-sys-border-strong)));
}

.dnet-footer-content {
  display: flex;
  height: 100%;
}

.hidden-footer .dnet-footer {
  display: none;
}
.hidden-footer .dnet-footer-content {
  display: none;
}

.hidden-footer-and-header .dnet-footer {
  display: none;
}
.hidden-footer-and-header .dnet-footer-content {
  display: none;
}

@media only screen and (max-width: 550px) {
  .responsive-menu .dnet-footer {
    display: none;
  }
}
.dnet-header {
  grid-area: header;
  background-color: var(--dnet-sys-surface);
  text-align: center;
  border-bottom: var(--_layout-divider-width) var(--_layout-divider-style) var(--dnet-header-border-color, var(--dnet-layout-divider-color, var(--dnet-sys-border-strong)));
}

.dnet-header-content-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
}

.dnet-header-menu-button {
  width: 50px;
  display: none;
  justify-content: center;
  align-items: center;
}

.dnet-menu-button {
  --_foreground: var(--dnet-sys-on-surface);
  border: none;
  background-color: transparent;
  color: var(--_foreground);
  cursor: pointer;
  font-size: 20px;
  padding: 10px;
}

.dnet-header-content {
  flex-grow: 1;
}

.hidden-header .dnet-header {
  display: none;
}
.hidden-header .dnet-header-content-wrapper {
  display: none;
}

.hidden-footer-and-header .dnet-header {
  display: none;
}
.hidden-footer-and-header .dnet-header-content-wrapper {
  display: none;
}

.dnet-desktop-header-content {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}
.dnet-desktop-header-content > div {
  height: 100%;
}

.dnet-desktop-header-left {
  display: flex;
  flex: 0 0 50%;
  justify-content: flex-start;
  padding-left: 20px;
}

.dnet-desktop-header-right {
  display: flex;
  flex: 0 0 50%;
  justify-content: flex-end;
  padding-right: 20px;
}

.dnet-dashboard-left-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.dnet-dashboard-right-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.dnet-dashboard-theme-selector {
  --_foreground: var(--dnet-sys-on-surface-muted);
  --_surface: var(--dnet-sys-surface);
  --_border: var(--dnet-sys-border);
  --_focus: var(--dnet-sys-focus-ring);
  display: flex;
  align-items: center;
  gap: var(--dnet-sys-space-2);
  margin-right: var(--dnet-sys-space-4);
  color: var(--_foreground);
  font-size: var(--dnet-sys-text-sm);
}

.dnet-dashboard-theme-selector select {
  min-height: 30px;
  padding: 0 var(--dnet-sys-space-2);
  border: var(--dnet-sys-border-width) solid var(--_border);
  border-radius: var(--dnet-sys-radius-sm);
  background: var(--_surface);
  color: var(--_foreground);
  font: inherit;
}

.dnet-dashboard-theme-selector select:focus-visible {
  outline: 2px solid var(--_focus);
  outline-offset: 2px;
}

.hidden-navigation #logo-group {
  padding-left: 45px;
}

.company-logo-wrapper {
  display: flex;
  align-items: center;
}

#logo-team {
  padding-right: 15px;
}
#logo-team img {
  width: 96px;
  height: 24px;
  padding-left: 7px;
}

#logo-group {
  font-family: var(--dnet-dash-font-family-headline, var(--dnet-dash-font-family-Headline, var(--dnet-sys-font)));
}
#logo-group div#app-name,
#logo-group div#app-tenant-dp {
  --_foreground: var(--dnet-sys-on-surface-emphasis);
  color: var(--_foreground);
  font-size: 1rem;
  font-weight: 500;
  padding-top: 2px;
  font-family: var(--dnet-dash-font-family-headline, var(--dnet-dash-font-family-Headline, var(--dnet-sys-font)));
}
#logo-group div#app-description {
  --_foreground: var(--dnet-sys-on-surface-emphasis);
  color: var(--_foreground);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 5px;
}
#logo-group div#app-version,
#logo-group div#app-tenant-name {
  --_foreground: var(--dnet-sys-on-surface-muted);
  color: var(--_foreground);
  font-size: 0.75rem;
  padding-top: 6px;
}

.img-circle {
  font-size: 1.5rem;
  color: var(--dnet-sys-on-surface-muted);
  padding-right: 5px;
}

.dnet-dashboard-left-header-data {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}

.dnet-dashboard-user-data {
  color: var(--dnet-sys-on-surface-emphasis);
  line-height: 11px;
  padding-top: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dnet-dashboard-user-data > div {
  margin-bottom: 5px;
}
.dnet-dashboard-user-data .dnet-dashboard-user-name {
  font-size: 0.75rem;
}
.dnet-dashboard-user-data .dnet-dashboard-person-name {
  font-size: 0.875rem;
}
.dnet-dashboard-user-data .dnet-user-plan {
  font-size: 0.625rem;
}

.dnet-dashboard-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dnet-dash-header-height, 50px);
  width: var(--dnet-dash-header-height, 50px);
  font-size: 1.5em;
}

.dnet-dashboard-icon {
  display: block;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-sys-on-surface);
}

.dnet-dashboard-icon-default {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM3.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM3.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/></svg>");
}

@media only screen and (max-width: 550px) {
  .dnet-dashboard-left-container {
    display: none;
  }
  .dnet-header-menu-button {
    display: flex;
  }
  .responsive-menu .dnet-header {
    display: none;
  }
}
.dnet-grid-container {
  --_layout-divider-width: var(--dnet-layout-divider-width, 0);
  --_layout-divider-style: var(--dnet-layout-divider-style, solid);
  display: grid;
  grid-template-columns: minmax(var(--dnet-dash-left-column-width, 270px), auto) calc(100dvw - var(--dnet-dash-left-column-width, 270px) - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
  /*grid-template-rows: var(--dnet-dash-header-height, 50px) calc(100dvh - var(--dnet-dash-header-height, 50px) - var(--dnet-dash-footer-height, 50px)) var(--dnet-dash-footer-height, 50px);*/
  grid-template-rows: var(--dnet-dash-header-height, 50px) 1fr var(--dnet-dash-footer-height, 50px);
  grid-template-areas: "left header right" "left content right" "left footer right";
  height: calc(100dvh - 0px);
}
.dnet-grid-container.hidden-right-column {
  grid-template-columns: minmax(var(--dnet-dash-left-column-width, 270px), auto) calc(100dvw - var(--dnet-dash-left-column-width, 270px));
}
.dnet-grid-container.hidden-left-column {
  grid-template-columns: 0px calc(100dvw - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
}
.dnet-grid-container.hidden-lateral-columns {
  grid-template-columns: 0px calc(100dvw - 0px) 0px;
}
.dnet-grid-container.hidden-header {
  grid-template-rows: 0px calc(100dvh - var(--dnet-dash-footer-height, 50px)) var(--dnet-dash-footer-height, 50px);
}
.dnet-grid-container.hidden-footer {
  grid-template-rows: var(--dnet-dash-header-height, 50px) calc(100dvh - var(--dnet-dash-header-height, 50px)) 0px;
}
.dnet-grid-container.hidden-footer-and-header {
  grid-template-rows: 0px calc(100dvh - 0px) 0px;
}
.dnet-grid-container.minified {
  grid-template-columns: minmax(var(--dnet-dash-aside-width-minified, var(--dnet-dash-asideWidth-minified, 60px)), auto) calc(100dvw - var(--dnet-dash-aside-width-minified, var(--dnet-dash-asideWidth-minified, 60px)) - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
}
.dnet-grid-container.minified.hidden-right-column {
  grid-template-columns: minmax(var(--dnet-dash-aside-width-minified, var(--dnet-dash-asideWidth-minified, 60px)), auto) calc(100dvw - var(--dnet-dash-aside-width-minified, var(--dnet-dash-asideWidth-minified, 60px)));
}
.dnet-grid-container.minified.hidden-left-column {
  grid-template-columns: 0px calc(100dvw - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
}
.dnet-grid-container.minified.hidden-lateral-columns {
  grid-template-columns: 0px calc(100dvw - 0px) 0px;
}

/* Media queries ordenadas de mayor a menor para evitar conflictos */
@media only screen and (max-width: 1024px) {
  .dnet-grid-container {
    grid-template-columns: minmax(var(--dnet-dash-left-column-width, 270px), auto) calc(100dvw - var(--dnet-dash-left-column-width, 270px) - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
    grid-template-areas: "left header right" "left content right" "left footer right";
  }
}
@media only screen and (max-width: 768px) {
  .dnet-grid-container {
    grid-template-columns: minmax(var(--dnet-dash-left-column-width, 270px), auto) calc(100dvw - var(--dnet-dash-left-column-width, 270px) - var(--dnet-dash-right-column-width, 250px)) minmax(var(--dnet-dash-right-column-width, 250px), auto);
    grid-template-areas: "left header right" "left content right" "left footer right";
  }
}
@media only screen and (max-width: 550px) {
  .dnet-grid-container {
    display: grid;
    grid-template-columns: 100% !important;
    grid-template-rows: var(--dnet-dash-header-height, 50px) calc(100dvh - var(--dnet-dash-header-height, 50px) - var(--dnet-dash-footer-height, 50px)) var(--dnet-dash-footer-height, 50px);
    grid-template-areas: "header" "content" "footer";
  }
  .dnet-grid-container.hidden-right-column {
    grid-template-columns: 100% !important;
  }
  .dnet-grid-container.hidden-left-column {
    grid-template-columns: 100% !important;
  }
  .dnet-grid-container.responsive-menu {
    grid-template-columns: 100% !important;
    grid-template-rows: calc(100dvh - 0px);
    grid-template-areas: "left";
  }
}
.dnet-left-column {
  grid-area: left;
  background-color: var(--dnet-sys-surface);
  border-right: var(--_layout-divider-width) var(--_layout-divider-style) var(--dnet-left-column-border-color, var(--dnet-layout-divider-color, var(--dnet-sys-border-strong)));
}

.hidden-left-column .dnet-left-column {
  display: none;
}

.hidden-lateral-columns .dnet-left-column {
  display: none;
}

@media only screen and (max-width: 550px) {
  .responsive-menu .dnet-left-column {
    display: block;
  }
  .dnet-left-column {
    display: none;
  }
}
.desktop-minify-menu {
  --_minifier-background: var(--dnet-dash-minifyme-bg-color, var(--dnet-sys-surface));

  flex: 0 0 50px;
  background-color: var(--_minifier-background);
}

.hidden-minifier .desktop-minify-menu {
  height: 0px;
}
.hidden-minifier .minifyme {
  cursor: default;
}
.hidden-minifier .minifyme span {
  display: none;
}

.minifyme {
  height: 50px;
  width: var(--dnet-dash-aside-width, var(--dnet-dash-asideWidth, 270px));
  background-color: transparent;
  border: none;
  margin: 0;
  min-height: 0;
  min-width: 0;
  cursor: pointer;
  justify-content: flex-end !important;
  padding: 0 16px;
  transition: padding 0s;
  display: flex;
  align-items: center;
}
.minifyme .img-container {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  padding: 0;
  color: var(--dnet-dash-minifyme-foreground, var(--dnet-sys-on-surface));
  text-align: center;
}
.minifyme .img-container .dnet-chevron {
  font-size: 16px;
  transition: transform 167ms linear;
  padding-top: 1px;
}
.minifyme .img-container .dnet-expand-arrow1 {
  display: block;
  height: 16px;
  width: 16px;
  filter: "initial";
  transition: transform 167ms linear;
}

.minified .minifyme {
  width: 60px;
  justify-content: center !important;
}
.minified .minifyme .img-container .dnet-expand-arrow1 {
  transform: rotate(-180deg);
}

.dnet-aside {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: var(--dnet-dash-header-height, 50px) calc(100% - (var(--dnet-dash-header-height, 50px) + var(--dnet-dash-footer-height, 50px))) var(--dnet-dash-footer-height, 50px);
  height: 100%;
}

.dnet-navigation-row {
  text-align: center;
}

.dnet-navigation-flex {
  grid-row: 2/3;
  height: calc(100% - 0px);
}

.hidden-left-column .dnet-aside {
  display: none;
}

.hidden-lateral-columns .dnet-aside {
  display: none;
}

.dnet-aside-menu-button {
  width: 50px;
  display: none;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 550px) {
  .dnet-aside {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    height: 100%;
  }
  .dnet-aside .minifier-content {
    display: none;
  }
  .dnet-aside .dnet-navigation-flex {
    height: calc(100vh - 50px);
  }
  .responsive-menu .dnet-aside-menu-button {
    display: flex;
  }
  .responsive-menu .dnet-aside .dnet-menu-text {
    -webkit-padding-start: 10px;
            padding-inline-start: 10px;
  }
}
/*.dnet-desktop-navigation-menu {
    flex: 1 1 auto;
    height: calc(100% - 0px);

    nav {
        height: calc(100% - 0px);
        padding-bottom: 20px;
        padding-top: 20px;
    }
}*/
nav {
  height: calc(100% - 0px);
  padding-bottom: 20px;
  padding-top: 20px;
}

.fixed-left-column nav {
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 0px);
}

.positioning-helper {
  position: relative;
}

ul {
  width: 100%;
  height: calc(100% - 0px);
  overflow-x: hidden;
  overflow-y: scroll;
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  /* display: flex;
  flex-direction: row; */
  position: static;
  height: auto;
  border: none;
}
li:first-child {
  border: none;
}
li .positioning-helper {
  position: absolute;
  z-index: 10;
  display: none;
}
li .child-menu-text {
  display: none;
  height: var(--dnet-dash-navbar-height, 38px);
}
li .dnet-tree-cmp-link {
  height: var(--dnet-dash-navbar-height, 38px);
}

li {
  cursor: pointer;
}
li ul {
  margin: 0;
  width: calc(var(--dnet-dash-aside-width, var(--dnet-dash-asideWidth, 270px)) - 21px);
  background: var(--dnet-dash-primary-reset, var(--dnet-sys-primary-strong));
}
li .positioning-helper {
  cursor: auto;
}
li .positioning-helper.open {
  display: block;
  position: static;
}
li .positioning-helper.open a {
  height: 100%;
}
li .positioning-helper.open .width-child {
  background: var(--dnet-menu-container-open-bgcolor, var(--dnet-sys-surface));
}
li .positioning-helper .width-child {
  background: var(--dnet-menu-container-bgcolor, var(--dnet-sys-border));
}

nav ul li a {
  padding: 0 0.925em 0 0;
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: flex-start;
  width: 100%;
  height: var(--dnet-dash-navbar-height, 38px);
  color: var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis));
  font-weight: 300;
  text-decoration: none;
  font-size: var(--dnet-dash-menu-text-size, var(--dnet-sys-text-md));
  text-overflow: ellipsis;
}
nav ul li a.has-image {
  justify-content: flex-start;
}
nav ul li a:not([href]):not([tabindex]):hover {
  color: var(--dnet-dash-link-color, var(--dnet-sys-on-surface-emphasis));
  text-decoration: none;
  cursor: pointer;
}
nav ul li a:hover {
  text-decoration: none;
  cursor: pointer;
}
nav ul li a:hover .collapse-sign, nav ul li a:hover .menu-item-parent {
  color: var(--dnet-dash-link-color, var(--dnet-sys-on-surface-emphasis));
}
nav ul li a:hover .dnet-menu-text {
  color: var(--dnet-dash-indicator-bgcolor, var(--dnet-sys-primary-content));
}
nav ul li a:hover .dnet-tree-cmp-link-indicator {
  height: var(--dnet-dash-navbar-height, 38px);
  width: var(--dnet-dash-indicator-width, 3px);
  background-color: var(--dnet-dash-indicator-bgcolor, var(--dnet-sys-primary-strong));
}
nav ul li a .collapse-sign, nav ul li a .menu-item-parent {
  color: var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis));
}
nav ul li a .collapse-sign {
  margin-left: auto;
  padding-top: 0.3em;
}
nav ul li a .dnet-menu-text {
  color: var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis));
  font-size: var(--dnet-dash-menu-text-size, var(--dnet-sys-text-md));
  text-align: left;
}
.dnet-grid-container:not(.minified) .dnet-aside .dnet-menu-text {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}
/* Align the start of icon-and-label groups with text-only links. */
.dnet-grid-container:is(:not(.minified), .responsive-menu) .dnet-aside nav > ul > li > .dnet-tree-cmp-link > a > .dnet-menu-img:has(+ .dnet-menu-text) {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}
.dnet-grid-container:is(:not(.minified), .responsive-menu) .dnet-aside nav > ul > li > .dnet-tree-cmp-link > a > .dnet-menu-img:has(+ .dnet-menu-text) > span:only-child {
  margin: 0;
}
.dnet-grid-container:is(:not(.minified), .responsive-menu) .dnet-aside nav > ul > li > .dnet-tree-cmp-link > a > .dnet-menu-img + .dnet-menu-text {
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
}
nav ul li a.active {
  font-weight: 700;
}
nav ul li a.active .dnet-tree-cmp-link-indicator {
  height: var(--dnet-dash-navbar-height, 38px);
  width: var(--dnet-dash-indicator-width, 3px);
  background-color: var(--dnet-dash-indicator-bgcolor, var(--dnet-sys-primary-strong));
}
nav ul li a .dnet-tree-cmp-link-indicator {
  height: var(--dnet-dash-navbar-height, 38px);
  width: var(--dnet-dash-indicator-width, 3px);
  background-color: transparent;
  margin: 0 var(--dnet-dash-menu-left-padding-firts-level, 1em) 0 0;
}
nav ul li li a {
  padding: 0 0.925em 0 0;
}
nav ul li li a .dnet-tree-cmp-link-indicator {
  margin: 0 var(--dnet-dash-menu-left-padding-second-level, 2em) 0 0;
}
nav ul li li li a {
  padding: 0 0.925em 0 0;
}
nav ul li li li a .dnet-tree-cmp-link-indicator {
  margin: 0 var(--dnet-dash-menu-left-padding-third-level, 4em) 0 0;
}

.dnet-menu-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-color: var(--dnet-sys-surface);
  height: var(--dnet-dash-navbar-height, 38px);
  width: auto;
  margin: 0 0px 0 0;
  flex-shrink: 0;
}

.no-image .dnet-menu-img {
  display: none;
  margin: 0 5px 0 0;
}

.minified .fixed-left-column nav {
  padding-bottom: 0;
}

.minified nav > ul > li a {
  /* display: none; */
}
.minified nav > ul > li a .dnet-menu-text {
  color: var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis));
}
.minified nav > ul > li a:hover .dnet-menu-text {
  color: var(--dnet-dash-indicator-bgcolor, var(--dnet-sys-primary-content));
}
.minified nav > ul > li a.has-image {
  justify-content: flex-start !important;
  padding: 0;
  display: flex;
}

.minified li {
  height: var(--dnet-dash-navbar-height, 38px);
}
.minified li:hover > .positioning-helper {
  display: block;
}
.minified li:hover > .positioning-helper a {
  /* padding: 0 .925em 0 var(--dnet-dash-menu-left-padding-firts-level, 1em); */
  padding: 0 0.925em 0 0;
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: flex-start;
  width: 100%;
  height: var(--dnet-dash-navbar-height, 38px);
  color: var(--dnet-dash-positioning-helper-color, var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis)));
  font-weight: 300;
  text-decoration: none;
  font-size: var(--dnet-dash-menu-text-size, var(--dnet-sys-text-md));
  text-overflow: ellipsis;
}
.minified li:hover .child-menu-text {
  display: block;
}

.minified nav > ul .positioning-helper {
  width: calc(var(--dnet-dash-aside-width, var(--dnet-dash-asideWidth, 270px)) - 21px);
  left: var(--dnet-dash-floating-menu-left, 60px);
  z-index: 200;
}
.minified nav > ul .positioning-helper .dnet-tree-cmp-link a {
  height: 100%;
  /* padding: 0 0.925em 0 var(--dnet-dash-menu-left-padding-firts-level, 1em); */
  padding: 0 0.925em 0 0;
  justify-content: flex-start;
}
.minified nav > ul .positioning-helper .dnet-tree-cmp-link a .dnet-tree-cmp-link-indicator {
  margin: 0 var(--dnet-dash-menu-left-padding-firts-level, 1em) 0 0;
}
.minified nav > ul .positioning-helper > .dnet-tree-cmp-link a {
  height: 100%;
  padding: 0;
}

.minified .positioning-helper .positioning-helper ul {
  min-height: 100px !important;
  max-height: 180px !important;
}

.minified .dnet-tree-cmp-link {
  height: 100%;
}
.minified .dnet-tree-cmp-link > a > .menu-item-parent {
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  background-color: var(--dnet-dash-primary-dark, var(--dnet-sys-on-surface-emphasis));
  color: var(--dnet-dash-menu-item-parent-color, var(--dnet-sys-surface));
  z-index: 3;
  border: none;
  padding-left: 24px;
  margin: 0;
  display: flex;
  align-items: flex-start;
}

.minified .child-menu-text > a .menu-item, .minified .child-menu-text > a .menu-item-parent {
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--dnet-dash-navigation-color, var(--dnet-sys-on-surface-emphasis));
  z-index: 3;
  border: none;
  padding-left: 12px;
  margin: 0;
}

.minified nav .dnet-tree-cmp-link > a > b {
  display: none;
}

.dnet-right-column {
  grid-area: right;
  background-color: var(--dnet-sys-surface);
  border-left: var(--_layout-divider-width) var(--_layout-divider-style) var(--dnet-right-column-border-color, var(--dnet-layout-divider-color, var(--dnet-sys-border-strong)));
}

.hidden-right-column .dnet-right-column {
  display: none;
}

.hidden-lateral-columns .dnet-right-column {
  display: none;
}

@media only screen and (max-width: 550px) {
  .dnet-right-column {
    display: none;
  }
}

/*! Autocomplete — migrado a tokens (6.0). Generado una vez; se edita a mano.
   Tokens unificados bajo --dnet-list-* (ADR-04a); los nombres
   --dnet-autocomplete-list-* se mantienen como eslabones de la cadena de
   lectura. */

/* box-sizing acotado al subárbol del panel (el antiguo `* { box-sizing }`
   global vivía en dnet-list.css y cubría a todas las familias). */
.dnet-autocomplete-list-wrapper,
.dnet-autocomplete-list-wrapper *,
.dnet-autocomplete-list-wrapper *::before,
.dnet-autocomplete-list-wrapper *::after {
  box-sizing: border-box;
}

.dnet-autocomplete-list-wrapper {
  --_border-color: var(--dnet-list-border-color, var(--dnet-autocomplete-list-border-color, var(--dnet-sys-transparent)));
  --_radius: var(--dnet-list-border-radius, var(--dnet-autocomplete-list-border-radius, var(--dnet-sys-radius-lg)));
  --_wrapper-padding: var(--dnet-list-wrapper-horizontal-padding, var(--dnet-autocomplete-list-wrapper-horizontal-padding, var(--dnet-sys-space-2)));
  --_background: var(--dnet-list-background-color, var(--dnet-autocomplete-list-background-color, var(--dnet-sys-surface-raised)));
  --_shadow: var(--dnet-list-box-shadow, var(--dnet-autocomplete-list-box-shadow, var(--dnet-sys-elevation-3)));

  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  width: 100%;
  border: 1px solid var(--_border-color);
  border-radius: var(--_radius);
  padding-top: var(--_wrapper-padding);
  padding-bottom: var(--_wrapper-padding);
  transition: opacity 0.5s ease-in-out;
  background-color: var(--_background);
  box-shadow: var(--_shadow);
  overflow: hidden;
}
.dnet-autocomplete-list-wrapper .dnet-item-fadeout {
  opacity: 0 !important;
}

.dnet-autocomplete-list-wrapper:has(.dnet-autocomplete-list-footer:not(:empty)) {
  padding-bottom: 0px;
}

.dnet-autocomplete-list-wrapper:has(.dnet-autocomplete-list-header) {
  padding-top: 0px;
}

.dnet-autocomplete-list-wrapper:has(.dnet-autocomplete-list-form + .dnet-autocomplete-list-header) {
  padding-top: var(--_wrapper-padding);
}

.dnet-autocomplete-list-footer:empty {
  display: none;
}

.dnet-autocomplete-list-form,
.dnet-autocomplete-list-header,
.dnet-autocomplete-list-footer {
  --_header-footer-height: var(--dnet-list-header-footer-height, var(--dnet-autocomplete-list-header-footer-height, 50px));
  --_padding-vertical: var(--dnet-list-padding-vertical, var(--dnet-autocomplete-list-padding-vertical, 4px));
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-autocomplete-list-padding-horizontal, 5px));

  min-height: var(--_header-footer-height);
  height: var(--_header-footer-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--_padding-vertical) var(--_padding-horizontal);
}

.dnet-autocomplete-list-form {
  display: none;
}

.dnet-autocomplete-list-form {
  height: auto;
  flex-shrink: 0;
  padding: var(--dnet-list-padding-vertical, var(--dnet-autocomplete-list-padding-vertical, 4px)) var(--_wrapper-padding);
}
.dnet-autocomplete-list-form .dnet-form-field-plain-wrapper {
  margin-bottom: 0px;
}
.dnet-autocomplete-list-form .dnet-form-field-plain-control-container {
  border-radius: var(--dnet-sys-radius-md);
}

.dnet-autocomplete-list-header {
  padding-inline: var(--dnet-sys-space-3);
}

.dnet-autocomplete-list-header-content {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: calc(100% - 30px);
}

.dnet-autocomplete-list-header-text {
  --_foreground: var(--dnet-sys-on-surface-emphasis);

  color: var(--_foreground);
  font-weight: 500;
  font-size: small;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dnet-autocomplete-list-items {
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-autocomplete-list-padding-horizontal, var(--dnet-sys-space-2)));

  flex-grow: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 var(--_padding-horizontal);
  overscroll-behavior: contain;
  scrollbar-color: var(--dnet-sys-border-strong) transparent;
}

.dnet-autocomplete-list-item {
  --_item-height: var(--dnet-list-item-height, var(--dnet-autocomplete-list-item-height, var(--dnet-sys-control-height)));
  --_padding-vertical: var(--dnet-list-padding-vertical, var(--dnet-autocomplete-list-padding-vertical, 4px));
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-autocomplete-list-padding-horizontal, var(--dnet-sys-space-3)));
  --_hover-background: var(--dnet-list-hover-background-color, var(--dnet-autocomplete-list-hover-background-color, var(--dnet-sys-state-hover)));
  --_hover-radius: var(--dnet-list-hover-border-radius, var(--dnet-autocomplete-list-hover-border-radius, var(--dnet-sys-radius-md)));

  display: flex;
  align-items: center;
  height: var(--_item-height);
  padding: var(--_padding-vertical) var(--_padding-horizontal);
  border-radius: var(--_hover-radius);
  overflow: hidden;
  transition: background-color 0.3s, border-radius 0.3s;
}

.dnet-autocomplete-list-item:has(.dnet-autocomplete-list-item-prefix) {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}

.dnet-autocomplete-list-item:hover {
  background-color: var(--_hover-background);
}

.dnet-autocomplete-list-item-prefix,
.dnet-autocomplete-list-item-sufix,
.dnet-autocomplete-list-header-sufix {
  --_prefix-min-width: var(--dnet-list-prefix-suffix-min-width, var(--dnet-autocomplete-list-prefix-suffix-min-width, 40px));

  min-width: var(--_prefix-min-width);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dnet-autocomplete-list-item-prefix .dnet-checkbox-layout,
.dnet-autocomplete-list-item-sufix .dnet-checkbox-layout,
.dnet-autocomplete-list-header-sufix .dnet-checkbox-layout {
  margin-bottom: 2px;
}

.dnet-autocomplete-list-item-check,
.dnet-autocomplete-list-header-checkall {
  --_check-width: var(--dnet-list-check-width, var(--dnet-autocomplete-list-check-width, 24px));

  width: var(--_check-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dnet-autocomplete-list-item-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  min-width: 0;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.dnet-autocomplete-list-item-content.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-autocomplete-list-item-headline {
  --_headline-font: var(--dnet-list-headline-font-size, var(--dnet-autocomplete-list-headline-font-size, var(--dnet-sys-text-md)));
  --_headline-color: var(--dnet-list-headline-text-color, var(--dnet-autocomplete-list-headline-text-color, var(--dnet-sys-on-surface)));

  font-size: var(--_headline-font);
  color: var(--_headline-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-autocomplete-list-item-headline.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-autocomplete-list-item-supporting-text {
  --_supporting-font: var(--dnet-list-supporting-text-font-size, var(--dnet-autocomplete-list-supporting-text-font-size, var(--dnet-sys-text-xs)));
  --_supporting-color: var(--dnet-list-supporting-text-color, var(--dnet-autocomplete-list-supporting-text-color, var(--dnet-sys-on-surface-muted)));

  font-size: var(--_supporting-font);
  color: var(--_supporting-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-autocomplete-list-item-supporting-text.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-autocomplete-list-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media only screen and (max-width: 550px) {
  .dnet-autocomplete-list-form {
    display: flex;
  }
}

/*! Badge — compact status indicator for arbitrary content. */

.dnet-badge {
  --_background: var(--dnet-badge-background, var(--dnet-sys-primary-strong));
  --_foreground: var(--dnet-badge-foreground, var(--dnet-sys-on-primary));
  --_outline: var(--dnet-badge-outline-color, var(--dnet-sys-surface));
  --_disabled-opacity: var(--dnet-badge-disabled-opacity, 0.38);
  --_size: 22px;
  --_font-size: var(--dnet-sys-text-xs);
  --_translate-x: 0;
  --_translate-y: 0;

  display: inline-block;
  position: relative;
}

.dnet-badge-indicator {
  align-items: center;
  background: var(--_background);
  border: 2px solid var(--_outline);
  border-radius: var(--dnet-sys-radius-pill);
  box-sizing: border-box;
  color: var(--_foreground);
  display: inline-flex;
  font-family: var(--dnet-sys-font);
  font-size: var(--_font-size);
  font-weight: 700;
  height: var(--_size);
  justify-content: center;
  line-height: 1;
  min-width: var(--_size);
  padding-inline: 4px;
  pointer-events: none;
  position: absolute;
  transform: translate(var(--_translate-x), var(--_translate-y));
  transition:
    background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    opacity var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  white-space: nowrap;
  z-index: 1;
}

.dnet-badge-above {
  --_translate-y: -50%;
}

.dnet-badge-above .dnet-badge-indicator {
  top: 0;
}

.dnet-badge-below {
  --_translate-y: 50%;
}

.dnet-badge-below .dnet-badge-indicator {
  bottom: 0;
}

.dnet-badge-after {
  --_translate-x: 50%;
}

.dnet-badge-after .dnet-badge-indicator {
  inset-inline-end: 0;
}

.dnet-badge-before {
  --_translate-x: -50%;
}

.dnet-badge-before .dnet-badge-indicator {
  inset-inline-start: 0;
}

.dnet-badge-no-overlap.dnet-badge-above {
  --_translate-y: -100%;
}

.dnet-badge-no-overlap.dnet-badge-below {
  --_translate-y: 100%;
}

.dnet-badge-no-overlap.dnet-badge-after {
  --_translate-x: 100%;
}

.dnet-badge-no-overlap.dnet-badge-before {
  --_translate-x: -100%;
}

.dnet-badge-size-small {
  --_font-size: 0.5625rem;
  --_size: 16px;
}

.dnet-badge-size-large {
  --_font-size: var(--dnet-sys-text-sm);
  --_size: 28px;
}

.dnet-badge-color-neutral {
  --_background: var(--dnet-badge-background, var(--dnet-sys-surface-variant));
  --_foreground: var(--dnet-badge-foreground, var(--dnet-sys-on-surface-emphasis));
}

.dnet-badge-color-success {
  --_background: var(--dnet-badge-background, var(--dnet-sys-success));
}

.dnet-badge-color-warning {
  --_background: var(--dnet-badge-background, var(--dnet-sys-warning));
  --_foreground: var(--dnet-badge-foreground, var(--dnet-sys-on-surface-emphasis));
}

.dnet-badge-color-danger {
  --_background: var(--dnet-badge-background, var(--dnet-sys-danger));
}

.dnet-badge-disabled .dnet-badge-indicator {
  opacity: var(--_disabled-opacity);
}

.dnet-badge-description {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[dir="rtl"] .dnet-badge-after,
[dir="rtl"].dnet-badge-after {
  --_translate-x: -50%;
}

[dir="rtl"] .dnet-badge-before,
[dir="rtl"].dnet-badge-before {
  --_translate-x: 50%;
}

[dir="rtl"] .dnet-badge-no-overlap.dnet-badge-after,
[dir="rtl"].dnet-badge-no-overlap.dnet-badge-after {
  --_translate-x: -100%;
}

[dir="rtl"] .dnet-badge-no-overlap.dnet-badge-before,
[dir="rtl"].dnet-badge-no-overlap.dnet-badge-before {
  --_translate-x: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .dnet-badge-indicator {
    transition: none;
  }
}

/*! Checkbox — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-checkbox {
  --_size: var(--dnet-checkbox-size, 18px);
  --_radius: var(--dnet-checkbox-border-radius, 0px);
  --_border-color: var(--dnet-checkbox-border-color,
    color-mix(in srgb, var(--dnet-sys-on-surface-subtle) 57.2%, var(--dnet-sys-surface)));
  --_border-width: var(--dnet-checkbox-border-width, 1px);
  --_checked-background: var(--dnet-checkbox-background, var(--dnet-sys-primary));
  --_font-size: var(--dnet-checkbox-font-size, var(--dnet-sys-text-md));
  --_check-color: var(--dnet-checkbox-checkmark-path, var(--dnet-sys-surface));
  --_label-gap: 10px;

  display: inline-block;
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dnet-checkbox-disabled {
  cursor: default;
}

.dnet-checkbox-disabled .dnet-checkbox-label {
  color: var(--dnet-sys-on-surface-subtle);
}

.dnet-checkbox-layout {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: inherit;
  /* align-items: baseline;
   vertical-align: middle;*/
  /*display: inline-flex;*/
  white-space: nowrap;
  display: grid;
  align-items: center;
  justify-content: start;
  gap: var(--_label-gap);
}
.dnet-checkbox-layout.text-after {
  grid-template-areas: "one two";
}
.dnet-checkbox-layout.text-before {
  grid-template-areas: "two one";
}

.dnet-checkbox-inner-container {
  display: inline-block;
  height: var(--_size);
  width: var(--_size);
  line-height: 0;
  margin: auto;
  order: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  flex-shrink: 0;
  grid-area: one;
}

.dnet-checkbox-input {
  bottom: 0;
  left: 50%;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.dnet-checkbox-frame {
  border-color: var(--_border-color);
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: var(--_border-width);
  border-style: solid;
}

.dnet-checkbox-background {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.dnet-checkbox-background, .dnet-checkbox-frame {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: var(--_radius);
  box-sizing: border-box;
  pointer-events: none;
}

.dnet-checkbox-disabled:not(.dnet-checkbox-checked) .dnet-checkbox-frame {
  border-color: var(--_border-color);
}

.dnet-checkbox-checked.dnet-accent .dnet-checkbox-background, .dnet-checkbox-indeterminate.dnet-accent .dnet-checkbox-background {
  background-color: var(--_checked-background);
}

.dnet-checkbox-checked:not(.dnet-checkbox-disabled).dnet-accent .dnet-ripple-element, .dnet-checkbox:active:not(.dnet-checkbox-disabled).dnet-accent .dnet-ripple-element {
  background: var(--_checked-background);
}

.dnet-checkbox-checkmark {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
}

.dnet-checkbox-checked .dnet-checkbox-checkmark {
  opacity: 1;
}

.dnet-checkbox-checked .dnet-checkbox-checkmark-path {
  stroke-dashoffset: 0;
}

.dnet-checkbox-checkmark {
  fill: var(--_check-color);
}

.dnet-checkbox-checkmark-path {
  stroke-dashoffset: 22.910259;
  stroke-dasharray: 22.910259;
  stroke-width: 2.1333333333px;
}

.dnet-checkbox-checkmark-path {
  stroke: var(--_check-color) !important;
}

.dnet-checkbox-mixedmark {
  width: calc(100% - 6px);
  height: 2px;
  opacity: 0;
  transform: scaleX(0) rotate(0deg);
  border-radius: 2px;
}

.dnet-checkbox-mixedmark {
  background-color: var(--_check-color);
}

.dnet-checkbox-layout .dnet-checkbox-label {
  line-height: 24px;
}

.dnet-checkbox-label {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  font-size: var(--_font-size);
  grid-area: two;
}

.dnet-checkbox .dnet-checkbox-ripple {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none;
}

.dnet-ripple:not(:empty) {
  transform: translateZ(0);
}

/* Keep label-free indicators at their existing size. Variants follow the base. */
.dnet-checkbox-no-label {
  --_label-gap: 5px;
}

.dnet-focus-indicator, .dnet-mdc-focus-indicator {
  position: relative;
}

/*! Chips — generado una vez; a partir de aquí se edita a mano. */

.dnet-chip-list-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -4px;
}

.dnet-chip-list-wrapper input.dnet-input-element, .dnet-chip-list-wrapper .dnet-standard-chip {
  margin: 4px;
}

.dnet-chip.dnet-standard-chip {
  --_background: var(--dnet-chips-background, var(--dnet-sys-surface-variant));
  --_foreground: var(--dnet-chips-foreground, var(--dnet-sys-on-surface-emphasis));
  background-color: var(--_background);
  color: var(--_foreground);
}

.dnet-standard-chip[aria-pressed="true"] {
  --_background: var(--dnet-chips-background-selected, var(--dnet-sys-primary-emphasis));
  --_foreground: var(--dnet-chips-foreground-selected, var(--dnet-sys-on-primary));
}

.dnet-standard-chip:not([aria-pressed="true"]):hover {
  background-color: var(--dnet-chips-background-hover, var(--dnet-sys-surface-hover));
}

.dnet-standard-chip {
  --_padding: var(--dnet-chips-padding, 7px 12px);
  --_radius: var(--dnet-chips-radius, var(--dnet-chips-border-radius, var(--dnet-sys-radius-sm)));
  --_min-height: var(--dnet-chips-min-height, 32px);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  padding: var(--_padding);
  border-radius: var(--_radius);
  align-items: center;
  cursor: default;
  min-height: var(--_min-height);
  height: 1px;
}

.dnet-chip {
  --_font-size: var(--dnet-chips-font-size, var(--dnet-chips-sm-font-size, var(--dnet-sys-text-md)));
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.dnet-chip {
  font-size: var(--_font-size);
  font-weight: 500;
}

/* El orden importa: estas clases deben ir DESPUÉS de las declaraciones base
   (.dnet-standard-chip y .dnet-chip). A igual especificidad (0,1,0) gana la
   última regla, y este bloque es donde se re-declaran --_padding, --_font-size
   y --_min-height. Reordenar el fichero vuelve a romper el tamaño de fuente
   sin ningún error. */
.dnet-chip-size-lg {
  --_padding: var(--dnet-chips-padding, 7px 7px 8px 12px);
  --_font-size: var(--dnet-chips-font-size, 1.125rem);
  --_min-height: var(--dnet-chips-min-height, 32px);
}

.dnet-chip-size-md {
  --_padding: var(--dnet-chips-padding, 7px 7px 8px 12px);
  --_font-size: var(--dnet-chips-font-size, 1em);
  --_min-height: var(--dnet-chips-min-height, 30px);
}

.dnet-chip-size-sm {
  --_padding: var(--dnet-chips-padding, 7px 7px 8px 12px);
  --_min-height: var(--dnet-chips-min-height, 28px);
}

.dnet-chip-size-xs {
  --_padding: var(--dnet-chips-padding, 0px 7px 0px 12px);
  --_font-size: var(--dnet-chips-font-size, 0.75rem);
  --_min-height: var(--dnet-chips-min-height, 20px);
}

.dnet-chip.dnet-standard-chip .dnet-chip-remove {
  color: var(--_foreground, var(--dnet-sys-on-surface));
  opacity: 0.4;
}

.dnet-standard-chip .dnet-chip-remove, .dnet-standard-chip .dnet-chip-trailing-icon {
  margin-left: 8px;
  margin-right: 0;
}

.dnet-standard-chip .dnet-chip-remove, .dnet-standard-chip .dnet-chip-trailing-icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.dnet-standard-chip .dnet-chip-remove {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  background: none;
}

.dnet-chips-icon-wrapper {
  --_icon-size: var(--dnet-chips-icon-size, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: var(--_icon-size);
  height: var(--_icon-size);
}

.dnet-chips-icon {
  --_icon-color: var(--dnet-chips-icon-color, var(--dnet-sys-on-surface));
  --_icon-scale: 1em;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--_icon-color);
}

.dnet-chips-icon-remove {
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/></svg>");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: var(--_icon-scale, 1em);
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/></svg>");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: var(--_icon-scale, 1em);
}

/*! ConnectedPanel — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-connected-panel-container {
  --_background: var(--dnet-connected-panel-background, var(--dnet-sys-surface-raised));
  --_padding: var(--dnet-connected-panel-padding, 2px);
  --_radius: var(--dnet-dialog-border-radius, var(--dnet-sys-radius-lg));
  --_elevation: var(--dnet-sys-elevation-3);

  box-sizing: border-box;
  overflow: hidden;
  border: 0;
  box-shadow: var(--_elevation);
  background: var(--_background);
  color: var(--dnet-sys-on-surface);
  width: 100%;
  height: 100%;
  padding: var(--_padding);
  border-radius: var(--_radius);
}

.dnet-datepicker-content,
.dnet-calendar {
  --_day-size: var(--dnet-calendar-day-height, 40px);
  --_background: var(--dnet-calendar-background, var(--dnet-sys-surface-raised));
  --_foreground: var(--dnet-sys-on-surface-emphasis);
  --_subtle: var(--dnet-sys-on-surface-subtle);
  --_disabled: var(--dnet-calendar-day-disabled-color, var(--dnet-sys-state-disabled-fg));
  --_selected-bg: var(--dnet-calendar-selected-bg-color, var(--dnet-sys-primary));
  --_selected-fg: var(--dnet-sys-on-primary);
  --_today-bg: var(--dnet-calendar-today-bg-color, var(--dnet-sys-state-selected));
  --_range-bg: var(--dnet-calendar-range-bg-color, color-mix(in srgb, var(--dnet-sys-primary) 18%, transparent));
  --_preview-bg: var(--dnet-calendar-preview-bg-color, color-mix(in srgb, var(--dnet-sys-primary) 10%, transparent));
  --_comparison: var(--dnet-calendar-comparison-color, var(--dnet-sys-tertiary, var(--dnet-sys-primary)));
  --_radius: var(--dnet-sys-radius-lg);
}

.dnet-datepicker-content {
  --_background: var(--dnet-calendar-background, var(--dnet-sys-surface-raised));

  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: 0;
  border-radius: var(--_radius);
  box-shadow: var(--dnet-sys-elevation-3);
  background: var(--_background);
  color: var(--_foreground);
}

.dnet-calendar {
  box-sizing: border-box;
  width: 100%;
  min-width: 280px;
  padding: 8px;
  border: var(--dnet-sys-border-width) solid var(--_background);
  border-radius: var(--_radius);
  background: var(--_background);
  color: var(--_foreground);
  font-size: var(--dnet-sys-text-sm);
}

.dnet-datepicker-content > .dnet-calendar {
  --_background: var(--dnet-calendar-background, var(--dnet-sys-surface-raised));

  border: 0;
  border-radius: 0;
}

.dnet-calendar-disabled {
  opacity: 0.6;
}

.dnet-calendar-header {
  padding: 0 4px;
}

.dnet-calendar-controls {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 2px;
}

.dnet-calendar-spacer {
  flex: 1 1 auto;
}

.dnet-calendar-period-button,
.dnet-calendar-previous-button,
.dnet-calendar-next-button,
.dnet-calendar-day-content,
.dnet-calendar-year-content,
.dnet-calendar-month-content {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font: inherit;
}

.dnet-calendar-period-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border-radius: var(--dnet-sys-radius-md);
  background: transparent;
  color: var(--_foreground);
  font-weight: 600;
  cursor: pointer;
}

.dnet-calendar-period-button:hover,
.dnet-calendar-previous-button:hover:not(:disabled),
.dnet-calendar-next-button:hover:not(:disabled) {
  background: var(--dnet-sys-state-hover);
}

.dnet-calendar-period-button:focus-visible,
.dnet-calendar-previous-button:focus-visible,
.dnet-calendar-next-button:focus-visible,
.dnet-calendar-day-content:focus-visible,
.dnet-calendar-year-content:focus-visible,
.dnet-calendar-month-content:focus-visible {
  outline: 2px solid var(--dnet-sys-primary);
  outline-offset: 2px;
}

.dnet-calendar-arrow {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
}

.dnet-calendar-arrow-down {
  transform: translateY(-2px) rotate(45deg);
}

.dnet-calendar-arrow-up {
  transform: translateY(2px) rotate(225deg);
}

.dnet-calendar-previous-button,
.dnet-calendar-next-button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  min-width: 36px;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--_subtle);
  cursor: pointer;
}

.dnet-calendar-previous-button:disabled,
.dnet-calendar-next-button:disabled {
  color: var(--_disabled);
  cursor: default;
}

.dnet-calendar-previous-button::after,
.dnet-calendar-next-button::after {
  position: absolute;
  inset: 12px;
  content: "";
  border-top: 2px solid currentColor;
}

.dnet-calendar-previous-button::after {
  border-left: 2px solid currentColor;
  transform: translateX(2px) rotate(-45deg);
}

.dnet-calendar-next-button::after {
  border-right: 2px solid currentColor;
  transform: translateX(-2px) rotate(45deg);
}

.dnet-calendar-content {
  padding: 2px 0 4px;
}

.dnet-calendar-content-header,
.dnet-calendar-content-body {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dnet-calendar-row {
  display: contents;
}

.dnet-calendar-content-header-item {
  display: grid;
  place-items: center;
  height: 24px;
  color: var(--_subtle);
  font-size: var(--dnet-sys-text-xs);
}

.dnet-calendar-day {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  height: var(--_day-size);
}

.dnet-calendar-day-in-range::before,
.dnet-calendar-day-in-preview::before {
  position: absolute;
  inset: 4px 0;
  content: "";
  background: var(--_range-bg);
}

.dnet-calendar-day-in-preview::before {
  background: var(--_preview-bg);
  border-block: 1px dashed var(--dnet-sys-primary);
}

.dnet-calendar-day-range-start::before {
  border-radius: 999px 0 0 999px;
}

.dnet-calendar-day-range-end::before {
  border-radius: 0 999px 999px 0;
}

.dnet-calendar-day-range-start.dnet-calendar-day-range-end::before {
  border-radius: 999px;
}

.dnet-calendar-day-in-comparison::after {
  position: absolute;
  inset: 5px 1px;
  content: "";
  border-block: 2px solid var(--_comparison);
  pointer-events: none;
}

.dnet-calendar-day-in-overlap::after {
  border-block-color: color-mix(in srgb, var(--_comparison) 55%, var(--dnet-sys-primary));
  background: color-mix(in srgb, var(--_comparison) 12%, transparent);
}

.dnet-calendar-day-content {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: calc(var(--_day-size) - 8px);
  height: calc(var(--_day-size) - 8px);
  padding: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--_foreground);
  cursor: pointer;
}

.dnet-calendar-day-content:hover:not(:disabled):not(.dnet-calendar-day-selected) {
  background: var(--dnet-sys-state-hover);
}

.dnet-calendar-day-content:disabled,
.dnet-calendar-day-outside .dnet-calendar-day-content {
  color: var(--_disabled);
}

.dnet-calendar-day-content:disabled {
  cursor: default;
}

.dnet-calendar-day-selected {
  background: var(--_selected-bg);
  color: var(--_selected-fg);
}

.dnet-calendar-day-today:not(.dnet-calendar-day-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-primary);
  background: var(--_today-bg);
}

.dnet-calendar-content-body-year,
.dnet-calendar-content-body-month {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 4px;
  min-height: 240px;
  align-content: center;
}

.dnet-calendar-year-content,
.dnet-calendar-month-content {
  min-width: 0;
  min-height: 36px;
  padding: 0 6px;
  border-radius: 999px;
  background: transparent;
  color: var(--_foreground);
  cursor: pointer;
}

.dnet-calendar-year-content:hover:not(:disabled),
.dnet-calendar-month-content:hover:not(:disabled) {
  background: var(--dnet-sys-state-hover);
}

.dnet-calendar-year-content:disabled,
.dnet-calendar-month-content:disabled {
  color: var(--_disabled);
  cursor: default;
}

.dnet-calendar-year-selected,
.dnet-calendar-month-selected {
  background: var(--_selected-bg);
  color: var(--_selected-fg);
}

.dnet-calendar-footer {
  padding-top: 8px;
}

.dnet-calendar-header-footer,
.dnet-datepicker-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 48px;
  padding: 4px 12px 10px;
  gap: 6px;
}

.dnet-datepicker-touch {
  border-radius: var(--dnet-sys-radius-lg);
}

.dnet-datepicker-touch .dnet-calendar {
  padding: 12px;
}

.dnet-date-range-inputs {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 8px;
}

.dnet-date-range-inputs .mat-input-element {
  width: 0;
  min-width: 0;
  flex: 1 1 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
}

.dnet-date-range-separator {
  flex: 0 0 auto;
  color: var(--dnet-sys-on-surface-subtle);
}

.dnet-datepicker-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dnet-datepicker-icon {
  --_icon-color: var(--dnet-sys-on-surface);
  display: block;
  width: 1em;
  height: 1em;
  background-color: var(--_icon-color);
  cursor: pointer;
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z'/></svg>") center / 1em 1em no-repeat;
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z'/></svg>") center / 1em 1em no-repeat;
}

.dnet-datepicker-reset-button {
  width: 1em;
  height: 1em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.65 4.65a.5.5 0 0 1 .7 0L8 7.29l2.65-2.64a.5.5 0 1 1 .7.7L8.71 8l2.64 2.65a.5.5 0 0 1-.7.7L8 8.71l-2.65 2.64a.5.5 0 0 1-.7-.7L7.29 8 4.65 5.35a.5.5 0 0 1 0-.7z'/></svg>") center / 1em no-repeat;
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.65 4.65a.5.5 0 0 1 .7 0L8 7.29l2.65-2.64a.5.5 0 1 1 .7.7L8.71 8l2.64 2.65a.5.5 0 0 1-.7.7L8 8.71l-2.65 2.64a.5.5 0 0 1-.7-.7L7.29 8 4.65 5.35a.5.5 0 0 1 0-.7z'/></svg>") center / 1em no-repeat;
}

.dnet-datepicker-disable .dnet-datepicker-icon {
  --_icon-color: var(--dnet-sys-state-disabled-fg);
}

@media (max-width: 600px) {
  .dnet-datepicker-overlay-touch .dnet-calendar {
    --_day-size: min(44px, calc((100vw - 56px) / 7));
    min-width: 0;
  }

  .dnet-datepicker-overlay-touch .dnet-calendar-content-body-year,
  .dnet-datepicker-overlay-touch .dnet-calendar-content-body-month {
    min-height: min(50vh, 320px);
  }
}

/*! Dialog — migrado a tokens (6.0). Generado una vez; a partir de aquí se edita a mano. */

.dnet-dialog-container {
  --_padding-block: var(--dnet-dialog-padding-top-bottom, 10px);
  --_padding-inline: var(--dnet-dialog-padding-left-right, 24px);
  --_radius: var(--dnet-dialog-border-radius, var(--dnet-sys-radius-lg));
  --_max-height: var(--dnet-dialog-max-height, 100%);
  --_elevation: var(--dnet-dialog-elevation, var(--dnet-sys-elevation-3));
  --_background: var(--dnet-dialog-background, var(--dnet-sys-surface-raised));
  --_foreground: var(--dnet-dialog-foreground, var(--dnet-sys-on-surface-emphasis));
  --_title-font-size: var(--dnet-dialog-title-font-size, var(--dnet-sys-text-xl));
  --_header-margin-bottom: var(--dnet-dialog-header-margin-bottom, 15px);
  --_height-compensation: var(--dnet-dialog-height-compensation, var(--dnet-sys-space-unit));

  display: block;
  padding: var(--_padding-block) var(--_padding-inline);
  border-radius: var(--_radius);
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  box-shadow: var(--_elevation);
  background: var(--_background);
  color: var(--_foreground);
}

.dnet-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--_header-margin-bottom);
}
.dnet-dialog-header h1 {
  margin: 0;
}

.dnet-dialog-title {
  display: block;
  letter-spacing: normal;
  font-weight: 500;
  font-size: var(--_title-font-size);
  color: var(--_foreground);
}

.dnet-dialog-content {
  --_content-padding: var(--dnet-dialog-padding-left-right, 24px);

  display: block;
  margin: 0 calc(var(--_content-padding) * -1);
  padding: 0 var(--_content-padding);
  max-height: var(--_max-height);
  overflow: auto;
  height: calc(100% - var(--_title-font-size) - var(--_header-margin-bottom) - var(--_height-compensation));
  -webkit-overflow-scrolling: touch;
}

.dnet-dialog-actions {
  --_actions-padding: var(--dnet-dialog-padding-left-right, 24px);

  /*padding: 8px 0;*/
  display: flex;
  flex-wrap: wrap;
  min-height: 52px;
  align-items: flex-end;
  margin-bottom: calc(var(--_actions-padding) * -1);
}
.dnet-dialog-actions[align=end] {
  justify-content: flex-end;
}
.dnet-dialog-actions[align=center] {
  justify-content: center;
}
.dnet-dialog-actions .dnet-button-base + .dnet-button-base,
.dnet-dialog-actions .dnet-mdc-button-base + .dnet-mdc-button-base {
  margin-left: var(--dnet-dialog-button-margin, var(--dnet-sys-space-2));
}
[dir=rtl] .dnet-dialog-actions .dnet-button-base + .dnet-button-base,
[dir=rtl] .dnet-dialog-actions .dnet-mdc-button-base + .dnet-mdc-button-base {
  margin-left: 0;
  margin-right: var(--dnet-dialog-button-margin, var(--dnet-sys-space-2));
}

.dnet-dialog-icon-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* Functional monochrome icon (R9): mask-image + background-color, so the
   icon color follows the token instead of a hard-coded fill. */
.dnet-dialog-icon {
  --_icon-color: var(--dnet-dialog-icon-color, var(--dnet-sys-on-surface));

  display: block;
  background-color: var(--_icon-color);
  height: 24px;
  width: 24px;
  cursor: pointer;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 11.291l5.646-5.646.708.707-5.647 5.646 5.647 5.647-.707.707L12 12.705l-5.646 5.647-.708-.707 5.647-5.647-5.647-5.646.708-.707L12 11.29z'/></svg>");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 11.291l5.646-5.646.708.707-5.647 5.646 5.647 5.647-.707.707L12 12.705l-5.646 5.647-.708-.707 5.647-5.647-5.647-5.646.708-.707L12 11.29z'/></svg>");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

/*! ExpansionPanel — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-accordion .dnet-expansion-panel:not(.dnet-expanded), .dnet-accordion .dnet-expansion-panel:not(.dnet-expansion-panel-spacing) {
  border-radius: 0;
}
.dnet-accordion .dnet-expansion-panel:first-of-type {
  border-top-right-radius: var(--dnet-accordion-border-radius, var(--dnet-sys-radius-sm));
  border-top-left-radius: var(--dnet-accordion-border-radius, var(--dnet-sys-radius-sm));
}
.dnet-accordion .dnet-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--dnet-accordion-border-radius, var(--dnet-sys-radius-sm));
  border-bottom-left-radius: var(--dnet-accordion-border-radius, var(--dnet-sys-radius-sm));
}

.dnet-expansion-panel:not([class*=dnet-elevation-z]) {
  box-shadow: var(--dnet-accordion-box-shadow, var(--dnet-sys-elevation-1));
}

.dnet-expansion-panel {
  box-sizing: content-box;
  display: block;
  margin: 0;
  border-radius: var(--dnet-accordion-border-radius, var(--dnet-sys-radius-sm));
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.dnet-expansion-panel {
  background: var(--dnet-sys-surface);
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-expansion-panel-spacing:not(:first-child) {
  margin-top: 16px;
}

.dnet-expansion-panel-spacing {
  margin-bottom: 16px;
}

.dnet-expansion-panel-spacing {
  margin-left: 0px;
  margin-right: 0px;
}

.dnet-expansion-panel-header:disabled {
  --_disabled-color: color-mix(in srgb, var(--dnet-sys-on-surface) 41.3%, transparent);

  color: var(--_disabled-color);
}
.dnet-expansion-panel-header:disabled .dnet-expansion-panel-header-title {
  color: var(--_disabled-color);
}
.dnet-expansion-panel-header:disabled .dnet-expansion-panel-header-description {
  color: var(--_disabled-color);
}

.dnet-expansion-panel-header:not(:disabled) {
  cursor: pointer;
}

.dnet-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dnet-expansion-panel-header:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

.dnet-expansion-panel-header {
  height: 48px;
}

.dnet-expansion-panel-header {
  font-size: var(--dnet-accordion-title-font-size, var(--dnet-sys-text-md));
  font-weight: 400;
}

.dnet-content {
  font-size: var(--dnet-accordion-title-font-size, var(--dnet-sys-text-md));
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

.dnet-expansion-panel-header-title, .dnet-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  margin-right: 16px;
}

.dnet-expansion-panel-header-title {
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-expansion-panel-header-description {
  justify-content: space-between;
  align-items: center;
  flex-basis: 0;
  font-size: 0.625rem;
}

.dnet-expansion-panel-header-description {
  flex-grow: 2;
}

.dnet-expansion-indicator:after, .dnet-expansion-panel-header-description {
  color: var(--dnet-sys-on-surface-subtle);
}

.dnet-expansion-indicator::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: flex;
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

.dnet-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.dnet-expansion-panel-body {
  padding: 0 24px 16px;
}

/*! FloatingPanel — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-floating-panel-container {
  --_background: var(--dnet-sys-surface-raised);
  --_radius: var(--dnet-sys-radius-lg);
  --_elevation: var(--dnet-sys-elevation-3);

  display: flex;
  flex-direction: row;
  border: 0;
  border-radius: var(--_radius);
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: calc(100dvh - 0px);
  box-shadow: var(--_elevation);
  background: var(--_background);
  color: var(--dnet-sys-on-surface-emphasis);
}

/*Denet Panel*/
.dnet-panel {
  display: grid;
  grid-template-rows: 50px auto 50px;
  height: calc(100% - 0px);
  width: 100%;
  padding: 0 15px 15px 15px;
}
.dnet-panel.in-floating-panel {
  padding: 0 0 0 20px;
}

.dnet-panel-header {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dnet-panel-content {
  overflow: scroll;
  padding-right: 5px;
  height: calc(100% - 0px);
}

.dnet-panel.in-floating-panel .dnet-panel-content {
  padding-right: 20px;
}

.dnet-panel.in-floating-panel .dnet-panel-footer {
  padding-right: 15px;
}

.dnet-panel-footer {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dnet-panel-button-list {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  flex-direction: row;
}

.dnet-panel-button-list-item {
  color: var(--dnet-sys-primary-content);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dnet-panel-button-list-item.disabled {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 58.8%, transparent);
  cursor: default;
}
.dnet-panel-button-list-item.disabled .dnet-panel-button-list-item-text {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 58.8%, transparent);
}

.dnet-panel-button-list-item-text {
  color: var(--dnet-sys-on-surface-emphasis);
  font-size: 0.75rem;
  margin-left: 5px;
}

.dsec-panel-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.dsec-panel-content-title {
  font-size: 1rem;
  font-weight: 700;
}

.dsec-panel-content-desciption {
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--dnet-sys-warning);
}

.dsec-panel-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dsec-panel-info-subject {
  color: var(--dnet-sys-primary-content);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dsec-panel-info-subject-title {
  color: var(--dnet-sys-on-surface-emphasis);
  font-size: 0.75rem;
  margin-left: 5px;
  margin-right: 5px;
}

.dsec-panel-info-subject-description {
  font-size: 0.75rem;
}

.dsec-panel-info-subject-description-textb {
  color: var(--dnet-sys-on-surface-subtle);
}

/*Denet Panel End*/

/*! Grid (recorte por offset; editado a mano en 6.0) — generado una vez; a partir de aquí se edita a mano. */
.blg-theme-bootstrap {
  display: flex;
  width: 100%;
}

.blg-root-wrapper {
  cursor: default;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.blg-root {
  --_blg-horizontal-offset: 0px;
  --_blg-filter-row-height: calc(var(--dnet-form-field-min-height, 56px) + 18px);
  --_blg-responsive-center-width: 100%;
  --_blg-responsive-canvas-width: 100%;
}

.blg-body-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.blg-header {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  white-space: nowrap;
}

.blg-header-viewport {
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 100%;
}

.blg-header-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  transform: translateX(var(--_blg-horizontal-offset, 0px));
}

.blg-header-row {
  display: flex;
  width: 100%;
}

.blg-header-cell {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  overflow: hidden;
  flex: 1 0 0;
  border: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
}

.blg-filter-cell {
  box-sizing: border-box;
  block-size: var(--_blg-filter-row-height);
  padding-block: 8px;
}

.blg-filter-cell .blg-header-cell-container {
  align-items: center;
}

.blg-filter-cell .blg-filter-field {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.blg-header-cell-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.blg-header-cell-label {
  display: flex;
  overflow: unset;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
  height: 100%;
  cursor: pointer;
  width: 100%;
}

.blg-header-cell-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  height: 100%;
}

.blg-pinned-left-header {
  flex: 1 0 auto;
  position: relative;
  z-index: 101;
}

.blg-pinned-right-header {
  flex: 1 0 auto;
  position: relative;
  z-index: 101;
}

.blg-viewport {
  position: relative;
  height: calc(100% - 40px);
  min-width: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; /* Desplazamiento táctil para webkit (Safari, navegador móvil) */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* Oculta las barras de desplazamiento en IE y Edge */
}

.blg-center-cols-clipper {
  min-height: 100%;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}

.blg-center-cols-viewport {
  display: flex;
  position: relative;
  height: auto;
  min-width: 0px;
  flex: 1 1 auto;
  width: 100%;
  z-index: 100;
}

.blg-center-cols-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: auto;
  transform: translateX(var(--_blg-horizontal-offset, 0px));
}

.blg-pinned-left-cols-container {
  flex: 1 0 auto;
  z-index: 101;
}

.blg-pinned-right-cols-container {
  flex: 1 0 auto;
  z-index: 101;
}

.blg-cell {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 0;
}
.blg-cell span {
  align-items: center;
}

.blg-cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.blg-body-horizontal-scroll {
  height: 15px;
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
}

.blg-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  flex-grow: 1000;
  overflow-x: scroll;
}
.blg-horizontal-left-spacer.blg-scroller-corner, .ag-horizontal-right-spacer.blg-scroller-corner {
  overflow-x: hidden;
}

.blg-body-horizontal-scroll-viewport {
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
  overflow-x: scroll;
}

.blg-body-horizontal-scroll-container {
  height: 100%;
}

.blg-selection-checkbox-wrapper {
  justify-content: center;
}

[type="checkbox"].blg-checkbox-no-label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--dnet-sys-surface);
  border: 1px solid var(--dnet-sys-border-strong);
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-grid;
  flex: 0 0 auto;
  height: 18px;
  margin: 0;
  padding: 0;
  place-content: center;
  position: relative;
  width: 18px;
}

[type="checkbox"].blg-checkbox-no-label.negative {
  border-color: var(--dnet-sys-on-surface-emphasis);
}

[type="checkbox"].blg-checkbox-no-label:checked {
  background: var(--dnet-sys-primary);
  border-color: var(--dnet-sys-primary);
}

[type="checkbox"].blg-checkbox-no-label::after {
  background-color: var(--dnet-sys-surface);
  content: "";
  height: 0.625rem;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: contain;
  opacity: 0;
  transform: scale(0.65);
  transition:
    opacity 90ms ease,
    transform 90ms ease;
  width: 0.625rem;
}

[type="checkbox"].blg-checkbox-no-label:checked::after {
  opacity: 1;
  transform: scale(1);
}

[type="checkbox"].blg-checkbox-no-label:focus-visible {
  outline: 2px solid var(--dnet-sys-primary);
  outline-offset: 2px;
}

[type="checkbox"].blg-checkbox-no-label:disabled {
  cursor: default;
  opacity: 0.38;
}

/* Let the browser reserve the same vertical scrollbar space for every desktop
   partition, including overlay scrollbars and user scrollbar preferences. */
@media only screen and (min-width: 769px) {
  .blg-header,
  .blg-viewport,
  .blg-body-horizontal-scroll {
    scrollbar-gutter: stable;
  }

  .blg-header,
  .blg-body-horizontal-scroll {
    overflow: hidden;
  }
}

/* Responsive styles for small screens */
@media only screen and (max-width: 768px) {
  .blg-root {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .blg-header,
  .blg-viewport {
    width: var(--_blg-responsive-canvas-width);
    min-width: 100%;
  }

  .blg-viewport {
    overflow-x: hidden;
  }

  .blg-viewport-wrapper {
    width: var(--_blg-responsive-canvas-width);
    min-width: 100%;
  }

  .blg-header-viewport,
  .blg-center-cols-clipper,
  .blg-center-cols-viewport {
    flex: 0 0 var(--_blg-responsive-center-width);
    width: var(--_blg-responsive-center-width);
    min-width: 0;
    overflow: visible;
  }

  .blg-header-container,
  .blg-center-cols-container {
    --_blg-horizontal-offset: 0px;
    flex: 0 0 var(--_blg-responsive-center-width);
    width: var(--_blg-responsive-center-width);
    transform: none;
  }

  .blg-body-horizontal-scroll {
    display: none;
  }
}
.blg-paginator {
  display: block;
}

.blg-paginator-outer-container {
  display: flex;
}

.blg-paginator-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 56px;
  padding: 0 8px;
  flex-wrap: wrap-reverse;
  width: 100%;
  color: var(--dnet-sys-on-surface-subtle);
  font-size: 0.75rem;
}

.blg-paginator-page-size {
  display: flex;
  align-items: baseline;
  margin-right: 0px;
}
[dir=rtl] .blg-paginator-page-size {
  margin-right: 0;
  margin-left: 0px;
}

.blg-paginator-page-size-label {
  margin: 0 0px;
}

.blg-paginator-page-size-select {
  margin: 6px 4px 0 4px;
  width: 56px;
}
.blg-paginator-page-size-select.blg-form-field-appearance-outline {
  width: 64px;
}
.blg-paginator-page-size-select.blg-form-field-appearance-fill {
  width: 64px;
}

.blg-paginator-range-label {
  margin: 0 24px 0 24px;
}

.blg-paginator-range-actions {
  display: flex;
  align-items: center;
}

.blg-paginator-icon {
  width: 28px;
  fill: currentColor;
}
[dir=rtl] .blg-paginator-icon {
  transform: rotate(180deg);
}

.blg-icon-button {
  padding: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  line-height: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: var(--dnet-sys-on-surface-emphasis);
  background: 0 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  outline: 0;
  border: none;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
}

.blg-paginator-page-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}

.blg-paginator-page-input {
  width: 40px;
  border-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: transparent;
  transition: none;
  box-shadow: none;
  font-size: 0.75rem;
  color: var(--dnet-grid-foreground-color, var(--blg-foreground-color, var(--dnet-sys-on-surface)));
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--dnet-sys-on-surface) 23.9%, transparent) !important;
  height: 20px;
  outline: none;
  margin: 0 5px 2px 5px;
  text-align: center;
  font-size: 0.75rem;
}
.blg-paginator-page-input:focus {
  box-shadow: none;
}

.blg-adv-toggle-button-image {
  display: block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-grid-foreground-color, var(--blg-foreground-color, var(--dnet-sys-on-surface)));
}

.blg-adv-toggle-button-filtered-image {
  display: block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-grid-foreground-color, var(--blg-foreground-color, var(--dnet-sys-on-surface)));
}

.blg-advanced-filter-container {
  width: min(320px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  border-radius: var(--dnet-sys-radius-lg);
  overflow: auto;
  box-shadow: var(--dnet-sys-elevation-3);
  background: var(--dnet-sys-surface-raised);
  color: var(--dnet-sys-on-surface-emphasis);
}

.blg-adv-filter-form {
  display: grid;
  gap: var(--dnet-sys-space-3);
  padding: var(--dnet-sys-space-4);
}

.blg-adv-filter-form > div {
  min-width: 0;
}

.blg-adv-filter-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--dnet-sys-space-2);
}

.form-group {
  margin-bottom: 1rem;
}

.form-control-sm {
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
}

.blg-icon-wrapper {
  display: flex;
  align-items: center;
  padding-right: 10px;
  cursor: pointer;
}

.blg-tree-group-content {
  --_group-toggle-gap: var(--dnet-sys-space-2);

  align-items: center;
  display: flex;
  gap: var(--_group-toggle-gap);
}

.blg-icon {
  display: block;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-grid-foreground-color, var(--blg-foreground-color, var(--dnet-sys-on-surface)));
}

.blg-icon-tree-open {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/></svg>");
}

.blg-icon-tree-closed {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z'/></svg>");
}

.blg-icon-sort {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.5 15a.5.5 0 00.5-.5V2.707l1.146 1.147a.5.5 0 00.708-.708l-2-2a.5.5 0 00-.708 0l-2 2a.5.5 0 00.708.708L11 2.707V14.5a.5.5 0 00.5.5zm-7-14a.5.5 0 00-.5.5v11.793l-1.146-1.147a.5.5 0 00-.708.708l2 2a.5.5 0 00.708 0l2-2a.5.5 0 00-.708-.708L5 13.293V1.5a.5.5 0 00-.5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.5 15a.5.5 0 00.5-.5V2.707l1.146 1.147a.5.5 0 00.708-.708l-2-2a.5.5 0 00-.708 0l-2 2a.5.5 0 00.708.708L11 2.707V14.5a.5.5 0 00.5.5zm-7-14a.5.5 0 00-.5.5v11.793l-1.146-1.147a.5.5 0 00-.708.708l2 2a.5.5 0 00.708 0l2-2a.5.5 0 00-.708-.708L5 13.293V1.5a.5.5 0 00-.5-.5z'/></svg>");
}

.blg-icon-asc {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 3.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V4a.5.5 0 01.5-.5z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M7.646 2.646a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8 3.707 5.354 6.354a.5.5 0 11-.708-.708l3-3z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 3.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V4a.5.5 0 01.5-.5z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M7.646 2.646a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8 3.707 5.354 6.354a.5.5 0 11-.708-.708l3-3z'/></svg>");
}

.blg-icon-desc {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 9.646a.5.5 0 01.708 0L8 12.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 2.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V3a.5.5 0 01.5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 9.646a.5.5 0 01.708 0L8 12.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 2.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V3a.5.5 0 01.5-.5z'/></svg>");
}

.blg-icon-radio-button-on {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6h-1A1.5 1.5 0 0 1 6 4.5v-1zM7.5 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z'/><path fill-rule='evenodd' d='M8 5a.5.5 0 0 1 .5.5V7H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V5.5A.5.5 0 0 1 8 5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6h-1A1.5 1.5 0 0 1 6 4.5v-1zM7.5 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z'/><path fill-rule='evenodd' d='M8 5a.5.5 0 0 1 .5.5V7H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V5.5A.5.5 0 0 1 8 5z'/></svg>");
}

.blg-icon-radio-button-off {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm-3-8A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6h-1A1.5 1.5 0 0 1 6 4.5v-1z'/> <path fill-rule='evenodd' d='M8 5a.5.5 0 0 1 .5.5V7H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V5.5A.5.5 0 0 1 8 5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm-3-8A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6h-1A1.5 1.5 0 0 1 6 4.5v-1z'/> <path fill-rule='evenodd' d='M8 5a.5.5 0 0 1 .5.5V7H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V5.5A.5.5 0 0 1 8 5z'/></svg>");
}

.blg-icon-expand {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z'/></svg>");
}

.blg-icon-collapse {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z'/></svg>");
}

.blg-arcadia-theme {
  -webkit-font-smoothing: antialiased;
  background-color: var(--dnet-grid-background-color, var(--blg-background-color, var(--dnet-sys-surface)));
  color: var(--dnet-grid-foreground-color, var(--blg-foreground-color, var(--dnet-sys-on-surface)));
  font-family: var(--dnet-grid-font-family, var(--blg-font-family, var(--dnet-sys-font)));
  font-weight: var(--dnet-grid-font-weight, var(--blg-font-weight, 400));
  font-size: var(--dnet-grid-font-size, var(--blg-font-size, var(--dnet-sys-text-md)));
  line-height: normal;
}
.blg-arcadia-theme .blg-root-wrapper {
  border: var(--dnet-grid-root-wrapper-border, var(--blg-root-wrapper-border, 1px solid var(--dnet-sys-transparent)));
}
.blg-arcadia-theme .blg-cell {
  -webkit-font-smoothing: subpixel-antialiased;
}
.blg-arcadia-theme .blg-cell.blg-hover-class {
  background-color: var(--dnet-grid-hover-color, var(--blg-hover-color, color-mix(in srgb, var(--dnet-sys-primary) 8%, var(--dnet-sys-surface))));
  cursor: pointer;
}
.blg-arcadia-theme .blg-tree-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
}
.blg-arcadia-theme .blg-header-icon-button,
.blg-arcadia-theme .blg-header-sort-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: inherit;
}
.blg-arcadia-theme .blg-tree-toggle:focus-visible,
.blg-arcadia-theme .blg-cell:focus-visible {
  outline: 2px solid var(--dnet-grid-focus-color, var(--blg-focus-color, currentColor));
  outline-offset: -2px;
}
.blg-arcadia-theme .blg-grid-status {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.75rem 1rem;
  background: var(--dnet-grid-background-color, var(--blg-background-color, var(--dnet-sys-surface)));
  border: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
  border-radius: 4px;
  box-shadow: var(--dnet-sys-elevation-1);
}
.blg-arcadia-theme .blg-pinned-left-cols-container .blg-cell:nth-child(n) {
  border: none;
  border-right: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
  border-bottom: var(--dnet-grid-cell-pinnedleft-border-bottom, var(--blg-cell-pinnedleft-border-bottom, 1px solid var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-pinned-right-cols-container .blg-cell:nth-child(n) {
  border: none;
  border-left: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
  border-bottom: var(--dnet-grid-cell-pinnedright-border-bottom, var(--blg-cell-pinnedright-border-bottom, 1px solid var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-header {
  background-color: var(--dnet-grid-header-background-color, var(--blg-header-background-color, var(--dnet-sys-transparent)));
  color: var(--dnet-grid-header-foreground-color, var(--blg-header-foreground-color, var(--dnet-sys-on-surface)));
  font-weight: var(--dnet-grid-secondary-font-weight, var(--blg-secondary-font-weight, 400));
  font-size: var(--dnet-grid-secondary-font-size, var(--blg-secondary-font-size, var(--dnet-sys-text-md)));
  font-family: var(--dnet-grid-secondary-font-family, var(--blg-secondary-font-family, var(--dnet-sys-font)));
  border-bottom: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-pinned-left-header .blg-header-cell:last-child {
  border: none;
  border-right: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-pinned-right-header .blg-header-cell:first-child {
  border: none;
  border-left: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-pinned-right-header .blg-header-cell:last-child {
  border: none;
  border-left: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
}
.blg-arcadia-theme .blg-row-odd {
  background-color: var(--dnet-grid-odd-row-background-color, var(--blg-odd-row-background-color, color-mix(in srgb, var(--dnet-sys-on-surface) 2%, var(--dnet-sys-surface))));
}
.blg-arcadia-theme .blg-row-even {
  background-color: var(--dnet-grid-background-color, var(--blg-background-color, var(--dnet-sys-surface)));
}
.blg-arcadia-theme .blg-numeric-cell {
  text-align: right;
}
.blg-arcadia-theme .blg-header-cell {
  border-style: solid;
  border-color: var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
  padding-left: var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px));
  padding-right: var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px));
  border-width: 0;
  border-right: 1px solid var(--dnet-grid-border-color, var(--blg-border-color, var(--dnet-sys-border)));
  background-color: var(--dnet-grid-headercell-default-background-color, var(--blg-headercell-default-background-color, var(--dnet-sys-surface)));
}
.blg-arcadia-theme .blg-header-cell:last-child {
  border-right: none;
}
.blg-arcadia-theme .blg-header-row:first-child .blg-header-cell {
  border-top-width: 0;
}
.blg-arcadia-theme .blg-cell {
  line-height: calc(var(--dnet-grid-row-height, var(--blg-row-height, 56px)) - 2px);
  padding-left: var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px));
  padding-right: var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px));
  border: 1px solid transparent;
  background-color: var(--dnet-grid-cell-default-background-color, var(--blg-cell-default-background-color, var(--dnet-sys-surface)));
  border-bottom: var(--dnet-grid-cell-border-bottom, var(--blg-cell-border-bottom, 1px solid var(--dnet-sys-border)));
  /*  padding-left: calc(var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px)) - 1px);
  padding-right: calc(var(--dnet-grid-cell-horizontal-padding, var(--blg-cell-horizontal-padding, 12px)) - 1px);*/
}
.blg-arcadia-theme .blg-row-selected {
  background-color: var(--dnet-grid-selected-color, var(--blg-selected-color, color-mix(in srgb, var(--dnet-sys-primary) 8%, var(--dnet-sys-surface))));
}
.blg-arcadia-theme .blg-row-clicked {
  background-color: var(--dnet-grid-clicked-color, var(--blg-clicked-color, var(--dnet-sys-state-pressed)));
}
.blg-arcadia-theme .blg-row-disabled {
  color: var(--dnet-grid-disabled-color, var(--blg-disabled-color, var(--dnet-sys-state-disabled-fg)));
}
.blg-arcadia-theme .blg-cell-range-selected:not(.blg-cell-focus) {
  background-color: var(--dnet-grid-range-selection-background-color, var(--blg-range-selection-background-color, color-mix(in srgb, var(--dnet-sys-on-surface) 40%, transparent)));
}
.blg-arcadia-theme ::-webkit-scrollbar {
  width: var(--dnet-grid-grid-scroll-width, var(--blg-grid-scroll-width, 6px));
  height: var(--dnet-grid-grid-scroll-width, var(--blg-grid-scroll-width, 6px));
}
.blg-arcadia-theme ::-webkit-scrollbar-thumb {
  background: var(--dnet-grid-grid-foreground-color, var(--blg-grid-foreground-color, color-mix(in srgb, var(--dnet-sys-on-surface) 41%, var(--dnet-sys-surface))));
  cursor: pointer;
}
.blg-arcadia-theme ::-webkit-scrollbar-track {
  background: var(--dnet-grid-grid-background-color, var(--blg-grid-background-color, var(--dnet-sys-transparent)));
}
.blg-arcadia-theme body {
  scrollbar-face-color: var(--dnet-grid-grid-foreground-color, var(--blg-grid-foreground-color, color-mix(in srgb, var(--dnet-sys-on-surface) 41%, var(--dnet-sys-surface))));
  scrollbar-track-color: var(--dnet-grid-grid-background-color, var(--blg-grid-background-color, var(--dnet-sys-transparent)));
}

/*! Sass ImageEditor (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */

/* Layout: header / toolbar / body (stage + panel) / footer. Controls come from
   the library's Button, Chips, Form and Tooltip components; this file only
   places them and paints the crop overlay. */
.dnet-image-editor {
  display: flex;
  flex-direction: column;
  gap: var(--dnet-sys-space-4);
  height: 100%;
}

.dnet-image-editor-header {
  display: flex;
  align-items: center;
  min-height: 1rem;
}

.dnet-image-editor-subtitle {
  color: var(--dnet-sys-on-surface-muted);
  font-size: var(--dnet-sys-text-sm);
}

.dnet-image-editor-error {
  margin: 0;
  color: var(--dnet-sys-danger);
  font-size: var(--dnet-sys-text-sm);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.dnet-image-editor-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dnet-sys-space-2);
}

.dnet-image-editor-toolbar-end {
  margin-left: auto;
}

/* One height across the toolbar, so the labelled actions line up with the
   icon-only ones instead of drifting a couple of pixels. */
.dnet-image-editor .dnet-image-editor-tool {
  --_tool-height: 36px;
  height: var(--_tool-height);
}

/* Icon and label share one line: .dnet-icon is a block box, so without this the
   content stacks and every labelled button comes out square. */
.dnet-image-editor-button-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--dnet-sys-space-2);
  line-height: 1;
  vertical-align: middle;
}

.dnet-image-editor .dnet-image-editor-icon-button {
  --_icon-button-size: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--_icon-button-size);
  width: var(--_icon-button-size);
}

.dnet-image-editor-body {
  display: flex;
  flex: 1 1 auto;
  gap: var(--dnet-sys-space-4);
  min-height: 0;
}

.dnet-image-editor-stage {
  /* Owned here, written by the component from ImageContainerHeight/Width. The
     stage size is independent of the picture, so the fitted zoom is stable. */
  --_editor-stage-width: 40rem;
  --_editor-stage-height: 30rem;
  display: flex;
  flex-direction: column;
  gap: var(--dnet-sys-space-2);
  flex: 0 1 auto;
  min-width: 0;
  width: min(100%, var(--_editor-stage-width));
}

/* The stage bounds the picture; the canvas sizes itself from the zoom, so the
   viewport scrolls once the zoomed image no longer fits. */
.dnet-image-viewport {
  display: flex;
  overflow: auto;
  width: 100%;
  height: var(--_editor-stage-height);
  background-color: var(--dnet-sys-surface-hover);
  border-radius: var(--dnet-sys-radius-md);
}

/* Shrink-to-fit around the image canvas: the crop overlay is inset:0 on this
   box, so its geometry can only ever match the displayed image. */
.dnet-editing-image {
  position: relative;
  display: inline-flex;
  margin: auto;
}

.dnet-editing-image-canvas {
  display: block;
}

.dnet-image-editor-zoom {
  display: flex;
  align-items: center;
  align-self: center;
  gap: var(--dnet-sys-space-2);
  border: 1px solid var(--dnet-sys-border);
  border-radius: var(--dnet-sys-radius-md);
  padding: 0 var(--dnet-sys-space-1);
}

.dnet-image-editor-zoom-value {
  color: var(--dnet-sys-on-surface);
  font-size: var(--dnet-sys-text-sm);
  min-width: 3.5em;
  text-align: center;
}

.dnet-image-editor-panel {
  display: flex;
  flex-direction: column;
  gap: var(--dnet-sys-space-4);
  width: 15rem;
  flex: 0 0 auto;
}

.dnet-image-editor-section {
  display: flex;
  flex-direction: column;
  gap: var(--dnet-sys-space-2);
}

.dnet-image-editor-section-title {
  color: var(--dnet-sys-on-surface-muted);
  font-size: var(--dnet-sys-text-sm);
  font-weight: 400;
  margin: 0;
}

.dnet-image-editor-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dnet-sys-border);
  border-radius: var(--dnet-sys-radius-md);
  padding: var(--dnet-sys-space-2);
  min-height: 6rem;
}

.dnet-image-editor-caption {
  color: var(--dnet-sys-on-surface-muted);
  font-size: var(--dnet-sys-text-sm);
  text-align: center;
}

.dnet-image-editor-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dnet-sys-space-2);
}

/* Contain the chip list's negative outer margin within the editor panel. */
.dnet-image-editor-ratios {
  min-width: 0;
  padding-inline: 4px;
}

/* Sits inside the field's control, so it starts on the field's own left padding
   and keeps the numbers the same distance from the edge in every box. */
.dnet-image-editor-field-label {
  color: var(--dnet-sys-on-surface-muted);
  font-size: var(--dnet-sys-text-sm);
  min-width: 1.25em;
  margin-right: var(--dnet-sys-space-1);
}

.dnet-image-editor-footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--dnet-sys-space-2);
  border-top: 1px solid var(--dnet-sys-border);
  padding-top: var(--dnet-sys-space-3);
}

/* Crop geometry. The four --_crop-* properties are the single source of truth:
   the component writes them on first render and JavaScript rewrites them on
   every pointer frame, so the box, the dummy border, the masks, the handles and
   the size badge all follow along without a round trip to .NET. */
.dnet-crop-container {
  --_crop-left: 0px;
  --_crop-top: 0px;
  --_crop-width: 100px;
  --_crop-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.dnet-crop-box {
  position: absolute;
  left: var(--_crop-left);
  top: var(--_crop-top);
  width: var(--_crop-width);
  height: var(--_crop-height);
  background-color: aquamarine;
  opacity: 0;
  cursor: move;
  z-index: 40;
  touch-action: none;
}

.dnet-crop-box-dummy {
  position: absolute;
  left: var(--_crop-left);
  top: var(--_crop-top);
  width: var(--_crop-width);
  height: var(--_crop-height);
  border: 1px solid var(--dnet-sys-primary-strong);
  z-index: 30;
  pointer-events: none;
}

/* Rule of thirds, drawn from fills only so a theme can recolour it. */
.dnet-crop-box-dummy::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(to right, var(--dnet-sys-on-surface) 1px, transparent 1px),
    linear-gradient(to right, var(--dnet-sys-on-surface) 1px, transparent 1px),
    linear-gradient(to bottom, var(--dnet-sys-on-surface) 1px, transparent 1px),
    linear-gradient(to bottom, var(--dnet-sys-on-surface) 1px, transparent 1px);
  background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px;
  background-position: 33.333% 0, 66.666% 0, 0 33.333%, 0 66.666%;
  background-repeat: no-repeat;
}

.dnet-crop-box-size {
  position: absolute;
  left: calc(var(--_crop-left) + var(--_crop-width));
  top: calc(var(--_crop-top) + var(--_crop-height));
  transform: translate(-100%, 6px);
  background-color: var(--dnet-sys-surface);
  border: 1px solid var(--dnet-sys-primary-strong);
  border-radius: var(--dnet-sys-radius-sm);
  color: var(--dnet-sys-on-surface);
  font-size: var(--dnet-sys-text-sm);
  padding: 0 var(--dnet-sys-space-1);
  white-space: nowrap;
  z-index: 45;
  pointer-events: none;
}

.dnet-crop-box-mask-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--_crop-top);
  background-color: var(--dnet-sys-surface);
  opacity: 0.5;
  z-index: 10;
  pointer-events: none;
}

.dnet-crop-box-mask-bottom {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--_crop-top) + var(--_crop-height));
  bottom: 0;
  background-color: var(--dnet-sys-surface);
  opacity: 0.5;
  z-index: 10;
  pointer-events: none;
}

.dnet-crop-box-mask-right {
  position: absolute;
  left: calc(var(--_crop-left) + var(--_crop-width));
  right: 0;
  top: var(--_crop-top);
  height: var(--_crop-height);
  background-color: var(--dnet-sys-surface);
  opacity: 0.5;
  z-index: 10;
  pointer-events: none;
}

.dnet-crop-box-mask-left {
  position: absolute;
  left: 0;
  top: var(--_crop-top);
  width: var(--_crop-left);
  height: var(--_crop-height);
  background-color: var(--dnet-sys-surface);
  opacity: 0.5;
  z-index: 10;
  pointer-events: none;
}

.dnet-crop-box-resizer {
  position: absolute;
  background-color: var(--dnet-sys-surface);
  border: 1px solid var(--dnet-sys-primary-strong);
  height: 8px;
  overflow: hidden;
  width: 8px;
  z-index: 50;
  margin: 0;
  padding: 0;
  touch-action: none;
}

.dnet-crop-box-resizer-top-left {
  top: calc(var(--_crop-top) - 4px);
  left: calc(var(--_crop-left) - 4px);
  cursor: nwse-resize;
}

.dnet-crop-box-resizer-top-center {
  top: calc(var(--_crop-top) - 4px);
  left: calc(var(--_crop-left) + var(--_crop-width) / 2 - 4px);
  cursor: ns-resize;
}

.dnet-crop-box-resizer-top-right {
  top: calc(var(--_crop-top) - 4px);
  left: calc(var(--_crop-left) + var(--_crop-width) - 4px);
  cursor: nesw-resize;
}

.dnet-crop-box-resizer-left-center {
  top: calc(var(--_crop-top) + var(--_crop-height) / 2 - 4px);
  left: calc(var(--_crop-left) - 4px);
  cursor: ew-resize;
}

.dnet-crop-box-resizer-right-center {
  top: calc(var(--_crop-top) + var(--_crop-height) / 2 - 4px);
  left: calc(var(--_crop-left) + var(--_crop-width) - 4px);
  cursor: ew-resize;
}

.dnet-crop-box-resizer-bottom-left {
  top: calc(var(--_crop-top) + var(--_crop-height) - 4px);
  left: calc(var(--_crop-left) - 4px);
  cursor: nesw-resize;
}

.dnet-crop-box-resizer-bottom-center {
  top: calc(var(--_crop-top) + var(--_crop-height) - 4px);
  left: calc(var(--_crop-left) + var(--_crop-width) / 2 - 4px);
  cursor: ns-resize;
}

.dnet-crop-box-resizer-bottom-right {
  top: calc(var(--_crop-top) + var(--_crop-height) - 4px);
  left: calc(var(--_crop-left) + var(--_crop-width) - 4px);
  cursor: nwse-resize;
}

.dnet-image-preview-canvas {
  /* Owned here, overridden inline with the configured preview size. */
  --_preview-max-width: 170px;
  --_preview-max-height: 170px;
  display: block;
  max-width: var(--_preview-max-width);
  max-height: var(--_preview-max-height);
  margin: 0 auto;
}

.dnet-icon {
  display: block;
  background-color: var(--dnet-sys-on-surface);
  height: 1em;
  width: 1em;
  flex: 0 0 auto;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
}

.dnet-icon-text {
  font-size: var(--dnet-sys-text-sm);
}

.dnet-icon-crop {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5.5A.5.5 0 0 1 4 1v13h13a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2H3.5a.5.5 0 0 1-.5-.5V4H1a.5.5 0 0 1 0-1h2V1a.5.5 0 0 1 .5-.5zm2.5 3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4H6.5a.5.5 0 0 1-.5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5.5A.5.5 0 0 1 4 1v13h13a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2H3.5a.5.5 0 0 1-.5-.5V4H1a.5.5 0 0 1 0-1h2V1a.5.5 0 0 1 .5-.5zm2.5 3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4H6.5a.5.5 0 0 1-.5-.5z'/></svg>");
}

.dnet-icon-rotate-left {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/> <path d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/> <path d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/></svg>");
}

.dnet-icon-rotate-right {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/> <path d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/> <path d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/></svg>");
}

/* Mirror axis with the reflected half drawn lighter. */
.dnet-icon-flip-h {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 3h6v10H1z'/><path d='M9 3h6v10H9z' fill-opacity='.35'/><path d='M7.5 1h1v14h-1z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 3h6v10H1z'/><path d='M9 3h6v10H9z' fill-opacity='.35'/><path d='M7.5 1h1v14h-1z'/></svg>");
}

.dnet-icon-flip-v {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 1h10v6H3z'/><path d='M3 9h10v6H3z' fill-opacity='.35'/><path d='M1 7.5h14v1H1z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 1h10v6H3z'/><path d='M3 9h10v6H3z' fill-opacity='.35'/><path d='M1 7.5h14v1H1z'/></svg>");
}

.dnet-icon-zoom-out {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 7.25h10v1.5H3z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 7.25h10v1.5H3z'/></svg>");
}

.dnet-icon-zoom-in {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.25 3h1.5v4.25H13v1.5H8.75V13h-1.5V8.75H3v-1.5h4.25z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.25 3h1.5v4.25H13v1.5H8.75V13h-1.5V8.75H3v-1.5h4.25z'/></svg>");
}

.dnet-icon-check {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.2 11.2 3.1 8.1l-1.4 1.4 4.5 4.5 9-9-1.4-1.4z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.2 11.2 3.1 8.1l-1.4 1.4 4.5 4.5 9-9-1.4-1.4z'/></svg>");
}

.dnet-btn {
  display: inline-block;
  font-weight: 400;
  color: var(--dnet-sys-on-surface-emphasis);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.upload-file-container-add {
  width: 170px;
  height: 170px;
  background-color: var(--dnet-sys-surface-hover);
  color: var(--dnet-sys-border-strong);
  cursor: pointer;
}

.upload-file {
  width: 100%;
  height: 100%;
  position: relative;
}

.upload-icon {
  font-size: 7em;
  line-height: 0;
}

.upload-text {
  color: var(--dnet-sys-on-surface-muted);
  font-size: 0.875rem;
}

.upload-file-controls {
  width: 170px;
  height: 30px;
  background-color: var(--dnet-sys-on-surface-muted);
}

.upload-file input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}

.image-preview {
  width: 170px;
  height: 170px;
}

.dnet-delete-image {
  cursor: pointer;
  /*  &:hover {
        color: $secondary-reset;
    }*/
}

/* Stack the editor within narrow dialogs; their content owns the vertical
   scroll, so the stage, editing fields and footer all remain reachable. */
@media (max-width: 900px) {
  .dnet-image-editor {
    height: auto;
    min-height: 100%;
  }

  .dnet-image-editor-body {
    flex: 0 0 auto;
    flex-direction: column;
    min-width: 0;
  }

  .dnet-image-editor-stage,
  .dnet-image-editor-panel {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
  }

  .dnet-image-viewport {
    flex: 0 0 auto;
    height: min(var(--_editor-stage-height), 40dvh, 320px);
  }

  .dnet-image-editor-fields,
  .dnet-image-editor-fields > * {
    min-width: 0;
  }
}

/*! List — migrado a tokens (6.0). Generado una vez; se edita a mano.
   Tokens unificados bajo --dnet-list-* (ADR-04a); los nombres legacy de
   Select/Autocomplete son eslabones en sus propios ficheros. */

/* box-sizing acotado al subárbol del componente (sustituye al antiguo
   `* { box-sizing }` global de este fichero). */
.dnet-list-wrapper,
.dnet-list-wrapper *,
.dnet-list-wrapper *::before,
.dnet-list-wrapper *::after {
  box-sizing: border-box;
}

.dnet-list-wrapper {
  --_border-color: var(--dnet-list-border-color, var(--dnet-sys-border));
  --_radius: var(--dnet-list-border-radius, var(--dnet-sys-radius-lg));
  --_wrapper-padding: var(--dnet-list-wrapper-horizontal-padding, 20px);
  --_section-gap: 20px;
  --_background: var(--dnet-list-background-color, transparent);
  --_shadow: var(--dnet-list-box-shadow, none);

  display: flex;
  flex-direction: column;
  gap: var(--_section-gap);
  height: 100%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--_border-color);
  border-radius: var(--_radius);
  overflow: hidden;
  padding: var(--_wrapper-padding);
  transition: opacity 0.5s ease-in-out;
  background-color: var(--_background);
  box-shadow: var(--_shadow);
}
.dnet-list-wrapper .dnet-item-fadeout {
  opacity: 0 !important;
}

.dnet-list-form,
.dnet-list-header,
.dnet-list-footer {
  --_header-footer-height: var(--dnet-list-header-footer-height, 50px);
  --_padding-vertical: var(--dnet-list-padding-vertical, 0px);
  --_padding-horizontal: var(--dnet-list-padding-horizontal, 0px);

  flex: none;
  min-height: var(--_header-footer-height);
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--_padding-vertical) var(--_padding-horizontal);
}

.dnet-list-form .dnet-form-field-plain-wrapper {
  margin-bottom: 0px;
}
.dnet-list-form .dnet-form-field-plain-control-container {
  border-radius: 15px;
}

.dnet-list-header {
  --_header-footer-height: var(--dnet-list-header-footer-height, 24px);
}

.dnet-list-header-content {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}

.dnet-list-header-text {
  font-weight: 500;
  font-size: small;
}

.dnet-list-items {
  --_padding-horizontal: var(--dnet-list-padding-horizontal, 0px);

  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  padding: 0 var(--_padding-horizontal);
}

.dnet-list-item {
  --_item-height: var(--dnet-list-item-height, var(--dnet-sys-control-height));
  --_padding-vertical: var(--dnet-list-padding-vertical, 4px);

  display: flex;
  align-items: center;
  height: var(--_item-height);
  padding: var(--_padding-vertical) 0;
  overflow: hidden;
  transition: background-color 0.3s, border-radius 0.3s;
}
.dnet-list-item[draggable=false] {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: not-allowed;
}

.dnet-list-item:hover {
  --_hover-background: var(--dnet-list-hover-background-color, var(--dnet-sys-surface-hover));
  --_hover-radius: var(--dnet-list-hover-border-radius, var(--dnet-sys-radius-lg));

  background-color: var(--_hover-background);
  border-radius: var(--_hover-radius);
}

.dnet-list-item-prefix,
.dnet-list-item-sufix,
.dnet-list-header-sufix {
  --_prefix-min-width: var(--dnet-list-prefix-suffix-min-width, 40px);

  min-width: var(--_prefix-min-width);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dnet-list-item-prefix {
  justify-content: flex-start;
}

.dnet-list-item-sufix,
.dnet-list-header-sufix {
  justify-content: flex-end;
}

.dnet-list-item-check,
.dnet-list-header-checkall {
  --_check-width: var(--dnet-list-check-width, 24px);

  width: var(--_check-width);
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dnet-list-header-checkall .dnet-checkbox-layout,
.dnet-list-item-check .dnet-checkbox-layout,
.dnet-list-item > .dnet-checkbox .dnet-checkbox-layout {
  gap: 0;
}

.dnet-list-item-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-right: 10px;
}
.dnet-list-item-content.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-list-item-headline {
  --_headline-font: var(--dnet-list-headline-font-size, var(--dnet-sys-text-md));
  --_headline-color: var(--dnet-list-headline-text-color, inherit);

  font-size: var(--_headline-font);
  color: var(--_headline-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-list-item-headline.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-list-item-supporting-text {
  --_supporting-font: var(--dnet-list-supporting-text-font-size, var(--dnet-sys-text-sm));
  --_supporting-color: var(--dnet-list-supporting-text-color, var(--dnet-sys-on-surface-muted));

  font-size: var(--_supporting-font);
  color: var(--_supporting-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-list-item-supporting-text.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-list-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dnet-list-footer .dnet-paginator {
  max-width: 100%;
  min-width: 0;
}

.dnet-list-footer .dnet-paginator-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 8px;
}

.dnet-list-footer .dnet-paginator-page-container {
  white-space: nowrap;
}

.dnet-list-footer .dnet-paginator-range-label.zone4 {
  flex-basis: 100%;
  padding-inline: 0;
}

.dnet-list-count {
  font-size: 0.675rem;
}

/* Iconos funcionales monocromos (R9): mask-image + background-color; el color
   lo da el token de sistema, no un fill fijo dentro del data-URI. */
.dnet-list-search-icon,
.dnet-list-header-sort-icon {
  --_icon-color: var(--dnet-sys-on-surface);

  display: block;
  background-color: var(--_icon-color);
  height: 1em;
  width: 1em;
  cursor: pointer;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
}

.dnet-list-search-icon-default {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/></svg>");
}

.dnet-list-search-disable .dnet-list-search-icon-default {
  --_icon-color: var(--dnet-sys-state-disabled-fg);
}
.dnet-list-search-disable .dnet-list-search-icon-wrapper {
  background-color: var(--dnet-sys-surface-hover);
}

.dnet-icon-sort {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.5 15a.5.5 0 00.5-.5V2.707l1.146 1.147a.5.5 0 00.708-.708l-2-2a.5.5 0 00-.708 0l-2 2a.5.5 0 00.708.708L11 2.707V14.5a.5.5 0 00.5.5zm-7-14a.5.5 0 00-.5.5v11.793l-1.146-1.147a.5.5 0 00-.708.708l2 2a.5.5 0 00.708 0l2-2a.5.5 0 00-.708-.708L5 13.293V1.5a.5.5 0 00-.5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.5 15a.5.5 0 00.5-.5V2.707l1.146 1.147a.5.5 0 00.708-.708l-2-2a.5.5 0 00-.708 0l-2 2a.5.5 0 00.708.708L11 2.707V14.5a.5.5 0 00.5.5zm-7-14a.5.5 0 00-.5.5v11.793l-1.146-1.147a.5.5 0 00-.708.708l2 2a.5.5 0 00.708 0l2-2a.5.5 0 00-.708-.708L5 13.293V1.5a.5.5 0 00-.5-.5z'/></svg>");
}

.dnet-icon-asc {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 3.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V4a.5.5 0 01.5-.5z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M7.646 2.646a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8 3.707 5.354 6.354a.5.5 0 11-.708-.708l3-3z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 3.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V4a.5.5 0 01.5-.5z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M7.646 2.646a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8 3.707 5.354 6.354a.5.5 0 11-.708-.708l3-3z'/></svg>");
}

.dnet-icon-desc {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 9.646a.5.5 0 01.708 0L8 12.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 2.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V3a.5.5 0 01.5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 9.646a.5.5 0 01.708 0L8 12.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 2.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V3a.5.5 0 01.5-.5z'/></svg>");
}

@media only screen and (max-width: 550px) {
  .dnet-list-wrapper .dnet-checkbox {
    display: none;
  }
}

/*! Sass Overlay (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  /* max-width: 100%;
  max-height: 100%;*/
  visibility: hidden;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}

.cdk-overlay-dark-backdrop {
  background: var(--dnet-sys-scrim);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

@media only screen and (max-width: 550px) {
  .cdk-overlay-pane.dnet-autocomplete-mobile {
    align-self: flex-start;
    padding-top: 50px;
  }
  .cdk-overlay-pane.dnet-select-mobile, .cdk-overlay-pane.dnet-dialog-mobile, .cdk-overlay-pane.dnet-floatingdoubleList-mobile, .cdk-overlay-pane.dnet-connectedpanel-mobile, .cdk-overlay-pane.dnet-datepicker-mobile, .cdk-overlay-pane.dnet-datepickerWeek-mobile, .cdk-overlay-pane.dnet-timepicker-mobile {
    align-items: center;
    justify-content: center;
  }
  .cdk-overlay-pane.dnet-select-mobile, .cdk-overlay-pane.dnet-dialog-mobile, .cdk-overlay-pane.dnet-floatingdoubleList-mobile, .cdk-overlay-pane.dnet-autocomplete-mobile {
    height: 65dvh;
  }
}

/*! Paginator — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-paginator {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  height: 100%;
  padding: 3px 0 3px 0;
}

.dnet-paginator-container {
  --_text-color: var(--dnet-sys-on-surface-subtle);

  color: var(--_text-color);
  font-size: 0.75rem;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

.zone1 {
  grid-area: 1/1/2/2;
}

.zone2 {
  grid-area: 1/2/2/3;
}

.zone3 {
  grid-area: 1/3/2/4;
}

.zone4 {
  grid-area: 2/3/3/4;
  justify-content: flex-end;
}

.dnet-paginator-page-size {
  --_margin-right: var(--dnet-paginator-page-size-margin-right, 0px);

  display: flex;
  align-items: baseline;
  margin-right: var(--_margin-right);
}
[dir=rtl] .dnet-paginator-page-size {
  margin-right: 0;
  margin-left: var(--_margin-right);
}

.dnet-paginator-page-size-label {
  --_label-margin: var(--dnet-paginator-items-per-page-label-margin, 0 0px);

  margin: var(--_label-margin);
}

.dnet-paginator-page-size-select {
  --_selector-margin: var(--dnet-paginator-selector-margin, 6px 4px 0 4px);
  --_selector-width: var(--dnet-paginator-selector-trigger-width, 56px);

  margin: var(--_selector-margin);
  width: var(--_selector-width);
}
.dnet-paginator-page-size-select.dnet-form-field-appearance-outline {
  --_selector-width: var(--dnet-paginator-selector-trigger-outline-width, 64px);
}
.dnet-paginator-page-size-select.dnet-form-field-appearance-fill {
  --_selector-width: var(--dnet-paginator-selector-trigger-fill-width, 64px);
}

.dnet-paginator-range-label {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
.dnet-paginator-range-label.zone4 {
  padding-right: 8px;
  font-size: 0.625rem;
}

.dnet-paginator-range-actions {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
}

.dnet-paginator-icon-button {
  --_icon-button-size: var(--dnet-icon-button-size, 25px);
  --_icon-button-radius: var(--dnet-icon-button-border-radius, 50%);
  --_icon-color: var(--dnet-sys-on-surface);

  padding: 0;
  min-width: 0;
  width: var(--_icon-button-size);
  height: var(--_icon-button-size);
  flex-shrink: 0;
  line-height: var(--_icon-button-size);
  border-radius: var(--_icon-button-radius);
  background-color: transparent;
  color: var(--_icon-color);
  background: 0 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  outline: 0;
  border: none;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
}
.dnet-paginator-icon-button:hover {
  --_hover-background: var(--dnet-sys-state-hover);

  background-color: var(--_hover-background);
}
.dnet-paginator-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.dnet-paginator-icon-button:focus-visible {
  outline: 2px solid var(--dnet-sys-focus-ring) !important;
  outline-offset: 1px;
}

.dnet-paginator-page-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dnet-paginator-page-input {
  --_input-border-bottom: color-mix(in srgb, var(--dnet-sys-on-surface) 15%, transparent);

  width: 40px;
  border-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: transparent;
  transition: none;
  box-shadow: none;
  color: var(--dnet-sys-on-surface);
  border: none;
  border-bottom: 1px solid var(--_input-border-bottom) !important;
  height: 20px;
  outline: none;
  margin: 0 5px 2px 5px;
  text-align: center;
  font-size: 0.75rem;
}
.dnet-paginator-page-input:focus {
  box-shadow: none;
}
.dnet-paginator-page-input:focus-visible {
  border-bottom-color: var(--dnet-sys-focus-ring) !important;
  outline: 2px solid var(--dnet-sys-focus-ring) !important;
  outline-offset: 2px;
}

.control-container {
  display: flex;
  align-items: center;
}

/*! PickList (recorte por offset; editado a mano en 6.0) — generado una vez; a partir de aquí se edita a mano. */
.dnet-pick-list {
  --_border: var(--dnet-picklist-border, var(--pick-list-border, var(--dnet-list-border-color, var(--dnet-sys-border))));
  --_radius: var(--dnet-picklist-radius, var(--pick-list-radius, var(--dnet-list-border-radius, var(--dnet-sys-radius-lg))));
  --_row-height: var(--dnet-picklist-item-height, var(--pick-list-item-height, var(--dnet-list-item-height, var(--dnet-sys-control-height))));
  --_muted: var(--dnet-picklist-muted, var(--pick-list-muted, var(--dnet-list-supporting-text-color, var(--dnet-sys-on-surface-muted))));
  --_hover: var(--dnet-picklist-item-hover, var(--pick-list-item-hover, var(--dnet-list-hover-background-color, var(--dnet-sys-surface-hover))));
  --_background: var(--dnet-picklist-background, var(--pick-list-background, var(--dnet-list-background-color, var(--dnet-sys-transparent))));
  --_foreground: var(--dnet-picklist-foreground, var(--pick-list-foreground, var(--dnet-sys-on-surface)));
  --_item-background: var(--dnet-picklist-item-background, var(--pick-list-item-background, var(--dnet-sys-transparent)));
  --_selected: var(--dnet-picklist-item-selected, var(--pick-list-item-selected, var(--dnet-sys-transparent)));
  --_primary: var(--dnet-picklist-primary, var(--pick-list-primary, var(--dnet-sys-primary)));
  --_scrollbar: var(--dnet-picklist-scrollbar, var(--pick-list-scrollbar, var(--dnet-sys-border-strong)));
  --_content-padding: 20px;
  --_section-gap: 20px;
  background: var(--_background);
  border: 1px solid var(--_border);
  border-radius: var(--_radius);
  box-sizing: border-box;
  color: var(--_foreground);
  display: flex;
  flex-direction: column;
  gap: var(--_section-gap);
  min-width: 0;
  overflow: hidden;
  padding: var(--_content-padding);
  width: 100%;
}

.dnet-pick-list-search {
  --_search-radius: var(--dnet-picklist-search-radius, 15px);
  box-sizing: border-box;
  display: block;
  flex: none;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
}

.dnet-pick-list-search .dnet-form-field-plain-wrapper {
  margin-bottom: 0;
}

.dnet-pick-list-search .dnet-form-field-plain-control-container {
  border-radius: var(--_search-radius);
}

.dnet-pick-list-toolbar,
.dnet-pick-list-actions {
  align-items: center;
  display: flex;
}

.dnet-pick-list-toolbar {
  box-sizing: border-box;
  flex: none;
  gap: 12px;
  justify-content: space-between;
  min-height: var(--dnet-picklist-header-height, var(--pick-list-header-height, var(--dnet-list-header-footer-height, var(--dnet-sys-control-height))));
  padding: 0;
}

.dnet-pick-list-counter {
  font-size: 0.8125rem;
  font-weight: 500;
  min-width: 0;
}

.dnet-pick-list-actions {
  flex: none;
  flex-wrap: wrap;
  gap: 10px;
}

.dnet-pick-list button:not(.dnet-button) {
  background: var(--dnet-sys-transparent);
  border: 0;
  border-radius: var(--dnet-picklist-item-radius, var(--dnet-list-hover-border-radius, var(--dnet-sys-radius-lg)));
  color: var(--_muted);
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem;
  min-height: 32px;
  padding: 4px 8px;
  transition: background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease), color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
}

.dnet-pick-list button:not(.dnet-button):hover:not(:disabled) {
  background: var(--_hover);
  color: var(--_foreground);
}

.dnet-pick-list button:not(.dnet-button):disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.dnet-pick-list-items {
  align-content: start;
  box-sizing: border-box;
  display: grid;
  flex: 1 1 auto;
  max-height: var(--dnet-picklist-items-max-height, var(--pick-list-items-max-height, 250px));
  min-height: 0;
  overflow-y: auto;
  padding: 0;
  row-gap: 2px;
  scrollbar-color: var(--_scrollbar) var(--dnet-picklist-scrollbar-track, var(--dnet-sys-transparent));
  scrollbar-gutter: auto;
  scrollbar-width: thin;
}

.dnet-pick-list-items::-webkit-scrollbar {
  width: 6px;
}

.dnet-pick-list-items::-webkit-scrollbar-thumb {
  background: var(--_scrollbar);
  border-radius: var(--dnet-sys-radius-pill);
}

.dnet-pick-list-item {
  align-items: center;
  background: var(--_item-background);
  border-radius: var(--dnet-picklist-item-radius, var(--dnet-list-hover-border-radius, var(--dnet-sys-radius-lg)));
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-weight: 400;
  min-height: var(--_row-height);
  margin: 0;
  transition: background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
}

.dnet-pick-list-item > .dnet-slide-toggle,
.dnet-pick-list-item > .dnet-slide-toggle > .dnet-slide-toggle-layout {
  width: 100%;
}

.dnet-pick-list-item > .dnet-slide-toggle > .dnet-slide-toggle-layout {
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(var(--dnet-picklist-check-width, var(--dnet-list-check-width, 24px)), max-content);
  min-height: var(--_row-height);
  padding: 5px 0;
}

.dnet-pick-list-item .dnet-slide-toggle-control {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.dnet-pick-list-item:hover {
  background: var(--_hover);
}

.dnet-pick-list-item-selected {
  background: var(--_selected);
}

.dnet-pick-list-item:has(.dnet-slide-toggle-disabled) {
  cursor: wait;
  opacity: 0.65;
}

.dnet-pick-list-item-content {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow: hidden;
}

.dnet-pick-list-footer {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: none;
  justify-content: flex-end;
  min-height: var(--dnet-picklist-footer-height, var(--pick-list-footer-height, var(--dnet-list-header-footer-height, var(--dnet-sys-control-height))));
  overflow: hidden;
  padding: 0;
}

.dnet-pick-list-footer .dnet-paginator {
  max-width: 100%;
  min-width: 0;
}

.dnet-pick-list-footer .dnet-paginator-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 8px;
}

.dnet-pick-list-footer .dnet-paginator-page-container {
  white-space: nowrap;
}

.dnet-pick-list-footer .dnet-paginator-range-label.zone4 {
  flex-basis: 100%;
  padding-inline: 0;
}

.dnet-pick-list-status {
  align-self: center;
  color: var(--_muted);
  margin: 2rem 0;
  padding: 0 1rem;
  text-align: center;
}

.dnet-pick-list button:not(.dnet-button):focus-visible {
  outline: 2px solid var(--_primary);
  outline-offset: 2px;
}

@media (max-width: 30rem) {
  .dnet-pick-list-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .dnet-pick-list-actions {
    align-self: stretch;
    justify-content: flex-end;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dnet-pick-list button,
  .dnet-pick-list-item {
    transition: none;
  }
}

.dnet-pill-tabs {
    --_background: var(--dnet-pill-tabs-background, var(--dnet-sys-surface));
    --_foreground: var(--dnet-pill-tabs-foreground, var(--dnet-sys-on-surface));
    --_selected-background: var(--dnet-pill-tabs-selected-background, var(--dnet-sys-primary-emphasis));
    --_selected-foreground: var(--dnet-pill-tabs-selected-foreground, var(--dnet-sys-on-primary));
    --_hover-background: var(--dnet-pill-tabs-hover-background, var(--dnet-sys-state-hover));
    --_badge-background: var(--dnet-pill-tabs-badge-background, var(--dnet-sys-surface-hover));
    --_badge-selected-background: var(--dnet-pill-tabs-badge-selected-background, color-mix(in srgb, currentColor 22%, transparent));
    --_radius: var(--dnet-pill-tabs-radius, var(--dnet-sys-radius-pill));
    --_padding: var(--dnet-pill-tabs-padding, var(--dnet-sys-space-1));
    --_tab-height: var(--dnet-pill-tabs-tab-height, var(--dnet-sys-control-height-sm));
    --_font-size: var(--dnet-pill-tabs-font-size, var(--dnet-sys-text-md));
    --_shadow: var(--dnet-pill-tabs-shadow, var(--dnet-sys-elevation-1));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--dnet-sys-space-3);
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    box-sizing: border-box;
    font-family: var(--dnet-sys-font);
}

.dnet-pill-tabs-viewport {
    display: block;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    border-radius: var(--_radius);
    background: var(--_background);
    box-shadow: var(--_shadow);
}

.dnet-pill-tabs-list {
    --_fade-left: 0px;
    --_fade-right: 0px;
    display: flex;
    align-items: center;
    gap: var(--dnet-sys-space-1);
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    padding: var(--_padding);
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-padding-inline: calc(var(--dnet-sys-space-5) + var(--_padding));
    border-radius: var(--_radius);
    background: var(--_background);
    -webkit-mask-image: linear-gradient(to right, transparent, currentColor var(--_fade-left),
        currentColor calc(100% - var(--_fade-right)), transparent);
            mask-image: linear-gradient(to right, transparent, currentColor var(--_fade-left),
        currentColor calc(100% - var(--_fade-right)), transparent);
}

.dnet-pill-tabs-list::-webkit-scrollbar {
    display: none;
}

.dnet-pill-tabs-overflow-left > .dnet-pill-tabs-list {
    --_fade-left: var(--dnet-sys-space-5);
}

.dnet-pill-tabs-overflow-right > .dnet-pill-tabs-list {
    --_fade-right: var(--dnet-sys-space-5);
}

.dnet-pill-tabs-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--dnet-sys-space-2);
    flex: 0 0 auto;
    min-block-size: var(--_tab-height);
    min-inline-size: 0;
    box-sizing: border-box;
    margin: 0;
    padding: var(--dnet-sys-space-1) var(--dnet-sys-space-3);
    border: 0;
    border-radius: var(--_radius);
    background: var(--dnet-sys-transparent);
    color: var(--_foreground);
    font: inherit;
    font-size: var(--_font-size);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color var(--dnet-sys-motion-fast), color var(--dnet-sys-motion-fast);
}

.dnet-pill-tabs-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-inline-size: 20px;
    block-size: 20px;
    box-sizing: border-box;
    padding-inline: 5px;
    border-radius: var(--_radius);
    background: var(--_badge-background);
    font-size: calc(var(--_font-size) * .85714286);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.dnet-pill-tabs-tab:hover:not(:disabled):not([aria-selected="true"]):not([aria-pressed="true"]) {
    background: var(--_hover-background);
}

.dnet-pill-tabs-tab[aria-selected="true"],
.dnet-pill-tabs-tab[aria-pressed="true"] {
    background: var(--_selected-background);
    color: var(--_selected-foreground);
}

.dnet-pill-tabs-tab[aria-selected="true"] .dnet-pill-tabs-count,
.dnet-pill-tabs-tab[aria-pressed="true"] .dnet-pill-tabs-count {
    background: var(--_badge-selected-background);
}

.dnet-pill-tabs-tab:focus-visible,
.dnet-pill-tabs-panel:focus-visible {
    outline: 2px solid var(--dnet-sys-focus-ring);
    outline-offset: 2px;
}

.dnet-pill-tabs-tab:disabled {
    color: var(--dnet-sys-state-disabled-fg);
    cursor: not-allowed;
}

.dnet-pill-tabs-panel {
    inline-size: 100%;
    min-inline-size: 0;
}

.dnet-pill-tabs-panel[hidden] {
    display: none;
}

/* Width variants follow the base rules so they can override intrinsic sizing. */
.dnet-pill-tabs-full-width,
.dnet-pill-tabs-full-width > .dnet-pill-tabs-viewport,
.dnet-pill-tabs-full-width > .dnet-pill-tabs-viewport > .dnet-pill-tabs-list {
    inline-size: 100%;
}

.dnet-pill-tabs-full-width > .dnet-pill-tabs-viewport > .dnet-pill-tabs-list > .dnet-pill-tabs-tab {
    flex: 1 0 auto;
}

@media (prefers-reduced-motion: reduce) {
    .dnet-pill-tabs-tab {
        transition: none;
    }
}

/*! RadioButton — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-radio-button {
  --_size: var(--dnet-radio-button-size, 20px);
  --_border-width: var(--dnet-radio-button-border-width, 1px);
  --_checked-background: var(--dnet-radio-button-background, var(--dnet-sys-primary-strong));
  --_font-size: var(--dnet-radio-button-font-size, var(--dnet-sys-text-md));
  --_label-gap: 10px;
  --_disabled-fg: color-mix(in srgb, var(--dnet-sys-on-surface-subtle) 70.3%, var(--dnet-sys-surface));

  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}

.dnet-radio-disabled, .dnet-radio-disabled .dnet-radio-label {
  cursor: default;
}

.dnet-radio-button.dnet-radio-disabled.dnet-radio-checked .dnet-radio-outer-circle, .dnet-radio-button.dnet-radio-disabled .dnet-radio-outer-circle {
  border-color: var(--_disabled-fg);
}

.dnet-radio-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  /*display: inline-flex;*/
  /*align-items: center;*/
  white-space: nowrap;
  /*vertical-align: middle;*/
  width: 100%;
  font-size: var(--_font-size);
  display: grid;
  align-items: center;
  gap: var(--_label-gap);
}
.dnet-radio-label.text-after {
  grid-template-areas: "one two";
}
.dnet-radio-label.text-before {
  grid-template-areas: "two one";
}

.dnet-radio-button.dnet-radio-disabled .dnet-radio-label-content {
  color: var(--_disabled-fg);
}

.dnet-radio-container {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: var(--_size);
  height: var(--_size);
  flex-shrink: 0;
  grid-area: one;
}

.dnet-radio-button.dnet-accent.dnet-radio-checked .dnet-radio-outer-circle {
  border-color: var(--_checked-background);
}

.dnet-radio-outer-circle {
  box-sizing: border-box;
  display: block;
  height: var(--_size);
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color ease 280ms;
  width: var(--_size);
  border-width: var(--_border-width);
  border-style: solid;
  border-radius: 50%;
}

.dnet-radio-button.dnet-accent.dnet-radio-checked .dnet-radio-persistent-ripple, .dnet-radio-button.dnet-accent .dnet-radio-inner-circle, .dnet-radio-button.dnet-accent .dnet-radio-ripple .dnet-ripple-element:not(.dnet-radio-persistent-ripple), .dnet-radio-button.dnet-accent:active .dnet-radio-persistent-ripple {
  background-color: var(--_checked-background);
}

.dnet-radio-checked .dnet-radio-inner-circle {
  transform: scale(0.5);
  opacity: 1;
  transition: transform ease 280ms, background-color ease 280ms;
}

.dnet-radio-button.dnet-accent.dnet-radio-checked .dnet-radio-outer-circle {
  border-color: var(--_checked-background);
}

.dnet-radio-inner-circle {
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: var(--_size);
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: transform ease 280ms, background-color ease 280ms, opacity linear 1ms 280ms;
  width: var(--_size);
  transform: scale(0.001);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.dnet-radio-input {
  bottom: 0;
  left: 50%;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.dnet-radio-button .dnet-radio-ripple {
  position: absolute;
  left: calc(50% - var(--_size));
  top: calc(50% - var(--_size));
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none;
}

.dnet-focus-indicator, .dnet-mdc-focus-indicator {
  position: relative;
}

.dnet-ripple:not(:empty) {
  transform: translateZ(0);
}

.dnet-ripple {
  overflow: hidden;
  position: relative;
}

.dnet-radio-persistent-ripple, .dnet-radio-disabled .dnet-radio-container:hover .dnet-radio-persistent-ripple {
  opacity: 0;
}

.dnet-radio-persistent-ripple {
  width: 100%;
  height: 100%;
  transform: none;
  top: 0;
  left: 0;
}

.dnet-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}

.dnet-radio-label-content {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  display: inline-block;
  order: 0;
  line-height: inherit;
  padding-right: 0;
  grid-area: two;
  padding-top: 1px;
}

/* Keep label-free indicators at their existing size. Variants follow the base. */
.dnet-radio-no-label {
  --_label-gap: 5px;
}

.dnet-skeleton {
    --_background: var(--dnet-skeleton-background, color-mix(in srgb, var(--dnet-sys-on-surface) 12%, var(--dnet-sys-surface)));
    --_highlight: var(--dnet-skeleton-highlight, color-mix(in srgb, var(--dnet-sys-on-surface) 20%, var(--dnet-sys-surface)));
    --_radius: var(--dnet-skeleton-border-radius, var(--dnet-sys-radius-sm));
    --_width: var(--dnet-skeleton-width, 100%);
    --_height: var(--dnet-skeleton-height, 1rem);
    --_duration: var(--dnet-skeleton-animation-duration, 1.5s);
    position: relative;
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    inline-size: var(--_width);
    block-size: var(--_height);
    flex-shrink: 0;
}

.dnet-skeleton-content {
    display: flow-root;
    min-inline-size: 0;
}

.dnet-skeleton[data-visible="true"] {
    overflow: clip;
    border-radius: var(--_radius);
}

.dnet-skeleton[data-visible="true"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background-color: var(--_background);
    pointer-events: none;
}

.dnet-skeleton[data-visible="true"][data-animate="true"]::before {
    animation: dnet-skeleton-pulse var(--_duration) ease-in-out infinite alternate;
}

.dnet-skeleton[data-visible="true"] > .dnet-skeleton-content {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

/* Variants follow the base rule so geometry defaults can be overridden. */
.dnet-skeleton-with-content {
    --_height: var(--dnet-skeleton-height, auto);
}

.dnet-skeleton-circle {
    --_radius: 50%;
    inline-size: var(--_height);
    block-size: auto;
    min-block-size: 0;
    max-inline-size: none;
    aspect-ratio: 1;
}

/* A circle needs a definite size even when it wraps content. */
.dnet-skeleton-circle.dnet-skeleton-with-content {
    --_height: var(--dnet-skeleton-height, 1rem);
}

@keyframes dnet-skeleton-pulse {
    from { background-color: var(--_background); }
    to { background-color: var(--_highlight); }
}

@media (prefers-reduced-motion: reduce) {
    .dnet-skeleton[data-visible="true"][data-animate="true"]::before {
        animation: none;
    }
}

/* Modern ring spinner, based on the loading indicator used by Vitara. */
.dnet-spinner-mask {
  --_background: var(--dnet-spinner-mask-background, color-mix(in srgb, var(--dnet-sys-on-surface) 16%, transparent));

  inset: 0;
  z-index: 100000;
  background: var(--_background);
}

.dnet-spinner {
  --_color: var(--dnet-spinner-color, var(--dnet-sys-primary-content));
  --_size: 22.4px;
  --_stroke-width: 5.6px;

  z-index: 100001;
  width: var(--_size);
  height: var(--_size);
  transform: translate(-50%, -50%);
}

.dnet-spinner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: var(--_stroke-width) solid var(--_color);
  border-radius: 50%;
  box-shadow: 0 -33.6px 0 -5.6px var(--_color);
  animation: dnet-spinner-reveal 0.7s backwards, dnet-spinner-rotate 1.8s 0.7s infinite ease;
}

@keyframes dnet-spinner-reveal {
  from {
    box-shadow: 0 0 0 -5.6px var(--_color);
  }
}

@keyframes dnet-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dnet-spinner::before {
    animation: none;
  }
}

.dnet-spoiler {
    --_control-color: var(--dnet-spoiler-control-color, var(--dnet-sys-primary-content));
    --_control-hover-color: var(--dnet-spoiler-control-hover-color, color-mix(in srgb, var(--_control-color) 75%, var(--dnet-sys-on-surface)));
    --_control-font-size: var(--dnet-spoiler-control-font-size, var(--dnet-sys-text-md));
    --_gap: var(--dnet-spoiler-gap, var(--dnet-sys-space-2));
    --_duration: var(--dnet-spoiler-transition-duration, var(--dnet-sys-motion-normal));
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    font-family: var(--dnet-sys-font);
}

.dnet-spoiler-viewport {
    --_height: auto;
    min-inline-size: 0;
    outline: none;
}

.dnet-spoiler-body {
    display: flow-root;
}

.dnet-spoiler-toggle {
    display: none;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 100%;
    margin: var(--_gap) 0 0;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
    padding: 0;
    border: 0;
    border-radius: var(--dnet-sys-radius-sm);
    background: var(--dnet-sys-transparent);
    color: var(--_control-color);
    font: inherit;
    font-size: var(--_control-font-size);
    font-weight: 600;
    line-height: 1.5;
    text-align: start;
    cursor: pointer;
    touch-action: manipulation;
}

.dnet-spoiler-toggle:hover {
    color: var(--_control-hover-color);
    text-decoration: underline;
}

.dnet-spoiler-toggle:focus-visible,
.dnet-spoiler-viewport:focus-visible {
    /* The legacy bundle resets focus outlines; a shadow keeps this ring visible. */
    box-shadow: 0 0 0 2px var(--dnet-sys-focus-ring);
}

/* Without JavaScript, render all content and hide the inoperative control. */
.dnet-spoiler[data-overflow="true"] > .dnet-spoiler-viewport {
    block-size: var(--_height);
    overflow: hidden;
    transition: block-size var(--_duration) var(--dnet-sys-motion-ease);
}

.dnet-spoiler[data-overflow="true"] > .dnet-spoiler-toggle {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .dnet-spoiler[data-overflow="true"] > .dnet-spoiler-viewport {
        transition: none;
    }
}

/*! Stepper — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-stepper-vertical, .dnet-stepper-horizontal {
  display: block;
}

.dnet-stepper-horizontal, .dnet-stepper-vertical {
  --_font-size: var(--dnet-step-font-size, var(--dnet-sys-text-md));

  background-color: var(--dnet-sys-surface);
}

.dnet-horizontal-stepper-header-container {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.dnet-step-header {
  overflow: hidden;
  outline: none;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
  -webkit-tap-highlight-color: transparent;
}

.dnet-horizontal-stepper-header {
  display: flex;
  height: 72px;
  overflow: hidden;
  align-items: center;
  padding: 0 24px;
}

.dnet-step-header .dnet-step-icon {
  background-color: var(--dnet-sys-on-surface-subtle);
  color: var(--dnet-sys-on-primary);
}

.dnet-horizontal-stepper-header .dnet-step-icon {
  margin-right: 8px;
  flex: none;
}

.dnet-step-header .dnet-step-icon-selected, .dnet-step-header .dnet-step-icon-state-done, .dnet-step-header .dnet-step-icon-state-edit {
  background-color: var(--dnet-sys-primary-emphasis);
  color: var(--dnet-sys-on-primary);
}

.dnet-step-header.dnet-step-selected .dnet-step-icon {
  background-color: var(--dnet-sys-primary-emphasis);
  color: var(--dnet-sys-on-primary);
}

.dnet-step-icon {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dnet-step-icon-content, .dnet-step-icon .dnet-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dnet-step-header .dnet-step-label.dnet-step-label-active {
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-step-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 50px;
  vertical-align: middle;
  font-size: var(--_font-size);
}

.dnet-step-label-selected {
  font-size: var(--_font-size);
}

.dnet-step-header.dnet-step-selected .dnet-step-label {
  font-size: var(--_font-size);
}

.dnet-step-text-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.dnet-step-header .dnet-step-label.dnet-step-label-active {
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-stepper-horizontal-line {
  --_line-color: color-mix(in srgb, var(--dnet-sys-on-surface) 19.4%, transparent);

  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 -16px;
  min-width: 32px;
}

.dnet-horizontal-stepper-header:after, .dnet-horizontal-stepper-header:before, .dnet-stepper-horizontal-line {
  border-top-color: var(--_line-color);
}

.dnet-horizontal-content-container {
  overflow: hidden;
  padding: 0 24px 24px 24px;
}

.dnet-horizontal-stepper-content {
  outline: 0;
}

.dnet-vertical-stepper-header {
  display: flex;
  align-items: center;
  height: 24px;
}

.dnet-stepper-label-position-bottom .dnet-horizontal-stepper-header, .dnet-vertical-stepper-header {
  padding: 24px;
}

.dnet-vertical-stepper-header .dnet-step-icon {
  margin-right: 12px;
}

.dnet-vertical-content-container {
  margin-left: 36px;
  border: 0;
  position: relative;
}

.dnet-vertical-stepper-content {
  overflow: hidden;
  outline: 0;
}

.dnet-vertical-content {
  padding: 0 24px 24px 24px;
}

.dnet-stepper-vertical-line::before {
  --_line-color: color-mix(in srgb, var(--dnet-sys-on-surface) 19.4%, transparent);

  content: "";
  position: absolute;
  left: 0;
  border-left-width: 1px;
  border-left-style: solid;
  top: -16px;
  bottom: -16px;
  border-left-color: var(--_line-color);
}

/*! Sass Tabs (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.mat-tab-body-content {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.mat-tab-group-dynamic-height .mat-tab-body-content {
  overflow: hidden;
}

.mat-tab-group {
  --_background: var(--dnet-tabs-background, var(--dnet-sys-surface));
  --_foreground: var(--dnet-tabs-foreground, var(--dnet-sys-on-surface));
  --_disabled-foreground: var(--dnet-tabs-disabled-foreground, var(--dnet-sys-on-surface-muted));
  --_indicator: var(--dnet-tabs-indicator-color, var(--dnet-sys-primary-emphasis));
  --_padding: var(--dnet-tabs-padding, 24px);

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: var(--_padding);
  background-color: var(--_background);
  color: var(--_foreground);
}
.mat-tab-group.mat-tab-group-inverted-header {
  flex-direction: column-reverse;
}

@media (max-width: 600px) {
  .mat-tab-group {
    --_padding: var(--dnet-tabs-padding, 20px);
  }
}

.mat-tab-label {
  height: 48px;
  padding: 0 24px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0.6;
  min-width: 160px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.mat-tab-label:focus {
  outline: none;
}
.mat-tab-label:focus:not(.mat-tab-disabled) {
  opacity: 1;
}
.cdk-high-contrast-active .mat-tab-label:focus {
  outline: dotted 2px;
  outline-offset: -2px;
}

.mat-tab-label.mat-tab-disabled {
  cursor: default;
  color: var(--_disabled-foreground);
}
.mat-tab-label .mat-tab-label-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.cdk-high-contrast-active .mat-tab-label {
  opacity: 1;
}

@media (max-width: 599px) {
  .mat-tab-label {
    padding: 0 12px;
  }
}
@media (max-width: 959px) {
  .mat-tab-label {
    padding: 0 12px;
  }
}
.mat-tab-group[mat-stretch-tabs] > .mat-tab-header .mat-tab-label {
  flex-basis: 0;
  flex-grow: 1;
}

.mat-tab-body-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
  height: 100%;
}
._mat-animation-noopable.mat-tab-body-wrapper {
  transition: none;
  animation: none;
}

.mat-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  flex-basis: 100%;
}
.mat-tab-body.mat-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
}
.mat-tab-group.mat-tab-group-dynamic-height .mat-tab-body.mat-tab-body-active {
  overflow-y: hidden;
}

.mat-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--dnet-sys-on-surface) 19.4%, transparent);
}

.mat-tab-header-pagination {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
  border: none;
  background: none;
  color: var(--_foreground);
  padding: 0;
  padding-bottom: 2px;
}
.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
  display: flex;
}

.mat-tab-header-pagination-before, .mat-tab-header-rtl .mat-tab-header-pagination-after {
  padding-left: 4px;
}
.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron, .mat-tab-header-rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
  transform: rotate(-135deg);
}

.mat-tab-header-rtl .mat-tab-header-pagination-before, .mat-tab-header-pagination-after {
  padding-right: 4px;
}
.mat-tab-header-rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron, .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
  transform: rotate(45deg);
}

.mat-tab-header-pagination-chevron {
  border-style: solid;
  border-color: currentColor;
  border-width: 1px 1px 0 0;
  content: "";
  height: 8px;
  width: 8px;
}

.mat-tab-header-pagination-disabled {
  box-shadow: none;
  cursor: default;
}

.mat-tab-list {
  flex-grow: 1;
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.mat-ink-bar {
  position: absolute;
  bottom: 0;
  height: 2px;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
._mat-animation-noopable.mat-ink-bar {
  transition: none;
  animation: none;
}

.mat-tab-group-inverted-header .mat-ink-bar {
  bottom: auto;
  top: 0;
}
.cdk-high-contrast-active .mat-ink-bar {
  outline: solid 2px;
  height: 0;
}

.mat-tab-labels {
  display: flex;
}
[mat-align-tabs=center] .mat-tab-labels {
  justify-content: center;
}
[mat-align-tabs=end] .mat-tab-labels {
  justify-content: flex-end;
}

.mat-tab-label-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}

._mat-animation-noopable.mat-tab-list {
  transition: none;
  animation: none;
}

.mat-tab-label {
  height: 48px;
  padding: 0 24px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0.6;
  min-width: 160px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
  border-bottom: 2px solid;
  border-bottom-color: transparent;
}
.mat-tab-label:focus {
  outline: none;
}
.mat-tab-label:focus:not(.mat-tab-disabled) {
  opacity: 1;
}
.cdk-high-contrast-active .mat-tab-label:focus {
  outline: dotted 2px;
  outline-offset: -2px;
}

.mat-tab-label.mat-tab-disabled {
  cursor: default;
  color: var(--_disabled-foreground);
}
.mat-tab-label .mat-tab-label-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.cdk-high-contrast-active .mat-tab-label {
  opacity: 1;
}

@media (max-width: 599px) {
  .mat-tab-label {
    min-width: 72px;
  }
}
.mat-tab-label-active {
  border-bottom: 2px solid var(--_indicator);
}

/*! Toast — superficie elevada, estados por acento y progreso accesible. */

.dnet-toast-stack {
  --_stack-gap: var(--dnet-toast-stack-gap, var(--dnet-sys-space-3));
  --_stack-inset: var(--dnet-toast-stack-inset, var(--dnet-sys-space-5));
  --_stack-z: var(--dnet-toast-stack-z, 1000);
  --_stack-width: var(--dnet-toast-width, 392px);

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--_stack-gap);
  max-height: calc(100dvh - var(--_stack-inset) * 2);
  max-width: calc(100vw - var(--_stack-inset) * 2);
  pointer-events: none;
  width: var(--_stack-width);
  z-index: var(--_stack-z);
}

.dnet-toast-stack[data-position^="top"] {
  flex-direction: column-reverse;
}

.dnet-toast-region {
  display: contents;
}

.dnet-toast {
  --_bg: var(--dnet-toast-bg-info, var(--dnet-toast-bg, var(--dnet-sys-surface-raised)));
  --_fg: var(--dnet-toast-fg, var(--dnet-sys-on-surface));
  --_fg-muted: var(--dnet-toast-fg-muted, var(--dnet-sys-on-surface-muted));
  --_border: var(--dnet-toast-border, var(--dnet-sys-border));
  --_radius: var(--dnet-toast-radius, var(--dnet-toast-border-radius, var(--dnet-sys-radius-lg)));
  --_shadow: var(--dnet-toast-shadow, var(--dnet-sys-elevation-3));
  --_accent: var(--dnet-toast-accent, var(--dnet-toast-bg-info, var(--dnet-sys-primary)));
  --_icon-bg: var(--dnet-toast-icon-bg, color-mix(in srgb, var(--_accent) 13%, var(--dnet-sys-transparent)));
  --_icon-size: var(--dnet-toast-icon-size, 32px);
  --_pad: var(--dnet-toast-padding, var(--dnet-sys-space-4));
  --_width: var(--dnet-toast-width, 392px);
  --_bar-h: var(--dnet-toast-progress-height, 2px);
  --_margin: var(--dnet-toast-margin, 0);
  --_duration: 5000ms;

  align-items: flex-start;
  background: var(--_bg);
  border: var(--dnet-sys-border-width) solid var(--_border);
  border-radius: var(--_radius);
  box-shadow: var(--_shadow);
  box-sizing: border-box;
  color: var(--_fg);
  display: flex;
  font-family: var(--dnet-sys-font);
  gap: var(--dnet-sys-space-3);
  margin: var(--_margin);
  max-width: 100%;
  overflow: hidden;
  padding: var(--_pad);
  pointer-events: auto;
  position: relative;
  width: var(--_width);
}

.dnet-toast[data-severity="success"] {
  --_accent: var(--dnet-toast-accent, var(--dnet-toast-bg-success, var(--dnet-sys-success)));
  --_bg: var(--dnet-toast-bg-success, var(--dnet-toast-bg, var(--dnet-sys-surface-raised)));
}

.dnet-toast[data-severity="warning"] {
  --_accent: var(--dnet-toast-accent, var(--dnet-toast-bg-warning, var(--dnet-sys-warning)));
  --_bg: var(--dnet-toast-bg-warning, var(--dnet-toast-bg, var(--dnet-sys-surface-raised)));
}

.dnet-toast[data-severity="error"] {
  --_accent: var(--dnet-toast-accent, var(--dnet-toast-bg-danger, var(--dnet-sys-danger)));
  --_bg: var(--dnet-toast-bg-danger, var(--dnet-toast-bg, var(--dnet-sys-surface-raised)));
}

.dnet-toast[data-compact] {
  --_icon-size: 24px;

  align-items: center;
  min-width: 260px;
  padding-block: var(--dnet-sys-space-3);
  width: auto;
}

.dnet-toast__icon {
  align-items: center;
  background: var(--_icon-bg);
  border-radius: var(--dnet-sys-radius-md);
  color: var(--_accent);
  display: flex;
  flex: 0 0 auto;
  height: var(--_icon-size);
  justify-content: center;
  width: var(--_icon-size);
}

.dnet-toast__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--dnet-sys-space-1);
  min-width: 0;
}

.dnet-toast__title {
  font-size: var(--dnet-sys-text-md);
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.dnet-toast__message {
  color: var(--_fg-muted);
  font-size: var(--dnet-sys-text-sm);
  line-height: 1.5;
  margin: 0;
  overflow-wrap: anywhere;
}

.dnet-toast__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dnet-sys-space-4);
  margin-top: var(--dnet-sys-space-2);
}

.dnet-toast__action {
  font-weight: 600;
}

.dnet-toast__action[data-quiet] {
  font-weight: 400;
}

.dnet-toast__close:focus-visible,
.dnet-toast:focus-visible {
  outline: 2px solid var(--dnet-sys-focus-ring);
  outline-offset: 2px;
}

.dnet-toast__close {
  align-items: center;
  align-self: flex-start;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  border-radius: var(--dnet-sys-radius-sm);
  color: var(--_fg-muted);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: 26px;
  justify-content: center;
  padding: 0;
  width: 26px;
}

.dnet-toast__close:hover {
  background: color-mix(in srgb, var(--_fg) 7%, var(--dnet-sys-transparent));
  color: var(--_fg);
}

.dnet-toast-icon {
  background-color: currentColor;
  cursor: pointer;
  display: block;
  height: 18px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 18px 18px;
  width: 18px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
}

.dnet-toast__close .dnet-toast-icon {
  height: 16px;
  mask-size: 16px 16px;
  width: 16px;
  -webkit-mask-size: 16px 16px;
}

.dnet-toast__progress {
  background: color-mix(in srgb, var(--_accent) 16%, var(--dnet-sys-transparent));
  bottom: 0;
  height: var(--_bar-h);
  left: 0;
  position: absolute;
  right: 0;
}

.dnet-toast__progress-bar {
  animation: dnet-toast-progress var(--_duration, 5000ms) linear forwards;
  background: var(--_accent);
  display: block;
  height: 100%;
  transform-origin: left center;
  width: 100%;
}

.dnet-toast:hover .dnet-toast__progress-bar,
.dnet-toast:focus-within .dnet-toast__progress-bar {
  animation-play-state: paused;
}

.dnet-toast[data-state="open"] {
  animation: dnet-toast-in var(--dnet-sys-motion-normal) var(--dnet-sys-motion-ease) both;
}

.dnet-toast[data-state="closing"] {
  animation: dnet-toast-out var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease) both;
}

@keyframes dnet-toast-progress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

@keyframes dnet-toast-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes dnet-toast-out {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateY(4px) scale(0.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dnet-toast[data-state] {
    animation: none;
  }
}

.dnet-toast-close-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 11.291l5.646-5.646.708.707-5.647 5.646 5.647 5.647-.707.707L12 12.705l-5.646 5.647-.708-.707 5.647-5.647-5.647-5.646.708-.707L12 11.29z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 11.291l5.646-5.646.708.707-5.647 5.646 5.647 5.647-.707.707L12 12.705l-5.646 5.647-.708-.707 5.647-5.647-5.647-5.646.708-.707L12 11.29z'/></svg>");
}

.dnet-toast-success-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2 12.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zm14.882-3.177l-5.35 6.323a1 1 0 0 1-.764.354h-.538a1 1 0 0 1-.76-.35l-2.85-3.325.76-.65L10.23 15h.538l5.35-6.323.764.646z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2 12.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zm14.882-3.177l-5.35 6.323a1 1 0 0 1-.764.354h-.538a1 1 0 0 1-.76-.35l-2.85-3.325.76-.65L10.23 15h.538l5.35-6.323.764.646z'/></svg>");
}

.dnet-toast-info-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2 12.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM11 9V7.5h1V9h-1zm0 8.5v-7h1v7h-1z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2 12.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM11 9V7.5h1V9h-1zm0 8.5v-7h1v7h-1z'/></svg>");
}

.dnet-toast-danger-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 3.293A1 1 0 0 1 7.707 3h7.586a1 1 0 0 1 .707.293L20.707 8a1 1 0 0 1 .293.707v7.586a1 1 0 0 1-.293.707L16 21.707a1 1 0 0 1-.707.293H7.707A1 1 0 0 1 7 21.707l.354-.353-.354.353L2.293 17A1 1 0 0 1 2 16.293V8.707A1 1 0 0 1 2.293 8L7 3.293zM15.293 4H7.707L3 8.707v7.586L7.707 21h7.586L20 16.293V8.707L15.293 4zM11 14.5v-7h1v7h-1zm0 3V16h1v1.5h-1z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 3.293A1 1 0 0 1 7.707 3h7.586a1 1 0 0 1 .707.293L20.707 8a1 1 0 0 1 .293.707v7.586a1 1 0 0 1-.293.707L16 21.707a1 1 0 0 1-.707.293H7.707A1 1 0 0 1 7 21.707l.354-.353-.354.353L2.293 17A1 1 0 0 1 2 16.293V8.707A1 1 0 0 1 2.293 8L7 3.293zM15.293 4H7.707L3 8.707v7.586L7.707 21h7.586L20 16.293V8.707L15.293 4zM11 14.5v-7h1v7h-1zm0 3V16h1v1.5h-1z'/></svg>");
}

.dnet-toast-warning-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.919 2.523A1 1 0 0 1 10.798 2h1.405a1 1 0 0 1 .879.523l9.214 16.973a1 1 0 0 1-.047 1.032l-.684 1.027a1 1 0 0 1-.832.445H2.268a1 1 0 0 1-.832-.445l.416-.278-.416.278-.685-1.027a1 1 0 0 1-.046-1.032L9.919 2.523zM12.203 3h-1.405L1.583 19.974 2.268 21h18.465l.684-1.026L12.203 3zM11 15V8h1v7h-1zm0 3v-1.5h1V18h-1z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.919 2.523A1 1 0 0 1 10.798 2h1.405a1 1 0 0 1 .879.523l9.214 16.973a1 1 0 0 1-.047 1.032l-.684 1.027a1 1 0 0 1-.832.445H2.268a1 1 0 0 1-.832-.445l.416-.278-.416.278-.685-1.027a1 1 0 0 1-.046-1.032L9.919 2.523zM12.203 3h-1.405L1.583 19.974 2.268 21h18.465l.684-1.026L12.203 3zM11 15V8h1v7h-1zm0 3v-1.5h1V18h-1z'/></svg>");
}

/*! Tooltip — migrado a tokens (6.0). Generado una vez; se edita a mano.
   Los colores se derivan de roles sys para que se inviertan solos en tema
   oscuro (superficie inversa): fondo = on-surface al 90%, texto = surface. */

.dnet-tooltip-panel {
  pointer-events: none !important;
}

.dnet-tooltip {
  --_background: var(--dnet-tooltip-background, var(--dnet-sys-surface-inverse));
  --_foreground: var(--dnet-tooltip-foreground, var(--dnet-sys-surface));
  --_radius: var(--dnet-tooltip-border-radius, var(--dnet-sys-radius-lg));
  --_max-width: var(--dnet-tooltip-max-width, 250px);
  --_h-padding: var(--dnet-tooltip-horizontal-padding, var(--dnet-sys-space-3));
  --_v-padding: var(--dnet-tooltip-vertical-padding, var(--dnet-sys-space-2));
  --_font-size: var(--dnet-tooltip-font-size, var(--dnet-sys-text-sm));
  --_shadow: var(--dnet-tooltip-shadow, var(--dnet-sys-elevation-2));
  --_motion: var(--dnet-tooltip-motion, var(--dnet-sys-motion-fast));
  --_min-height: var(--dnet-sys-text-input-min-height);
  --_arrow-size: 8px;

  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: var(--_foreground);
  background: var(--_background);
  border-radius: var(--_radius);
  box-shadow: var(--_shadow);
  margin: 0;
  max-width: var(--_max-width);
  min-height: var(--_min-height);
  padding-left: var(--_h-padding);
  padding-right: var(--_h-padding);
  overflow: visible;
  font-size: var(--_font-size);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  padding-top: var(--_v-padding);
  padding-bottom: var(--_v-padding);
  animation: dnet-tooltip-in var(--_motion) var(--dnet-sys-motion-ease);
}

.dnet-tooltip-content {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dnet-tooltip::after {
  content: "";
  position: absolute;
  width: calc(var(--_arrow-size) * 2);
  height: var(--_arrow-size);
  background: inherit;
  pointer-events: none;
}

.dnet-tooltip-panel.dnet-tooltip-above .dnet-tooltip::after {
  top: calc(100% - 1px);
  left: 50%;
  height: calc(var(--_arrow-size) + 1px);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}

.dnet-tooltip-panel.dnet-tooltip-below .dnet-tooltip::after {
  bottom: calc(100% - 1px);
  left: 50%;
  height: calc(var(--_arrow-size) + 1px);
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  transform: translateX(-50%);
}

.dnet-tooltip-panel.dnet-tooltip-left .dnet-tooltip::after {
  top: 50%;
  left: calc(100% - 1px);
  width: calc(var(--_arrow-size) + 1px);
  height: calc(var(--_arrow-size) * 2);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translateY(-50%);
}

.dnet-tooltip-panel.dnet-tooltip-right .dnet-tooltip::after {
  top: 50%;
  right: calc(100% - 1px);
  width: calc(var(--_arrow-size) + 1px);
  height: calc(var(--_arrow-size) * 2);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
          clip-path: polygon(100% 0, 100% 100%, 0 50%);
  transform: translateY(-50%);
}

.dnet-tooltip-panel.dnet-tooltip-start .dnet-tooltip::after {
  left: var(--_arrow-size);
  right: auto;
  transform: none;
}

.dnet-tooltip-panel.dnet-tooltip-end .dnet-tooltip::after {
  right: var(--_arrow-size);
  left: auto;
  transform: none;
}

@keyframes dnet-tooltip-in {
  from {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dnet-tooltip {
    animation: none;
  }
}

/*! Tree — migrado a tokens (6.0). Generado una vez; se edita a mano. */

ul[role=tree] li ul {
  background-color: transparent;
}

.dnet-tree-parent-node {
  display: flex;
  align-items: center;
  gap: var(--dnet-sys-space-2);
  margin-bottom: 5px;
}

.dnet-tree-parent-node > .dnet-checkbox {
  flex: 0 0 auto;
}

.dnet-tree-parent-node > .dnet-checkbox .dnet-checkbox-layout {
  margin: 0;
}

.dnet-tree-node-selector {
  margin-right: 5px;
}

.dnet-tree-content {
  align-items: center;
  display: flex;
  font-size: var(--dnet-tree-font-size, var(--dnet-sys-text-md));
  min-height: var(--dnet-tree-icon-width, 25px);
}

.dnet-tree-node-outlet {
  display: none;
  padding-left: 40px;
}
.dnet-tree-node-outlet.open {
  display: block;
}
.dnet-tree-node-outlet .dnet-tree-icon-dummy {
  width: 0px;
  height: 0px;
}
.dnet-tree-node-outlet ul {
  width: 100%;
}

.dnet-tree-icon-wrapper {
  --_icon-size: var(--dnet-tree-icon-width, 25px);

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: var(--_icon-size);
  height: var(--_icon-size);
  padding: 0;
  border: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.dnet-tree-icon-wrapper:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}

/* Iconos funcionales monocromos (R9): mask-image + background-color. */
.dnet-tree-icon {
  display: block;
  background-color: var(--dnet-sys-on-surface);
  height: 1em;
  width: 1em;
  cursor: pointer;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
}

.dnet-icon-node-close {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
}

.dnet-icon-node-open {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.dnet-tree-icon-dummy {
  width: 25px;
  height: 25px;
}

/*! Sass DatePickerWeek (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.dnet-datepickerweek-content {
  --_week-day-size: var(--dnet-datepickerweekca-day-height, var(--dnet-calendar-day-height, 40px));
  --_week-background: var(--dnet-calendar-background, var(--dnet-sys-surface-raised));

  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-radius: var(--dnet-sys-radius-lg);
  box-shadow: var(--dnet-sys-elevation-3);
  background: var(--_week-background);
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-datepickerweek-content > .dnet-datepickerweek-calendar {
  height: auto;
  border: 0;
  border-radius: 0;
  background: var(--_week-background);
}

.dnet-datepickerweek-input-container {
  display: flex;
  border: var(--dnet-datepickerweek-input-container-border, 1px solid var(--dnet-sys-border));
  justify-content: space-between;
}

.dnet-datepickerweek-input-search {
  width: 100%;
  border-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--dnet-sys-surface);
  transition: none;
  box-shadow: none;
  font-size: 0.875rem;
  color: var(--dnet-sys-on-surface);
  border: 0px solid var(--dnet-sys-border) !important;
  height: var(--dnet-datepickerweek-input-height, 28px);
  outline: none;
}
.dnet-datepickerweek-input-search:focus {
  box-shadow: none;
}

.dnet-datepickerweek-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dnet-datepickerweek-input-height, 28px);
  width: var(--dnet-datepickerweek-input-height, 28px);
}

.dnet-datepickerweek-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-sys-on-surface);
}

.dnet-datepickerweek-icon-default {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z'/></svg>");
  background-color: var(--dnet-sys-on-surface);
}

.dnet-datepickerweek-disable .dnet-datepickerweek-icon-default {
  background-color: var(--dnet-sys-state-disabled-fg);
}
.dnet-datepickerweek-disable .dnet-datepickerweek-icon-wrapper {
  background-color: var(--dnet-sys-surface-hover);
}

.dnet-datepickerweekca-header {
  padding: 0 4px;
}

.dnet-datepickerweekca-controls {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 2px;
}

.dnet-datepickerweekca-period-button {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  min-width: 0;
  padding: 0 10px;
  font-size: 0.875rem;
  font-weight: 600;
}
.dnet-datepickerweekca-period-button:focus {
  outline: none;
}
.dnet-datepickerweekca-period-button:hover {
  background-color: var(--dnet-sys-state-hover);
}

.dnet-datepickerweekca-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 0 0 0 5px;
  vertical-align: middle;
  border-top-color: var(--dnet-sys-on-surface-subtle);
}

.dnet-datepickerweekca-arrow-down {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

.dnet-datepickerweekca-arrow-up {
  border-top-width: 5px;
  border-top-style: solid;
}

.dnet-datepickerweekca-previous-button, .dnet-datepickerweekca-next-button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  min-width: 36px;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--dnet-sys-on-surface-subtle);
  cursor: pointer;
}
.dnet-datepickerweekca-previous-button:hover:not(button[disabled]), .dnet-datepickerweekca-next-button:hover:not(button[disabled]) {
  background-color: var(--dnet-sys-state-hover);
}

.dnet-datepickerweekca-previous-button::after, .dnet-datepickerweekca-next-button::after {
  inset: 12px;
  position: absolute;
  content: "";
  margin: 0;
  border: 0 solid currentColor;
  border-top-width: 2px;
  outline: none;
}

button:disabled.dnet-datepickerweekca-previous-button::after,
button[disabled].dnet-datepickerweekca-previous-button::after {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 45%, transparent);
}
button:disabled.dnet-datepickerweekca-next-button::after,
button[disabled].dnet-datepickerweekca-next-button::after {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 45%, transparent);
}

.dnet-datepickerweekca-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.dnet-datepickerweekca-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.dnet-datepickerweekca-spacer {
  flex: 1 1 auto;
}

.dnet-datepickerweekca-content {
  padding: 2px 0 4px;
  outline: none;
}

.dnet-datepickerweekca-body {
  min-width: 0;
  font-size: 13px;
}

.dnet-datepickerweekca-body-label, .dnet-datepickerweekca-period-button {
  font-size: 14px;
  font-weight: 500;
}

.dnet-datepickerweekca-content-header {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent);
}

.dnet-datepickerweekca-content-header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 400;
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent);
  height: 24px;
  min-width: 0;
}

.dnet-datepickerweekca-content-body {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: repeat(6, var(--_week-day-size));
  min-width: 0;
  font-size: 13px;
}

.dnet-datepickerweekca-day {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: var(--_week-day-size);
}

.dnet-datepickerweekca-day-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 8px);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
  cursor: pointer;
  /* &:hover:not(.dnet-datepickerweekca-day-selected) {
       background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
       cursor: pointer;

       &.disabled {
           background-color: var(--dnet-sys-surface);
           cursor:default;
       }
   }*/
}
.dnet-datepickerweekca-day-content.disabled {
  color: var(--dnet-datepickerweekca-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-day-content.hovered:not(.dnet-datepickerweekca-day-selected) {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
}

.dnet-datepickerweekca-day-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-day-today:not(.dnet-datepickerweekca-day-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: var(--dnet-datepickerweekca-today-bg-color, color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent));
}

.dnet-datepickerweekca-day-selected.dnet-datepickerweekca-day-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-content-body-year {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 4px;
  min-width: 0;
  min-height: 240px;
  align-content: center;
  font-size: 13px;
}

.dnet-datepickerweekca-year {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
}

.dnet-datepickerweekca-year-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
  cursor: pointer;
}
.dnet-datepickerweekca-year-content:hover:not(.dnet-datepickerweekca-year-selected) {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
  cursor: pointer;
}
.dnet-datepickerweekca-year-content:hover:not(.dnet-datepickerweekca-year-selected).disabled {
  background-color: var(--dnet-sys-surface);
  cursor: default;
}
.dnet-datepickerweekca-year-content.disabled {
  color: var(--dnet-datepickerweekca-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-year-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-year-today:not(.dnet-datepickerweekca-year-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent);
}

.dnet-datepickerweekca-year-selected.dnet-datepickerweekca-year-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-content-body-month {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 4px;
  min-width: 0;
  min-height: 240px;
  align-content: center;
  font-size: 13px;
}

.dnet-datepickerweekca-month {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
}

.dnet-datepickerweekca-month-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
}
.dnet-datepickerweekca-month-content:hover {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
  cursor: pointer;
}
.dnet-datepickerweekca-month-content:hover.disabled {
  background-color: var(--dnet-sys-surface);
  cursor: default;
}
.dnet-datepickerweekca-month-content.disabled {
  color: var(--dnet-datepickerweekca-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-month-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-month-today:not(.dnet-datepickerweekca-month-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent);
}

.dnet-datepickerweekca-month-selected.dnet-datepickerweekca-month-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-header-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 48px;
  padding: 4px 12px 10px;
}

.dnet-datepickerweek-reset-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dnet-datepickerweek-reset-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2em;
  width: 1.2em;
  padding-top: 2px;
}

.dnet-datepickerweek-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--dnet-sys-on-surface);
}

.dnet-datepickerweek-reset-button {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");
  background-color: var(--dnet-sys-on-surface);
}

.dnet-datepickerweek-reset-test {
  font-size: 0.75rem;
}

/*! Sass DatePickerWeekRaw (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.dnet-datepickerweek-raw-content {
  --_week-raw-day-size: var(--dnet-datepickerweekca-raw-day-height, var(--dnet-calendar-day-height, 40px));
  --_week-raw-background: var(--dnet-calendar-background, var(--dnet-sys-surface-raised));

  width: 100%;
  border-radius: var(--dnet-sys-radius-lg);
  box-shadow: none;
  background: var(--_week-raw-background);
  color: var(--dnet-sys-on-surface-emphasis);
}

.dnet-datepickerweek-raw-calendar {
  height: auto;
}

.dnet-datepickerweekca-raw-header {
  padding: 0 4px;
}

.dnet-datepickerweekca-raw-controls {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 2px;
}

.dnet-datepickerweekca-raw-period-button {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  min-width: 0;
  padding: 0 10px;
  font-size: 0.875rem;
  font-weight: 600;
}
.dnet-datepickerweekca-raw-period-button:focus {
  outline: none;
}
.dnet-datepickerweekca-raw-period-button:hover {
  background-color: var(--dnet-sys-state-hover);
}

.dnet-datepickerweekca-raw-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 0 0 0 5px;
  vertical-align: middle;
  border-top-color: var(--dnet-sys-on-surface-subtle);
}

.dnet-datepickerweekca-raw-arrow-down {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

.dnet-datepickerweekca-raw-arrow-up {
  border-top-width: 5px;
  border-top-style: solid;
}

.dnet-datepickerweekca-raw-previous-button, .dnet-datepickerweekca-raw-next-button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  min-width: 36px;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--dnet-sys-on-surface-subtle);
  cursor: pointer;
}
.dnet-datepickerweekca-raw-previous-button:hover:not(button[disabled]), .dnet-datepickerweekca-raw-next-button:hover:not(button[disabled]) {
  background-color: var(--dnet-sys-state-hover);
}

.dnet-datepickerweekca-raw-previous-button::after, .dnet-datepickerweekca-raw-next-button::after {
  inset: 12px;
  position: absolute;
  content: "";
  margin: 0;
  border: 0 solid currentColor;
  border-top-width: 2px;
  outline: none;
}

button:disabled.dnet-datepickerweekca-raw-previous-button::after,
button[disabled].dnet-datepickerweekca-raw-previous-button::after {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 45%, transparent);
}
button:disabled.dnet-datepickerweekca-raw-next-button::after,
button[disabled].dnet-datepickerweekca-raw-next-button::after {
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 45%, transparent);
}

.dnet-datepickerweekca-raw-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.dnet-datepickerweekca-raw-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.dnet-datepickerweekca-raw-spacer {
  flex: 1 1 auto;
}

.dnet-datepickerweekca-raw-content {
  padding: 2px 0 4px;
  outline: none;
}

.dnet-datepickerweekca-raw-body {
  min-width: 0;
  font-size: 13px;
}

.dnet-datepickerweekca-raw-body-label, .dnet-datepickerweekca-raw-period-button {
  font-size: 14px;
  font-weight: 500;
}

.dnet-datepickerweekca-raw-content-header {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent);
}

.dnet-datepickerweekca-raw-content-header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 400;
  color: color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent);
  height: 24px;
  min-width: 0;
}

.dnet-datepickerweekca-raw-content-body {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: repeat(6, var(--_week-raw-day-size));
  min-width: 0;
  font-size: 13px;
}

.dnet-datepickerweekca-raw-day {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: var(--_week-raw-day-size);
}

.dnet-datepickerweekca-raw-day-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 8px);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
  cursor: pointer;
  /* &:hover:not(.dnet-datepickerweekca-raw-day-selected) {
       background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
       cursor: pointer;

       &.disabled {
           background-color: var(--dnet-sys-surface);
           cursor:default;
       }
   }*/
}
.dnet-datepickerweekca-raw-day-content.disabled {
  color: var(--dnet-datepickerweekca-raw-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-raw-day-content.hovered:not(.dnet-datepickerweekca-raw-day-selected) {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
}

.dnet-datepickerweekca-raw-day-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-raw-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-raw-day-today:not(.dnet-datepickerweekca-raw-day-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: var(--dnet-datepickerweekca-raw-today-bg-color, color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent));
}

.dnet-datepickerweekca-raw-day-selected.dnet-datepickerweekca-raw-day-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-raw-content-body-year {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 4px;
  min-width: 0;
  min-height: 240px;
  align-content: center;
  font-size: 13px;
}

.dnet-datepickerweekca-raw-year {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
}

.dnet-datepickerweekca-raw-year-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
  cursor: pointer;
}
.dnet-datepickerweekca-raw-year-content:hover:not(.dnet-datepickerweekca-raw-year-selected) {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
  cursor: pointer;
}
.dnet-datepickerweekca-raw-year-content:hover:not(.dnet-datepickerweekca-raw-year-selected).disabled {
  background-color: var(--dnet-sys-surface);
  cursor: default;
}
.dnet-datepickerweekca-raw-year-content.disabled {
  color: var(--dnet-datepickerweekca-raw-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-raw-year-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-raw-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-raw-year-today:not(.dnet-datepickerweekca-raw-year-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent);
}

.dnet-datepickerweekca-raw-year-selected.dnet-datepickerweekca-raw-year-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-raw-content-body-month {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 4px;
  min-width: 0;
  min-height: 240px;
  align-content: center;
  font-size: 13px;
}

.dnet-datepickerweekca-raw-month {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
}

.dnet-datepickerweekca-raw-month-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--dnet-sys-on-surface-emphasis);
  border-color: transparent;
}
.dnet-datepickerweekca-raw-month-content:hover {
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 6.4%, transparent);
  cursor: pointer;
}
.dnet-datepickerweekca-raw-month-content:hover.disabled {
  background-color: var(--dnet-sys-surface);
  cursor: default;
}
.dnet-datepickerweekca-raw-month-content.disabled {
  color: var(--dnet-datepickerweekca-raw-day-disabled-color, color-mix(in srgb, var(--dnet-sys-on-surface) 60.5%, transparent));
}

.dnet-datepickerweekca-raw-month-selected {
  color: var(--dnet-sys-on-primary);
  background-color: var(--dnet-datepickerweekca-raw-selected-bg-color, var(--dnet-sys-primary-strong));
}

.dnet-datepickerweekca-raw-month-today:not(.dnet-datepickerweekca-raw-month-selected) {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
  background-color: color-mix(in srgb, var(--dnet-sys-on-surface) 15.9%, transparent);
}

.dnet-datepickerweekca-raw-month-selected.dnet-datepickerweekca-raw-month-today {
  box-shadow: inset 0 0 0 1px var(--dnet-sys-surface);
}

.dnet-datepickerweekca-raw-header-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 48px;
  padding: 4px 12px 10px;
}

/*! Sass FloatingDoubleList (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.dnet-connected-panel-container-dl {
  --_panel-background: var(--dnet-sys-surface-raised);
  --_radius: var(--dnet-dialog-border-radius, var(--dnet-sys-radius-lg));
  --_elevation: var(--dnet-sys-elevation-3);

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0;
  box-shadow: var(--_elevation);
  background: var(--_panel-background);
  color: var(--dnet-sys-on-surface-emphasis);
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: var(--_radius);
}

/* The surrounding panel owns the surface; explicit list customizations remain
   available without adding another frame or elevation by default. */
.dnet-connected-panel-container-dl .dnet-list-wrapper {
  --_list-border: var(--dnet-list-border-color, var(--dnet-sys-transparent));
  --_list-background: var(--dnet-list-background-color, transparent);
  --_list-elevation: var(--dnet-list-box-shadow, none);

  border-color: var(--_list-border);
  background: var(--_list-background);
  box-shadow: var(--_list-elevation);
}

.dnet-floating-doublelist-value-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* The selected values stay on one line and end in an ellipsis once they no
   longer fit the control, instead of wrapping under its fixed height. */
.dnet-floating-doublelist-value-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* The trailing separator of the last value is redundant. */
.dnet-floating-doublelist-value-wrapper .dnet-select-multi-value:last-child span {
  display: none;
}

.dnet-select-multi-value {
  margin-right: 5px;
}

.dnet-double-list-controls-dl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5px;
}

.dnet-split-content-dl {
  width: 100%;
  min-width: 0;
}

.dnet-split-content-container-dl {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr);
  width: 100%;
  height: calc(100% - 50px);
  padding-left: 5px;
  padding-right: 5px;
}

.dnet-split-content-btn-wrapper-dl {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
  padding-right: 20px;
  margin-top: 10px;
}

.dnet-split-content-btn-dl {
  display: none;
  margin-bottom: 10px;
  z-index: 3;
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
  outline: none;
  color: var(--dnet-sys-primary-content);
  font-size: 0.75rem;
}

.dnet-split-content-left-dl,
.dnet-split-content-right-dl {
  display: block;
  min-width: 0;
  height: calc(100% - 0px);
  overflow-y: hidden;
}

@media only screen and (max-width: 550px) {
  .dnet-split-content-container-dl {
    grid-template-columns: minmax(0, 1fr);
    height: calc(100% - 60px);
  }
  .dnet-split-content-left-dl,
  .dnet-split-content-right-dl {
    display: none;
  }
  .dnet-split-content-left-dl.active,
  .dnet-split-content-right-dl.active {
    display: block;
    width: 100%;
  }
  .dnet-split-content-btn-dl {
    display: block;
  }
  .dnet-double-list-controls-dl {
    display: none;
  }
}

/*! Sass Form (casó byte a byte) — generado una vez; a partir de aquí se edita a mano. */
.mat-input-element {
  font: inherit;
  background: transparent;
  color: currentColor;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box;
}
.mat-input-element:-moz-ui-invalid {
  box-shadow: none;
}
.mat-input-element::-ms-clear, .mat-input-element::-ms-reveal {
  display: none;
}
.mat-input-element, .mat-input-element::-webkit-search-cancel-button, .mat-input-element::-webkit-search-decoration, .mat-input-element::-webkit-search-results-button, .mat-input-element::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.mat-input-element::-webkit-contacts-auto-fill-button, .mat-input-element::-webkit-caps-lock-indicator, .mat-input-element::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}
.mat-input-element[type=date], .mat-input-element[type=datetime], .mat-input-element[type=datetime-local], .mat-input-element[type=month], .mat-input-element[type=week], .mat-input-element[type=time] {
  line-height: 1;
}
.mat-input-element[type=date]::after, .mat-input-element[type=datetime]::after, .mat-input-element[type=datetime-local]::after, .mat-input-element[type=month]::after, .mat-input-element[type=week]::after, .mat-input-element[type=time]::after {
  content: " ";
  white-space: pre;
  width: 1px;
}
.mat-input-element::-webkit-inner-spin-button, .mat-input-element::-webkit-calendar-picker-indicator, .mat-input-element::-webkit-clear-button {
  font-size: 0.75em;
}
.mat-input-element::-moz-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mat-input-element::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mat-input-element::-moz-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -moz-transition: none;
  transition: none;
}
.mat-form-field-hide-placeholder .mat-input-element::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none;
}
.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
  opacity: 0;
}
.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::placeholder {
  opacity: 0;
}

.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -moz-transition: none;
  transition: none;
}
.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
  opacity: 0;
}

.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -webkit-transition: none;
  transition: none;
}
.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
  opacity: 0;
}

.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -ms-transition: none;
  transition: none;
}
.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
  opacity: 0;
}

textarea.mat-input-element {
  resize: vertical;
  overflow: auto;
}
textarea.mat-input-element.cdk-textarea-autosize {
  resize: none;
}

textarea.mat-input-element {
  padding: 2px 0;
  margin: -2px 0;
  resize: none;
}

select.mat-input-element {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  box-sizing: border-box;
  padding-top: 1em;
  top: -1em;
  margin-bottom: -1em;
}
select.mat-input-element::-ms-expand {
  display: none;
}
select.mat-input-element::-moz-focus-inner {
  border: 0;
}
select.mat-input-element:not(:disabled) {
  cursor: pointer;
}
select.mat-input-element::-ms-value {
  color: inherit;
  background: none;
}
.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value {
  color: inherit;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2.5px;
  pointer-events: none;
}
[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  right: auto;
  left: 0;
}
.mat-form-field-type-mat-native-select .mat-input-element {
  padding-right: 15px;
}
[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element {
  padding-right: 0;
  padding-left: 15px;
}
.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper {
  max-width: calc(100% - 10px);
}
.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after {
  margin-top: -5px;
}
.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after {
  margin-top: -10px;
}

.dnet-form-field-plain-wrapper {
  --_field-background: var(--dnet-form-field-background, color-mix(in srgb, var(--dnet-sys-on-surface) 12%, var(--dnet-sys-surface)));
  --_field-disabled-background: color-mix(in srgb, var(--_field-background) 65%, var(--dnet-sys-surface));
  --_field-border-color: var(--_field-background);
  --_field-disabled-border-color: var(--_field-disabled-background);
  --_field-min-height: var(--dnet-form-field-min-height, 56px);
  --_field-padding-inline: var(--dnet-form-field-padding-inline, 16px);
  --_field-icon-size: var(--dnet-form-field-icon-size, 24px);
  --_field-icon-inset: var(--dnet-form-field-icon-inset, 12px);
  --_field-icon-gap: var(--dnet-form-field-icon-gap, 16px);
  --_field-font-size: var(--dnet-form-field-font-size, var(--dnet-sys-text-lg));
  --_field-label-base-size: var(--dnet-form-field-plain-label-font-size, var(--dnet-sys-text-lg));
  --_field-label-size: var(--_field-label-base-size);
  --_field-label-line-height: calc(var(--_field-label-base-size) * 1.5);
  --_field-label-top: max(8px, calc((var(--_field-min-height) - var(--_field-label-line-height)) / 2));
  --_field-label-space: 0px;
  --_field-placeholder-opacity: 1;
  --_field-edge-start: var(--_field-padding-inline);
  --_field-edge-end: var(--_field-padding-inline);
  --_field-label-start: var(--_field-padding-inline);
  --_field-label-end: var(--_field-padding-inline);
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  inline-size: 100%;
  min-inline-size: 0;
  font-size: var(--_field-font-size);
  line-height: 1.5;
}

.dnet-form-field-header {
  display: flex;
  align-items: center;
  min-inline-size: 0;
  line-height: var(--_field-label-line-height);
}

.dnet-form-field-plain-label-wrapper {
  display: flex;
  align-items: baseline;
  min-inline-size: 0;
  font-size: var(--_field-label-size);
}

.dnet-form-field-plain-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--_field-label-size);
  color: var(--dnet-form-field-plain-label-color, var(--dnet-sys-on-surface-muted));
}

.dnet-form-field-plain-label-wrapper > label {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.dnet-form-field-appearance-fill > .dnet-form-field-header {
  position: absolute;
  inset-block-start: var(--_field-label-top);
  inset-inline-start: var(--_field-label-start);
  inset-inline-end: var(--_field-label-end);
  z-index: 1;
  pointer-events: none;
}

/* Native date segments, date ranges and multiline fields need a permanent label
   line. Other controls reserve it only while focused or populated. */
.dnet-form-field-appearance-fill.dnet-form-field-has-label:is(
  .dnet-form-field-label-raised,
  :focus-within,
  :has(textarea, .dnet-date-range-inputs, input:is([type=date], [type=time], [type=datetime-local], [type=month], [type=week]))
) {
  --_field-label-size: calc(var(--_field-label-base-size) * 0.75);
  --_field-label-line-height: var(--_field-label-base-size);
  --_field-label-top: max(8px, calc((var(--_field-min-height) - var(--_field-label-line-height) - var(--_field-font-size) * 1.5) / 2));
  --_field-label-space: var(--_field-label-base-size);
}

.dnet-form-field-plain-control-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--_field-icon-gap);
  min-block-size: var(--_field-min-height);
  padding-block: 7px;
  -webkit-padding-start: calc(var(--_field-edge-start) - 1px);
          padding-inline-start: calc(var(--_field-edge-start) - 1px);
  -webkit-padding-end: calc(var(--_field-edge-end) - 1px);
          padding-inline-end: calc(var(--_field-edge-end) - 1px);
  border: 1px solid var(--_field-border-color);
  border-radius: 5px;
  background-color: var(--_field-background);
}
.dnet-form-field-plain-control-container.dnet-control-disable {
  background-color: var(--_field-disabled-background);
  border-color: var(--_field-disabled-border-color);
}

/* Explicit consumer tokens still win in transparent appearances. */
.dnet-form-field-appearance-standard,
.dnet-form-field-appearance-legacy {
  --_field-background: var(--dnet-form-field-background, var(--dnet-sys-transparent));
  --_field-disabled-background: var(--dnet-sys-state-hover);
  --_field-border-color: var(--dnet-sys-border);
  --_field-disabled-border-color: var(--dnet-sys-border);
  --_field-label-size: var(--dnet-form-field-plain-label-font-size, var(--dnet-sys-text-sm));
  --_field-label-line-height: 16px;
}

:is(.dnet-form-field-appearance-standard, .dnet-form-field-appearance-legacy) > .dnet-form-field-header {
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}

.dnet-form-field-plain-control {
  box-sizing: border-box;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-inline-size: 0;
  -webkit-padding-before: var(--_field-label-space);
          padding-block-start: var(--_field-label-space);
}

.dnet-form-field-plain-control-container .mat-input-element {
  box-sizing: border-box;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  font-size: var(--_field-font-size);
  line-height: 1.5;
}

.dnet-form-field-plain-control-container .mat-input-element::-moz-placeholder {
  color: var(--dnet-sys-on-surface-muted);
  opacity: var(--_field-placeholder-opacity);
}

.dnet-form-field-plain-control-container .mat-input-element::placeholder {
  color: var(--dnet-sys-on-surface-muted);
  opacity: var(--_field-placeholder-opacity);
}

/* The legacy generated ::after creates an extra line in native date controls. */
.dnet-form-field-plain-control-container input.mat-input-element:is([type=date], [type=time], [type=datetime-local], [type=month], [type=week]) {
  block-size: calc(var(--_field-font-size) * 1.5);
}
.dnet-form-field-plain-control-container input.mat-input-element:is([type=date], [type=time], [type=datetime-local], [type=month], [type=week])::after {
  content: none;
}

.dnet-form-field-appearance-fill.dnet-form-field-has-label:not(.dnet-form-field-label-raised):not(:focus-within):not(:has(textarea, .dnet-date-range-inputs, input:is([type=date], [type=time], [type=datetime-local], [type=month], [type=week]))) {
  --_field-placeholder-opacity: 0;
}

.dnet-form-field-plain-wrapper:has(> .dnet-form-field-plain-control-container > .dnet-form-field-plain-prefix) {
  --_field-edge-start: var(--_field-icon-inset);
  --_field-label-start: calc(var(--_field-icon-inset) + var(--_field-icon-size) + var(--_field-icon-gap));
}

.dnet-form-field-plain-wrapper:has(> .dnet-form-field-plain-control-container > :is(.dnet-component-icon-wrapper, .dnet-form-field-plain-suffix), > .dnet-form-field-plain-control-container .dnet-plain-select) {
  --_field-edge-end: var(--_field-icon-inset);
  --_field-label-end: calc(var(--_field-icon-inset) + var(--_field-icon-size) + var(--_field-icon-gap));
}

.dnet-form-field-plain-wrapper:has(> .dnet-form-field-plain-control-container > .dnet-component-icon-wrapper + .dnet-form-field-plain-suffix) {
  --_field-label-end: calc(var(--_field-icon-inset) + (var(--_field-icon-size) + var(--_field-icon-gap)) * 2);
}

.dnet-form-field-plain-prefix,
.dnet-form-field-plain-suffix,
.dnet-form-field-plain-control-container > .dnet-component-icon-wrapper {
  box-sizing: border-box;
  flex: 0 0 var(--_field-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--_field-icon-size);
  block-size: var(--_field-icon-size);
  margin: 0;
  padding: 0;
}

/* Icono funcional monocromo (R9): mask-image + background-color. */
.dnet-component-icon {
  display: block;
  background-color: var(--dnet-sys-on-surface);
  height: 1em;
  width: 1em;
  cursor: pointer;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
}

.dnet-form-field-plain-control-container :is(.dnet-component-icon, .dnet-datepicker-icon, .dnet-timepicker-icon, .dnet-app-icon) {
  inline-size: var(--_field-icon-size);
  block-size: var(--_field-icon-size);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-size: contain;
}

.dnet-form-field-plain-control-container :is(.dnet-datepicker-icon-wrapper, .dnet-timepicker-icon-wrapper) {
  inline-size: var(--_field-icon-size);
  block-size: var(--_field-icon-size);
}

.dnet-form-field-plain-control-container .dnet-plain-select {
  padding-right: 0;
}
.dnet-form-field-plain-control-container .dnet-plain-select-value {
  opacity: var(--_field-placeholder-opacity);
}
.dnet-form-field-plain-control-container .dnet-plain-select-arrow-wrapper {
  -webkit-padding-start: var(--_field-icon-gap);
          padding-inline-start: var(--_field-icon-gap);
}
.dnet-form-field-plain-control-container .dnet-plain-select-arrow {
  width: var(--_field-icon-size);
  height: var(--_field-icon-size);
  margin: 0;
  transform: translateY(calc(var(--_field-label-space) / -2));
}

.dnet-form-field-plain-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  -moz-column-gap: var(--_field-icon-gap);
       column-gap: var(--_field-icon-gap);
  min-block-size: 16px;
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
  padding-inline: var(--_field-padding-inline);
  font-size: var(--dnet-form-field-hint-font-size, var(--dnet-sys-text-sm));
  line-height: 16px;
}

.dnet-form-field-char-counter {
  white-space: nowrap;
}

.dnet-component-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
}

.dnet-floating-label--required::after {
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
  content: "*";
  font-size: inherit;
}

.dnet-component-clear-button {
  --_clear-color: var(--dnet-sys-on-surface-subtle);
  background-color: var(--_clear-color);
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'><circle cx='12' cy='12' r='9'/><path d='m8.5 8.5 7 7m0-7-7 7' stroke-linecap='round'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'><circle cx='12' cy='12' r='9'/><path d='m8.5 8.5 7 7m0-7-7 7' stroke-linecap='round'/></svg>");
}

.dnet-component-search-icon {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M10.5 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zM5 6.5a5.5 5.5 0 1 1 9.197 4.09l3.106 3.107a.5.5 0 0 1-.708.707l-3.106-3.106A5.5 5.5 0 0 1 5 6.5z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M10.5 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zM5 6.5a5.5 5.5 0 1 1 9.197 4.09l3.106 3.107a.5.5 0 0 1-.708.707l-3.106-3.106A5.5 5.5 0 0 1 5 6.5z'/></svg>");
}

.dnet-error {
  color: var(--dnet-sys-danger);
}

.dnet-form-field-hint-wrapper {
  display: flex;
}

.dnet-hint {
  color: var(--dnet-form-field-hint-color, var(--dnet-sys-on-surface-muted));
  font-size: var(--dnet-form-field-hint-font-size, var(--dnet-sys-text-sm));
}

.dnet-property-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.dnet-property-form-group .dnet-property-value {
  font-size: 14px;
  color: var(--dnet-sys-on-surface-emphasis);
  display: block;
}

.dnet-property-form-group .dnet-property-name {
  font-size: 11px;
  color: var(--dnet-sys-on-surface-subtle);
  display: block;
}

/*! Select — migrado a tokens (6.0). Generado una vez; se edita a mano.
   Tokens unificados bajo --dnet-list-* (ADR-04a); los nombres
   --dnet-select-list-* se mantienen como eslabones de la cadena de lectura. */

/* box-sizing acotado al subárbol del panel (el antiguo `* { box-sizing }`
   global vivía en dnet-list.css y cubría a todas las familias). */
.dnet-select-list-wrapper,
.dnet-select-list-wrapper *,
.dnet-select-list-wrapper *::before,
.dnet-select-list-wrapper *::after {
  box-sizing: border-box;
}

.dnet-select-list-wrapper {
  --_border-color: var(--dnet-list-border-color, var(--dnet-select-list-border-color, var(--dnet-sys-transparent)));
  --_radius: var(--dnet-list-border-radius, var(--dnet-select-list-border-radius, var(--dnet-sys-radius-lg)));
  --_wrapper-padding: var(--dnet-list-wrapper-horizontal-padding, var(--dnet-select-list-wrapper-horizontal-padding, var(--dnet-sys-space-2)));
  --_background: var(--dnet-list-background-color, var(--dnet-sys-surface-raised));
  --_foreground: var(--dnet-list-foreground, var(--dnet-select-list-foreground, var(--dnet-sys-on-surface)));
  --_shadow: var(--dnet-list-box-shadow, var(--dnet-sys-elevation-3));

  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  width: 100%;
  border: 1px solid var(--_border-color);
  border-radius: var(--_radius);
  padding-top: var(--_wrapper-padding);
  padding-bottom: var(--_wrapper-padding);
  transition: opacity 0.5s ease-in-out;
  background-color: var(--_background);
  color: var(--_foreground);
  box-shadow: var(--_shadow);
  overflow: hidden;
}
.dnet-select-list-wrapper .dnet-item-fadeout {
  opacity: 0 !important;
}

.dnet-select-list-wrapper:has(.dnet-select-list-footer:not(:empty)) {
  padding-bottom: 0px;
}

.dnet-select-list-wrapper:has(.dnet-select-list-header) {
  padding-top: 0px;
}

.dnet-select-list-wrapper:has(.dnet-select-list-form + .dnet-select-list-header) {
  padding-top: var(--_wrapper-padding);
}

.dnet-select-list-footer:empty {
  display: none;
}

.dnet-select-list-form,
.dnet-select-list-header,
.dnet-select-list-footer {
  --_header-footer-height: var(--dnet-list-header-footer-height, var(--dnet-select-list-header-footer-height, 50px));
  --_padding-vertical: var(--dnet-list-padding-vertical, var(--dnet-select-list-padding-vertical, 4px));
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-select-list-padding-horizontal, 5px));

  min-height: var(--_header-footer-height);
  height: var(--_header-footer-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--_padding-vertical) var(--_padding-horizontal);
}

.dnet-select-list-form {
  height: auto;
  flex-shrink: 0;
  padding: var(--dnet-list-padding-vertical, var(--dnet-select-list-padding-vertical, 4px)) var(--_wrapper-padding);
}
.dnet-select-list-form .dnet-form-field-plain-wrapper {
  margin-bottom: 0px;
}
.dnet-select-list-form .dnet-form-field-plain-control-container {
  border-radius: var(--dnet-sys-radius-md);
}

.dnet-select-list-header {
  padding-inline: var(--dnet-sys-space-3);
}

.dnet-select-list-header-content {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dnet-select-list-header-text {
  font-weight: 500;
  font-size: small;
}

.dnet-select-list-items {
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-select-list-padding-horizontal, var(--dnet-sys-space-2)));

  flex-grow: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 var(--_padding-horizontal);
  overscroll-behavior: contain;
  scrollbar-color: var(--dnet-sys-border-strong) transparent;
}

.dnet-select-list-item {
  --_item-height: var(--dnet-list-item-height, var(--dnet-select-list-item-height, var(--dnet-sys-control-height)));
  --_padding-vertical: var(--dnet-list-padding-vertical, var(--dnet-select-list-padding-vertical, 4px));
  --_padding-horizontal: var(--dnet-list-padding-horizontal, var(--dnet-select-list-padding-horizontal, var(--dnet-sys-space-3)));
  --_hover-background: var(--dnet-list-hover-background-color, var(--dnet-select-list-hover-background-color, var(--dnet-sys-state-hover)));
  --_hover-radius: var(--dnet-list-hover-border-radius, var(--dnet-select-list-hover-border-radius, var(--dnet-sys-radius-md)));

  display: flex;
  align-items: center;
  height: var(--_item-height);
  padding: var(--_padding-vertical) var(--_padding-horizontal);
  border-radius: var(--_hover-radius);
  overflow: hidden;
  transition: background-color 0.3s, border-radius 0.3s;
}

.dnet-select-list-item:has(.dnet-select-list-item-prefix) {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}

.dnet-select-list-item:hover {
  background-color: var(--_hover-background);
}

.dnet-select-list-item:has(input[type="checkbox"]:checked) {
  background-color: var(--dnet-sys-state-selected);
  color: var(--dnet-sys-primary-content);
  font-weight: 600;
}

.dnet-select-list-item:has(input[type="checkbox"]:checked) .dnet-select-list-item-headline {
  --_headline-color: var(--dnet-list-headline-text-color, var(--dnet-select-list-headline-text-color, var(--dnet-sys-primary-content)));
}

.dnet-select-list-item:has(input[type="checkbox"]:checked):hover {
  background-color: color-mix(in srgb, var(--dnet-sys-primary-strong) 18%, var(--_background));
}

.dnet-select-list-item-prefix,
.dnet-select-list-item-sufix,
.dnet-select-list-header-sufix {
  --_prefix-min-width: var(--dnet-list-prefix-suffix-min-width, var(--dnet-select-list-prefix-suffix-min-width, 40px));

  min-width: var(--_prefix-min-width);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dnet-select-list-item-prefix .dnet-checkbox-layout,
.dnet-select-list-item-sufix .dnet-checkbox-layout,
.dnet-select-list-header-sufix .dnet-checkbox-layout {
  margin-bottom: 2px;
}

.dnet-select-list-item-check,
.dnet-select-list-header-checkall {
  --_check-width: var(--dnet-list-check-width, var(--dnet-select-list-check-width, 24px));

  width: var(--_check-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dnet-select-list-item-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  min-width: 0;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.dnet-select-list-item-content.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-select-list-item-headline {
  --_headline-font: var(--dnet-list-headline-font-size, var(--dnet-select-list-headline-font-size, var(--dnet-sys-text-md)));
  --_headline-color: var(--dnet-list-headline-text-color, var(--dnet-select-list-headline-text-color, var(--_foreground)));

  font-size: var(--_headline-font);
  color: var(--_headline-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-select-list-item-headline.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-select-list-item-supporting-text {
  --_supporting-font: var(--dnet-list-supporting-text-font-size, var(--dnet-select-list-supporting-text-font-size, var(--dnet-sys-text-sm)));
  --_supporting-color: var(--dnet-list-supporting-text-color, var(--dnet-select-list-supporting-text-color, var(--dnet-sys-on-surface-muted)));

  font-size: var(--_supporting-font);
  color: var(--_supporting-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnet-select-list-item-supporting-text.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dnet-select-list-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dnet-plain-select {
  --_foreground: var(--dnet-select-foreground, var(--dnet-sys-on-surface));

  display: flex;
  justify-items: end;
  width: 100%;
  outline: none;
  padding-right: 5px;
  color: var(--_foreground);
}

.dnet-plain-select-trigger {
  display: inline-table;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.dnet-plain-select-value {
  display: table-cell;
  max-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--_foreground);
}

.dnet-plain-select-arrow-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.dnet-plain-select-arrow {
  --_arrow-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/> </svg>");
  width: 1em;
  height: 1em;
  margin: 0 4px;
  background-color: var(--_foreground);
  -webkit-mask: var(--_arrow-mask) center / contain no-repeat;
  mask: var(--_arrow-mask) center / contain no-repeat;
}

.dnet-plain-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dnet-select-multi-value-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.dnet-select-multi-value-wrapper span:last-child span {
  display: none;
}

.dnet-select-multi-value {
  margin-right: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*! SlideToggle — accessible, token-driven on/off control. */

.dnet-slide-toggle {
  --_track-width: var(--dnet-slide-toggle-track-width, 52px);
  --_track-height: var(--dnet-slide-toggle-track-height, 32px);
  --_handle-size: var(--dnet-slide-toggle-handle-size, 24px);
  --_track: var(--dnet-slide-toggle-track-background, var(--dnet-sys-border-strong));
  --_track-checked: var(--dnet-slide-toggle-track-background-checked, var(--dnet-sys-primary-strong));
  --_handle: var(--dnet-slide-toggle-handle-background, var(--dnet-sys-on-surface-muted));
  --_handle-checked: var(--dnet-slide-toggle-handle-background-checked, var(--dnet-sys-on-primary));
  --_handle-icon: var(--dnet-sys-surface);
  --_track-border: var(--dnet-sys-on-surface-subtle);
  --_label: var(--dnet-slide-toggle-label-color, var(--dnet-sys-on-surface));
  --_font-size: var(--dnet-slide-toggle-font-size, var(--dnet-sys-text-md));
  --_gap: var(--dnet-slide-toggle-gap, var(--dnet-sys-space-3));
  --_focus-ring: var(--dnet-slide-toggle-focus-ring, var(--dnet-sys-focus-ring));
  --_handle-inset: calc((var(--_track-height) - var(--_handle-size)) / 2);
  --_handle-travel: calc(var(--_track-width) - var(--_handle-size) - (2 * var(--_handle-inset)));

  color: var(--_label);
  display: inline-block;
  font-size: var(--_font-size);
  -webkit-tap-highlight-color: transparent;
}

.dnet-slide-toggle-layout {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: var(--_gap);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dnet-slide-toggle-layout.text-before {
  flex-direction: row-reverse;
}

.dnet-slide-toggle-full-width,
.dnet-slide-toggle-full-width .dnet-slide-toggle-layout {
  width: 100%;
}

.dnet-slide-toggle-full-width .dnet-slide-toggle-layout {
  justify-content: space-between;
}

.dnet-slide-toggle-control {
  display: inline-block;
  flex: 0 0 auto;
  height: var(--_track-height);
  position: relative;
  width: var(--_track-width);
}

.dnet-slide-toggle-input {
  cursor: inherit;
  height: 48px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}

.dnet-slide-toggle-track {
  background: var(--_track);
  border: 2px solid var(--_track-border);
  border-radius: var(--dnet-sys-radius-pill);
  box-sizing: border-box;
  inset: 0;
  position: absolute;
  transition: background-color var(--dnet-sys-motion-normal) var(--dnet-sys-motion-ease);
}

.dnet-slide-toggle-handle {
  align-items: center;
  background: var(--_handle);
  border-radius: 50%;
  box-shadow: var(--dnet-sys-elevation-1);
  color: var(--_handle-icon);
  display: flex;
  height: var(--_handle-size);
  justify-content: center;
  left: var(--_handle-inset);
  pointer-events: none;
  position: absolute;
  top: var(--_handle-inset);
  transition:
    background-color var(--dnet-sys-motion-normal) var(--dnet-sys-motion-ease),
    box-shadow var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    color var(--dnet-sys-motion-normal) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-normal) var(--dnet-sys-motion-ease);
  width: var(--_handle-size);
}

.dnet-slide-toggle-icon {
  fill: currentColor;
  height: 16px;
  width: 16px;
}

.dnet-slide-toggle-icon-on {
  display: none;
}

.dnet-slide-toggle-checked .dnet-slide-toggle-track {
  background: var(--_track-checked);
  border-color: var(--_track-checked);
}

.dnet-slide-toggle-checked .dnet-slide-toggle-handle {
  background: var(--_handle-checked);
  color: var(--_track-checked);
  transform: translateX(var(--_handle-travel));
}

.dnet-slide-toggle-checked .dnet-slide-toggle-icon-on {
  display: block;
}

.dnet-slide-toggle-checked .dnet-slide-toggle-icon-off {
  display: none;
}

.dnet-slide-toggle:not(.dnet-slide-toggle-disabled) .dnet-slide-toggle-layout:hover .dnet-slide-toggle-handle {
  box-shadow: var(--dnet-sys-elevation-1), 0 0 0 8px var(--dnet-sys-state-hover);
}

.dnet-slide-toggle-input:focus-visible ~ .dnet-slide-toggle-handle {
  box-shadow:
    var(--dnet-sys-elevation-1),
    0 0 0 8px color-mix(in srgb, var(--_focus-ring) 24%, transparent);
}

.dnet-slide-toggle-disabled {
  opacity: 0.38;
}

.dnet-slide-toggle-disabled .dnet-slide-toggle-layout {
  cursor: default;
}

.dnet-slide-toggle-label {
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .dnet-slide-toggle-track,
  .dnet-slide-toggle-handle {
    transition: none;
  }
}

[dir="rtl"] .dnet-slide-toggle-handle {
  left: auto;
  right: var(--_handle-inset);
}

[dir="rtl"] .dnet-slide-toggle-checked .dnet-slide-toggle-handle {
  transform: translateX(calc(-1 * var(--_handle-travel)));
}

/*! Slider — native-input slider with single and range modes. */

.dnet-slider {
  --_active-track: var(--dnet-slider-active-track-color, var(--dnet-sys-primary-strong));
  --_inactive-track: var(--dnet-slider-inactive-track-color, var(--dnet-sys-border-strong));
  --_thumb-background: var(--dnet-slider-thumb-background, var(--dnet-sys-surface));
  --_thumb-border: var(--dnet-slider-thumb-border-color, var(--_active-track));
  --_focus-ring: var(--dnet-slider-focus-ring, var(--dnet-sys-focus-ring));
  --_label-background: var(--dnet-slider-label-background, var(--_active-track));
  --_label-foreground: var(--dnet-slider-label-foreground, var(--dnet-sys-on-primary));
  --_tick: var(--dnet-slider-tick-color, var(--dnet-sys-surface));
  --_disabled-opacity: var(--dnet-slider-disabled-opacity, 0.38);
  --_start-percent: 0%;
  --_end-percent: 0%;
  --_track-height: 4px;
  --_thumb-size: 20px;

  color: var(--dnet-sys-on-surface);
  display: grid;
  font-family: var(--dnet-sys-font);
  gap: var(--dnet-sys-space-2);
  min-width: 120px;
  width: 100%;
}

.dnet-slider-label {
  color: var(--dnet-sys-on-surface-muted);
  font-size: var(--dnet-sys-text-sm);
  line-height: 1.4;
}

.dnet-slider-control {
  height: 48px;
  position: relative;
  width: 100%;
}

.dnet-slider-track {
  background: var(--_inactive-track);
  border-radius: var(--dnet-sys-radius-pill);
  height: var(--_track-height);
  inset-inline: 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dnet-slider-track-active {
  background: var(--_active-track);
  border-radius: inherit;
  height: 100%;
  inset-inline-start: var(--_start-percent);
  position: absolute;
  width: calc(var(--_end-percent) - var(--_start-percent));
}

.dnet-slider-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
  height: 48px;
  inset: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.dnet-slider-range .dnet-slider-input {
  pointer-events: none;
}

.dnet-slider-input-start {
  z-index: 2;
}

.dnet-slider-input-end {
  z-index: 3;
}

.dnet-slider-input:focus-visible {
  z-index: 4;
}

.dnet-slider-input::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  height: var(--_track-height);
}

.dnet-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background: var(--_thumb-background);
  border: 2px solid var(--_thumb-border);
  border-radius: 50%;
  box-shadow: var(--dnet-sys-elevation-1);
  box-sizing: border-box;
  height: var(--_thumb-size);
  margin-top: calc((var(--_track-height) - var(--_thumb-size)) / 2);
  pointer-events: auto;
  -webkit-transition:
    background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    border-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    box-shadow var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  transition:
    background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    border-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    box-shadow var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  width: var(--_thumb-size);
}

.dnet-slider-input::-moz-range-track {
  background: transparent;
  border: 0;
  height: var(--_track-height);
}

.dnet-slider-input::-moz-range-progress {
  background: transparent;
}

.dnet-slider-input::-moz-range-thumb {
  background: var(--_thumb-background);
  border: 2px solid var(--_thumb-border);
  border-radius: 50%;
  box-shadow: var(--dnet-sys-elevation-1);
  box-sizing: border-box;
  height: var(--_thumb-size);
  pointer-events: auto;
  -moz-transition:
    background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    border-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    box-shadow var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  transition:
    background-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    border-color var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    box-shadow var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  width: var(--_thumb-size);
}

.dnet-slider-input:not(:disabled):hover::-webkit-slider-thumb,
.dnet-slider-input:not(:disabled):active::-webkit-slider-thumb {
  box-shadow:
    var(--dnet-sys-elevation-1),
    0 0 0 8px var(--dnet-sys-state-hover);
  transform: scale(1.08);
}

.dnet-slider-input:not(:disabled):hover::-moz-range-thumb,
.dnet-slider-input:not(:disabled):active::-moz-range-thumb {
  box-shadow:
    var(--dnet-sys-elevation-1),
    0 0 0 8px var(--dnet-sys-state-hover);
  transform: scale(1.08);
}

.dnet-slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow:
    var(--dnet-sys-elevation-1),
    0 0 0 8px color-mix(in srgb, var(--_focus-ring) 24%, transparent);
}

.dnet-slider-input:focus-visible::-moz-range-thumb {
  box-shadow:
    var(--dnet-sys-elevation-1),
    0 0 0 8px color-mix(in srgb, var(--_focus-ring) 24%, transparent);
}

.dnet-slider-tick {
  background: color-mix(in srgb, var(--dnet-sys-on-surface) 48%, transparent);
  border-radius: 50%;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
}

.dnet-slider-tick-active {
  background: var(--_tick);
}

.dnet-slider-value-indicator {
  background: var(--_label-background);
  border-radius: var(--dnet-sys-radius-sm);
  bottom: calc(50% + 14px);
  color: var(--_label-foreground);
  font-size: var(--dnet-sys-text-xs);
  font-weight: 700;
  line-height: 1;
  max-width: 88px;
  opacity: 0;
  overflow: hidden;
  padding: 6px 7px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translateX(-50%) translateY(4px) scale(0.9);
  transition:
    opacity var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease),
    transform var(--dnet-sys-motion-fast) var(--dnet-sys-motion-ease);
  white-space: nowrap;
  z-index: 5;
}

.dnet-slider-value-indicator-start {
  inset-inline-start: var(--_start-percent);
}

.dnet-slider-value-indicator-end {
  inset-inline-start: var(--_end-percent);
}

.dnet-slider-input-start:focus-visible ~ .dnet-slider-value-indicator-start,
.dnet-slider-input-start:active ~ .dnet-slider-value-indicator-start,
.dnet-slider-input-end:focus-visible ~ .dnet-slider-value-indicator-end,
.dnet-slider-input-end:active ~ .dnet-slider-value-indicator-end,
.dnet-slider-input-single:focus-visible ~ .dnet-slider-value-indicator-end,
.dnet-slider-input-single:active ~ .dnet-slider-value-indicator-end {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

.dnet-slider-color-neutral {
  --_active-track: var(--dnet-slider-active-track-color, var(--dnet-sys-on-surface-muted));
  --_focus-ring: var(--dnet-slider-focus-ring, var(--dnet-sys-on-surface));
}

.dnet-slider-color-success {
  --_active-track: var(--dnet-slider-active-track-color, var(--dnet-sys-success));
  --_focus-ring: var(--dnet-slider-focus-ring, var(--dnet-sys-success));
}

.dnet-slider-color-warning {
  --_active-track: var(--dnet-slider-active-track-color, var(--dnet-sys-warning));
  --_focus-ring: var(--dnet-slider-focus-ring, var(--dnet-sys-warning));
  --_label-foreground: var(--dnet-slider-label-foreground, var(--dnet-sys-on-surface-emphasis));
}

.dnet-slider-color-danger,
.dnet-slider.invalid {
  --_active-track: var(--dnet-slider-active-track-color, var(--dnet-sys-danger));
  --_focus-ring: var(--dnet-slider-focus-ring, var(--dnet-sys-danger));
}

.dnet-slider-disabled {
  opacity: var(--_disabled-opacity);
}

.dnet-slider-disabled .dnet-slider-input {
  cursor: default;
}

[dir="rtl"] .dnet-slider-tick,
[dir="rtl"].dnet-slider .dnet-slider-tick {
  transform: translate(50%, -50%);
}

[dir="rtl"] .dnet-slider-value-indicator,
[dir="rtl"].dnet-slider .dnet-slider-value-indicator {
  transform: translateX(50%) translateY(4px) scale(0.9);
}

[dir="rtl"] .dnet-slider-input-start:focus-visible ~ .dnet-slider-value-indicator-start,
[dir="rtl"] .dnet-slider-input-start:active ~ .dnet-slider-value-indicator-start,
[dir="rtl"] .dnet-slider-input-end:focus-visible ~ .dnet-slider-value-indicator-end,
[dir="rtl"] .dnet-slider-input-end:active ~ .dnet-slider-value-indicator-end,
[dir="rtl"] .dnet-slider-input-single:focus-visible ~ .dnet-slider-value-indicator-end,
[dir="rtl"] .dnet-slider-input-single:active ~ .dnet-slider-value-indicator-end {
  transform: translateX(50%) translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .dnet-slider-input::-webkit-slider-thumb,
  .dnet-slider-input::-moz-range-thumb,
  .dnet-slider-value-indicator {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}

@media (forced-colors: active) {
  .dnet-slider-input {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }

  .dnet-slider-track,
  .dnet-slider-value-indicator {
    display: none;
  }
}

/*! TimePicker — input for DnetFormField and accessible overlay listbox. */

.dnet-timepicker-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: text;
}

.dnet-timepicker-input[readonly],
.dnet-timepicker-input:disabled {
  cursor: default;
}

.dnet-timepicker-icon-wrapper {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  font: inherit;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}

.dnet-timepicker-icon-wrapper:disabled {
  cursor: default;
}

/* Functional monochrome icon (R9): mask-image + background-color. */
.dnet-timepicker-icon {
  --_icon-color: var(--dnet-sys-on-surface);

  background-color: var(--_icon-color);
  display: block;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 2v7l5.2 3.1 1-1.7-4.2-2.5V6h-2Z'/></svg>");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-1 2v7l5.2 3.1 1-1.7-4.2-2.5V6h-2Z'/></svg>");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 1em 1em;
  width: 1em;
}

.dnet-timepicker-overlay {
  border-radius: var(--dnet-sys-radius-lg);
  box-shadow: var(--dnet-sys-elevation-3);
  overflow: hidden;
}

.dnet-timepicker-panel {
  --_panel-background: var(--dnet-timepicker-panel-background, var(--dnet-sys-surface-raised));
  --_option-foreground: var(--dnet-timepicker-foreground, var(--dnet-sys-on-surface));
  --_selected: var(--dnet-timepicker-option-selected-background, var(--dnet-sys-state-selected));
  --_active: var(--dnet-timepicker-option-active-background, var(--dnet-sys-state-hover));
  --_accent: var(--dnet-timepicker-accent-color, var(--dnet-sys-primary-strong));
  --_accent-content: var(--dnet-timepicker-accent-color, var(--dnet-sys-primary-content));

  background: var(--_panel-background);
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-height: 304px;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

.dnet-timepicker-overlay-touch .dnet-timepicker-panel {
  max-height: min(70dvh, 520px);
}

.dnet-timepicker-options {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--dnet-sys-space-2);
  scrollbar-color: var(--dnet-sys-border-strong) transparent;
  width: 100%;
}

.dnet-timepicker-panel-touch .dnet-timepicker-options {
  overscroll-behavior: contain;
  padding: 0 var(--dnet-sys-space-3) var(--dnet-sys-space-3);
}

.dnet-timepicker-panel-header {
  align-items: center;
  background: var(--_panel-background);
  color: var(--_option-foreground);
  display: flex;
  font-size: var(--dnet-sys-text-md);
  font-weight: 600;
  min-height: 48px;
  padding: var(--dnet-sys-space-3) var(--dnet-sys-space-3) var(--dnet-sys-space-2);
}

.dnet-timepicker-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  min-height: 48px;
  padding: var(--dnet-sys-space-2) var(--dnet-sys-space-3) var(--dnet-sys-space-3);
}

.dnet-timepicker-option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--dnet-sys-radius-md);
  color: var(--_option-foreground);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--dnet-sys-text-md);
  height: 44px;
  justify-content: space-between;
  padding: 0 var(--dnet-sys-space-3);
  text-align: start;
  width: 100%;
}

.dnet-timepicker-option:hover,
.dnet-timepicker-option-active {
  background: var(--_active);
}

.dnet-timepicker-option-selected {
  background: var(--_selected);
  color: var(--_accent-content);
  font-weight: 600;
}

.dnet-timepicker-option-selected:hover,
.dnet-timepicker-option-selected.dnet-timepicker-option-active {
  background: color-mix(in srgb, var(--_accent) 18%, var(--_panel-background));
}

.dnet-timepicker-option svg {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.dnet-timepicker-panel-touch .dnet-timepicker-option {
  min-height: 48px;
}

.dnet-timeline {
    --_bullet-size: var(--dnet-timeline-bullet-size, calc(var(--dnet-sys-space-unit) * 6));
    --_line-width: var(--dnet-timeline-line-width, 2px);
    --_gap: var(--dnet-timeline-gap, calc(var(--dnet-sys-space-unit) * 7));
    --_content-gap: var(--dnet-timeline-content-gap, var(--dnet-sys-space-4));
    --_line-color: var(--dnet-timeline-line-color, var(--dnet-sys-border-strong));
    --_accent-color: var(--dnet-timeline-accent-color, var(--dnet-sys-primary-emphasis));
    --_accent-foreground: var(--dnet-timeline-accent-foreground, var(--dnet-sys-on-primary));
    --_active-foreground: var(--dnet-timeline-accent-color, var(--dnet-sys-primary-content));
    --_bullet-background: var(--dnet-timeline-bullet-background, var(--dnet-sys-surface));
    --_foreground: var(--dnet-timeline-foreground, var(--dnet-sys-on-surface));
    --_muted-foreground: var(--dnet-timeline-muted-foreground, var(--dnet-sys-on-surface-muted));
    --_title-font-size: var(--dnet-timeline-title-font-size, var(--dnet-sys-text-lg));
    --_font-size: var(--dnet-timeline-font-size, var(--dnet-sys-text-md));

    inline-size: 100%;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--_foreground);
    font-family: var(--dnet-sys-font);
    font-size: var(--_font-size);
    line-height: 1.6;
    box-sizing: border-box;
}

.dnet-timeline > .dnet-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: var(--_bullet-size) minmax(0, 1fr);
    -moz-column-gap: var(--_content-gap);
         column-gap: var(--_content-gap);
    min-inline-size: 0;
    min-block-size: var(--_bullet-size);
    padding: 0 0 var(--_gap);
    list-style: none;
    text-align: start;
    box-sizing: border-box;
}

.dnet-timeline > .dnet-timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    inset-inline-start: calc((var(--_bullet-size) - var(--_line-width)) / 2);
    inset-block-start: calc(var(--_bullet-size) + var(--dnet-sys-space-1));
    inset-block-end: var(--dnet-sys-space-1);
    inline-size: var(--_line-width);
    background: var(--_line-color);
}

.dnet-timeline > .dnet-timeline-item-completed:not(:last-child)::before {
    background: var(--_accent-color);
}

.dnet-timeline > .dnet-timeline-item:last-child {
    -webkit-padding-after: 0;
            padding-block-end: 0;
}

.dnet-timeline-item > .dnet-timeline-bullet {
    position: relative;
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    align-self: start;
    inline-size: var(--_bullet-size);
    block-size: var(--_bullet-size);
    border: var(--_line-width) solid var(--_line-color);
    border-radius: var(--dnet-sys-radius-pill);
    background: var(--_bullet-background);
    color: var(--_muted-foreground);
    font-size: calc(var(--_bullet-size) * 0.5);
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}

.dnet-timeline-bullet > svg,
.dnet-timeline-bullet > img {
    max-inline-size: 75%;
    max-block-size: 75%;
}

.dnet-timeline-item > .dnet-timeline-content {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    flex-direction: column;
    gap: var(--dnet-sys-space-1);
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.dnet-timeline-title {
    font-size: var(--_title-font-size);
    font-weight: 700;
    line-height: 1.5;
}

.dnet-timeline-body > :first-child {
    -webkit-margin-before: 0;
            margin-block-start: 0;
}

.dnet-timeline-body > :last-child {
    -webkit-margin-after: 0;
            margin-block-end: 0;
}

.dnet-timeline-timestamp,
.dnet-timeline-item > .dnet-timeline-opposite {
    color: var(--_muted-foreground);
    font-size: calc(var(--_font-size) * 0.857143);
}

.dnet-timeline-item > .dnet-timeline-opposite {
    grid-column: 2;
    grid-row: 2;
    min-inline-size: 0;
    -webkit-padding-before: var(--dnet-sys-space-2);
            padding-block-start: var(--dnet-sys-space-2);
    overflow-wrap: anywhere;
}

.dnet-timeline-status {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
}

.dnet-timeline-content :focus-visible,
.dnet-timeline-opposite :focus-visible {
    border-radius: var(--dnet-sys-radius-sm);
    box-shadow: 0 0 0 2px var(--dnet-sys-focus-ring);
}

/* Status and alignment variants follow base rules so they win in the cascade. */
.dnet-timeline-item-completed > .dnet-timeline-bullet {
    border-color: var(--_accent-color);
    background: var(--_accent-color);
    color: var(--_accent-foreground);
}

.dnet-timeline-item-current > .dnet-timeline-bullet {
    border-color: var(--_accent-color);
    color: var(--_active-foreground);
}

.dnet-timeline-item-completed:not(.dnet-timeline-item-custom-bullet) > .dnet-timeline-bullet::after {
    content: "";
    inline-size: calc(var(--_bullet-size) * 0.2);
    block-size: calc(var(--_bullet-size) * 0.35);
    -webkit-margin-before: calc(var(--_bullet-size) * -0.1);
            margin-block-start: calc(var(--_bullet-size) * -0.1);
    border: solid currentColor;
    border-width: 0 var(--_line-width) var(--_line-width) 0;
    transform: rotate(45deg);
}

.dnet-timeline-item-current:not(.dnet-timeline-item-custom-bullet) > .dnet-timeline-bullet::after {
    content: "";
    inline-size: calc(var(--_bullet-size) / 3);
    block-size: calc(var(--_bullet-size) / 3);
    border-radius: var(--dnet-sys-radius-pill);
    background: currentColor;
}

.dnet-timeline-align-end > .dnet-timeline-item {
    grid-template-columns: minmax(0, 1fr) var(--_bullet-size);
    text-align: end;
}

.dnet-timeline-align-end > .dnet-timeline-item > .dnet-timeline-bullet {
    grid-column: 2;
}

.dnet-timeline-align-end > .dnet-timeline-item > .dnet-timeline-content,
.dnet-timeline-align-end > .dnet-timeline-item > .dnet-timeline-opposite {
    grid-column: 1;
}

.dnet-timeline-align-end > .dnet-timeline-item:not(:last-child)::before {
    inset-inline-start: auto;
    inset-inline-end: calc((var(--_bullet-size) - var(--_line-width)) / 2);
}

.dnet-timeline-align-alternate > .dnet-timeline-item {
    grid-template-columns: minmax(0, 1fr) var(--_bullet-size) minmax(0, 1fr);
}

.dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-bullet {
    grid-column: 2;
}

.dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-content,
.dnet-timeline-align-alternate > .dnet-timeline-item:nth-child(even) > .dnet-timeline-opposite {
    grid-column: 3;
    text-align: start;
}

.dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-opposite,
.dnet-timeline-align-alternate > .dnet-timeline-item:nth-child(even) > .dnet-timeline-content {
    grid-column: 1;
    text-align: end;
}

.dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-opposite {
    grid-row: 1;
    -webkit-padding-before: var(--dnet-sys-space-1);
            padding-block-start: var(--dnet-sys-space-1);
}

.dnet-timeline-align-alternate > .dnet-timeline-item:not(:last-child)::before {
    inset-inline-start: calc(50% - var(--_line-width) / 2);
}

@media (max-width: 640px) {
    .dnet-timeline-align-alternate > .dnet-timeline-item {
        grid-template-columns: var(--_bullet-size) minmax(0, 1fr);
    }

    .dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-bullet {
        grid-column: 1;
    }

    .dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-content,
    .dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-opposite,
    .dnet-timeline-align-alternate > .dnet-timeline-item:nth-child(even) > .dnet-timeline-content,
    .dnet-timeline-align-alternate > .dnet-timeline-item:nth-child(even) > .dnet-timeline-opposite {
        grid-column: 2;
        text-align: start;
    }

    .dnet-timeline-align-alternate > .dnet-timeline-item > .dnet-timeline-opposite {
        grid-row: 2;
        -webkit-padding-before: var(--dnet-sys-space-2);
                padding-block-start: var(--dnet-sys-space-2);
    }

    .dnet-timeline-align-alternate > .dnet-timeline-item:not(:last-child)::before {
        inset-inline-start: calc((var(--_bullet-size) - var(--_line-width)) / 2);
    }
}

/*! Button (recorte por offset; editado a mano en 6.0) — generado una vez; a partir de aquí se edita a mano. */
.dnet-button, .dnet-icon-button {
  --_icon-size: 20px;
  --_icon-gap: 8px;
  --_background: var(--dnet-btn-background, var(--dnet-button-background-color, var(--dnet-sys-transparent)));
  --_hover: var(--dnet-btn-background-hover, var(--dnet-button-hover-color, var(--dnet-sys-state-hover)));
  --_foreground: var(--dnet-btn-foreground, var(--dnet-sys-on-surface));
  --_focus-overlay: var(--dnet-btn-focus-overlay, var(--dnet-sys-state-pressed));
  --_font-size: var(--dnet-btn-font-size, var(--dnet-button-font-size, var(--dnet-sys-text-md)));
  --_min-width: var(--dnet-btn-min-width, var(--dnet-button-min-width, 64px));
  --_radius: var(--dnet-btn-radius, var(--dnet-button-border-radius, var(--dnet-sys-radius-pill)));
  --_height: var(--dnet-btn-height, var(--dnet-button-line-height, 40px));
  --_padding: var(--dnet-btn-padding, var(--dnet-button-padding, 0 16px));
  --_margin: var(--dnet-btn-margin, var(--dnet-button-margin, 0));
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: var(--_margin);
  min-width: var(--_min-width);
  height: var(--_height);
  line-height: var(--_height);
  padding: var(--_padding);
  border-radius: var(--_radius);
  overflow: visible;
  font-size: var(--_font-size);
  background: var(--_background);
  color: var(--_foreground);
}

.dnet-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--_icon-gap);
  line-height: 1.5;
}

.dnet-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--_icon-size);
  width: var(--_icon-size);
  height: var(--_icon-size);
  font-size: var(--_icon-size);
  line-height: 1;
}

.dnet-button-icon > :is(svg, img) {
  width: 100%;
  height: 100%;
}

/* Existing inline SVG/image icons in ChildContent share the same sizing. */
.dnet-button-wrapper > :is(svg, img) {
  flex: 0 0 var(--_icon-size);
  width: var(--_icon-size);
  height: var(--_icon-size);
}
.dnet-button.dnet-button-initial-focus, .dnet-icon-button.dnet-button-initial-focus {
  background-color: var(--_background);
}
.dnet-button:enabled:hover, .dnet-icon-button:enabled:hover {
  background-color: var(--_hover);
}
.dnet-button:focus .dnet-button-focus-overlay, .dnet-icon-button:focus .dnet-button-focus-overlay {
  opacity: 0.12;
}

.dnet-button-ripple.mat-ripple, .dnet-button-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.dnet-button-focus-overlay {
  background: var(--_focus-overlay);
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1);
}

.dnet-icon-button {
  --_padding: var(--dnet-btn-padding, 0);
  --_min-width: var(--dnet-btn-min-width, 0);
  --_radius: var(--dnet-btn-radius, var(--dnet-sys-radius-pill));
  width: var(--_height);
  height: var(--_height);
  flex-shrink: 0;
  outline: none;
}
.dnet-icon-button:focus {
  outline: none;
}

.dnet-button-ripple-round {
  border-radius: 50%;
  z-index: 1;
}

.dnet-ripple {
  overflow: hidden;
  position: relative;
}

/* Action variants are emitted by DnetButton. Native calendar/navigation buttons
   share the base class without inheriting the filled action treatment. */
.dnet-button-variant-filled {
  --_background: var(--dnet-btn-background, var(--dnet-button-background-color, var(--dnet-sys-primary)));
  --_hover: var(--dnet-btn-background-hover, var(--dnet-button-hover-color, color-mix(in srgb, var(--_background) 64%, var(--dnet-sys-primary-emphasis))));
  --_foreground: var(--dnet-btn-foreground, var(--dnet-sys-on-primary));
  --_border: var(--dnet-btn-border-color, var(--dnet-sys-transparent));
  border: 1px solid var(--_border);
}

.dnet-button-variant-outlined {
  --_background: var(--dnet-btn-background, var(--dnet-button-background-color, var(--dnet-sys-transparent)));
  --_foreground: var(--dnet-btn-foreground, var(--dnet-sys-primary-content));
  --_hover: var(--dnet-btn-background-hover, var(--dnet-button-hover-color, color-mix(in srgb, var(--_foreground) 10%, var(--_background))));
  --_border: var(--dnet-btn-border-color, var(--_foreground));
  border: 1px solid var(--_border);
}

.dnet-button:is(.dnet-button-variant-filled, .dnet-button-variant-outlined):focus-visible {
  box-shadow: 0 0 0 2px var(--dnet-sys-surface), 0 0 0 4px var(--dnet-sys-focus-ring);
}

.dnet-button:is(.dnet-button-variant-filled, .dnet-button-variant-outlined):disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Size variants come last: private defaults change while explicit public and
   legacy token overrides retain precedence through the base read chains. */
.dnet-button-size-small {
  --_height: var(--dnet-btn-height, var(--dnet-button-line-height, 32px));
  --_padding: var(--dnet-btn-padding, var(--dnet-button-padding, 0 12px));
  --_icon-size: 20px;
  --_icon-gap: 4px;
}

.dnet-button-size-medium {
  --_height: var(--dnet-btn-height, var(--dnet-button-line-height, 40px));
  --_padding: var(--dnet-btn-padding, var(--dnet-button-padding, 0 16px));
  --_icon-size: 20px;
  --_icon-gap: 8px;
}

.dnet-button-size-large {
  --_height: var(--dnet-btn-height, var(--dnet-button-line-height, 56px));
  --_padding: var(--dnet-btn-padding, var(--dnet-button-padding, 0 24px));
  --_icon-size: 24px;
  --_icon-gap: 8px;
}

/*! DynamicStepper — migrado a tokens (6.0). Generado una vez; se edita a mano. */

.dnet-horizontal-dstepper-header-container {
  --_font-size: var(--dnet-step-font-size, var(--dnet-sys-text-md));

  display: grid;
  gap: 0.3rem;
  overflow: hidden;
  align-items: center;
  width: 100%;
}

.dnet-dstep-header {
  width: 100%;
  transition: grid-column 0.3s ease-in-out, opacity 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.dnet-dstep-header.hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.dnet-horizontal-dstepper-content {
  padding: 1rem;
  margin-top: 1rem;
}

.dnet-horizontal-dstepper-controls {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.dnet-dstep-header .dnet-dstep-icon {
  background-color: var(--dnet-sys-on-surface-subtle);
  color: var(--dnet-sys-on-primary);
}

.dnet-horizontal-dstepper-header .dnet-dstep-icon {
  margin-right: 8px;
  flex: none;
}

.dnet-dstep-header .dnet-dstep-icon-selected, .dnet-dstep-header .dnet-dstep-icon-state-done, .dnet-dstep-header .dnet-dstep-icon-state-edit {
  background-color: var(--dnet-sys-primary-emphasis);
  color: var(--dnet-sys-on-primary);
}

.dnet-dstep-header.dnet-dstep-selected .dnet-dstep-icon {
  background-color: var(--dnet-sys-primary-emphasis);
  color: var(--dnet-sys-on-primary);
}

.dnet-dstep-icon {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  position: relative;
}

.dnet-dstep-icon-content, .dnet-dstep-icon .dnet-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dnet-dstep-label {
  display: inline-block;
  min-width: 50px;
  vertical-align: middle;
  font-size: var(--_font-size);
  margin-right: 0.3rem;
}

.dnet-dstepper-horizontal-line {
  --_line-color: color-mix(in srgb, var(--dnet-sys-on-surface) 19.4%, transparent);

  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  min-width: 32px;
}

.dnet-horizontal-dstepper-header:after, .dnet-horizontal-dstepper-header:before, .dnet-dstepper-horizontal-line {
  border-top-color: var(--_line-color);
}

.dnet-app-dstepper-container {
  width: 800px;
}

@media (max-width: 768px) {
  .dnet-dstep-header {
    max-width: 100%;
    flex-direction: column;
  }
  .dnet-app-dstepper-container {
    width: calc(100% - 0px);
  }
  .dnet-dstepper-horizontal-line {
    display: none;
  }
  .dnet-horizontal-dstepper-header-container {
    gap: 0px;
  }
}