/* /Layout/MainLayout.razor.rz.scp.css */
main:has(.vx-split-wrapper)[b-kjg61c35y3] {
    padding: 0;
}

.vx-split-wrapper[b-kjg61c35y3] {
    padding: .375rem !important;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.vx-split-wrapper .main-layout[b-kjg61c35y3] {
    flex: 1 1 auto;
    min-height: 0;
    gap: 0;
}

@media (max-width: 1023.98px) {
    .vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-pane:nth-of-type(2),
    .vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-separator {
        display: none !important;
    }
    .vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-pane:first-of-type {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}

.vx-tab-wrapper[b-kjg61c35y3] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.vx-tab-wrapper[b-kjg61c35y3]  .vx-tab-splitter {
    height: 100%;
    width: 100%;
    background: transparent;
}

.vx-pane-container[b-kjg61c35y3] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: var(--vx-radius-lg, 1rem);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);
    transition: box-shadow .2s ease-in-out;
}

.vx-pane-container--active[b-kjg61c35y3] {
    box-shadow: 0 0 0 2px rgba(252, 104, 33, .5),
                0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);
}

.vx-pane-container--secondary.vx-pane-container--active[b-kjg61c35y3] {
    box-shadow: 0 0 0 2px rgba(51, 203, 176, .5),
                0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);
}

