@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Features/Contacts/Molecules/ContactCard/ContactCard.razor.rz.scp.css */
.contact-card[b-wb9x8wnxwe]{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 296px;
    min-height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    border: 4px solid rgba(255, 255, 255, 1);
}

.contact-card__header[b-wb9x8wnxwe]{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    cursor: pointer;
}

.contact-card__pencil-icon[b-wb9x8wnxwe]{
    padding-top: 16px;
    padding-right: 16px;
    color:var(--primary);
}

.contact-card__body[b-wb9x8wnxwe]{
    padding-left: 16px;
}

.contact-card__footer[b-wb9x8wnxwe]{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    height: 100%;
    padding-left: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
}

@media only screen and (max-width: 480px) {
    .employee-card[b-wb9x8wnxwe]{
        min-width: none;
        min-height: none;
    }
}
/* /Features/Contacts/Ogranisms/ContactCardGrid/ContactCardGrid.razor.rz.scp.css */
.contacts-grid[b-kpvpi74lvy]{
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

@media only screen and (max-width: 480px) {
    .contacts-grid[b-kpvpi74lvy]{
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}
/* /Features/Dashboard/Atoms/DataСard/Header/Header.razor.rz.scp.css */
.header[b-f8j5zi42vy] {
  color: var(--primary-text);
  font-size: 16px;
  text-align: left;
  line-height: 24px;
}
/* /Features/Dashboard/Atoms/DataСard/Time/Time.razor.rz.scp.css */
.time[b-tj7j4psnrv] {
  color: var(--secondary-text);
  font-size: 16px;
  text-align: right;
  line-height: 24px;
}
/* /Features/Dashboard/Atoms/DataСard/Value/Value.razor.rz.scp.css */
.value[b-0ygod00di6] {
  color: var(--primary);
  font-weight: bold;
  font-size: 68px;
  text-align: center;
  line-height: 72px;
}
/* /Features/Dashboard/Atoms/MessageCard/File/File.razor.rz.scp.css */
.bi-file-earmark-fill[b-j3weqfarem] {
  color: var(--primary-tex);
}
/* /Features/Dashboard/Atoms/MessageCard/Link/Link.razor.rz.scp.css */
.link[b-ulkolo5lzi] {
  width: 34px;
  height: 24px;
  color: var(--primary);
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  line-height: 24px;
  cursor: pointer;
}
/* /Features/Dashboard/Atoms/MessageCard/Message/Message.razor.rz.scp.css */
.message[b-nvvzfcsb6j] {
  opacity: 1;
  color: var(--secondary-text);
  font-size: 16px;
  letter-spacing: 0px;
  text-align: left;
  line-height: 24px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Features/Dashboard/Atoms/MessageCard/Name/Name.razor.rz.scp.css */
.name[b-imvqby9iwv] {
  width: 96px;
  height: 16px;
  opacity: 1;
  color: var(--secondary-text);
  font-size: 12px;
  letter-spacing: 0px;
  text-align: left;
  line-height: 16px;
}
/* /Features/Dashboard/Atoms/MessageCard/Title/Title.razor.rz.scp.css */
.title[b-qt6jie178e] {
  width: 55px;
  height: 24px;
  opacity: 1;
  color: var(--primary-text);
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: left;
  line-height: 24px;
}
/* /Features/Dashboard/Atoms/MessagesTitle/MessagesTitle.razor.rz.scp.css */
.messages-title[b-futu374055] {
  opacity: 1;
  color: var(--primary-text);
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 0px;
  text-align: left;
  line-height: 48px;
}
/* /Features/Dashboard/Atoms/ProjectCard/Name/Name.razor.rz.scp.css */
.card-name[b-k3cqkatcdd] {
  padding: 0px 16px 0px 16px;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--primary);
  text-underline-offset: 6px;
}

.card-name h4[b-k3cqkatcdd] {
  max-width: 300px;
  margin-bottom: 0;
}

.card-name:hover[b-k3cqkatcdd] {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .card-name h4[b-k3cqkatcdd] {
    max-width: 380px;
  }
}

@media only screen and (min-width: 1200px) {
  .card-name h4[b-k3cqkatcdd] {
    max-width: 380px;
  }
}

@media only screen and (min-width: 1920px) {
  .card-name h4[b-k3cqkatcdd] {
    max-width: 280px;
  }
}
/* /Features/Dashboard/Molecules/DataСard/DataСard.razor.rz.scp.css */
.data-card[b-whcae1x77r] {
  position: relative;
  min-height: 176px;
  border-radius: 10px;
  opacity: 1;
  background-color: var(--secondary-light);
}

.header[b-whcae1x77r] {
  margin-top: 8px;
  margin-left: 8px;
  display: flex;
  justify-content: flex-start;
}

.value[b-whcae1x77r] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.time[b-whcae1x77r] {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
/* /Features/Dashboard/Molecules/MessageCard/MessageCard.razor.rz.scp.css */
.message-card[b-w9zbhyn2at] {
  max-width: 514px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 10px;
  border: 4px solid var(--white);
  opacity: 1;
  box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  -webkit-box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  -moz-box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
}

.card-header[b-w9zbhyn2at] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.title[b-w9zbhyn2at] {
  display: flex;
  justify-content: start;
  margin-top: 4px;
}

.card-body[b-w9zbhyn2at] {
  display: flex;
  justify-content: flex-start;
  padding: 2px;
  max-width: 80%;
  margin-top: 8px;
}

.card-footer[b-w9zbhyn2at] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}

.files[b-w9zbhyn2at] {
  display: inline-block;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70%;
  padding-top: 16px;
}

@media only screen and (max-width: 480px) {
  .message-card[b-w9zbhyn2at] {
    width: 100%;
    max-width: 90vw;
    height: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .message-card[b-w9zbhyn2at] {
    min-width: 514px;
  }
}
/* /Features/Dashboard/Molecules/MessageCardEmpty/MessageCardEmpty.razor.rz.scp.css */
.message-card-empty[b-9ulc0l9xb1] {
  width: 514px;
  height: 128px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 10px;
  opacity: 1;
  box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  -webkit-box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  -moz-box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
  box-shadow: 0px 0px 25px -11px rgba(0, 0, 0, 0.27) inset;
}

.loading[b-9ulc0l9xb1] {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s loading-b-9ulc0l9xb1 linear infinite;
}

@keyframes loading-b-9ulc0l9xb1 {
  to {
    background-position-x: -200%;
  }
}

@media only screen and (max-width: 480px) {
  .message-card-empty[b-9ulc0l9xb1] {
    width: 100%;
    max-width: 90vw;
    height: auto;
  }
}
/* /Features/Dashboard/Molecules/ProjectCard/ProjectCard.razor.rz.scp.css */
.project-card[b-xhehznqhn1] {
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 100%;
  min-width: 237px;
  background: var(--secondary);
  border-radius: 10px;
  flex-shrink: 0;
  border: 4px solid rgba(255, 255, 255, 1);
}

.head-wrapper[b-xhehznqhn1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 56px;
}

.subheader-wrapper[b-xhehznqhn1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.extra-work[b-xhehznqhn1] {
  color: #FF8500;
  padding: 4px 0px 0px 4px;
}

.project-category[b-xhehznqhn1] {
  padding: 4px;
  background-color: black;
  border-radius: 0 5px 0 5px;
  opacity: 0.8;
  color: white;
}

.project-name[b-xhehznqhn1],
.manager-name[b-xhehznqhn1] {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-contacts[b-xhehznqhn1] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-right: 16px;
}

.body-wrapper[b-xhehznqhn1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  width: 100%;
}

.footer-wrapper[b-xhehznqhn1] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 64px;
  padding: 0 16px 16px 16px;
}
/* /Features/Dashboard/Organisms/DataGrid/DataGrid.razor.rz.scp.css */
.data-grid[b-0zwityoupg] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 24px;
}

@media only screen and (min-width: 768px) {
  .data-grid[b-0zwityoupg] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
  }
}
/* /Features/Dashboard/Organisms/MessagesGrid/MessagesGrid.razor.rz.scp.css */
.messages-grid[b-33ukij135e] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 24px;
  width: 100%;
  height: auto;
  opacity: 1;
}
/* /Features/Dashboard/Organisms/ProjectGrid/ProjectGrid.razor.rz.scp.css */
.project-grid[b-uneyzxacmy] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 32px;
}

@media only screen and (min-width: 768px) {
  .project-grid[b-uneyzxacmy] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1200px) {
  .project-grid[b-uneyzxacmy] {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* /Features/PermissionManagement/Atoms/PermissionCheckbox/PermissionCheckbox.razor.rz.scp.css */
.permission-checkbox[b-0awgu7k8a5] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.permission-checkbox input[type="checkbox"][b-0awgu7k8a5] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0;
}

.permission-checkbox input[type="checkbox"]:disabled[b-0awgu7k8a5] {
    cursor: not-allowed;
    opacity: 0.6;
}

.permission-checkbox label[b-0awgu7k8a5] {
    position: absolute;
    top: -8px;
    right: -8px;
    pointer-events: none;
}

.new-badge[b-0awgu7k8a5] {
    background-color: #ff6b6b;
    color: white;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}
/* /Features/PermissionManagement/Organisms/PermissionMatrix/PermissionMatrix.razor.rz.scp.css */
.permission-matrix-container[b-a4fcx6swla] {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px 0;
}

.loading-overlay[b-a4fcx6swla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: #6c757d;
}

.loading-overlay p[b-a4fcx6swla] {
    margin-top: 10px;
    font-size: 14px;
}

.matrix-stats[b-a4fcx6swla] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    flex-wrap: wrap;
}

