:root {
  --gi-rrhh-primary: #326BF5;
  --gi-rrhh-primary-dark: #2957C7;
  --gi-rrhh-border: #d5dee9;
  --gi-rrhh-soft: #f8fbfe;
  --gi-rrhh-text: #1f2933;
  --gi-rrhh-action: #ff9700;
  --gi-rrhh-return: #18a058;
}

body.gi-rrhh-page {
  margin: 0;
  background: #f4f7fb;
  color: var(--gi-rrhh-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.35;
}

body.gi-rrhh-page * {
  box-sizing: border-box;
}

body.gi-rrhh-page input[type="text"],
body.gi-rrhh-page select {
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
}

body.gi-rrhh-page input[type="button"] {
  min-height: 28px;
  margin: 2px 3px 2px 0;
  padding: 5px 11px;
  border: 1px solid #aebed0 !important;
  border-radius: 5px;
  background: #ffffff !important;
  color: #1f2933 !important;
  font-family: inherit;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
}

body.gi-rrhh-page input[type="button"]:hover {
  border-color: var(--gi-rrhh-action) !important;
  background: #fff6ea !important;
  color: #1f2933 !important;
  box-shadow: 0 1px 2px rgba(12, 42, 69, 0.08);
}

body.gi-rrhh-page input[type="button"][disabled],
body.gi-rrhh-page input[type="button"][disabled]:hover {
  border-color: #c9d2dd !important;
  background: #eef2f6 !important;
  color: #7b8794 !important;
  cursor: default;
  box-shadow: none;
}

body.gi-rrhh-page input[type="button"][value="Grabar"],
body.gi-rrhh-page input[type="button"][value="Buscar"],
body.gi-rrhh-page input.gi-rrhh-primary-action {
  border-color: var(--gi-rrhh-action) !important;
  background: var(--gi-rrhh-action) !important;
  color: #ffffff !important;
}

body.gi-rrhh-page input[type="button"][value="Grabar"]:hover,
body.gi-rrhh-page input[type="button"][value="Buscar"]:hover,
body.gi-rrhh-page input.gi-rrhh-primary-action:hover {
  border-color: var(--gi-rrhh-action) !important;
  background: #fff6ea !important;
  color: #1f2933 !important;
}

body.gi-rrhh-page input[type="button"][value="Cerrar"] {
  border-color: var(--gi-rrhh-return) !important;
  background: #effaf3 !important;
  color: #126b38 !important;
}

body.gi-rrhh-page input[type="button"][value="Cerrar"]:hover {
  border-color: var(--gi-rrhh-action) !important;
  background: #effaf3 !important;
  color: #126b38 !important;
}

.gi-rrhh-shell {
  min-height: 100vh;
  padding: 8px 10px;
}

.gi-rrhh-card,
.gi-rrhh-topbar {
  width: 100%;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.gi-rrhh-title,
.gi-rrhh-topbar__title {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  background: var(--gi-rrhh-primary);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}

.gi-rrhh-title:before,
.gi-rrhh-topbar__title:before {
  content: "";
  width: 20px;
  align-self: stretch;
  background: var(--gi-rrhh-primary-dark);
  margin: -7px 12px -7px -12px;
}

.gi-rrhh-topbar {
  width: calc(100% - 20px);
  min-height: 78px;
  margin: 8px 10px 6px;
}

.gi-rrhh-topbar__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px 10px;
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-page input.gi-rrhh-topbar__switch {
  margin-left: auto;
}

body.gi-rrhh-page input.gi-rrhh-top-active,
body.gi-rrhh-page input.gi-rrhh-top-active:hover {
  border-color: var(--gi-rrhh-primary) !important;
  background: var(--gi-rrhh-primary) !important;
  color: #ffffff !important;
}

.gi-rrhh-form-panel,
.gi-rrhh-filter-panel,
.gi-rrhh-list-panel {
  padding: 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

.gi-rrhh-filter-panel {
  background: var(--gi-rrhh-soft);
}

.gi-rrhh-content {
  padding: 8px 0 0;
}

.gi-rrhh-panel {
  margin: 0 0 10px;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.gi-rrhh-accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 34px;
  padding: 7px 12px;
  border: 0;
  border-radius: 0;
  background: var(--gi-rrhh-primary);
  color: #ffffff;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}

.gi-rrhh-accordion-title:hover {
  background: var(--gi-rrhh-primary-dark);
}

#giRrhFiltrosPanel .gi-rrhh-accordion-title,
#giRrhFiltrosPanel .gi-rrhh-accordion-title:hover {
  background: var(--gi-rrhh-primary-dark);
}

.gi-rrhh-accordion-state {
  position: relative;
  min-width: 22px;
  min-height: 22px;
  font-size: 0;
}

.gi-rrhh-accordion-state:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
}

.gi-rrhh-panel--collapsed .gi-rrhh-accordion-state:before {
  top: 5px;
  transform: rotate(-45deg);
}

.gi-rrhh-panel--collapsed .gi-rrhh-accordion-body {
  display: none;
}

.gi-rrhh-accordion .gi-rrhh-form-panel,
.gi-rrhh-accordion .gi-rrhh-filter-panel {
  border-bottom: 0;
}

.gi-rrhh-section-label {
  margin: 0 0 7px;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

.gi-rrhh-form-grid,
.gi-rrhh-filter-grid {
  width: 100%;
  border-collapse: collapse;
}

.gi-rrhh-form-grid td,
.gi-rrhh-filter-grid td {
  padding: 4px 6px;
  vertical-align: middle;
}

.gi-rrhh-filter-grid td:first-child,
.gi-rrhh-filter-grid b,
.gi-rrhh-form-grid td[align="right"] {
  color: #526070;
  font-weight: 700;
}

.gi-rrhh-form-grid td:first-child,
.gi-rrhh-form-grid td[align="right"] {
  color: #526070;
  font-weight: 700;
}

.gi-rrhh-person-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 16px;
  column-gap: 100px;
}

.gi-rrhh-person-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gi-rrhh-person-block--identity {
  width: 150px;
}

.gi-rrhh-person-block--contact {
  width: 320px;
}

.gi-rrhh-person-block--job {
  width: 320px;
}

.gi-rrhh-person-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gi-rrhh-person-field label {
  color: #526070;
  font-weight: 700;
}

.gi-rrhh-person-block--contact input[type="text"],
.gi-rrhh-person-block--job input[type="text"],
.gi-rrhh-person-block--job select {
  width: 100% !important;
}

.gi-rrhh-person-field--date input[type="text"] {
  width: 80px !important;
}

#tbxFechaNacimiento {
  width: 100px !important;
}

.gi-rrhh-date-control,
.gi-rrhh-date-pair,
.gi-rrhh-cargo-control {
  display: flex;
  align-items: center;
  gap: 5px;
}

body.gi-rrhh-page img.gi-date-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  padding: 0;
  border: 0;
  cursor: pointer;
  vertical-align: middle;
}