.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-pane-content {
    padding: 3px !important;
}
.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-separator {
    background: transparent !important;
    width: 8px !important;
}
.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-resize-handle {
    background: transparent !important;
    width: 8px !important;
}
.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-resize-handle-image {
    width: 3px !important;
    height: 32px !important;
    border-radius: 9999px !important;
    background: rgba(0, 0, 0, .1) !important;
    transition: background-color .15s ease, height .15s ease, box-shadow .15s ease;
}
.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-separator:hover .dxbl-splitter-resize-handle-image,
.vx-tab-wrapper[b-kjg61c35y3]  .dxbl-splitter-separator:active .dxbl-splitter-resize-handle-image {
    background: var(--vx-orange, #FC6821) !important;
    height: 48px !important;
    box-shadow: 0 0 6px rgba(252, 104, 33, .4);
}

.vx-pane-header[b-kjg61c35y3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 2rem;
    padding: .375rem .75rem;
    background: rgba(249, 250, 251, .8);
    border-bottom: .8px solid #f3f4f6;
    border-radius: var(--vx-radius-lg, 1rem) var(--vx-radius-lg, 1rem) 0 0;
    flex-shrink: 0;
    opacity: .5;
    transition: opacity .2s ease;
}
.vx-pane-header:hover[b-kjg61c35y3],
.vx-pane-container--active .vx-pane-header[b-kjg61c35y3] {
    opacity: 1;
}

.vx-pane-container--secondary .vx-page-crumb-dot[b-kjg61c35y3] {
    background: var(--vx-teal, #33cbb0);
}

.vx-pane-header .btn[b-kjg61c35y3] {
    opacity: 0;
    transition: opacity .15s;
}
.vx-pane-header:hover .btn[b-kjg61c35y3] {
    opacity: .55;
}
.vx-pane-header .btn:hover[b-kjg61c35y3] {
    opacity: 1;
}

.vx-pane-header > button:last-child[b-kjg61c35y3] {
    opacity: 0;
    transition: opacity .15s;
}
.vx-pane-header:hover > button:last-child[b-kjg61c35y3] {
    opacity: .4;
}
.vx-pane-header > button:last-child:hover[b-kjg61c35y3] {
    opacity: .9;
}

.vx-pane-body[b-kjg61c35y3] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    scrollbar-width: thin;
}
/* /Layout/WorkspaceTabsBar.razor.rz.scp.css */
.vx-view-toggle[b-t2urohfaoe] {
    display: inline-flex;
    align-items: center;
    background: rgba(243, 244, 246, .8);
    padding: 2px;
    border-radius: 12px;
    margin-left: auto;
    margin-right: 16px;
}
.vx-view-toggle__btn[b-t2urohfaoe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: #9ca3af;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.vx-view-toggle__btn:hover[b-t2urohfaoe] {
    color: #4b5563;
}
.vx-view-toggle__btn--active[b-t2urohfaoe] {
    background: var(--vx-purple, #552863);
    color: #ffffff !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

@media (max-width: 1023.98px) {
    .vx-view-toggle[b-t2urohfaoe] {
        display: none;
    }
}
/* /Pages/CollaboratorAttendanceDays/CollaboratorAttendanceDays.razor.rz.scp.css */
[b-38vp5z2rbr] .vx-attendance-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .5rem;
}

[b-38vp5z2rbr] .vx-attendance-lock-actions {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

[b-38vp5z2rbr] .vx-attendance-header .vx-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: normal;
    color: var(--vx-text, #111827);
}

[b-38vp5z2rbr] .vx-attendance-subtitle {
    margin: .125rem 0 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: var(--vx-text-soft, #6b7280);
    font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
}

[b-38vp5z2rbr] .vx-attendance-filters {
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: .8px solid rgba(255, 255, 255, .60);
    border-radius: var(--vx-radius-lg, 1rem);
    box-shadow: var(--vx-shadow-glass, 0 8px 32px 0 rgba(85, 40, 99, .10));
    padding: 1rem;
    margin-bottom: .75rem;
}

@media (prefers-color-scheme: dark) {
    [b-38vp5z2rbr] .vx-attendance-filters {
        background: rgba(255, 255, 255, .97);
    }
}

[b-38vp5z2rbr] .vx-attendance-filters .dxbl-row {
    align-items: flex-end;
    row-gap: .75rem;
}

[b-38vp5z2rbr] .vx-attendance-filters .dxbl-fl-cpt {
    margin-bottom: .375rem;
}

[b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}

[b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field.vx-attendance-field--date {
    width: 170px !important;
}

[b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field--date .dxbl-text-edit {
    width: 150px !important;
}

[b-38vp5z2rbr] .vx-attendance-field .dxbl-text-edit {
    width: 220px;
}

[b-38vp5z2rbr] .vx-attendance-field--actions {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-bottom: .1rem;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 220px;
    cursor: pointer;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-trigger span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-trigger svg {
    flex-shrink: 0;
    color: var(--vx-text-soft, #9ca3af);
}

[b-38vp5z2rbr] .vx-attendance-multiselect-search {
    width: 100%;
    margin-bottom: .75rem;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-selectall {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-bottom: .25rem;
    padding-bottom: .625rem !important;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-list {
    max-height: 45vh;
    overflow-y: auto;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-list .vx-column-chooser-item {
    white-space: normal;
}

[b-38vp5z2rbr] .vx-attendance-multiselect-group-label {
    padding: .5rem .5rem .25rem;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--vx-text-soft, #9ca3af);
    font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
}

[b-38vp5z2rbr] .vx-modal-footer {
    padding: .75rem 1.25rem 1.25rem;
}

@media (max-width: 640px) {
    [b-38vp5z2rbr] .vx-attendance-header {
        flex-direction: column;
        align-items: stretch;
        gap: .625rem;
    }

    [b-38vp5z2rbr] .vx-attendance-lock-actions {
        width: 100%;
    }

    [b-38vp5z2rbr] .vx-attendance-lock-actions .dx-button.vx-btn {
        flex: 1 1 0;
    }

    [b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    [b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field.vx-attendance-field--date {
        width: 100% !important;
    }

    [b-38vp5z2rbr] .vx-attendance-field .dxbl-text-edit,
    [b-38vp5z2rbr] .vx-attendance-filters .vx-attendance-field--date .dxbl-text-edit,
    [b-38vp5z2rbr] .vx-attendance-multiselect-trigger {
        width: 100% !important;
    }

    [b-38vp5z2rbr] .vx-attendance-field--actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: .75rem;
    }

    [b-38vp5z2rbr] .vx-attendance-field--actions .vx-btn {
        width: 100%;
    }
}
/* /Pages/Employees.razor.rz.scp.css */
.vx-employees-shell[b-r44d549vhb] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
  gap: 16px;
  align-items: stretch;
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}

.employee-list-container[b-r44d549vhb] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 16px;
  box-shadow: 0 8px 32px 0 rgba(85, 40, 99, .12);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .employee-list-container[b-r44d549vhb] { background: rgba(255, 255, 255, .97); }
}

.vx-employee-list-header[b-r44d549vhb] {
  padding: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.vx-employee-list-header h2[b-r44d549vhb] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--vx-text, #111827);
}

.vx-employee-list-body[b-r44d549vhb] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: .75rem 0;
  gap: .5rem;
}

.vx-employee-search-row[b-r44d549vhb] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 0 1rem;
}
.vx-employee-search[b-r44d549vhb] { flex: 1; min-width: 0; position: relative; }
.vx-employee-search-icon[b-r44d549vhb] {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  z-index: 1;
  pointer-events: none;
}

.vx-employee-sort-btn[b-r44d549vhb] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  padding: 0 .5rem;
  border: 1px solid rgba(255, 255, 255, .50);
  border-radius: var(--vx-radius, .75rem);
  background: rgba(255, 255, 255, .70);
  color: var(--vx-purple, #552863);
  font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease;
}
.vx-employee-sort-btn:hover[b-r44d549vhb] { background: rgba(255, 255, 255, .92); }
.vx-employee-sort-btn svg[b-r44d549vhb] { flex-shrink: 0; }

.vx-employee-item[b-r44d549vhb] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  border-left: 2px solid transparent;
  cursor: pointer;
  transition: background-color .15s ease;
}
.vx-employee-item:not(.vx-employee-item--selected):hover[b-r44d549vhb] {
  background: rgba(249, 250, 251, .8);
}
.vx-employee-item--selected[b-r44d549vhb] {
  background: rgba(85, 40, 99, .06);
  border-left-color: #fc6821;
}

.vx-employee-photo-wrap[b-r44d549vhb] {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  width: 56px;
  height: 56px;
}

[b-r44d549vhb] .vx-employee-photo-camera-btn {
  position: absolute !important;
  right: -4px;
  bottom: -4px;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  background: var(--vx-orange, #FC6821) !important;
  border: none !important;
  box-shadow: var(--vx-glow-orange, 0 4px 24px 0 rgba(252, 104, 33, .25)) !important;
  z-index: 2;
}

[b-r44d549vhb] .vx-employee-photo-camera-btn .dxbl-btn-icon {
  font-size: 11px;
}

.vx-employee-item-text[b-r44d549vhb] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.vx-employee-item-name[b-r44d549vhb] {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vx-employee-item-right[b-r44d549vhb] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.vx-employee-status-dot[b-r44d549vhb] {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: #d1d5db;
}
.vx-employee-status-dot--active[b-r44d549vhb] { background: var(--vx-teal, #33cbb0); }

.vx-employee-item-chevron[b-r44d549vhb] { color: #d1d5db; }

.vx-employee-item--placeholder[b-r44d549vhb] {
  height: 36px;
  background: rgba(0, 0, 0, .03);
  border-radius: 8px;
  animation: vxEmployeePlaceholderPulse-b-r44d549vhb 1.2s ease-in-out infinite;
}
@keyframes vxEmployeePlaceholderPulse-b-r44d549vhb {
  0%, 100% { opacity: .5; }
  50% { opacity: .9; }
}

.vx-employee-list-footer[b-r44d549vhb] {
  flex-shrink: 0;
  padding: .75rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, .4);
  font-size: 12px;
  color: #9ca3af;
}

.detail-form-container[b-r44d549vhb] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  padding: 1rem 1.25rem 0;
  gap: 1rem;
}

.vx-employee-detail-header[b-r44d549vhb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
}

.vx-employee-detail-header-text h3[b-r44d549vhb] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--vx-text, #111827);
}
.vx-employee-detail-header-text p[b-r44d549vhb] {
  margin: 2px 0 0;
  font-size: 14px;
  color: var(--vx-text-soft, #6b7280);
}

.vx-employee-detail-badges[b-r44d549vhb] {
  display: flex;
  gap: .4rem;
  margin-top: .5rem;
}

.vx-dtabs[b-r44d549vhb] {
  display: flex;
  align-items: center;
  gap: 3px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  mask-image: linear-gradient(to right, black calc(100% - 28px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 28px), transparent 100%);
}
.vx-dtabs[b-r44d549vhb]::-webkit-scrollbar { height: 6px; }
.vx-dtabs[b-r44d549vhb]::-webkit-scrollbar-track { background: transparent; }
.vx-dtabs[b-r44d549vhb]::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 9999px; }
.vx-dtabs[b-r44d549vhb]::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

.vx-dtab[b-r44d549vhb] {
  flex-shrink: 0;
  padding: 6px 11px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #6b7280;
  font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: all .2s ease;
}
.vx-dtab:hover[b-r44d549vhb] { color: #374151; background: rgba(0, 0, 0, .04); }
.vx-dtab--active[b-r44d549vhb] {
  background: var(--vx-orange, #FC6821);
  color: #fff;
  box-shadow: var(--vx-glow-orange, 0 4px 24px 0 rgba(252, 104, 33, .25));
}

.vx-employee-detail-body[b-r44d549vhb] {
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem .25rem 1.25rem;
  box-sizing: border-box;
}

.vx-field-section[b-r44d549vhb] { width: 100%; }

.vx-field-group[b-r44d549vhb] { width: 100%; margin-bottom: 1.5rem; }
.vx-field-group-title[b-r44d549vhb] {
  margin: 0 0 .75rem;
  font-size: .75rem;
  font-weight: 600;
  color: var(--vx-purple, #552863);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.vx-field-grid[b-r44d549vhb] {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  box-sizing: border-box;
}

/* Base card = React's neutral "glass" recipe (used by Domicilio y Contacto) */
.vx-field-card[b-r44d549vhb] {
  background: rgba(255, 255, 255, .70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #f3f4f6;
  border-radius: var(--vx-radius, .75rem);
  padding: .75rem;
  box-sizing: border-box;
}
.vx-field-group--purple .vx-field-card[b-r44d549vhb] {
  background: rgba(85, 40, 99, .08);
  border-color: rgba(85, 40, 99, .10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.vx-field-group--orange .vx-field-card[b-r44d549vhb] {
  background: rgba(252, 104, 33, .10);
  border-color: rgba(252, 104, 33, .10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.vx-field-label[b-r44d549vhb] {
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: 600;
  color: var(--vx-text-soft, #9ca3af);
}
.vx-field-group--orange .vx-field-label[b-r44d549vhb] { color: var(--vx-orange-dark, #d9531a); }

.vx-field-value[b-r44d549vhb] {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--vx-text, #1f2937);
  overflow-wrap: break-word;
}

.vx-subarea-chips[b-r44d549vhb] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.vx-subarea-chip[b-r44d549vhb] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(85, 40, 99, .1);
  border: 1px solid rgba(85, 40, 99, .2);
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #552863;
}
.vx-badge-icon[b-r44d549vhb] { flex-shrink: 0; }
.vx-field-empty[b-r44d549vhb] {
  margin: 0;
  font-size: .8rem;
  font-style: italic;
  color: var(--vx-text-soft, #9ca3af);
}

/* DevExpress internals: require ::deep because the class is applied via CssClass
   and the host element is rendered by the child component, not this markup. */
.vx-employee-search[b-r44d549vhb]  input[class$="-input"] {
  padding-left: 32px !important;
  background: transparent !important;
}
.vx-employee-search[b-r44d549vhb]  [class$="-edit"] {
  background: rgba(255, 255, 255, .70) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: var(--vx-border, rgba(0, 0, 0, .08)) !important;
}

[b-r44d549vhb] .vx-employee-list-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
[b-r44d549vhb] .vx-employee-list-panel .dxbl-loading-panel-target-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

[b-r44d549vhb] .vx-employee-detail-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .75) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 16px;
  box-shadow: 0 8px 32px 0 rgba(85, 40, 99, .12);
  overflow: hidden;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [b-r44d549vhb] .vx-employee-detail-panel { background: rgba(255, 255, 255, .97) !important; }
}

[b-r44d549vhb] .vx-employee-listbox {
  border: none !important;
  background: transparent !important;
}

.vx-employee-back-mobile[b-r44d549vhb] {
  display: none;
  background: none;
  border: none;
  padding: 0 0 .75rem;
  margin-bottom: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  color: var(--vx-orange, #FC6821);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

@media (max-width: 1023.98px) {
  .vx-employees-shell[b-r44d549vhb] {
    grid-template-columns: 1fr;
  }
  .vx-employees-shell:not(.vx-employees-shell--detail-open)[b-r44d549vhb]  .vx-employee-detail-panel {
    display: none;
  }
  .vx-employees-shell.vx-employees-shell--detail-open .employee-list-container[b-r44d549vhb] {
    display: none;
  }
  .vx-employees-shell--detail-open .vx-employee-back-mobile[b-r44d549vhb] {
    display: block;
  }
}

@media (max-width: 768px) {
  .vx-field-grid[b-r44d549vhb] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .vx-field-grid[b-r44d549vhb] { grid-template-columns: 1fr; }
}

.vx-employee-picture-modal[b-r44d549vhb] {
  max-width: 480px;
}

.vx-modal-footer .vx-btn:disabled[b-r44d549vhb] {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}

.vx-employee-picture-modal.vx-modal--busy .picture-upload-modal[b-r44d549vhb] {
  opacity: .5;
  pointer-events: none;
}

.picture-upload-saving[b-r44d549vhb] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: #4b5563;
}

.vx-spinner[b-r44d549vhb] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(252, 104, 33, .25);
  border-top-color: #fc6821;
  flex-shrink: 0;
  animation: vxSpin-b-r44d549vhb .7s linear infinite;
}

@keyframes vxSpin-b-r44d549vhb {
  to { transform: rotate(360deg); }
}
/* /Pages/Home.razor.rz.scp.css */
.vx-dash[b-m8otl2956v] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 640px) { .vx-dash[b-m8otl2956v] { gap: 1.5rem; } }
@media (min-width: 768px) { .vx-dash[b-m8otl2956v] { gap: 2rem; } }

.vx-dash-welcome[b-m8otl2956v] {
  border-radius: .75rem;
  padding: 1rem;
}
@media (min-width: 640px) { .vx-dash-welcome[b-m8otl2956v] { border-radius: 1rem; padding: 1.25rem; } }
@media (min-width: 768px) { .vx-dash-welcome[b-m8otl2956v] { padding: 1.5rem; } }

.vx-dash-welcome__top[b-m8otl2956v] {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
@media (min-width: 640px) {
  .vx-dash-welcome__top[b-m8otl2956v] { flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; }
}

.vx-dash-welcome__title[b-m8otl2956v] {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--vx-text, #111827);
  margin: 0;
}
@media (min-width: 640px) { .vx-dash-welcome__title[b-m8otl2956v] { font-size: 1.25rem; } }
@media (min-width: 768px) { .vx-dash-welcome__title[b-m8otl2956v] { font-size: 1.5rem; } }

.vx-dash-welcome__subtitle[b-m8otl2956v] {
  color: var(--vx-text-soft, #6b7280);
  font-size: .75rem;
  margin: .25rem 0 0;
}
@media (min-width: 640px) { .vx-dash-welcome__subtitle[b-m8otl2956v] { font-size: .875rem; } }

.vx-dash-welcome__status[b-m8otl2956v] {
  display: none;
  align-items: center;
  gap: .5rem;
  background: rgba(255, 255, 255, .70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, .50);
  padding: .375rem .75rem;
  border-radius: .5rem;
  font-size: .75rem;
  font-weight: 500;
  color: #4b5563;
  flex-shrink: 0;
}
@media (min-width: 768px) { .vx-dash-welcome__status[b-m8otl2956v] { display: flex; } }
@media (min-width: 640px) { .vx-dash-welcome__status[b-m8otl2956v] { padding: .5rem 1rem; border-radius: .75rem; font-size: .875rem; } }

.vx-dash-welcome__dot[b-m8otl2956v] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: var(--vx-teal, #33cbb0);
}

.vx-dash-progress[b-m8otl2956v] { margin-top: 1rem; }
@media (min-width: 640px) { .vx-dash-progress[b-m8otl2956v] { margin-top: 1.25rem; } }

.vx-dash-progress__labels[b-m8otl2956v] {
  display: flex;
  justify-content: space-between;
  font-size: .625rem;
  color: var(--vx-text-soft, #6b7280);
  margin-bottom: .375rem;
}
@media (min-width: 640px) { .vx-dash-progress__labels[b-m8otl2956v] { font-size: .75rem; } }

.vx-dash-progress__value[b-m8otl2956v] { font-weight: 600; color: var(--vx-teal, #33cbb0); }

.vx-dash-progress__track[b-m8otl2956v] {
  height: .375rem;
  background: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
@media (min-width: 640px) { .vx-dash-progress__track[b-m8otl2956v] { height: .5rem; } }

.vx-dash-progress__fill[b-m8otl2956v] {
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(135deg, #33cbb0 0%, #5cd6bf 100%);
  transition: width .5s ease;
}

.vx-dash-kpis[b-m8otl2956v] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem;
}
@media (min-width: 640px) { .vx-dash-kpis[b-m8otl2956v] { gap: .75rem; } }
@container vx-page-body (min-width: 768px) { .vx-dash-kpis[b-m8otl2956v] { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }
@container vx-page-body (min-width: 1024px) { .vx-dash-kpis[b-m8otl2956v] { grid-template-columns: repeat(4, 1fr); } }
@container vx-page-body (min-width: 1280px) { .vx-dash-kpis[b-m8otl2956v] { grid-template-columns: repeat(6, 1fr); } }

.vx-kpi[b-m8otl2956v] {
  border-radius: .75rem;
  padding: .75rem;
  transition: box-shadow .3s ease;
  box-shadow: var(--vx-shadow-glass-sm, 0 4px 16px 0 rgba(85, 40, 99, .08));
}
@media (min-width: 640px) { .vx-kpi[b-m8otl2956v] { border-radius: 1rem; padding: 1rem; } }
@media (min-width: 768px) { .vx-kpi[b-m8otl2956v] { padding: 1.25rem; } }
.vx-kpi:hover[b-m8otl2956v] { box-shadow: var(--vx-shadow-glass, 0 8px 32px 0 rgba(85, 40, 99, .10)); }

.vx-kpi__top[b-m8otl2956v] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: .75rem;
}
@media (min-width: 640px) { .vx-kpi__top[b-m8otl2956v] { margin-bottom: 1rem; } }

.vx-kpi__icon[b-m8otl2956v] {
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (min-width: 640px) { .vx-kpi__icon[b-m8otl2956v] { width: 2.5rem; height: 2.5rem; border-radius: .75rem; } }
.vx-kpi__icon--orange[b-m8otl2956v] { background: rgba(252, 104, 33, .20); color: var(--vx-orange, #FC6821); }
.vx-kpi__icon--teal[b-m8otl2956v] { background: rgba(51, 203, 176, .20); color: var(--vx-teal, #33cbb0); }
.vx-kpi__icon--purple[b-m8otl2956v] { background: rgba(85, 40, 99, .20); color: var(--vx-purple, #552863); }
.vx-kpi__icon--neutral[b-m8otl2956v] { background: rgba(156, 163, 175, .20); color: #6b7280; }

.vx-kpi__trend[b-m8otl2956v] {
  display: flex;
  align-items: center;
  gap: .125rem;
  font-size: .625rem;
  font-weight: 500;
  white-space: nowrap;
  margin-left: .5rem;
}
@media (min-width: 640px) { .vx-kpi__trend[b-m8otl2956v] { font-size: .75rem; } }
.vx-kpi__trend--up[b-m8otl2956v] { color: var(--vx-teal, #33cbb0); }
.vx-kpi__trend--down[b-m8otl2956v] { color: var(--vx-orange, #FC6821); }

.vx-kpi__value[b-m8otl2956v] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--vx-text, #111827);
  margin: 0 0 .125rem;
}
@media (min-width: 640px) { .vx-kpi__value[b-m8otl2956v] { font-size: 1.5rem; margin-bottom: .25rem; } }
@media (min-width: 768px) { .vx-kpi__value[b-m8otl2956v] { font-size: 1.875rem; } }

.vx-kpi__title[b-m8otl2956v] { font-size: .75rem; font-weight: 500; color: #374151; margin: 0; }
@media (min-width: 640px) { .vx-kpi__title[b-m8otl2956v] { font-size: .875rem; } }

.vx-kpi__subtitle[b-m8otl2956v] { font-size: .625rem; color: #9ca3af; margin: .125rem 0 0; }
@media (min-width: 640px) { .vx-kpi__subtitle[b-m8otl2956v] { font-size: .75rem; } }

.vx-dash-recent[b-m8otl2956v] {
  overflow: hidden;
  padding: 0;
  border-radius: .75rem;
}
@media (min-width: 640px) { .vx-dash-recent[b-m8otl2956v] { border-radius: 1rem; } }

.vx-dash-recent__header[b-m8otl2956v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, .40);
}
@media (min-width: 640px) { .vx-dash-recent__header[b-m8otl2956v] { padding: 1rem; } }
@media (min-width: 768px) { .vx-dash-recent__header[b-m8otl2956v] { padding: 1rem 1.5rem; } }
.vx-dash-recent__header h3[b-m8otl2956v] { font-size: .875rem; font-weight: 600; color: var(--vx-text, #111827); margin: 0; }
@media (min-width: 640px) { .vx-dash-recent__header h3[b-m8otl2956v] { font-size: 1rem; } }
.vx-dash-recent__header span[b-m8otl2956v] { font-size: .625rem; color: #9ca3af; }
@media (min-width: 640px) { .vx-dash-recent__header span[b-m8otl2956v] { font-size: .75rem; } }

.vx-dash-recent__list[b-m8otl2956v] { max-height: 24rem; overflow-y: auto; }

.vx-dash-recent__row[b-m8otl2956v] {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .625rem .75rem;
  border-bottom: 1px solid #f9fafb;
  transition: background-color .15s ease;
}
@media (min-width: 640px) { .vx-dash-recent__row[b-m8otl2956v] { gap: 1rem; padding: .875rem 1rem; } }
@media (min-width: 768px) { .vx-dash-recent__row[b-m8otl2956v] { padding: .875rem 1.5rem; } }
.vx-dash-recent__row:hover[b-m8otl2956v] { background: rgba(255, 255, 255, .60); }
.vx-dash-recent__row:last-child[b-m8otl2956v] { border-bottom: none; }

.vx-dash-recent__avatar[b-m8otl2956v] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #552863 0%, #7a3d8a 50%, #552863 100%);
  color: #fff;
  font-size: .5rem;
  font-weight: 600;
}
@media (min-width: 640px) { .vx-dash-recent__avatar[b-m8otl2956v] { width: 2rem; height: 2rem; font-size: .625rem; } }

.vx-dash-recent__info[b-m8otl2956v] { flex: 1 1 auto; min-width: 0; }
.vx-dash-recent__name[b-m8otl2956v] { font-size: .75rem; font-weight: 500; color: #1f2937; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 640px) { .vx-dash-recent__name[b-m8otl2956v] { font-size: .875rem; } }
.vx-dash-recent__tipo[b-m8otl2956v] { font-size: .625rem; color: #9ca3af; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 640px) { .vx-dash-recent__tipo[b-m8otl2956v] { font-size: .75rem; } }
.vx-dash-recent__hora[b-m8otl2956v] { font-size: .75rem; font-family: monospace; color: #4b5563; flex-shrink: 0; }
@media (min-width: 640px) { .vx-dash-recent__hora[b-m8otl2956v] { font-size: .875rem; } }

.vx-dash-depts[b-m8otl2956v] {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
}
@media (min-width: 640px) { .vx-dash-depts[b-m8otl2956v] { gap: .75rem; } }
@container vx-page-body (min-width: 768px) { .vx-dash-depts[b-m8otl2956v] { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }

.vx-dash-dept[b-m8otl2956v] {
  border-radius: .75rem;
  padding: .75rem;
}
@media (min-width: 640px) { .vx-dash-dept[b-m8otl2956v] { border-radius: 1rem; padding: 1rem; } }
@media (min-width: 768px) { .vx-dash-dept[b-m8otl2956v] { padding: 1.25rem; } }

.vx-dash-dept__header[b-m8otl2956v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .5rem;
}
@media (min-width: 640px) { .vx-dash-dept__header[b-m8otl2956v] { margin-bottom: .75rem; } }
.vx-dash-dept__header p[b-m8otl2956v] { font-size: .75rem; font-weight: 500; color: #374151; margin: 0; }
@media (min-width: 640px) { .vx-dash-dept__header p[b-m8otl2956v] { font-size: .875rem; } }

.vx-dash-dept__track[b-m8otl2956v] {
  height: .375rem;
  background: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}

.vx-dash-dept__fill[b-m8otl2956v] { height: 100%; border-radius: 9999px; }
.vx-dash-dept__fill--orange[b-m8otl2956v] { background: var(--vx-orange, #FC6821); }
.vx-dash-dept__fill--teal[b-m8otl2956v] { background: var(--vx-teal, #33cbb0); }
.vx-dash-dept__fill--purple[b-m8otl2956v] { background: var(--vx-purple, #552863); }

.vx-dash-dept__pct[b-m8otl2956v] { font-size: .625rem; color: #9ca3af; margin: .375rem 0 0; }
@media (min-width: 640px) { .vx-dash-dept__pct[b-m8otl2956v] { font-size: .75rem; margin-top: .5rem; } }

.vx-login[b-m8otl2956v] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 1rem;
}

.vx-login-card[b-m8otl2956v] {
  width: 100%;
  max-width: 24rem;
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 640px) { .vx-login-card[b-m8otl2956v] { padding: 2.5rem 2.25rem; } }

.vx-login-badge[b-m8otl2956v] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem 1.25rem;
  border-radius: .75rem;
  background: linear-gradient(135deg, #552863 0%, #7a3d8a 50%, #552863 100%);
  box-shadow: var(--vx-glow-purple, 0 4px 24px 0 rgba(85, 40, 99, .30));
  margin-bottom: 1.5rem;
}

.vx-login-logo[b-m8otl2956v] { height: 1.75rem; width: auto; }
@media (min-width: 640px) { .vx-login-logo[b-m8otl2956v] { height: 2rem; } }

.vx-login-title[b-m8otl2956v] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--vx-text, #111827);
  margin: 0 0 .5rem;
}

.vx-login-subtitle[b-m8otl2956v] {
  font-size: .8125rem;
  color: var(--vx-text-soft, #6b7280);
  margin: 0 0 1.5rem;
  line-height: 1.5;
}

.vx-login-btn[b-m8otl2956v] { width: 100%; padding: .75rem 1rem; font-size: .875rem; }
/* /Pages/Reports/Reports.razor.rz.scp.css */
.vx-reports-shell[b-ugez0w68u9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}

[b-ugez0w68u9] .vx-reports-filter {
  background: rgba(255, 255, 255, .75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: .8px solid rgba(255, 255, 255, .60);
  border-radius: var(--vx-radius-lg, 1rem);
  box-shadow: var(--vx-shadow-glass, 0 8px 32px 0 rgba(85, 40, 99, .10));
  padding: 1rem;
  flex-shrink: 0;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [b-ugez0w68u9] .vx-reports-filter { background: rgba(255, 255, 255, .97); }
}

[b-ugez0w68u9] .vx-reports-filter .dxbl-row {
  align-items: flex-end;
}

[b-ugez0w68u9] .vx-reports-filter .dxbl-fl-cpt {
  margin-bottom: .375rem;
}

[b-ugez0w68u9] .vx-reports-filter .vx-reports-field {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
}

[b-ugez0w68u9] .vx-reports-field--report .dxbl-text-edit {
  width: 220px;
}

[b-ugez0w68u9] .vx-reports-field--date .dxbl-text-edit {
  width: 150px;
}

@media (max-width: 640px) {
  [b-ugez0w68u9] .vx-reports-filter .vx-reports-field {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  [b-ugez0w68u9] .vx-reports-field .dxbl-text-edit,
  [b-ugez0w68u9] .vx-reports-field--date .dxbl-text-edit {
    width: 100% !important;
  }

  [b-ugez0w68u9] .vx-reports-filter-submit {
    width: 100% !important;
  }

  [b-ugez0w68u9] .vx-reports-filter-submit .dxbl-btn,
  [b-ugez0w68u9] .vx-reports-filter-submit button {
    width: 100%;
  }

  .vx-reports-result[b-ugez0w68u9] {
    flex-shrink: 0;
    min-height: 50vh;
  }
}

[b-ugez0w68u9] .vx-reports-field--supervisor .dxbl-text-edit,
[b-ugez0w68u9] .vx-reports-field--subarea .dxbl-text-edit {
  width: 200px;
}

[b-ugez0w68u9] .vx-reports-filter-submit button.dxbl-btn-primary {
  padding: .5rem 1.25rem !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  height: 38px;
  background: var(--vx-orange, #FC6821) !important;
  border-color: var(--vx-orange, #FC6821) !important;
  border-radius: var(--vx-radius, .75rem) !important;
  box-shadow: var(--vx-glow-orange, 0 4px 24px 0 rgba(252, 104, 33, .25)) !important;
  transition: background-color .2s ease;
}
[b-ugez0w68u9] .vx-reports-filter-submit button.dxbl-btn-primary:hover {
  background: var(--vx-orange-dark, #d9531a) !important;
  border-color: var(--vx-orange-dark, #d9531a) !important;
}

.vx-reports-result[b-ugez0w68u9] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, .75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: .8px solid rgba(255, 255, 255, .60);
  border-radius: var(--vx-radius-lg, 1rem);
  box-shadow: var(--vx-shadow-glass, 0 8px 32px 0 rgba(85, 40, 99, .10));
  overflow: hidden;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .vx-reports-result[b-ugez0w68u9] { background: rgba(255, 255, 255, .97); }
}

.vx-reports-result__header[b-ugez0w68u9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: .75rem;
  background: rgba(249, 250, 251, .30);
  border-bottom: .8px solid rgba(255, 255, 255, .40);
}

.vx-reports-result__title[b-ugez0w68u9] {
  margin: 0;
  font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
  font-size: .875rem;
  font-weight: 600;
  color: #1f2937;
}

.vx-reports-result__refresh[b-ugez0w68u9] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: .375rem;
  border: .8px solid #e5e7eb;
  border-radius: .5rem;
  background: #fff;
  color: var(--vx-text-soft, #6b7280);
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}
.vx-reports-result__refresh:hover[b-ugez0w68u9] {
  color: var(--vx-purple, #552863);
  background: #f9fafb;
}

.vx-reports-result__body[b-ugez0w68u9] {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.vx-reports-pivot[b-ugez0w68u9] {
  width: 100%;
  height: 100%;
}
.vx-reports-pivot.vx-hidden[b-ugez0w68u9] {
  display: none;
}

.vx-reports-empty[b-ugez0w68u9] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5rem;
  color: #d1d5db;
}

.vx-reports-empty__title[b-ugez0w68u9] {
  margin: .5rem 0 0;
  font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
  font-size: .75rem;
  font-weight: 600;
  color: #9ca3af;
}

.vx-reports-empty__hint[b-ugez0w68u9] {
  margin: .125rem 0 0;
  font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
  font-size: .625rem;
  color: #9ca3af;
}
/* /Shared/Biometrics/EmployeeBiometricEnrollment.razor.rz.scp.css */
.biometric-enrollment-root[b-e3wvw3b48d] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-height: 220px;
    padding: .25rem;
    font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
}

.biometric-enrollment-message[b-e3wvw3b48d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    flex: 1 1 auto;
    padding: 2rem 1rem;
    text-align: center;
}

.biometric-enrollment-message i[b-e3wvw3b48d] {
    font-size: 1.75rem;
    color: var(--vx-text-soft, #6b7280);
}

.biometric-enrollment-message p[b-e3wvw3b48d] {
    margin: 0;
    font-size: .875rem;
    font-weight: 500;
    color: var(--vx-text-soft, #6b7280);
    font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
}

.biometric-enrollment-notice[b-e3wvw3b48d] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .625rem .75rem;
    border: 1px solid rgba(252, 104, 33, .20);
    border-radius: var(--vx-radius, .75rem);
    background: rgba(252, 104, 33, .10);
    font-size: .8125rem;
    color: var(--vx-orange-dark, #d9531a);
    font-family: var(--vx-font, 'Inter', system-ui, sans-serif);
}

.biometric-enrollment-notice i[b-e3wvw3b48d] {
    flex-shrink: 0;
    margin-top: .1rem;
}

.biometric-camera-preview[b-e3wvw3b48d],
.biometric-crop-container[b-e3wvw3b48d] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
}

.biometric-video[b-e3wvw3b48d],
.biometric-canvas[b-e3wvw3b48d] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #111;
}

.biometric-crop-overlay[b-e3wvw3b48d] {
    position: absolute;
    border: 2px dashed #ffffff;
    box-sizing: border-box;
    cursor: move;
    visibility: hidden;
    pointer-events: none;
}

.biometric-crop-overlay.is-ready[b-e3wvw3b48d] {
    visibility: visible;
    pointer-events: auto;
}

.biometric-crop-handle[b-e3wvw3b48d] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    cursor: nwse-resize;
}
/* /Shared/Collaborators/EmployeeAvatar.razor.rz.scp.css */
.vx-employee-avatar-slot[b-je8kfqyb68] {
  position: relative;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: .75rem;
  overflow: hidden;
}
.vx-employee-avatar-slot--selected[b-je8kfqyb68] {
  box-shadow: var(--vx-glow-orange, 0 4px 24px 0 rgba(252, 104, 33, .25));
}

.vx-employee-avatar-slot--sm[b-je8kfqyb68] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.vx-employee-avatar-slot--lg[b-je8kfqyb68] {
  width: 56px;
  height: 56px;
  border-radius: var(--vx-radius-lg, 1rem);
  box-shadow: var(--vx-glow-purple, 0 4px 24px 0 rgba(85, 40, 99, .30));
}

.vx-employee-avatar-slot--fill[b-je8kfqyb68] {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
}

.vx-employee-avatar[b-je8kfqyb68] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--vx-purple, #552863), var(--vx-purple-light, #7a3d8a));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.vx-employee-avatar--selected[b-je8kfqyb68] {
  background: linear-gradient(135deg, #fc6821 0%, #fd8a4e 100%);
}

.vx-employee-avatar--lg[b-je8kfqyb68] {
  font-size: 1rem;
}

.vx-employee-avatar--sm[b-je8kfqyb68] {
  font-size: 10px;
}

.vx-employee-avatar-slot--info[b-je8kfqyb68] {
  width: 2.5rem;
  height: 2.5rem;
}

.vx-employee-avatar--info[b-je8kfqyb68] {
  font-size: .875rem;
  background: rgba(51, 203, 176, .10);
  color: #25a08a;
}

.vx-employee-avatar-photo[b-je8kfqyb68] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: opacity .2s ease;
}