.stat-item[b-a4fcx6swla] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #495057;
}

.stat-item i[b-a4fcx6swla] {
    font-size: 18px;
}

.stat-item.new[b-a4fcx6swla] {
    color: #dc3545;
}

.stat-item.pending[b-a4fcx6swla] {
    color: #0d6efd;
}

.matrix-table-wrapper[b-a4fcx6swla] {
    overflow-x: auto;
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.permission-matrix-table[b-a4fcx6swla] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.permission-matrix-table th[b-a4fcx6swla],
.permission-matrix-table td[b-a4fcx6swla] {
    padding: 12px 8px;
    text-align: left;
    border: 1px solid #dee2e6;
}

.permission-header[b-a4fcx6swla] {
    background: #f8f9fa;
    position: sticky;
    left: 0;
    z-index: 10;
    min-width: 300px;
}

.header-content[b-a4fcx6swla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-content button[b-a4fcx6swla] {
    padding: 0;
    font-size: 16px;
    color: #6c757d;
}

.role-header[b-a4fcx6swla] {
    background: #f8f9fa;
    text-align: center;
    min-width: 80px;
}

.role-header-content[b-a4fcx6swla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.role-name[b-a4fcx6swla] {
    font-weight: bold;
    font-size: 16px;
}

.permission-count[b-a4fcx6swla] {
    font-size: 12px;
    color: #6c757d;
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 10px;
}

.category-row td[b-a4fcx6swla] {
    background: #e9ecef;
    font-weight: bold;
    color: #495057;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.category-header i[b-a4fcx6swla] {
    margin-right: 8px;
}

.permission-name[b-a4fcx6swla] {
    position: sticky;
    left: 0;
    background: white;
    z-index: 5;
}

.permission-info[b-a4fcx6swla] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.permission-label[b-a4fcx6swla] {
    font-weight: 500;
    color: #212529;
    font-family: 'Courier New', monospace;
}

.permission-description[b-a4fcx6swla] {
    font-size: 12px;
    color: #6c757d;
}

.permission-cell[b-a4fcx6swla] {
    text-align: center;
    transition: background-color 0.2s;
}

.permission-cell.pending[b-a4fcx6swla] {
    background-color: #e7f3ff;
}

.new-permission-row[b-a4fcx6swla] {
    background-color: #fff5f5;
}

.new-permission-row:hover[b-a4fcx6swla] {
    background-color: #ffe5e5;
}

.matrix-actions[b-a4fcx6swla] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid #dee2e6;
}

.matrix-actions button[b-a4fcx6swla] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .matrix-stats[b-a4fcx6swla] {
        flex-direction: column;
        gap: 10px;
    }
    
    .permission-header[b-a4fcx6swla],
    .permission-name[b-a4fcx6swla] {
        min-width: 200px;
    }
    
    .role-header[b-a4fcx6swla] {
        min-width: 60px;
    }
    
    .role-name[b-a4fcx6swla] {
        font-size: 14px;
    }
}
/* /Features/Projects/Molecules/ProjectCard/ProjectCard.razor.rz.scp.css */
.project-card[b-fqvapc0i03] {
  display: flex;
  flex-direction: column;
  background: var(--secondary);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: end;
}

.subheader-wrapper[b-fqvapc0i03] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.extra-work[b-fqvapc0i03] {
  color: #FF8500;
  padding: 4px 0px 0px 4px;
}

.project-category[b-fqvapc0i03] {
  padding: 4px;
  background-color: black;
  border-radius: 0 5px 0 5px;
  opacity: 0.8;
  color: white;
}

.body-wrapper[b-fqvapc0i03] {
  display: flex;
  margin: 0px 16px 24px 16px;
  justify-content: space-between;
}

.address-wrapper[b-fqvapc0i03] {
  margin: 0px 0px 16px 0px;
}

.roles-wrapper[b-fqvapc0i03] {
  display: flex;
  gap: 12px;
}

.dates-wrapper[b-fqvapc0i03] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
}

.actions-wrapper[b-fqvapc0i03] {
  display: flex;
  justify-content: space-between;
  margin: 0px 16px 16px 16px;
}
/* /Features/Projects/Molecules/ProjectCardEmpty/ProjectCardEmpty.razor.rz.scp.css */
.project-card-empty[b-sx2qrck075] {
    width: 100%;
    height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    
}

.loading[b-sx2qrck075] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1s loading-b-sx2qrck075 linear infinite;
}

@keyframes loading-b-sx2qrck075 {
    to {
        background-position-x: -200%;
    }
}
/* /Features/Projects/Molecules/Statuses/Statuses.razor.rz.scp.css */
.statuses[b-bsnpdxlw9m] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 8px 12px 8px;
    background-color: var(--white);
    margin-bottom: 48px;
    border-radius: 15px;
}

.status-option[b-bsnpdxlw9m] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
    padding: 16px;
}

.status-option span[b-bsnpdxlw9m] {
    text-align: center;
}

.status-option:hover[b-bsnpdxlw9m] {
    background-color: var(--secondary);
}

@media only screen and (min-width: 1920px) {
    .statuses[b-bsnpdxlw9m] {
        margin-bottom: 60px;
    }
}
/* /Features/Projects/Organisms/Filters/Filters.razor.rz.scp.css */
.filters[b-o9f4bk3daf] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
}