.gi-date-picker {
  position: absolute;
  z-index: 9999;
  width: 222px;
  padding: 8px;
  border: 1px solid #b8c5d4;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
  color: var(--gi-rrhh-text);
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.gi-date-head,
.gi-date-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.gi-date-head {
  margin-bottom: 6px;
}

.gi-date-title {
  flex: 1;
  color: #17212f;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.gi-rrhh-page .gi-date-picker-year-select .gi-date-head {
  gap: 4px;
}

.gi-rrhh-page .gi-date-picker-year-select .gi-date-title {
  min-width: 0;
  white-space: nowrap;
}

.gi-rrhh-page .gi-date-year-select {
  box-sizing: border-box;
  flex: 0 0 68px;
  width: 68px;
  height: 26px;
  padding: 0 2px;
  border: 1px solid #b8c5d4;
  border-radius: 5px;
  background: #ffffff;
  color: #17212f;
  font-size: 12px;
}

.gi-date-picker button {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  font-family: inherit;
  font-size: 11px;
  line-height: 1;
}

.gi-date-nav {
  width: 28px;
  height: 26px;
}

.gi-date-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
}

.gi-date-week {
  margin-bottom: 5px;
  color: #5a6b7d;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.gi-date-empty,
.gi-date-day {
  height: 25px;
}

.gi-date-day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid transparent;
  background: #f7fafc;
  color: #1f2933;
}

.gi-date-day:hover {
  border-color: var(--gi-rrhh-action);
  background: #fff6ea;
}

.gi-date-day.is-today {
  border-color: var(--gi-rrhh-return);
}

.gi-date-day.is-selected {
  border-color: var(--gi-rrhh-action);
  background: var(--gi-rrhh-action);
  color: #ffffff;
}

.gi-date-actions {
  justify-content: flex-end;
  margin-top: 8px;
}

.gi-date-actions button {
  padding: 5px 7px;
}

.gi-date-picker.gi-date-picker-compact {
  width: 164px;
  padding: 4px;
  border-radius: 6px;
}

.gi-date-picker-compact .gi-date-head {
  gap: 3px;
  margin-bottom: 3px;
}

.gi-date-picker-compact .gi-date-title,
.gi-date-picker-compact .gi-date-day {
  font-size: 10px;
}

.gi-date-picker-compact .gi-date-nav {
  width: 20px;
  height: 18px;
}

.gi-date-picker-compact .gi-date-grid {
  gap: 1px;
}

.gi-date-picker-compact .gi-date-week {
  margin-bottom: 2px;
  font-size: 10px;
}

.gi-date-picker-compact .gi-date-empty,
.gi-date-picker-compact .gi-date-day {
  height: 16px;
}

.gi-rrhh-date-pair {
  align-items: flex-start;
  gap: 50px;
}

.gi-rrhh-date-pair .gi-rrhh-person-field {
  min-width: 0;
}

.gi-rrhh-cargo-control select {
  flex: 1;
  min-width: 0;
}

.gi-rrhh-cargo-control input[type="button"] {
  width: 30px;
  min-width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.gi-rrhh-person-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 190px;
  margin-left: auto;
  align-self: flex-end;
  padding-top: 0;
}

.gi-rrhh-person-actions .gi-rrhh-message {
  flex-basis: 100%;
}

@media screen and (min-width: 1100px) {
  .gi-rrhh-filter-grid td:last-child {
    position: relative;
    left: 60px;
  }
}

.gi-rrhh-list-wrap {
  width: 100%;
}

.gi-rrhh-scroll {
  width: 100% !important;
  max-height: 330px;
  height: 330px !important;
  overflow: auto !important;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-top: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-page .tittable,
body.gi-rrhh-page tr.tittable td {
  padding: 7px 6px;
  background: #e8eef7 !important;
  color: #1f2933 !important;
  font-weight: 700;
}

body.gi-rrhh-page table[border="1"] {
  border-color: var(--gi-rrhh-border) !important;
}

body.gi-rrhh-page table[border="1"] td {
  border-color: var(--gi-rrhh-border) !important;
}

.gi-rrhh-message {
  color: #126b38;
  font-weight: 700;
}

.gi-rrhh-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: #526070;
  font-weight: 600;
}

.gi-rrhh-legend img {
  vertical-align: middle;
}

body.gi-rrhh-page > form > table,
body.gi-rrhh-page #dvContenido > form > table,
body.gi-rrhh-page form > #dvContenido > table {
  width: calc(100% - 20px) !important;
  height: auto !important;
  margin: 10px 10px 0;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

body.gi-rrhh-page > form > table > tbody > tr:first-child > td:first-child,
body.gi-rrhh-page #dvContenido > form > table > tbody > tr:first-child > td:first-child,
body.gi-rrhh-page form > #dvContenido > table > tbody > tr:first-child > td:first-child {
  width: 20px !important;
  background: var(--gi-rrhh-primary-dark) !important;
}

body.gi-rrhh-page > form > table > tbody > tr:first-child > td.tit,
body.gi-rrhh-page #dvContenido > form > table > tbody > tr:first-child > td.tit,
body.gi-rrhh-page form > #dvContenido > table > tbody > tr:first-child > td.tit {
  height: 34px;
  border: 0 !important;
  background: var(--gi-rrhh-primary) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;
  padding: 7px 12px !important;
}

body.gi-rrhh-page > form > table > tbody > tr:first-child + tr > td,
body.gi-rrhh-page #dvContenido > form > table > tbody > tr:first-child + tr > td,
body.gi-rrhh-page form > #dvContenido > table > tbody > tr:first-child + tr > td {
  padding: 8px 10px;
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-page > form > table > tbody > tr:not(:first-child):not(:nth-child(2)) > td,
body.gi-rrhh-page #dvContenido > form > table > tbody > tr:not(:first-child):not(:nth-child(2)) > td,
body.gi-rrhh-page form > #dvContenido > table > tbody > tr:not(:first-child):not(:nth-child(2)) > td {
  padding: 8px 10px;
}

body.gi-rrhh-page td {
  line-height: 1.35;
}

body.gi-rrhh-page td[background] {
  background-image: none !important;
}

body.gi-rrhh-page #dvContenido {
  min-height: 100vh;
}

body.gi-rrhh-page #dvCargos {
  height: 315px !important;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-top: 0 !important;
  overflow: auto !important;
}

body.gi-rrhh-page img[onclick],
body.gi-rrhh-page img[onClick] {
  cursor: pointer;
}

body.gi-rrhh-page img {
  vertical-align: middle;
}

body.gi-rrhh-page .boton11 {
  border-color: var(--gi-rrhh-primary) !important;
  background: #eef4ff !important;
  color: var(--gi-rrhh-primary-dark) !important;
}

body.gi-rrhh-page .boton11:hover {
  border-color: var(--gi-rrhh-action) !important;
  background: #fff6ea !important;
}

.gi-rrhh-list-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid var(--gi-rrhh-border);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: var(--gi-rrhh-soft);
  color: var(--gi-rrhh-text);
  overflow: hidden;
}

.gi-rrhh-list-heading strong {
  font-size: 13px;
}

.gi-rrhh-list-wrap table {
  width: 100%;
}

.gi-rrhh-list-wrap table td {
  border-color: var(--gi-rrhh-border) !important;
}