@media only screen and (min-width: 1920px) {
    .filters[b-o9f4bk3daf] {
        flex-direction: row;
    }
}
/* /Features/Projects/Organisms/ProjectCardGrid/ProjectCardGrid.razor.rz.scp.css */
.project-card-grid[b-wb43f62ssd] {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 768px) {
  .project-card-grid[b-wb43f62ssd] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1200px) {
  .project-card-grid[b-wb43f62ssd] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1920px) {
  .project-card-grid[b-wb43f62ssd] {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* /Features/Shared/Atoms/Card/Address/Line1/Line1.razor.rz.scp.css */
.address-line-1[b-vp374zrrw4] {
    color: var(--secondary-text);
    max-width: 180px;
}
/* /Features/Shared/Atoms/Card/Address/Line2/Line2.razor.rz.scp.css */
.address-line-2[b-gc0pndk0iq] {
    color: var(--secondary-text);
    max-width: 180px;
}
/* /Features/Shared/Atoms/Card/Buttons/CurrentTeam/CurrentTeam.razor.rz.scp.css */
.status-container[b-m6xr56cjg6] {
    position: relative;
}

.card-button-status-filled[b-m6xr56cjg6] {
    border-radius: 10px;
    width: 106px;
    height: 32px;
    color: var(--white);
    font-weight: bold;
}

.card-button-status-filled span[b-m6xr56cjg6] {
    width: 80%;
    text-align: center;
}

.status-dropdown[b-m6xr56cjg6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: absolute;
    background-color: var(--white);
    z-index: 100;
    padding: 2px;
    border-radius: 10px;
    left: -2px;
}

.status-option[b-m6xr56cjg6] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: scroll;
    padding: 0 4px;
    width: 90px;
    height: 22px;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
}

.status-option:hover[b-m6xr56cjg6] {
    background-color: var(--secondary);
}

.overlay[b-m6xr56cjg6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.team-drop[b-m6xr56cjg6]{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.role-drop i[b-m6xr56cjg6]{
    margin-left: 5px;
}
/* /Features/Shared/Atoms/Card/Buttons/Status/Status.razor.rz.scp.css */
.status-container[b-70qqijs6k9] {
    position: relative;
}

.card-button-status-filled[b-70qqijs6k9] {
    border-radius: 10px;
    height: 32px;
    color: var(--white);
    font-weight: bold;
    padding: 16px;
}

.card-button-status-filled span[b-70qqijs6k9] {
    width: 100%;
    text-align: center;
}

.status-dropdown[b-70qqijs6k9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    background-color: var(--white);
    z-index: 100;
    padding: 8px;
    border-radius: 10px;
    top: -8px;
    left: -8px;
}

.status-option[b-70qqijs6k9] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
    padding: 16px;
}

.status-option span[b-70qqijs6k9] {
    width: 100%;
    text-align: center;
}

.status-option:hover[b-70qqijs6k9] {
    background-color: var(--secondary);
}

/* /Features/Shared/Atoms/Card/Communication/Email/Email.razor.rz.scp.css */
.communication-email a[b-hhrfnjwsx4] {
  color: unset !important;
  text-decoration: unset !important;
}
/* /Features/Shared/Atoms/Card/Communication/Phone/Phone.razor.rz.scp.css */
.communication-phone a[b-9fd9g85d1n] {
  text-decoration: unset !important;
  color: unset !important;
}

.color-primary[b-9fd9g85d1n]{
  color: var(--primary) !important;
}
/* /Features/Shared/Atoms/Card/CommunicationForCopy/Email/Email.razor.rz.scp.css */
.communication-email a[b-mg4r0b9xqe] {
  color: unset !important;
  text-decoration: unset !important;
}

span[b-mg4r0b9xqe] {
  color: var(--secondary-text);
  max-width: 180px;
  cursor: pointer;
}

.communication-email[b-mg4r0b9xqe] {
  position: relative;
}

.tooltip[b-mg4r0b9xqe] {
  position: absolute;
  bottom: 100%; /* Position above the text */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
/* /Features/Shared/Atoms/Card/CommunicationForCopy/Phone/Phone.razor.rz.scp.css */
.communication-phone[b-bn8vkn4gk3] {
  color: unset !important;
  text-decoration: unset !important;
}

span[b-bn8vkn4gk3] {
  color: var(--secondary-text);
  max-width: 180px;
  cursor: pointer;
}

.communication-phone[b-bn8vkn4gk3] {
  position: relative;
  cursor: pointer;
}

.tooltip[b-bn8vkn4gk3] {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  transition: opacity 0.3s ease;
  opacity: 0;
}
/* /Features/Shared/Atoms/Card/Counter/Name/Name.razor.rz.scp.css */
.role-name[b-vfow9yop83] {
    color: var(--secondary-text);
    max-width: 120px;
}
/* /Features/Shared/Atoms/Card/Counter/Title/Title.razor.rz.scp.css */
/* /Features/Shared/Atoms/Card/Date/Title/Title.razor.rz.scp.css */
/* /Features/Shared/Atoms/Card/Date/Value/Value.razor.rz.scp.css */
.date-value[b-ve65wp9osw] {
    color: var(--secondary-text);
    cursor: pointer;
}
input.picker[type="date"][b-ve65wp9osw] {
    position: relative;
    text-align: end;
    background: transparent;
    cursor: pointer;
}

input.picker[type="date"][b-ve65wp9osw]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    background: transparent;
    cursor: pointer;
}
/* /Features/Shared/Atoms/Card/Icons/Shield/Shield.razor.rz.scp.css */
.shield-icon i[b-puh0bgxfjs]{
    cursor: pointer;
}

.shield-leader[b-puh0bgxfjs]{
    color: #FFB700;
}
/* /Features/Shared/Atoms/Card/Icons/Trash/Trash.razor.rz.scp.css */
.trash-icon i[b-74r4kaku99] {
    color: #DD2600;
    cursor: pointer;
}
/* /Features/Shared/Atoms/Card/Name/Name.razor.rz.scp.css */
.card-name[b-bfmkn9rjj6] {
  padding: 0px 16px 8px 16px;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--secondary-text);
  text-underline-offset: 6px;
}

.card-name h4[b-bfmkn9rjj6] {
  color: var(--primary-text);
  max-width: 300px;
  margin-bottom: 0;
}

.card-name:hover[b-bfmkn9rjj6] {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .card-name h4[b-bfmkn9rjj6] {
    max-width: 380px;
  }
}

@media only screen and (min-width: 1200px) {
  .card-name h4[b-bfmkn9rjj6] {
    max-width: 380px;
  }
}

@media only screen and (min-width: 1920px) {
  .card-name h4[b-bfmkn9rjj6] {
    max-width: 280px;
  }
}
/* /Features/Shared/Atoms/Card/Role/Name/Name.razor.rz.scp.css */
.role-name[b-l475olhsh4] {
    color: var(--secondary-text);
    max-width: 120px;
}
/* /Features/Shared/Atoms/Card/Role/Title/Title.razor.rz.scp.css */
/* /Features/Shared/Atoms/DateTime/DateTime.razor.rz.scp.css */
.date-time[b-pgqsby7xbq] {
  color: var(--secondary-text);
  font-size: 16px;
  text-align: left;
  line-height: 24px;
}
/* /Features/Shared/Atoms/FilterOption/FilterOption.razor.rz.scp.css */
.filter-option[b-puwhf5bozv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 144px;
    height: 64px;
    color: var(--secondary-text);
    border-radius: 10px;
    box-shadow: var(--inner-shadow-bluer-3);
    backdrop-filter: var(--blur-2);
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    transition: none;
}

.filter-option[b-puwhf5bozv]::before {
    background: gray;
    filter: blur(2px);
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    border-radius: 10px;
    opacity: 0.1;
}

.filter-option:hover[b-puwhf5bozv] {
    cursor: pointer;
}

.filter-option.selected[b-puwhf5bozv] {
    background-color: var(--primary);
    color: var(--white);
}

.filter-option span[b-puwhf5bozv] {
    padding: 0 16px;
}

.filter-option-inner[b-puwhf5bozv] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: var(--border-white-1);
    background: var(--white-80);
    backdrop-filter: var(--blur-2);
    transition: none;
}

.filter-option-inner.selected[b-puwhf5bozv] {
    background-color: var(--primary);
}

.filter-option-inner span[b-puwhf5bozv] {
    transition: none;
}

@media only screen and (max-width: 768px) {
    .filter-option[b-puwhf5bozv] {
        width: unset;
    }
}
/* /Features/Shared/Atoms/Header/Buttons/Menu/Menu.razor.rz.scp.css */
.menu-button[b-6qyzdtehon] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 32px;
}

.menu-button:hover[b-6qyzdtehon] {
    cursor: pointer;
}

@media only screen and (min-width: 960px) {
    .menu-button[b-6qyzdtehon] {
        display: none !important;
    }
}
/* /Features/Shared/Atoms/Header/Buttons/Profile/Profile.razor.rz.scp.css */
.profile-button[b-1wdn92gszo] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 48px;
    border-radius: 24px;
    flex-shrink: 0;
    background: var(--secondary);
}

.profile-button:hover[b-1wdn92gszo] {
    cursor: pointer;
}
/* /Features/Shared/Atoms/Logo/Logo.razor.rz.scp.css */
@media only screen and (max-width: 960px) {
    .logo[b-f39nodnb13] {
        display: none !important;
    }
}
/* /Features/Shared/Form/Buttons/AddButton/AddButton.razor.rz.scp.css */
.add-button[b-lsccnedyxt] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    color: var(--white);
    border-radius: 24px;
    box-shadow: var(--inner-shadow-bluer-3);
    backdrop-filter: var(--blur-2);
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 48px;
}

.add-button[b-lsccnedyxt]::before {
    background: var(--primary);
    filter: blur(4px);
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    border-radius: 24px;
}

.add-button:hover[b-lsccnedyxt] {
    cursor: pointer;
}

.add-button-inner[b-lsccnedyxt] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    border: var(--border-white-1);
    background: var(--primary);
    backdrop-filter: var(--blur-2);
}
/* /Features/Shared/Form/Buttons/LargeButton/LargeButton.razor.rz.scp.css */
.large-button[b-d5k9nqfuef] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-radius: 10px;
    min-width: 64px;
}

.large-button:hover[b-d5k9nqfuef] {
    cursor: pointer;
}

.spinner[b-d5k9nqfuef] {
    animation: spin-b-d5k9nqfuef 1s linear infinite;
    display: inline-block;
    margin-right: 5px;
}

@keyframes spin-b-d5k9nqfuef {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Features/Shared/Form/Buttons/SearchButton/SearchButton.razor.rz.scp.css */
.search-button[b-y7ujivgh5f] {
    background: var(--secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    flex-shrink: 0;
}

.search-button:hover[b-y7ujivgh5f] {
    cursor: pointer;
}
/* /Features/Shared/Form/Buttons/SmallButton/SmallButton.razor.rz.scp.css */
.small-button[b-fs8ucfftyv] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 32px;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);
    border-radius: 5px;
    color: white;
}

.small-button:hover[b-fs8ucfftyv] {
    cursor: pointer;
}
/* /Features/Shared/Form/Dropdowns/AutoDropdown/AutoDropdown.razor.rz.scp.css */
.dropdown-container[b-mqvz8kkmie] {
    width: 100%;
    position: relative;
}

.form-autocomplete[b-mqvz8kkmie] {
    width: 100%;
    padding: 13px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
}

.option-dropdown[b-mqvz8kkmie] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    background-color: var(--white);
    z-index: 100;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
}

.auto-option[b-mqvz8kkmie] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
    padding: 10px 16px;
}

.auto-option.selected[b-mqvz8kkmie] {
    background-color: var(--primary);
    color: var(--white);
}

.auto-option-add[b-mqvz8kkmie] {
    margin-right: 8px;
}

[b-mqvz8kkmie] input {
    outline: none;
    border: none;
}

[b-mqvz8kkmie] input:focus {
    outline: none;
    border: var(--border);
}

@media screen and (max-width: 768px) {
    .form-autocomplete[b-mqvz8kkmie] {
        z-index: 100;
        position: relative;
        border-radius: 10px 10px 0px 0px;
    }
    
    .option-dropdown[b-mqvz8kkmie] {
        border-radius: 0px 0px 10px 10px;
        top: 44px;
    }

    .overlay[b-mqvz8kkmie] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.30);
        z-index: 50;
    }
    
    .overlay.show[b-mqvz8kkmie] {
        opacity: 1;
        pointer-events: auto;
    }

    [b-mqvz8kkmie] input:focus {
        outline: none;
        border: none;
        border-bottom: none;
    }
}
/* /Features/Shared/Form/Dropdowns/DynamicDropdown/DynamicDropdown.razor.rz.scp.css */
.dropdown-container[b-f3fxm9h85d] {
    position: relative;
    width: 100%;
}

.dropdown-button[b-f3fxm9h85d] {
    border-radius: 10px;
    padding: 13px 16px;
    background-color: var(--white);
    border: none;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: var(--border);
    border-radius: 20px;
    color: var(--primary-text);
}

.dropdown-button span[b-f3fxm9h85d] {
    width: 100%;
    text-align: left;
}

.dynamic-dropdown-menu[b-f3fxm9h85d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    width: 100%;
    background-color: var(--white);
    z-index: 100;
    margin: 8px;
    padding: 8px;
    border-radius: 10px;
    top: -8px;
    left: -8px;

    /* Animation */
    /* opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease; */
}

.dynamic-dropdown-menu.show[b-f3fxm9h85d] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.dropdown-option-wrapper[b-f3fxm9h85d] {
    display: flex;
    gap: 8px;
}

.dropdown-option[b-f3fxm9h85d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; 
    cursor: pointer;
    background: var(--secondary-light, #f0f0f0);
    border-radius: 10px;
    font-weight: bold;
    padding: 10px 16px;
}

.dropdown-option span[b-f3fxm9h85d] {
    width: 100%;
    text-align: left;
}

.overlay[b-f3fxm9h85d] {
    position: fixed;
    inset: 0;
    z-index: 50;
}

.overlay[b-f3fxm9h85d] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 50;
}

.overlay.show[b-f3fxm9h85d] {
    opacity: 1;
    pointer-events: auto;
}

.dropdown-input[b-f3fxm9h85d] {
    width: 100%;
    border: var(--border);
    padding: 8px;
    border-radius: 20px;
}

.small-button-create[b-f3fxm9h85d] {
    padding: 8px;
    background: var(--primary);
    color: var(--white);
    border-radius: 5px;
}

.small-button-cancel[b-f3fxm9h85d] {
    padding: 8px;
    background: #F0F0F0;
    color: #606060;
    border-radius: 5px;
}

.create-item[b-f3fxm9h85d] {
    background: var(--white);
    gap: 8px;
    padding: 0;
}

.trash-icon[b-f3fxm9h85d] {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    color: #DD2600;
}

.trash-icon:hover[b-f3fxm9h85d] {
    cursor: pointer;
}

[b-f3fxm9h85d] input:focus {
    outline: none;
    border: var(--border);
}
/* /Features/Shared/Form/Dropdowns/RegularDropdown/RegularDropdown.razor.rz.scp.css */
.dropdown-container[b-rk0ylsn70u] {
    width: 100%;
    position: relative;
}

.form-dropdown[b-rk0ylsn70u] {
    width: 100%;
    padding: 13px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
}

.option-dropdown[b-rk0ylsn70u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    background-color: var(--white);
    z-index: 100;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
}

.dropdown-option[b-rk0ylsn70u] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
    padding: 10px 16px;
}

.dropdown-option.selected[b-rk0ylsn70u] {
    background-color: var(--primary);
    color: var(--white);
}

.overlay[b-rk0ylsn70u] {
    position: fixed;
    inset: 0;
    z-index: 50;
}

.overlay[b-rk0ylsn70u] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 50;
}

.overlay.show[b-rk0ylsn70u] {
    opacity: 1;
    pointer-events: auto;
}

[b-rk0ylsn70u] input:focus {
    outline: none;
    border: var(--border);
}

@media screen and (max-width: 768px) {
    .option-dropdown[b-rk0ylsn70u] {
        top: 0px;
    }
}
/* /Features/Shared/Form/Inputs/CommentInput/CommentInput.razor.rz.scp.css */
.comment-input[b-8t6467fz10] {
    width: 100%;
    height: 128px;
}

.comment-input-container[b-8t6467fz10] {
    padding: 16px 16px 0px 16px;
    background: var(--white);
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

[b-8t6467fz10] textarea:focus {
    outline: none;
    border: none;
}
/* /Features/Shared/Form/Inputs/DateInput/DateInput.razor.rz.scp.css */
.form-date-input[b-sww0d54pbl] {
    width: 100%;
    padding: 10px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
    z-index: 100;
}

.overlay[b-sww0d54pbl] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 50;
    opacity: 1;
    pointer-events: auto;
}

[b-sww0d54pbl] input:focus {
    outline: none;
    border: none;
}

@media screen and (max-width: 768px) {
    .date-input-wrapper[b-sww0d54pbl] {
        display: flex;
        position: relative;
    }

    .form-date-input[b-sww0d54pbl] {
        padding: 13px 16px;
        border-radius: 10px 0px 0px 10px;
        z-index: 100;
        position: relative;
    }

    [b-sww0d54pbl] .regular-label {
        width: 100%;
    }

    [b-sww0d54pbl] .large-button {
        border-radius: 0px 10px 10px 0px;
        z-index: 100;
    }
}
/* /Features/Shared/Form/Inputs/RegularInput/RegularInput.razor.rz.scp.css */
.form-input[b-09p4t9didt] {
    width: 100%;
    padding: 13px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
    z-index: 100;
}

.overlay[b-09p4t9didt] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 50;
    opacity: 1;
    pointer-events: auto;
}

[b-09p4t9didt] input:focus {
    outline: none;
    border: var(--border);
}

@media screen and (max-width: 768px) {
    .input-wrapper[b-09p4t9didt] {
        display: flex;
    }

    .form-input[b-09p4t9didt] {
        padding: 13px 16px;
        border-radius: 10px 0px 0px 10px;
    }

    [b-09p4t9didt] .large-button {
        border-radius: 0px 10px 10px 0px;
        z-index: 100;
    }
}
/* /Features/Shared/Form/Inputs/SearchInput/SearchInput.razor.rz.scp.css */
.search-input[b-r1tofjocjk] {
    width: 100%;
    padding: 10px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
    margin-bottom: 48px;
}

@media only screen and (min-width: 960px) {
    .search-input[b-r1tofjocjk] {
        width: 500px;
    }
}
/* /Features/Shared/Form/Labels/RegularLabel/RegularLabel.razor.rz.scp.css */


.regular-label[b-x6985ep1k7] {
    margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
    .regular-label[b-x6985ep1k7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 16px;
        background-color: var(--white);
        border-radius: 5px;
        margin: 0;
        width: 100%;
        height: 44px;
    }

    .regular-label-value[b-x6985ep1k7] {
        display: flex;
        gap: 24px;
        align-items: center;
    }
}
/* /Features/Shared/Molecules/Actions/Actions.razor.rz.scp.css */
.actions[b-wslb283h1s] {
    position: fixed;
    display: flex;
    flex-direction: column;
    bottom: 48px;
    right: 48px;
    gap: 24px;
    z-index: 1000;
}

@media only screen and (max-width: 600px) {
    .actions[b-wslb283h1s] {
        right: 24px;
    }
}
/* /Features/Shared/Molecules/Card/Address/Address.razor.rz.scp.css */
a[b-lttpe3as8q] {
    text-decoration: none !important;
}
/* /Features/Shared/Molecules/Card/Communication/Communication.razor.rz.scp.css */
.communication[b-k2z98trroy] {
  display: flex;
  align-items: center;
  gap: 24px;
  color: var(--black-50);
}
/* /Features/Shared/Molecules/Card/CommunicationForCopy/CommunicationForCopy.razor.rz.scp.css */
.communication[b-cmgig6iioi] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--black-50);
}

.communication__email[b-cmgig6iioi]{
  text-overflow: ellipsis;
  width: 20ch;
  white-space: nowrap;
  overflow:hidden;
}
/* /Features/Shared/Molecules/Card/Counter/Counter.razor.rz.scp.css */
/* /Features/Shared/Molecules/Card/Date/Date.razor.rz.scp.css */
/* /Features/Shared/Molecules/Card/Email/Email.razor.rz.scp.css */
/* /Features/Shared/Molecules/Card/Role/Role.razor.rz.scp.css */
/* /Features/Shared/Molecules/Card/Team/Team.razor.rz.scp.css */
/* /Features/Shared/Molecules/Filter/Filter.razor.rz.scp.css */
.filter-wrapper[b-385e3tq6ja] {
    width: 100%;
}