.gi-rrhh-list-wrap table tr:not(.tittable):hover td {
  background: #fbfcfe;
}

.gi-rrhh-list-panel {
  min-height: 0;
  display: block;
  padding: 10px;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

.gi-rrhh-list-panel .gi-rrhh-list-wrap {
  display: block;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.gi-rrhh-list-panel .gi-rrhh-scroll {
  flex: 1;
  height: auto !important;
  max-height: none;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-radius: 0 0 8px 8px;
  overflow: auto !important;
}

.gi-rrhh-list-panel .gi-rrhh-scroll table {
  border-collapse: collapse;
  border-style: hidden;
  border-radius: 8px;
}

.gi-rrhh-list-panel .gi-rrhh-scroll thead td {
  position: sticky;
  top: 0;
  z-index: 1;
}

.gi-rrhh-list-panel .gi-rrhh-scroll tbody td {
  min-height: 28px;
  padding: 5px 6px;
}

/* Ventanas internas de Personas: solo capa visual, sin alterar los flujos legacy. */
body.gi-rrhh-popup-page {
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0;
  padding: 10px;
  background: #f4f7fb;
}

body.gi-rrhh-popup-page *,
body.gi-rrhh-popup-page *:before,
body.gi-rrhh-popup-page *:after {
  box-sizing: border-box;
}

body.gi-rrhh-popup-page form > .gi-rrhh-popup-shell,
body.gi-rrhh-popup-page form > #dvContenido > .gi-rrhh-popup-shell {
  width: 100% !important;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-shell > tbody > tr:first-child > td {
  border: 0 !important;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-shell > tbody > tr:first-child > td:first-child {
  background: var(--gi-rrhh-primary-dark) !important;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-shell > tbody > tr:first-child > td.tit {
  background: var(--gi-rrhh-primary) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-shell > tbody > tr > td {
  border-color: var(--gi-rrhh-border) !important;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-details td:first-child,
body.gi-rrhh-popup-page .gi-rrhh-popup-form tr:nth-child(odd) td {
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-details td,
body.gi-rrhh-popup-page .gi-rrhh-popup-form td {
  padding: 5px 7px;
}

body.gi-rrhh-popup-page input[type="text"],
body.gi-rrhh-popup-page textarea {
  border: 1px solid #b9cbe4;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font: inherit;
  padding: 6px 8px;
}

body.gi-rrhh-popup-page textarea {
  max-width: 100%;
  resize: vertical;
}

body.gi-rrhh-popup-page input.gi-rrhh-primary-action {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--gi-rrhh-action) !important;
  border-radius: 6px;
  background: var(--gi-rrhh-action) !important;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: none;
}

body.gi-rrhh-popup-page input.gi-rrhh-primary-action:hover {
  background: #f28e00 !important;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-table {
  width: 100% !important;
  border: 1px solid var(--gi-rrhh-border) !important;
  border-collapse: collapse !important;
  background: #ffffff;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-table td {
  border-color: var(--gi-rrhh-border) !important;
  padding: 6px 7px;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-table--head {
  margin-top: 10px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-table--head tr:first-child td,
body.gi-rrhh-popup-page .gi-rrhh-popup-table--head tr.tittable td {
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-table--body tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-scroll {
  width: 100% !important;
  margin-top: -1px;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 0 0 6px 6px;
  overflow: auto !important;
  background: #ffffff;
}

body.gi-rrhh-popup-page .gi-rrhh-popup-scroll--cap { height: 220px; }
body.gi-rrhh-popup-page .gi-rrhh-popup-scroll--evaluation { height: 400px; }
body.gi-rrhh-popup-page .gi-rrhh-popup-scroll--attachments { height: 250px; }

@media screen and (max-width: 700px) {
  body.gi-rrhh-popup-page { padding: 6px; }
  body.gi-rrhh-popup-page .gi-rrhh-popup-form input[type="text"] { max-width: 100%; }
}
/* Popup interno del listado de Personal, homologado con Evaluaciones de Clientes. */
body.gi-rrhh-page .gi-rrhh-internal-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(22, 33, 47, 0.42);
  box-sizing: border-box;
}

body.gi-rrhh-page .gi-rrhh-internal-dialog {
  display: flex;
  flex-direction: column;
  width: min(1100px, 92vw);
  height: min(700px, 86vh);
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(22, 33, 47, 0.24);
}

body.gi-rrhh-page .gi-rrhh-internal-titlebar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px 0 40px;
  background: var(--gi-rrhh-primary);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

body.gi-rrhh-page .gi-rrhh-internal-titlebar:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background: var(--gi-rrhh-primary-dark);
}

body.gi-rrhh-page .gi-rrhh-internal-titlebar input[type="button"] {
  min-height: 30px;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid #0f9f57;
  border-radius: 6px;
  background: #effaf3;
  color: #057a3d;
  font-weight: 700;
  text-shadow: none;
}

body.gi-rrhh-page .gi-rrhh-internal-titlebar input[type="button"]:hover {
  border-color: var(--gi-rrhh-action);
  background: #fff6ea;
  color: #1f2933;
}

body.gi-rrhh-page .gi-rrhh-internal-frame-wrap {
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
}

body.gi-rrhh-page .gi-rrhh-internal-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ffffff;
}

@media screen and (max-width: 700px) {
  body.gi-rrhh-page .gi-rrhh-internal-modal { padding: 10px; }
  body.gi-rrhh-page .gi-rrhh-internal-dialog { width: 100%; height: 92vh; }
}
/* DOC: documentos de Personal dentro del popup interno. */
body.gi-rrhh-competencias-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-shell {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-card,
body.gi-rrhh-competencias-page .gi-rrhh-competencias-list-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-card {
  padding: 12px 14px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-card h2,
body.gi-rrhh-competencias-page .gi-rrhh-competencias-list-head h2 {
  margin: 0;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-card h2 {
  margin-bottom: 9px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-grid {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) minmax(260px, 1.15fr) auto;
  gap: 10px 12px;
  align-items: end;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-field {
  min-width: 0;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-field input[type="text"],
body.gi-rrhh-competencias-page .gi-rrhh-competencias-field input[type="file"] {
  width: 100%;
  min-height: 32px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-field input[type="file"] {
  padding: 4px 7px;
  border: 1px solid #b9cbe4;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-actions {
  display: flex;
  align-items: end;
  min-height: 32px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-message {
  min-height: 18px;
  margin-top: 7px;
  color: #405675;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-list-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(298px, calc(100vh - 232px), 498px);
  padding: 12px 14px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-legend img,
body.gi-rrhh-competencias-page .gi-rrhh-competencias-table img {
  vertical-align: middle;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table-wrap {
  height: auto;
  max-height: clamp(230px, calc(100vh - 300px), 430px);
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 6px;
  background: #ffffff;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-competencias-page .gi-rrhh-competencias-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 900px) {
  body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 560px) {
  body.gi-rrhh-competencias-page .gi-rrhh-competencias-shell { padding: 8px; }
  body.gi-rrhh-competencias-page .gi-rrhh-competencias-form-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-competencias-page .gi-rrhh-competencias-list-head { align-items: flex-start; flex-direction: column; }
}
/* CAP: capacitaciones de Personal dentro del popup interno. */
body.gi-rrhh-capacitaciones-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-capacitaciones-page #dvContenido {
  min-height: 100%;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-shell {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-card,
body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-list-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-card {
  padding: 12px 14px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-card h2,
body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-list-head h2 {
  margin: 0;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-card h2 {
  margin-bottom: 9px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-grid {
  display: grid;
  grid-template-columns: 126px minmax(230px, 1fr) 62px 128px minmax(165px, 0.7fr) auto;
  gap: 10px 12px;
  align-items: end;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field {
  min-width: 0;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field input[type="text"],
body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field textarea {
  width: 100%;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--date input[type="text"] {
  width: 94px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-date-control {
  display: flex;
  align-items: center;
  gap: 6px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-date-control img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness {
  grid-column: 1 / span 3;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field textarea {
  min-height: 72px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-readonly-value {
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid #d4deea;
  border-radius: 6px;
  background: #f8fafc;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-actions {
  display: flex;
  align-items: end;
  min-height: 32px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-message {
  min-height: 18px;
  margin-top: 7px;
  color: #405675;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-list-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(250px, calc(100vh - 350px), 350px);
  padding: 12px 14px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-list-head {
  flex: 0 0 auto;
  margin-bottom: 9px;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table-wrap {
  width: 100%;
  height: auto;
  max-height: clamp(190px, calc(100vh - 410px), 280px);
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 6px;
  background: #ffffff;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 960px) {
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness { grid-column: 1 / -1; }
}

@media screen and (max-width: 560px) {
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-shell { padding: 8px; }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-form-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness { grid-column: auto; }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-list-card { height: 300px; }
}
/* Ajustes espaciales y subpopup de CAP. */
body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--training-date {
  grid-column: 1;
  grid-row: 1;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--course {
  grid-column: 2 / span 2;
  grid-row: 1;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--note {
  grid-column: 4;
  grid-row: 1;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness {
  grid-column: 1 / span 3;
  grid-row: 2;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--evaluation-date {
  grid-column: 4;
  grid-row: 2;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--evaluator {
  grid-column: 5;
  grid-row: 2;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-actions {
  grid-column: 6;
  grid-row: 2;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-submodal {
  position: fixed;
  inset: 0;
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(22, 33, 47, 0.34);
  box-sizing: border-box;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subdialog {
  display: flex;
  flex-direction: column;
  width: min(720px, 94vw);
  height: min(460px, 82vh);
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(22, 33, 47, 0.24);
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subtitlebar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px 0 40px;
  background: var(--gi-rrhh-primary);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subtitlebar:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background: var(--gi-rrhh-primary-dark);
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subtitlebar input[type="button"] {
  min-height: 30px;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid #0f9f57;
  border-radius: 6px;
  background: #effaf3;
  color: #057a3d;
  font-weight: 700;
  text-shadow: none;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subtitlebar input[type="button"]:hover {
  border-color: var(--gi-rrhh-action);
  background: #fff6ea;
  color: #1f2933;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subframe-wrap {
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
}

body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ffffff;
}

@media screen and (max-width: 960px) {
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--training-date,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--course,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--note,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--evaluation-date,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--evaluator,
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-actions {
    grid-column: auto;
    grid-row: auto;
  }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-field--effectiveness { grid-column: 1 / -1; }
}

@media screen and (max-width: 560px) {
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-submodal { padding: 10px; }
  body.gi-rrhh-capacitaciones-page .gi-rrhh-cap-subdialog { width: 100%; height: 88vh; }
}
/* Archivos de CAP: contenido del subpopup sin cabecera corporativa duplicada. */
body.gi-rrhh-cap-archivos-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-shell {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
  box-sizing: border-box;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-card,
body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-list-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-card {
  padding: 12px 14px;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-card h2,
body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-list-head h2 {
  margin: 0;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-card h2 {
  margin-bottom: 9px;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(235px, 1.4fr) auto;
  gap: 10px 12px;
  align-items: end;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-field {
  min-width: 0;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-field input[type="text"],
body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-field input[type="file"] {
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-field input[type="file"] {
  padding: 4px 7px;
  border: 1px solid #b9cbe4;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-actions {
  display: flex;
  align-items: end;
  min-height: 32px;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-message {
  min-height: 18px;
  margin-top: 7px;
  color: #405675;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-list-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(210px, calc(100vh - 166px), 288px);
  padding: 12px 14px;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-list-head {
  margin-bottom: 9px;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table-wrap {
  height: auto;
  max-height: clamp(138px, calc(100vh - 238px), 212px);
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 6px;
  background: #ffffff;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 620px) {
  body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-shell { padding: 8px; }
  body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-form-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-cap-archivos-page .gi-rrhh-cap-archive-list-card { height: 250px; }
}
/* EVD: historial de evaluaciones de desempeno dentro del popup de Personal. */
body.gi-rrhh-evaluacion-cab-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-shell {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
  box-sizing: border-box;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-card,
body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-card {
  padding: 12px 14px;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-card h2,
body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-head h2 {
  margin: 0;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-card h2 {
  margin-bottom: 9px;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 10px 28px;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-field {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-field span {
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-field strong {
  overflow-wrap: anywhere;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(360px, calc(100vh - 168px), 530px);
  padding: 12px 14px;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-head input[type="button"] {
  margin: 0;
  white-space: nowrap;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table-wrap {
  height: auto;
  max-height: clamp(290px, calc(100vh - 248px), 450px);
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 6px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 700px) {
  body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-shell { padding: 8px; }
  body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-person-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-evaluacion-cab-page .gi-rrhh-evaluation-list-head { align-items: flex-start; flex-direction: column; }
}
/* ADJ: evaluaciones adjuntas dentro del popup de Personal. */
body.gi-rrhh-evaluacion-adj-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-shell {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
  box-sizing: border-box;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-card,
body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-card {
  padding: 12px 14px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-card h2,
body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-head h2 {
  margin: 0;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-card h2 {
  margin-bottom: 9px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 10px 28px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-field {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-field span {
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-field strong {
  overflow-wrap: anywhere;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(360px, calc(100vh - 168px), 530px);
  padding: 12px 14px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-head input[type="button"] {
  margin: 0;
  white-space: nowrap;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table-wrap {
  height: auto;
  max-height: clamp(290px, calc(100vh - 248px), 450px);
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 6px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-table input[type="button"] {
  min-width: 32px;
  margin: 0;
  padding: 4px 7px;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 760px) {
  body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-shell { padding: 8px; }
  body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-person-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-list-head { align-items: flex-start; flex-direction: column; }
}
/* ADJ: subpopup de carga sin interferir con el contenedor principal. */
body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-submodal {
  position: fixed;
  inset: 0;
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(22, 33, 47, 0.34);
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subdialog {
  display: flex;
  flex-direction: column;
  width: min(720px, 94vw);
  height: min(400px, 76vh);
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(22, 33, 47, 0.24);
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subtitlebar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px 0 40px;
  background: var(--gi-rrhh-primary);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subtitlebar:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background: var(--gi-rrhh-primary-dark);
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subtitlebar input[type="button"] {
  min-height: 30px;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid #0f9f57 !important;
  border-radius: 6px;
  background: #effaf3 !important;
  color: #057a3d !important;
  font-weight: 700;
  text-shadow: none;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subframe-wrap {
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluation-archive-page {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-shell {
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-form-card {
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 14px;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-form-card h2 {
  margin: 0 0 9px;
  color: var(--gi-rrhh-text);
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-form-grid {
  display: grid;
  grid-template-columns: 176px minmax(250px, 1fr) 36px;
  gap: 10px 12px;
  align-items: end;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field {
  min-width: 0;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field input[type="text"],
body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field input[type="file"],
body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field textarea {
  width: 100%;
  min-height: 32px;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field input[type="file"] {
  padding: 4px 7px;
  border: 1px solid #b9cbe4;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-date-control {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-date-control input[type="text"] {
  width: 116px;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-date-control .gi-date-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-view {
  display: flex;
  align-items: end;
  min-height: 32px;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field--description {
  grid-column: 1 / -1;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field textarea {
  resize: vertical;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-message {
  min-height: 18px;
  margin-top: 7px;
  color: #405675;
}

@media screen and (max-width: 620px) {
  body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-submodal { padding: 10px; }
  body.gi-rrhh-evaluacion-adj-page .gi-rrhh-evaluation-adj-subdialog { width: 100%; height: 84vh; }
  body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-shell { padding: 8px; }
  body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-form-grid { grid-template-columns: 1fr; }
  body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-field--description,
  body.gi-rrhh-evaluation-archive-page .gi-rrhh-evaluation-archive-actions { grid-column: auto; }
}
/* Mantenedor de Cargos: listado homologado con Personal. */
body.gi-rrhh-page .gi-rrhh-cargos-list-host {
  padding: 10px !important;
  background: #ffffff;
}

body.gi-rrhh-page .gi-rrhh-cargos-list-host .gi-rrhh-list-heading {
  margin: 0;
}

body.gi-rrhh-page .gi-rrhh-cargos-scroll {
  height: 400px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-page .gi-rrhh-cargos-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-page .gi-rrhh-cargos-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-page .gi-rrhh-cargos-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-page .gi-rrhh-cargos-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-page .gi-rrhh-cargos-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-page .gi-rrhh-cargos-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-page .gi-rrhh-cargos-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 700px) {
  body.gi-rrhh-page .gi-rrhh-cargos-list-host { padding: 8px !important; }
  body.gi-rrhh-page .gi-rrhh-cargos-scroll { height: 320px; }
}

/* Evaluación de Desempeño: Agrupaciones homologadas con Clientes. */
body.gi-rrhh-evaluacion-groups {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-groups form {
  margin: 0;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-section {
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-section--form {
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-section--list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: 0;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-section-label {
  margin-bottom: 8px;
  color: var(--gi-rrhh-text);
  font-size: 13px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-form-grid {
  display: grid;
  grid-template-columns: minmax(220px, 360px) minmax(300px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field {
  min-width: 0;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field input[type="text"],
body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field textarea {
  width: 100% !important;
  min-height: 32px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field textarea {
  resize: vertical;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field input[type="text"]:focus,
body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-field textarea:focus {
  outline: 2px solid rgba(255, 151, 0, 0.22);
  border-color: var(--gi-rrhh-action);
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 90px;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-actions .gi-rrhh-message {
  flex-basis: 100%;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-help {
  margin-top: 9px;
  color: #526070;
  line-height: 1.45;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-list-heading {
  flex: 0 0 auto;
  margin: -10px -10px 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-scroll {
  flex: 0 1 auto;
  max-height: 330px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 760px) {
  body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-form-grid {
    grid-template-columns: 1fr;
  }

  body.gi-rrhh-evaluacion-groups .gi-rrhh-groups-actions {
    justify-content: flex-start;
  }
}
/* Evaluación de Desempeño: Eventos homologados con Clientes. */
body.gi-rrhh-evaluacion-events {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-events form {
  margin: 0;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-section {
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-section--form {
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-section--list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: 0;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-section-label {
  margin-bottom: 8px;
  color: var(--gi-rrhh-text);
  font-size: 13px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-form-grid {
  display: grid;
  grid-template-columns: 145px 145px minmax(230px, 1fr) 160px auto;
  gap: 10px 14px;
  align-items: end;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field {
  min-width: 0;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field input[type="text"],
body.gi-rrhh-evaluacion-events .gi-rrhh-events-field select,
body.gi-rrhh-evaluacion-events .gi-rrhh-events-field textarea {
  width: 100% !important;
  min-height: 32px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field textarea {
  resize: vertical;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field input[type="text"]:focus,
body.gi-rrhh-evaluacion-events .gi-rrhh-events-field select:focus,
body.gi-rrhh-evaluacion-events .gi-rrhh-events-field textarea:focus {
  outline: 2px solid rgba(255, 151, 0, 0.22);
  border-color: var(--gi-rrhh-action);
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-date-control {
  display: flex;
  align-items: center;
  gap: 7px;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-date-control input[type="text"] {
  width: 108px !important;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field--title {
  grid-column: 1 / span 3;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-field--description {
  grid-column: 1 / span 4;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 90px;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-actions .gi-rrhh-message {
  flex-basis: 100%;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-list-heading {
  flex: 0 0 auto;
  margin: -10px -10px 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-scroll {
  flex: 0 1 auto;
  max-height: 330px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-events .gi-rrhh-events-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 900px) {
  body.gi-rrhh-evaluacion-events .gi-rrhh-events-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gi-rrhh-evaluacion-events .gi-rrhh-events-field--title,
  body.gi-rrhh-evaluacion-events .gi-rrhh-events-field--description {
    grid-column: 1 / -1;
  }

  body.gi-rrhh-evaluacion-events .gi-rrhh-events-actions {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 520px) {
  body.gi-rrhh-evaluacion-events .gi-rrhh-events-form-grid {
    grid-template-columns: 1fr;
  }
}
/* Evaluación de Desempeño: Escala homologada con Clientes. */
body.gi-rrhh-evaluacion-scale {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-scale form {
  margin: 0;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-section {
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-section--generate {
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-section--list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: 0;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-section-label {
  margin-bottom: 8px;
  color: var(--gi-rrhh-text);
  font-size: 13px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-generate-grid,
body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-form-grid {
  display: grid;
  gap: 10px 14px;
  align-items: end;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-generate-grid {
  grid-template-columns: 118px 118px auto;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-form-grid {
  grid-template-columns: 80px minmax(200px, 300px) minmax(300px, 1fr) auto;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field {
  min-width: 0;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field input[type="text"] {
  width: 100% !important;
  min-height: 32px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field input[type="text"]:focus {
  outline: 2px solid rgba(255, 151, 0, 0.22);
  border-color: var(--gi-rrhh-action);
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field--range input[type="text"] {
  width: 58px !important;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field--note input[type="text"] {
  width: 58px !important;
  background: #eef2f6;
  color: #526070;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-generate-action,
body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-generate-action input[type="button"],
body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-actions {
  min-width: 155px;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-actions .gi-rrhh-message {
  flex-basis: 100%;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-list-heading {
  flex: 0 0 auto;
  margin: -10px -10px 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-scroll {
  flex: 0 1 auto;
  max-height: 330px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 760px) {
  body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-form-grid {
    grid-template-columns: 1fr 1fr;
  }

  body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-field--description,
  body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-actions {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 480px) {
  body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-generate-grid,
  body.gi-rrhh-evaluacion-scale .gi-rrhh-scale-form-grid {
    grid-template-columns: 1fr;
  }
}
/* Evaluación de Desempeño: Competencias homologadas con Clientes. */
body.gi-rrhh-evaluacion-competencies {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-competencies form {
  margin: 0;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-section {
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-section--form {
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-section--list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: 0;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-section-label {
  margin-bottom: 8px;
  color: var(--gi-rrhh-text);
  font-size: 13px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-form-grid {
  display: grid;
  grid-template-columns: minmax(240px, 360px) minmax(320px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field {
  min-width: 0;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field input[type="text"],
body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field textarea {
  width: 100% !important;
  min-height: 32px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field textarea {
  resize: vertical;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field input[type="text"]:focus,
body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-field textarea:focus {
  outline: 2px solid rgba(255, 151, 0, 0.22);
  border-color: var(--gi-rrhh-action);
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 155px;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-actions .gi-rrhh-message {
  flex-basis: 100%;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-list-heading {
  flex: 0 0 auto;
  margin: -10px -10px 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-list-message {
  color: #b42318;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-scroll {
  flex: 0 1 auto;
  max-height: 330px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 760px) {
  body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-form-grid {
    grid-template-columns: 1fr;
  }

  body.gi-rrhh-evaluacion-competencies .gi-rrhh-competencies-actions {
    justify-content: flex-start;
  }
}
/* Evaluación de Desempeño: Criterios internos. */
body.gi-rrhh-evaluacion-criteria {
  min-height: 100%;
  padding: 0 !important;
  background: #ffffff !important;
}

body.gi-rrhh-evaluacion-criteria form {
  min-height: 100%;
  margin: 0;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-shell {
  min-height: 100%;
  padding: 12px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-card {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-section {
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-section--form {
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-section--list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-bottom: 0;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-section-label {
  margin-bottom: 8px;
  color: var(--gi-rrhh-text);
  font-size: 13px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-form-grid {
  display: grid;
  grid-template-columns: minmax(340px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-field {
  min-width: 0;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-field label {
  display: block;
  margin-bottom: 4px;
  color: #405675;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-field textarea {
  width: 100% !important;
  min-height: 52px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #0f1720;
  font-family: inherit;
  font-size: 12px;
  padding: 5px 7px;
  resize: vertical;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-field textarea:focus {
  outline: 2px solid rgba(255, 151, 0, 0.22);
  border-color: var(--gi-rrhh-action);
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 155px;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-actions .gi-rrhh-message {
  flex-basis: 100%;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-list-heading {
  flex: 0 0 auto;
  margin: -10px -10px 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-scroll {
  flex: 0 1 auto;
  max-height: 300px;
  overflow: auto;
  border: 1px solid var(--gi-rrhh-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table td {
  min-height: 30px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-empty {
  padding: 12px !important;
  color: #405675;
}

@media screen and (max-width: 620px) {
  body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-shell {
    padding: 8px;
  }

  body.gi-rrhh-evaluacion-criteria .gi-rrhh-criteria-form-grid {
    grid-template-columns: 1fr;
  }
}
/* Evaluación de Desempeño: Asignación de Criterios. */
body.gi-rrhh-evaluacion-assignment {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-assignment form {
  margin: 0;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-event-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-event-label {
  color: #526070;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-event-period {
  color: #526070;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, 32%) minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  background: #f4f7fb;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-pane--cargos {
  border-right: 1px solid var(--gi-rrhh-border);
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-pane .gi-rrhh-list-heading,
body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head {
  flex: 0 0 auto;
  box-sizing: border-box;
  min-height: 50px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-pane .gi-rrhh-list-heading {
  display: flex;
  align-items: center;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table td {
  min-height: 31px;
  padding: 6px 7px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-table tbody tr.is-selected td {
  background: #eef4ff;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-cargos-empty {
  padding: 12px !important;
  color: #405675;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head > strong {
  margin-right: auto;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #526070;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-summary input[type="text"] {
  width: 50px;
  min-height: 28px;
  padding: 4px 6px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  color: #b42318;
  font-weight: 700;
  text-align: right;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 10px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency {
  border: 1px solid var(--gi-rrhh-border);
  border-bottom: 0;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency:first-child {
  border-radius: 7px 7px 0 0;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency:last-child {
  border-bottom: 1px solid var(--gi-rrhh-border);
  border-radius: 0 0 7px 7px;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-row {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) 155px 56px;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 7px 9px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-select {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--gi-rrhh-text);
  font-weight: 700;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-select span {
  overflow-wrap: anywhere;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-weight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #526070;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-weight label {
  font-weight: 700;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-weight input[type="text"] {
  width: 56px;
  min-height: 28px;
  padding: 4px 6px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  text-align: right;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-weight input[type="text"]:disabled {
  background: #eef2f6;
  color: #7b8794;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-toggle {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-toggle a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #b8c9dc;
  border-radius: 5px;
  background: #ffffff;
  cursor: pointer;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-toggle a:hover {
  border-color: var(--gi-rrhh-action);
  background: #fff6ea;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-toggle img {
  max-width: 16px;
  max-height: 16px;
  border: 0;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-criteria {
  border-top: 1px solid var(--gi-rrhh-border);
  background: #f8fbfe;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-criteria-body {
  display: grid;
  gap: 5px;
  padding: 9px 12px 10px 39px;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-criterion {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #405675;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-criterion span {
  overflow-wrap: anywhere;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-criteria-empty {
  padding: 2px 0;
  color: #526070;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-empty {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  padding: 14px 16px;
  color: #526070;
  text-align: left;
}

body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-empty strong {
  color: var(--gi-rrhh-text);
  font-size: 14px;
}

@media screen and (max-width: 900px) {
  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-workspace {
    grid-template-columns: 1fr;
  }

  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-pane--cargos {
    max-height: 280px;
    border-right: 0;
    border-bottom: 1px solid var(--gi-rrhh-border);
  }
}

@media screen and (max-width: 620px) {
  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head {
    align-items: flex-start;
  }

  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competencies-head > strong {
    flex-basis: 100%;
  }

  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-row {
    grid-template-columns: 1fr auto;
  }

  body.gi-rrhh-evaluacion-assignment .gi-rrhh-assignment-competency-weight {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}
/* Evaluación de Desempeño: Nominación. */
body.gi-rrhh-evaluacion-nomination {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-nomination form {
  margin: 0;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 13px;
  padding: 10px 13px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-label,
body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-period,
body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-picker span {
  color: #526070;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-picker {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-picker select {
  min-height: 30px;
  max-width: 290px;
  padding: 4px 28px 4px 8px;
  border: 1px solid #b7c8df;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font-family: inherit;
  font-size: 13px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(450px, 65%) minmax(330px, 1fr);
  gap: 10px;
  padding: 10px;
  background: #f4f7fb;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-pane-heading,
body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-head {
  flex: 0 0 auto;
  box-sizing: border-box;
  min-height: 50px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-pane-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-legend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  color: #526070;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-legend img {
  width: 16px;
  height: 16px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  table-layout: fixed;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table td {
  min-height: 32px;
  padding: 6px 8px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  color: #172b4d;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: #172b4d;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table tbody tr.is-selected td {
  background: #eef4ff;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-col-action {
  width: 42px;
  padding-right: 4px !important;
  padding-left: 4px !important;
  text-align: center;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-table img {
  max-width: 18px;
  max-height: 18px;
  border: 0;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-undefined {
  color: #728096;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-personal-empty {
  padding: 14px;
  color: #405675;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-head > strong {
  margin-right: auto;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-head input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-body,
body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-empty {
  display: grid;
  gap: 14px;
  padding: 14px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-empty {
  color: #526070;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-empty strong {
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-person-selected {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gi-rrhh-border);
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-person-selected span,
body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-field > span {
  color: #526070;
  font-size: 12px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-person-selected strong {
  color: #172b4d;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-field {
  display: grid;
  gap: 5px;
}

body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-field select {
  width: 100%;
  min-height: 32px;
  padding: 5px 28px 5px 8px;
  border: 1px solid #b7c8df;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font-family: inherit;
  font-size: 13px;
}

@media (max-width: 900px) {
  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-workspace {
    grid-template-columns: 1fr;
  }

  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-pane--personal {
    min-height: 330px;
  }

  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-picker {
    width: 100%;
    margin-left: 0;
  }

  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-event-picker select {
    flex: 1 1 auto;
    max-width: none;
  }
}

@media (max-width: 600px) {
  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-pane-heading,
  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-registration-head {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.gi-rrhh-evaluacion-nomination .gi-rrhh-nomination-legend {
    width: 100%;
    margin-left: 0;
  }
}
/* Evaluación de Desempeño: Panel de Control. */
body.gi-rrhh-evaluacion-control {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-control form {
  margin: 0;
}

body.gi-rrhh-evaluacion-control #dvContenido,
body.gi-rrhh-evaluacion-control .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 13px;
  padding: 10px 13px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-label,
body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-period,
body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-picker span {
  color: #526070;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-picker {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-picker select {
  min-height: 30px;
  max-width: 290px;
  padding: 4px 28px 4px 8px;
  border: 1px solid #b7c8df;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font-family: inherit;
  font-size: 13px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 14px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #f8fbfe;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-filter-title {
  align-self: flex-end;
  min-height: 32px;
  display: flex;
  align-items: center;
  color: #172b4d;
  font-size: 15px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-field {
  display: grid;
  gap: 5px;
  min-width: 220px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-field > span {
  color: #526070;
  font-size: 12px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-field input[type="text"],
body.gi-rrhh-evaluacion-control .gi-rrhh-control-field select {
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  padding: 5px 28px 5px 8px;
  border: 1px solid #b7c8df;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font-family: inherit;
  font-size: 13px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-field input[type="text"] {
  padding-right: 8px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-filter-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-filter-actions input[type="button"] {
  margin: 0;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-list-pane {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin: 10px;
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-list-heading {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  min-height: 50px;
  box-sizing: border-box;
  padding: 9px 12px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin-left: auto;
  color: #526070;
  font-size: 12px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-legend img,
body.gi-rrhh-evaluacion-control .gi-rrhh-control-table img {
  max-width: 16px;
  max-height: 16px;
  border: 0;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  table-layout: fixed;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table td {
  min-height: 32px;
  padding: 6px 8px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  color: #172b4d;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table thead td {
  position: sticky;
  z-index: 1;
  background: #e8eef7;
  color: #172b4d;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table thead tr:first-child td {
  top: 0;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table thead tr:nth-child(2) td {
  top: 31px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table .gi-rrhh-control-table-group td {
  min-height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #526070;
  font-size: 12px;
  text-align: center;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-col-number {
  width: 40px;
  text-align: center;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-col-rut {
  width: 90px;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-col-status {
  width: 82px;
  text-align: center;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-col-grade {
  width: 58px;
  text-align: right;
}

body.gi-rrhh-evaluacion-control .gi-rrhh-control-table-empty {
  padding: 14px !important;
  color: #405675;
}

@media (max-width: 900px) {
  body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-picker {
    width: 100%;
    margin-left: 0;
  }

  body.gi-rrhh-evaluacion-control .gi-rrhh-control-event-picker select {
    flex: 1 1 auto;
    max-width: none;
  }

  body.gi-rrhh-evaluacion-control .gi-rrhh-control-list-pane {
    min-height: 380px;
  }

  body.gi-rrhh-evaluacion-control .gi-rrhh-control-legend {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  body.gi-rrhh-evaluacion-control .gi-rrhh-control-field {
    width: 100%;
  }

  body.gi-rrhh-evaluacion-control .gi-rrhh-control-filter-actions {
    width: 100%;
  }
}
/* Evaluación de Desempeño: Tablero de Evaluaciones. */
body.gi-rrhh-evaluacion-dashboard {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-dashboard form {
  margin: 0;
}

body.gi-rrhh-evaluacion-dashboard #dvContenido,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-shell {
  min-height: 100vh;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-dashboard-card {
  min-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 13px;
  padding: 10px 13px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: #ffffff;
  color: var(--gi-rrhh-text);
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-label,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-period,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-picker span {
  color: #526070;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-picker {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-picker select {
  min-height: 30px;
  max-width: 290px;
  padding: 4px 28px 4px 8px;
  border: 1px solid #b7c8df;
  border-radius: 6px;
  background: #ffffff;
  color: var(--gi-rrhh-text);
  font-family: inherit;
  font-size: 13px;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-pane,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--gi-rrhh-border);
  border-radius: 8px;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-pane {
  margin: 10px 10px 0;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  background: #f4f7fb;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-pane-heading {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 15px;
  box-sizing: border-box;
  min-height: 50px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--gi-rrhh-border);
  background: var(--gi-rrhh-soft);
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-status-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin-left: auto;
  color: #526070;
  font-size: 12px;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-status-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-status-legend img,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-table-scroll img {
  max-width: 18px;
  max-height: 18px;
  border: 0;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-pane > .gi-rrhh-evaluation-table-scroll {
  max-height: 250px;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  table-layout: fixed;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table {
  min-width: 900px;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table {
  min-width: 650px;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table td,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table td {
  min-height: 32px;
  padding: 6px 8px;
  border: 0 !important;
  border-right: 1px solid var(--gi-rrhh-border) !important;
  border-bottom: 1px solid var(--gi-rrhh-border) !important;
  color: #172b4d;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table tr td:last-child,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table tr td:last-child {
  border-right: 0 !important;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table thead td,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table thead td {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8eef7;
  color: #172b4d;
  font-weight: 700;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-own-table tbody tr:hover td,
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-table tbody tr:hover td {
  background: #fbfcfe;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-col-number {
  width: 40px;
  text-align: center;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-col-status {
  width: 82px;
  text-align: center;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-col-grade {
  width: 58px;
  text-align: right;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-col-action {
  width: 42px;
  padding-right: 4px !important;
  padding-left: 4px !important;
  text-align: center;
}

body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-table-empty {
  padding: 14px !important;
  color: #405675;
}

@media (max-width: 900px) {
  body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-picker {
    width: 100%;
    margin-left: 0;
  }

  body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-event-picker select {
    flex: 1 1 auto;
    max-width: none;
  }

  body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-workspace {
    grid-template-columns: 1fr;
  }

  body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-task-pane {
    min-height: 300px;
  }

  body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-status-legend {
    width: 100%;
    margin-left: 0;
  }
}
/* Evaluación de Desempeño: popup interno del formulario. */
body.gi-rrhh-evaluacion-dashboard .gi-rrhh-evaluation-internal-dialog {
  width: min(1240px, 94vw);
  height: min(800px, 90vh);
}
/* Evaluación de Desempeño: contenido del formulario interno. */
body.gi-rrhh-process-evaluation { min-height: 100%; margin: 0; padding: 0; background: #f4f7fb; color: var(--gi-rrhh-text); }
body.gi-rrhh-process-evaluation form { margin: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-shell { display: grid; gap: 10px; padding: 10px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-event-context { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 10px; padding: 9px 12px; border: 1px solid var(--gi-rrhh-border); border-radius: 7px; background: #ffffff; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-event-context span, body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid span, body.gi-rrhh-process-evaluation .gi-rrhh-process-comments label > span, body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary span { color: #526070; font-size: 12px; font-weight: 700; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-person-card, body.gi-rrhh-process-evaluation .gi-rrhh-process-criteria-card { overflow: hidden; border: 1px solid var(--gi-rrhh-border); border-radius: 8px; background: #ffffff; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-section-heading { min-height: 42px; box-sizing: border-box; padding: 10px 12px; border-bottom: 1px solid var(--gi-rrhh-border); background: var(--gi-rrhh-soft); color: #172b4d; font-weight: 700; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid { display: grid; grid-template-columns: minmax(210px, 1.45fr) minmax(160px, 1.1fr) minmax(110px, 0.65fr) minmax(180px, 1fr); gap: 10px; padding: 12px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid > div { display: grid; gap: 4px; min-width: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid strong { color: #172b4d; overflow-wrap: anywhere; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-actions { display: flex; align-items: center; gap: 10px; min-height: 36px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-action-left, body.gi-rrhh-process-evaluation .gi-rrhh-process-action-right { flex: 0 0 auto; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-action-right { margin-left: auto; text-align: right; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-actions input[type="button"] { margin: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-message { flex: 1 1 auto; min-width: 0; color: #405675; font-size: 13px; font-weight: 700; text-align: center; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-content { display: grid; gap: 12px; padding: 12px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--gi-rrhh-border); border-radius: 7px; background: #f8fbfe; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary > div { display: grid; gap: 4px; min-width: 0; padding: 9px 10px; border-right: 1px solid var(--gi-rrhh-border); }
body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary > div:last-child { border-right: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary strong { color: #172b4d; overflow-wrap: anywhere; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-competencies { display: grid; gap: 10px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-competency { overflow: hidden; border: 1px solid var(--gi-rrhh-border); border-radius: 7px; background: #ffffff; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-competency-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 9px 10px; border-bottom: 1px solid var(--gi-rrhh-border); background: #e8eef7; color: #172b4d; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-competency-heading span { margin-left: auto; color: #526070; font-size: 12px; font-weight: 700; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-criteria-rows { display: grid; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-criterion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 320px); align-items: center; min-height: 42px; border-bottom: 1px solid var(--gi-rrhh-border); }
body.gi-rrhh-process-evaluation .gi-rrhh-process-criterion:last-child { border-bottom: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-criterion-name { padding: 9px 10px; color: #172b4d; overflow-wrap: anywhere; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 7px 10px; border-left: 1px solid var(--gi-rrhh-border); background: #fbfcfe; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale label, body.gi-rrhh-process-evaluation .gi-rrhh-process-scale-result { display: inline-flex; align-items: center; gap: 3px; min-height: 25px; padding: 2px 5px; border: 1px solid #c8d5e4; border-radius: 5px; background: #ffffff; color: #405675; font-size: 12px; font-weight: 700; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale label { cursor: pointer; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale label:has(input:checked) { border-color: var(--gi-rrhh-primary); background: #eef4ff; color: #172b4d; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale input[type="radio"] { margin: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-scale-result img { width: 14px; height: 14px; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-empty { padding: 12px; color: #526070; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments { overflow: hidden; border: 1px solid var(--gi-rrhh-border); border-radius: 7px; background: #ffffff; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-heading { padding: 9px 10px; border-bottom: 1px solid var(--gi-rrhh-border); background: #f8fbfe; color: #172b4d; font-weight: 700; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label { display: grid; gap: 6px; min-width: 0; padding: 10px; border-right: 1px solid var(--gi-rrhh-border); }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label:last-child { border-right: 0; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid textarea { box-sizing: border-box; width: 100%; min-height: 112px; resize: vertical; padding: 8px; border: 1px solid #b7c8df; border-radius: 6px; background: #ffffff; color: var(--gi-rrhh-text); font-family: inherit; font-size: 13px; line-height: 1.35; }
body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid textarea:disabled { background: #eef2f6; color: #667085; }
@media (max-width: 850px) { body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid, body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid { grid-template-columns: 1fr 1fr; } body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label:nth-child(2) { border-right: 0; } body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label:last-child { grid-column: 1 / -1; border-top: 1px solid var(--gi-rrhh-border); } }
@media (max-width: 620px) { body.gi-rrhh-process-evaluation .gi-rrhh-process-person-grid, body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid, body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary { grid-template-columns: 1fr; } body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary > div, body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label { border-right: 0; border-bottom: 1px solid var(--gi-rrhh-border); } body.gi-rrhh-process-evaluation .gi-rrhh-process-final-summary > div:last-child, body.gi-rrhh-process-evaluation .gi-rrhh-process-comments-grid label:last-child { border-bottom: 0; } body.gi-rrhh-process-evaluation .gi-rrhh-process-criterion { grid-template-columns: 1fr; } body.gi-rrhh-process-evaluation .gi-rrhh-process-scale { border-top: 1px solid var(--gi-rrhh-border); border-left: 0; } body.gi-rrhh-process-evaluation .gi-rrhh-process-competency-heading span { width: 100%; margin-left: 0; } }
/* Estado hover homologado para acciones primarias en la evaluación interna. */
body.gi-rrhh-process-evaluation input.gi-rrhh-primary-action:hover {
    border-color: var(--gi-rrhh-action) !important;
    background: #fff6ea !important;
    color: #1f2933 !important;
    box-shadow: 0 1px 2px rgba(12, 42, 69, 0.08);
    cursor: pointer;
}