.filter[b-385e3tq6ja] {
    display: flex;
    width: 100%;
    min-height: 72px;
    padding: 4px 6px;
    grid-gap: 12px;
    background: var(--secondary);
    background-image: linear-gradient(90deg, #ffffff00 96%, #0f0f0f4d 100%, #00000080 100%);
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: hidden;
}

.filter[b-385e3tq6ja]::-webkit-scrollbar {
    display: none;
}

filter.full-width[b-385e3tq6ja] {
    width: 100%;
}

.loading[b-385e3tq6ja] {
    background: linear-gradient(90deg, var(--secondary) 25%, #e0e0e0 50%, var(--secondary) 75%);
    border-radius: 10px;
    background-size: 200% 100%;
    animation: 1s loading-b-385e3tq6ja linear infinite;
    animation-delay: 500ms;
}

@media only screen and (min-width: 1920px) {
    .filter-wrapper[b-385e3tq6ja] {
        width: 50%;
    }
    .filter-wrapper.full-width[b-385e3tq6ja] {
        width: 100%;
    }
}

@keyframes loading-b-385e3tq6ja {
    to {
        background-position-x: -200%;
    }
}
/* /Features/Shared/Molecules/Form/Comment/Comment.razor.rz.scp.css */
.comment-footer[b-qdlhclnun1] {
    display: flex;
    padding: 0px 16px 16px 16px;
    background: var(--white);
    border-radius: 0px 0px 10px 10px;;
}

.comment-footer-left[b-qdlhclnun1] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.comment-footer-right[b-qdlhclnun1] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.comment-file-actions[b-qdlhclnun1] {
    display: flex;
}

.comment-file[b-qdlhclnun1] {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-file-remove:hover[b-qdlhclnun1] {
    cursor: pointer;
}

.file-list-container[b-qdlhclnun1] {
    width: 100%;
}

.file-item[b-qdlhclnun1] {
    padding: 8px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e9e9e9;
}

.file-item:last-child[b-qdlhclnun1] {
    border-bottom: none;
}

.file-actions[b-qdlhclnun1] {
    display: flex;
    align-items: center;
}
/* /Features/Shared/Molecules/Form/CommentList/CommentList.razor.rz.scp.css */
.comment-list[b-11iomitwss] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24Px;
}

.comment-header[b-11iomitwss] {
    display: flex;
    justify-content: space-between;
}

.comment-wrapper[b-11iomitwss] {
    background: rgba(255,255,255,0.80);
    border: 4px solid #FFFFFF;
    border-radius: 10px;
    padding: 16px;
}

.comment-body[b-11iomitwss] {
    margin-top: 16px;
}

.comment-actions[b-11iomitwss] {
    display: flex;
    gap: 16px;
}

.comment-edit[b-11iomitwss] {
    color: var(--primary);
}

.comment-edit:hover[b-11iomitwss] {
    cursor: pointer;
}

.comment-trash[b-11iomitwss] {
    color: #DD2600;
}

.comment-trash:hover[b-11iomitwss] {
    cursor: pointer;
}

.comment-buttons[b-11iomitwss] {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.file-card-mini[b-11iomitwss] {
    display: flex;
    gap: 12px;
    background: var(--secondary-light);
    border-radius: 10px;
    padding: 8px;
}

.file-name[b-11iomitwss] {
    max-width: 80px;
}

[b-11iomitwss] .fi-content {
    background-color: var(--secondary-text) !important;
}

[b-11iomitwss] .fi-pdf.fi:before,
[b-11iomitwss] .fi-jpeg.fi:before,
[b-11iomitwss] .fi-png.fi:before,
[b-11iomitwss] .fi-plain.fi:before {
    background-color: var(--secondary-text) !important;
}

[b-11iomitwss] .fi-pdf.fi:after,
[b-11iomitwss] .fi-jpeg.fi:after,
[b-11iomitwss] .fi-png.fi:after,
[b-11iomitwss] .fi-plain.fi:after {
    border-left-color: var(--black) !important;
}

[b-11iomitwss] a {
    color: var(--primary-text);
    text-decoration: none;
}
/* /Features/Shared/Molecules/Modal/ConfirmationDialog/ConfirmationDialog.razor.rz.scp.css */
.confirmation-modal[b-3z6xriqx7w] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-light);
    border: none;
    border-radius: 20px;
    width: 100%;
}

.confirmation-modal-header[b-3z6xriqx7w] {
    padding: 16px 24px 0 24px;
}

.confirmation-modal-header h4[b-3z6xriqx7w] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-text);
}

.confirmation-modal-body[b-3z6xriqx7w] {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
}

.confirmation-modal-body p[b-3z6xriqx7w] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--secondary-text);
}

.confirmation-modal-footer[b-3z6xriqx7w] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 24px;
}

@media screen and (min-width: 480px) {
    .confirmation-modal[b-3z6xriqx7w] {
        width: 400px;
    }  
}
/* /Features/Shared/Molecules/Modal/ProjectCreationDialog/ProjectCreationDialog.razor.rz.scp.css */
.add-project-modal[b-bwp6jt0g5i] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-light);
    border: none;
    border-radius: 20px;
    width: 100%;
}

.add-project-modal-header[b-bwp6jt0g5i] {
    padding: 16px 24px 0 24px;
}

.add-project-modal-body[b-bwp6jt0g5i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 24px 0 24px;
}

.add-project-modal-footer[b-bwp6jt0g5i] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 24px;
}

@media screen and (min-width: 480px) {
    .add-project-modal[b-bwp6jt0g5i] {
        width: 320px;
    }  
}
/* /Features/Shared/Organisms/Body/Body.razor.rz.scp.css */
/* /Features/Shared/Organisms/Header/Header.razor.rz.scp.css */
.main-header[b-uiluzmv2bo] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin: 0 48px 32px 32px;
    padding-top: 48px;
}

@media screen and (max-width: 768px) {
    .main-header[b-uiluzmv2bo] {
        margin: 0 16px 16px 16px;
        padding-top: 16px;
    }
}
/* /Features/Teams/Molecules/MemberCard/MemberCard.razor.rz.scp.css */
.member-card[b-1ap1z55ssm]{
    display: flex;
    width: 100%;
    min-width: 296px;
    min-height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    border: 4px solid rgba(255, 255, 255, 1);
}

.name-wrapper[b-1ap1z55ssm]{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:flex-start;
    width: 80%;
    cursor: pointer;
}

.member-role[b-1ap1z55ssm]{
    padding-left: 16px;
    padding-bottom: 16px;
}
.member-action-icons[b-1ap1z55ssm]{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20%;
}

.member-shield-trash-wrapper[b-1ap1z55ssm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 16px;
    padding-right: 16px;
}

.member-phone-wrapper[b-1ap1z55ssm]{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px;
    padding-right: 16px;
}
@media only screen and (max-width: 480px) {
    .team-card[b-1ap1z55ssm]{
        min-width: none;
        min-height: none;
    }
}
/* /Features/Teams/Molecules/TeamCard/TeamCard.razor.rz.scp.css */
.team-card[b-1ctknu7pev]{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 296px;
    min-height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    border: 4px solid rgba(255, 255, 255, 1);
}

.name-wrapper[b-1ctknu7pev]{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    cursor: pointer;
}

.team[b-1ctknu7pev]{
    padding-left: 32px;
}

.pencil-icon[b-1ctknu7pev]{
    padding-top: 16px;
    padding-right: 16px;
    color:var(--primary);
}

.team-details-wrapper[b-1ctknu7pev]{
    display: flex;
    align-items:flex-end;
    height: 100%;
    padding-left: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
}
.lead-members-wrapper[b-1ctknu7pev]{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 16px;
}

@media only screen and (max-width: 480px) {
    .team-card[b-1ctknu7pev]{
        min-width: none;
        min-height: none;
    }
}
/* /Features/Teams/Organisms/MembersGrid/MembersGrid.razor.rz.scp.css */
.members-grid[b-zfkt3i65o6]{
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

@media only screen and (max-width: 480px) {
    .members-grid[b-zfkt3i65o6]{
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}
/* /Features/Teams/Organisms/TeamsGrid/TeamsGrid.razor.rz.scp.css */
.teams-grid[b-ty4tkn35vn]{
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

@media only screen and (max-width: 480px) {
    .teams-grid[b-ty4tkn35vn]{
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}
/* /Features/Users/Employees/Molecules/EmployeeCard/EmployeeCard.razor.rz.scp.css */
.employee-card[b-kyay386xyn]{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 296px;
    min-height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    border: 4px solid rgba(255, 255, 255, 1);
}

.name-wrapper[b-kyay386xyn]{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    cursor: pointer;
}

.pencil-icon[b-kyay386xyn]{
    padding-top: 16px;
    padding-right: 16px;
    color:var(--primary);
}

.employee-details-wrapper[b-kyay386xyn]{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    height: 100%;
    padding-left: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
}
.contact-partner-card[b-kyay386xyn]{
    width:56;
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}
.employee-phone[b-kyay386xyn]{
    width:44;
    color:var(--primary);
}
@media only screen and (max-width: 480px) {
    .employee-card[b-kyay386xyn]{
        min-width: none;
        min-height: none;
    }
}
/* /Features/Users/Employees/Molecules/Filter/Filter.razor.rz.scp.css */
.statuses[b-flsa679kwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 8px 12px 8px;
    background-color: var(--white);
    margin-bottom: 48px;
    border-radius: 15px;
}

.status-option[b-flsa679kwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    cursor: pointer;
    background: var(--secondary-light);
    border-radius: 10px;
    font-weight: bold;
    padding: 16px;
}

.status-option span[b-flsa679kwt] {
    width: 100%;
    text-align: center;
}

.status-option:hover[b-flsa679kwt] {
    background-color: var(--secondary);
}

@media only screen and (min-width: 1920px) {
    .statuses[b-flsa679kwt] {
        margin-bottom: 60px;
    }
}
/* /Features/Users/Employees/Organisms/EmployeesGrid/EmployeesGrid.razor.rz.scp.css */
.employees-grid[b-r9ca4nept4]{
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

@media only screen and (max-width: 480px) {
    .employees-grid[b-r9ca4nept4]{
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}
/* /Features/Users/Molecules/UserCard/UserCard.razor.rz.scp.css */
.user-card[b-wirmsr5h5x]{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 296px;
    min-height: 224px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
    border: 4px solid rgba(255, 255, 255, 1);
}

.name-wrapper[b-wirmsr5h5x]{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    cursor: pointer;
}

.role-email-wrapper[b-wirmsr5h5x]{
    display: flex;
    align-items:flex-end;
    height: 100%;
    padding-left: 16px;
    padding-bottom: 16px;
}

.email[b-wirmsr5h5x]{
    padding-left: 32px;
}

.pencil-icon[b-wirmsr5h5x]{
    padding-top: 16px;
    padding-right: 16px;
    color:var(--primary);
}

@media only screen and (max-width: 480px) {
    .user-card[b-wirmsr5h5x]{
        min-width: none;
        min-height: none;
    }
}
/* /Features/Users/Molecules/UserCardEmpty/UserCardEmpty.razor.rz.scp.css */
.user-card-empty[b-sgcuktqo32] {
    width: 100%;
    min-width: 237px;
    background: var(--secondary);
    border-radius: 10px;
    flex-shrink: 0;
}

.loading[b-sgcuktqo32] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1s loading-b-sgcuktqo32 linear infinite;
}

@keyframes loading-b-sgcuktqo32 {
    to {
        background-position-x: -200%;
    }
}
/* /Features/Users/Organisms/Filters/Filters.razor.rz.scp.css */
.filters[b-nz3lkxxw8v] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
}

@media only screen and (min-width: 1920px) {
    .filters[b-nz3lkxxw8v] {
        flex-direction: row;
    }
}
/* /Features/Users/Organisms/UsersGrid/UsersGrid.razor.rz.scp.css */
.users-grid[b-hoakq2q0r0]{
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

@media only screen and (max-width: 480px) {
    .users-grid[b-hoakq2q0r0]{
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 32px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-71133si6ke] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-71133si6ke] {
    flex: 1;
}

.sidebar[b-71133si6ke] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-71133si6ke] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-71133si6ke]  a, .top-row[b-71133si6ke]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-71133si6ke]  a:hover, .top-row[b-71133si6ke]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-71133si6ke]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.top-row.auth[b-71133si6ke] {
    justify-content: flex-end;
}

    .top-row.auth[b-71133si6ke]  span {
        margin-right: 1rem;
    }

    .top-row.auth[b-71133si6ke]  .btn-link {
        background: none;
        border: none;
        cursor: pointer;
        color: #0366d6;
    }

@media (max-width: 640.98px) {
    .top-row[b-71133si6ke] {
        justify-content: space-between;
    }

    .top-row[b-71133si6ke]  a, .top-row[b-71133si6ke]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-71133si6ke] {
        flex-direction: row;
    }

    .sidebar[b-71133si6ke] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-71133si6ke] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-71133si6ke]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-71133si6ke], article[b-71133si6ke] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-j1v3a7bqtq] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-j1v3a7bqtq] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-j1v3a7bqtq] {
    font-size: 1.1rem;
}

.bi[b-j1v3a7bqtq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-j1v3a7bqtq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-j1v3a7bqtq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-j1v3a7bqtq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-j1v3a7bqtq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-j1v3a7bqtq] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-j1v3a7bqtq] {
        padding-bottom: 1rem;
    }

    .nav-item[b-j1v3a7bqtq]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-j1v3a7bqtq]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-j1v3a7bqtq]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-j1v3a7bqtq] {
        display: none;
    }

    .collapse[b-j1v3a7bqtq] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-j1v3a7bqtq] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Dashboards/Manager/Manager.razor.rz.scp.css */
.dashboard[b-i3n816gzcz] {
    max-width: 1200px;
}

.projects-grid[b-i3n816gzcz] {
    margin-top: 128px;
}

@media only screen and (max-width: 1200px) {
    .dashboard[b-i3n816gzcz] {
        flex-direction: column;
    }

    .projects-grid[b-i3n816gzcz] {
        margin-top: 50px;
    }
}
/* /Pages/Dashboards/Owner/Owner.razor.rz.scp.css */
.projects-grid[b-20fhvyw5fj] {
  margin-top: 128px;
}

.messages-grid[b-20fhvyw5fj] {
  margin-left: 128px;
}

.messages-title[b-20fhvyw5fj] {
  margin-bottom: 24px;
}

.messages-box[b-20fhvyw5fj]{
  background-color: var(--secondary-light);
  border-radius: 10px;
  height: 90vh;
  max-height: 90vh;
  overflow:auto;
  padding: 16px;
}

@media only screen and (max-width: 1200px) {
  .dashboard[b-20fhvyw5fj] {
    flex-direction: column;
  }

  .projects-grid[b-20fhvyw5fj] {
    margin-top: 50px;
  }

  .messages-grid[b-20fhvyw5fj] {
    display: block;
    margin-left: 0;
    margin-top: 50px;
  }
}
/* /Pages/PermissionManagement.razor.rz.scp.css */
.permission-management-page[b-k0fkmia4y8] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.page-header[b-k0fkmia4y8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.header-content h1[b-k0fkmia4y8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #212529;
}

.page-description[b-k0fkmia4y8] {
    color: #6c757d;
    margin: 0;
}

.header-actions[b-k0fkmia4y8] {
    display: flex;
    gap: 10px;
}

.filters-section[b-k0fkmia4y8] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-k0fkmia4y8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.filter-group label[b-k0fkmia4y8] {
    font-size: 14px;
    font-weight: 500;
    color: #495057;
}

.filter-group .form-select[b-k0fkmia4y8] {
    min-width: 200px;
}

.search-box[b-k0fkmia4y8] {
    display: flex;
    gap: 5px;
}

.search-box input[b-k0fkmia4y8] {
    min-width: 250px;
}

.rotating[b-k0fkmia4y8] {
    animation: rotate-b-k0fkmia4y8 1s linear infinite;
}

@keyframes rotate-b-k0fkmia4y8 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .page-header[b-k0fkmia4y8] {
        flex-direction: column;
    }

    .header-actions[b-k0fkmia4y8] {
        width: 100%;
        justify-content: flex-start;
    }

    .filters-section[b-k0fkmia4y8] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group .form-select[b-k0fkmia4y8],
    .search-box input[b-k0fkmia4y8] {
        width: 100%;
        min-width: auto;
    }
}
/* /Pages/Projects/Components/ArticleItem/ArticleItem.razor.rz.scp.css */
.article-container[b-0qo3klwpsn] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-input[b-0qo3klwpsn] {
    width: 100%;
    padding: 10px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
}
/* /Pages/Projects/Components/Expense/Expense.razor.rz.scp.css */
.expense-type-selector button[b-vm667fehlm] {
    margin: 0.5rem;
}

.expense-type-selector .active[b-vm667fehlm] {
    font-weight: bold;
    background-color: #00B7DD;
    color: white;
}

.form-input[b-vm667fehlm] {
    width: 100%;
    padding: 10px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
}

.form-input-label[b-vm667fehlm] {
    padding-left: 4px;
}

.form-input-wrapper[b-vm667fehlm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.expense-form-container[b-vm667fehlm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: var(--secondary-light);
    border-radius: 10px;
}

.expense-form-row[b-vm667fehlm] {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: flex-end;
}

.expense-labor-form-row[b-vm667fehlm] {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: flex-end;
}
/* /Pages/Projects/Components/ExpenseItem/ExpenseItem.razor.rz.scp.css */
.expense-list[b-mptrwvjtjz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.expense-form-container[b-mptrwvjtjz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.expense-type-selector[b-mptrwvjtjz] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.expense-toggle[b-mptrwvjtjz] {
    padding: 0.4rem 1rem;
    border-radius: 999px;
    border: 1px solid #ccc;
    background-color: white;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.expense-toggle.active[b-mptrwvjtjz] {
    background-color: #00B7DD;
    color: white;
    border-color: #00B7DD;
}

.expense-type-selector button[b-mptrwvjtjz] {
    margin: 0.5rem;
}

.expense-type-selector .active[b-mptrwvjtjz] {
    font-weight: bold;
    background-color: #00B7DD;
    color: white;
}

.article-row[b-mptrwvjtjz] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-input[b-mptrwvjtjz] {
    width: 100%;
    padding: 10px 16px;
    background: var(--white);
    border: var(--border);
    border-radius: 20px;
}

.form-input-label[b-mptrwvjtjz] {
    padding-left: 4px;
}

.form-input-wrapper[b-mptrwvjtjz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.expense-form-row[b-mptrwvjtjz] {
    display: flex;
    gap: 16px;
    width: 100%;
}

.expense-container[b-mptrwvjtjz] {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}

.expense-container-text[b-mptrwvjtjz] {
    display: flex;
    align-items: center;
    background: var(--white);
}

.expense-container-text.description[b-mptrwvjtjz] {
    width: 240px;
}

.expense-container-icon[b-mptrwvjtjz] {
    display: flex;
    align-items: center;
    background: var(--white);
}

.total-value[b-mptrwvjtjz] {
    color: #DD2600;
}

.article-header-row[b-mptrwvjtjz] {
    display: flex;
    gap: 0.5rem;
    margin-top: 16px;
}

.article-header-item[b-mptrwvjtjz] {
    width: 100%;
    padding-left: 16px;
}

.article-header-item-empty[b-mptrwvjtjz] {
    display: flex;
    min-width: 64px;
}

.trash-icon[b-mptrwvjtjz] {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    color: #DD2600;
}

.trash-icon:hover[b-mptrwvjtjz] {
    cursor: pointer;
}

.expense-form-row[b-mptrwvjtjz] {
    display: flex;
    gap: 16px;
    width: 100%;
}

.expense-labor-form-row[b-mptrwvjtjz] {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: flex-end;
}

@media only screen and (max-width: 768px) {
    .expense-container-text.description[b-mptrwvjtjz] {
        width: 120px;
    }

    .date[b-mptrwvjtjz] {
        display: none;
    }
}
/* /Pages/Projects/Components/Extra/Extra.razor.rz.scp.css */
.extra-form-container[b-2nrwiruvax] {
    padding: 8px;
    background-color: var(--secondary-light);
    border-radius: 10px 10px 0px 0px;
}

[b-2nrwiruvax] textarea:focus {
    outline: none;
    border: none;
}
/* /Pages/Projects/Components/ExtraItem/ExtraItem.razor.rz.scp.css */
.extra-form-container[b-u9dibonhxl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.extra-form-row[b-u9dibonhxl] {
    display: flex;
    justify-content: end;
    gap: 16px;
    width: 100%;
}

.trash-icon[b-u9dibonhxl] {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    color: #DD2600;
}

.trash-icon:hover[b-u9dibonhxl] {
    cursor: pointer;
}

.extra-container[b-u9dibonhxl] {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}

.extra-container-text[b-u9dibonhxl] {
    display: flex;
    align-items: center;
    background: var(--white);
}

.extra-container-text.description[b-u9dibonhxl] {
    width: 240px;
}

@media only screen and (max-width: 768px) {
    .extra-container-text.description[b-u9dibonhxl] {
        width: 120px;
    }

    .date[b-u9dibonhxl] {
        display: none;
    }
}
/* /Pages/Projects/Components/ExtraList/ExtraList.razor.rz.scp.css */
.extra-list[b-q2ny02dbw8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}
/* /Pages/Projects/Components/FileItem/FileItem.razor.rz.scp.css */
.file-card[b-v3gda8dsjs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 138px;
    min-height: 116px;
    background: var(--secondary-light);
    border: 4px solid var(--white);
    border-radius: 10px;
    padding: 10px 12px 0px 12px;
}

.file-actions[b-v3gda8dsjs] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    min-height: 46px;
}

.download-icon[b-v3gda8dsjs] {
    font-size: 24px;
    color: var(--primary);
}

.delete-icon[b-v3gda8dsjs] {
    font-size: 24px;
    color: #DD2600;
}

.file-card-footer[b-v3gda8dsjs] {
    display: flex;
    justify-content: end;
    color: var(--primary);
    font-size: 16px;
}

.file-card-footer:hover[b-v3gda8dsjs] {
    cursor: pointer;
}

[b-v3gda8dsjs] .fi-content {
    background-color: var(--secondary-text) !important;
}

[b-v3gda8dsjs] .fi-pdf.fi:before,
[b-v3gda8dsjs] .fi-jpeg.fi:before,
[b-v3gda8dsjs] .fi-png.fi:before,
[b-v3gda8dsjs] .fi-plain.fi:before {
    background-color: var(--secondary-text) !important;
}

[b-v3gda8dsjs] .fi-pdf.fi:after,
[b-v3gda8dsjs] .fi-jpeg.fi:after,
[b-v3gda8dsjs] .fi-png.fi:after,
[b-v3gda8dsjs] .fi-plain.fi:after {
    border-left-color: var(--black) !important;
}
/* /Pages/Projects/Components/FileList/FileList.razor.rz.scp.css */
[b-n569f6zvbx] h4 {
    margin: 0 !important;
}
/* /Pages/Projects/ProjectDetails/ProjectDetails.razor.rz.scp.css */
h5.active[b-d0c6rallsy] {
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: var(--primary);
    text-underline-offset: 6px;
}

h5.inactive[b-d0c6rallsy] {
    color: var(--primary);
}

h5:hover[b-d0c6rallsy] {
    cursor: pointer;
}

.project-form-container[b-d0c6rallsy] {
    display: flex;
    gap: 172px;
}

.container-left[b-d0c6rallsy] {
    width: 628px;
}

.container-right[b-d0c6rallsy] {
    width: 616px;
}

.container-right-header[b-d0c6rallsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px;
    margin-bottom: 16px;
}

.expenses-section[b-d0c6rallsy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.container-left[b-d0c6rallsy] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.container-right[b-d0c6rallsy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[b-d0c6rallsy] section {
  padding: 0 0 0 0 !important;
}

@media only screen and (max-width: 768px) {
    .container-left[b-d0c6rallsy] {
        width: 100%;
    }

    .container-right[b-d0c6rallsy] {
        width: 100%;
        padding: 0px 16px;
    }

    .container-right[b-d0c6rallsy] {
        min-height: 640px;
        margin-bottom: 64px;
    }
}

@media only screen and (max-width: 1500px) {
    .project-form-container[b-d0c6rallsy] {
        flex-direction: column;
        gap: 32px;
    }
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsComments.razor.rz.scp.css */
.project-comments-container[b-4pah0nixpx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsExpenses.razor.rz.scp.css */
.expense-type-selector-wrapper[b-k84saoolor] {
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.expense-type-selector[b-k84saoolor] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.expense-toggle[b-k84saoolor] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 32px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: bold;
    background-color: white;
}

.expense-toggle.active[b-k84saoolor] {
    background-color: #00B7DD;
    color: white;
    border-color: #00B7DD;
}

.amount[b-k84saoolor] {
    color: #DD2600;
}

.expense-list[b-k84saoolor] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsExtra.razor.rz.scp.css */
/* /Pages/Projects/ProjectDetails/ProjectDetailsFiles.razor.rz.scp.css */
.project-files-container[b-fh5dxwpysa] {
    padding: 0 16px;
}

@media only screen and (min-width: 768px) {
    .project-files-container[b-fh5dxwpysa] {
        padding: unset;
    }
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsForm.razor.rz.scp.css */
.project-form[b-yrh90u3puc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.breadcrumbs-wrapper[b-yrh90u3puc] {
    padding: 0 16px;
}

.project-form .paragraph[b-yrh90u3puc] {
    margin-bottom: 8px;
}

.project-form-container[b-yrh90u3puc] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.form-buttons[b-yrh90u3puc] {
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.wrapper-left[b-yrh90u3puc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wrapper-right[b-yrh90u3puc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
}

.form-contact[b-yrh90u3puc] {
    position: relative;
}

.form-contact .paragraph[b-yrh90u3puc] {
    margin-bottom: 8px;
}

.form-row[b-yrh90u3puc] {
    display: flex;
    gap: 24px;
}

.form-row-item[b-yrh90u3puc] {
    width: 100%;
}

[b-yrh90u3puc] h4 {
    margin: 0 !important
}

[b-yrh90u3puc] .card-name {
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
    .project-form-container[b-yrh90u3puc] {
        grid-template-columns: auto;
        gap: 12px;
        padding: 8px 16px 8px 16px;
        background: var(--secondary);
    }

    .form[b-yrh90u3puc] {
        flex-direction: column;
    }

    .start-end[b-yrh90u3puc] {
        flex-direction: column;
    }

    .category-status[b-yrh90u3puc] {
        flex-direction: column;
    }

    .manager-team[b-yrh90u3puc] {
        flex-direction: column;
    }

    .wrapper-right[b-yrh90u3puc] {
        align-items: center;
        gap: 24px;
    }
}

@media only screen and (min-width: 768px) {
    .breadcrumbs-wrapper[b-yrh90u3puc] {
        padding: unset;
    }
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsHistory.razor.rz.scp.css */
.project-history-container[b-q2z4gu56ib] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.history-item[b-q2z4gu56ib] {
    background: #FFFFFF;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.history-item:hover[b-q2z4gu56ib] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.history-icon[b-q2z4gu56ib] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.history-content[b-q2z4gu56ib] {
    flex: 1;
    min-width: 0;
}

.history-item-header[b-q2z4gu56ib] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    gap: 16px;
}

.history-item-type[b-q2z4gu56ib] {
    font-size: 14px;
    font-weight: 600;
    color: #000000E6;
}

.history-item-date[b-q2z4gu56ib] {
    font-size: 12px;
    color: #606060;
    white-space: nowrap;
}

.history-item-message[b-q2z4gu56ib] {
    font-size: 14px;
    color: #404040;
    line-height: 1.5;
    word-wrap: break-word;
}

/* Color coding for different types */
.history-added .history-icon[b-q2z4gu56ib] {
    background-color: #E8F5E9;
    color: #2E7D32;
}

.history-updated .history-icon[b-q2z4gu56ib] {
    background-color: #E3F2FD;
    color: #1976D2;
}

.history-removed .history-icon[b-q2z4gu56ib] {
    background-color: #FFEBEE;
    color: #D32F2F;
}

/* Empty state */
.empty-history[b-q2z4gu56ib] {
    text-align: center;
    padding: 60px 20px;
    background-color: #FAFAFA;
    border-radius: 12px;
}

.empty-history i[b-q2z4gu56ib] {
    font-size: 48px;
    color: #E0E0E0;
    margin-bottom: 16px;
    display: block;
}

.empty-history p[b-q2z4gu56ib] {
    margin: 0;
    color: #606060;
    font-size: 14px;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .history-item[b-q2z4gu56ib] {
        padding: 12px 16px;
    }
    
    .history-icon[b-q2z4gu56ib] {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .history-item-header[b-q2z4gu56ib] {
        flex-direction: column;
        gap: 4px;
    }
    
    .history-item-date[b-q2z4gu56ib] {
        font-size: 11px;
    }
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsOverview.razor.rz.scp.css */
.project-overview-container[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    padding: 0 16px;
}

.details-container-wrapper[b-3w8dj09d1l] {
    display: flex;
    justify-content: space-between;
}

.details-container-left[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.details-container-right[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-wrapper[b-3w8dj09d1l] {
    text-align: end;
    margin-top: 8px;
}

.data-wrapper[b-3w8dj09d1l] {
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.data-wrapper-left[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.data-wrapper-right[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.actions-wrapper[b-3w8dj09d1l] {
    display: flex;
    justify-content: end;
    gap: 8px;
}

.communication-button[b-3w8dj09d1l] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: var(--white);
    border-radius: 10px;
}

.communication-button-icon[b-3w8dj09d1l] {
    color: var(--secondary-text);
}

.date-wrapper[b-3w8dj09d1l] {
    display: none;
}

.roles-wrapper[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.status-wrapper[b-3w8dj09d1l] {
    display: flex;
    justify-content: end;
    margin-top: 12px;
}

.address-wrapper[b-3w8dj09d1l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.map-container[b-3w8dj09d1l] {
    min-width: 160px;
    min-height: 130px;
    background-color: var(--secondary);
    border-radius: 10px;
}

[b-3w8dj09d1l] h4 {
    margin: 0 !important;
}

[b-3w8dj09d1l] .card-name {
    padding: 0 !important;
}

[b-3w8dj09d1l] .role-name {
    max-width: unset !important;
}

@media only screen and (min-width: 390px) {
    .map-container[b-3w8dj09d1l] {
        min-width: 180px;
        min-height: 134px;
    }

    .data-wrapper[b-3w8dj09d1l] {
        gap: 4px;
    }
}

@media only screen and (min-width: 480px) {
    .map-container[b-3w8dj09d1l] {
        min-width: 280px;
        min-height: 134px;
    }
}

@media only screen and (min-width: 768px) {
    .project-overview-container[b-3w8dj09d1l] {
        padding: unset;
    }

    .map-container[b-3w8dj09d1l] {
        min-width: 360px;
        min-height: 168px;
    }

    [b-3w8dj09d1l] .role-name {
        max-width: 120px !important;
    }
}
/* /Pages/Projects/ProjectDetails/ProjectDetailsUserAccess.razor.rz.scp.css */
.project-access-container[b-5sejaxod9x] {
    padding: 0;
}

/* Add User Section */
.add-user-section[b-5sejaxod9x] {
    margin-bottom: 20px;
}

.btn-add-user[b-5sejaxod9x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background-color: #00B7DD;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-add-user:hover[b-5sejaxod9x] {
    background-color: #0099BB;
    transform: translateY(-1px);
}

.btn-add-user i[b-5sejaxod9x] {
    font-size: 16px;
}

/* Add User Form Card */
.add-user-form-card[b-5sejaxod9x] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.form-title[b-5sejaxod9x] {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000E6;
}

.form-row[b-5sejaxod9x] {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 16px;
    margin-bottom: 16px;
}

.form-group[b-5sejaxod9x] {
    display: flex;
    flex-direction: column;
}

.dropdown-wrapper[b-5sejaxod9x] {
    width: 100%;
}

/* Override dropdown styles to match our design */
.dropdown-wrapper[b-5sejaxod9x]  .dropdown-container {
    width: 100%;
}

.dropdown-wrapper[b-5sejaxod9x]  .form-dropdown {
    padding: 10px 14px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    font-size: 14px;
    background-color: #FAFAFA;
    transition: all 0.2s ease;
}

.dropdown-wrapper[b-5sejaxod9x]  .form-dropdown:focus {
    border-color: #00B7DD;
    background-color: white;
}

.dropdown-wrapper[b-5sejaxod9x]  .option-dropdown {
    background-color: white;
    border: 1px solid #E0E0E0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 8px;
    margin-top: 4px;
}

.dropdown-wrapper[b-5sejaxod9x]  .dropdown-option {
    background: #FAFAFA;
    padding: 10px 14px;
    border-radius: 6px;
    font-weight: normal;
    font-size: 14px;
    color: #000000E6;
    transition: all 0.2s ease;
}

.dropdown-wrapper[b-5sejaxod9x]  .dropdown-option:hover {
    background-color: #F0F0F0;
}

.dropdown-wrapper[b-5sejaxod9x]  .dropdown-option.selected {
    background-color: #00B7DD;
    color: white;
}

.form-actions[b-5sejaxod9x] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 20px;
}

.btn-primary[b-5sejaxod9x], .btn-secondary[b-5sejaxod9x] {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-primary[b-5sejaxod9x] {
    background-color: #00B7DD;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-5sejaxod9x] {
    background-color: #0099BB;
}

.btn-primary:disabled[b-5sejaxod9x] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-5sejaxod9x] {
    background-color: #F0F0F0;
    color: #606060;
}

.btn-secondary:hover[b-5sejaxod9x] {
    background-color: #E0E0E0;
}

.error-message[b-5sejaxod9x] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background-color: #FEE;
    border-radius: 8px;
    color: #D00;
    font-size: 14px;
    margin-top: 12px;
}

/* Access List */
.access-list-container[b-5sejaxod9x] {
    margin-top: 24px;
}

.access-grid[b-5sejaxod9x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 16px;
}

.access-card[b-5sejaxod9x] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    position: relative;
    transition: all 0.3s ease;
    transform-origin: center;
    overflow: hidden;
}

.access-card:hover[b-5sejaxod9x] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.access-card.removing[b-5sejaxod9x] {
    animation: fadeOutScale-b-5sejaxod9x 0.5s ease-out forwards;
}

@keyframes fadeOutScale-b-5sejaxod9x {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.95);
    }
}

.card-actions[b-5sejaxod9x] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
}

.card-content[b-5sejaxod9x] {
    padding: 20px;
    padding-right: 60px; /* Space for the revoke button */
}

.user-info-section[b-5sejaxod9x] {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-bottom: 16px;
}

.user-avatar[b-5sejaxod9x] {
    width: 48px;
    height: 48px;
    background-color: #F0F0F0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    color: #606060;
    flex-shrink: 0;
}

.user-details[b-5sejaxod9x] {
    flex: 1;
}

.user-name[b-5sejaxod9x] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000E6;
    word-break: break-word;
}

.user-email[b-5sejaxod9x] {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: #606060;
}

.user-meta[b-5sejaxod9x] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.badge[b-5sejaxod9x] {
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

.badge-role[b-5sejaxod9x] {
    background-color: #F0F0F0;
    color: #606060;
}

.badge-access[b-5sejaxod9x] {
    color: white;
}

.badge-access.owner[b-5sejaxod9x] {
    background-color: #DC3545;
}

.badge-access.manager[b-5sejaxod9x] {
    background-color: #FFC107;
    color: #000;
}

.badge-access.contributor[b-5sejaxod9x] {
    background-color: #17A2B8;
}

.badge-access.readonly[b-5sejaxod9x] {
    background-color: #6C757D;
}

.access-info[b-5sejaxod9x] {
    padding-top: 12px;
    border-top: 1px solid #F0F0F0;
}

.access-info p[b-5sejaxod9x] {
    margin: 0 0 4px 0;
    font-size: 13px;
    display: flex;
    gap: 8px;
}

.access-info .label[b-5sejaxod9x] {
    color: #606060;
    min-width: 80px;
}

.access-info .value[b-5sejaxod9x] {
    color: #000000E6;
}

.btn-revoke-icon[b-5sejaxod9x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background-color: white;
    color: #DC3545;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-revoke-icon:hover:not(:disabled)[b-5sejaxod9x] {
    background-color: #DC3545;
    color: white;
    border-color: #DC3545;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
}

.btn-revoke-icon:disabled[b-5sejaxod9x] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-revoke-icon i[b-5sejaxod9x] {
    font-size: 16px;
    line-height: 1;
}

/* Loading State */
.loading-state[b-5sejaxod9x] {
    text-align: center;
    padding: 60px 20px;
}

.spinner[b-5sejaxod9x] {
    width: 40px;
    height: 40px;
    border: 3px solid #F0F0F0;
    border-top-color: #00B7DD;
    border-radius: 50%;
    animation: spin-b-5sejaxod9x 0.8s linear infinite;
    margin: 0 auto 16px;
}

.spinner-small[b-5sejaxod9x] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-5sejaxod9x 0.8s linear infinite;
    display: inline-block;
}

@keyframes spin-b-5sejaxod9x {
    to { transform: rotate(360deg); }
}

.loading-state p[b-5sejaxod9x] {
    color: #606060;
    font-size: 14px;
}

/* Empty State */
.empty-state[b-5sejaxod9x] {
    text-align: center;
    padding: 60px 20px;
    background-color: #FAFAFA;
    border-radius: 12px;
}

.empty-state i[b-5sejaxod9x] {
    font-size: 48px;
    color: #E0E0E0;
    margin-bottom: 16px;
}

.empty-state h5[b-5sejaxod9x] {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #000000E6;
}

.empty-state p[b-5sejaxod9x] {
    margin: 0;
    color: #606060;
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-row[b-5sejaxod9x] {
        grid-template-columns: 1fr;
    }
    
    .dropdown-wrapper[b-5sejaxod9x]  .form-dropdown {
        font-size: 16px; /* Prevent zoom on iOS */
    }

    .access-grid[b-5sejaxod9x] {
        grid-template-columns: 1fr;
    }

    .user-info-section[b-5sejaxod9x] {
        flex-wrap: wrap;
    }

    .access-card[b-5sejaxod9x] {
        padding: 16px;
    }

    .card-actions[b-5sejaxod9x] {
        top: 12px;
        right: 12px;
    }
    
    .btn-revoke-icon[b-5sejaxod9x] {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    
    .card-content[b-5sejaxod9x] {
        padding: 16px;
        padding-right: 52px; /* Space for smaller revoke button */
    }
}