/* _content/ComboPRO_FrontEnd/Components/Common/AiEditorDialog.razor.rz.scp.css */
.cp-ai-editor[b-mhlb2maz5h] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 560px;
    max-width: 100%;
}

.cp-ai-editor__tabs[b-mhlb2maz5h] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    align-self: flex-start;
    padding: 4px;
    border: 1px solid #dbe4ee;
    border-radius: 10px;
    background: #f8fafc;
}

.cp-ai-editor__tab[b-mhlb2maz5h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.cp-ai-editor__tab--active[b-mhlb2maz5h] {
    background: #fff;
    color: #0f3a69;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}

.cp-ai-editor__tab .material-symbols-outlined[b-mhlb2maz5h] {
    font-size: 19px;
}

.cp-ai-editor__style-row[b-mhlb2maz5h] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cp-ai-editor__style[b-mhlb2maz5h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #dbe4ee;
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.cp-ai-editor__style:hover[b-mhlb2maz5h] {
    border-color: #93c5fd;
    color: #0f3a69;
}

.cp-ai-editor__style--active[b-mhlb2maz5h] {
    border-color: #0a84ff;
    background: rgba(10, 132, 255, .08);
    color: #0a63c7;
}

.cp-ai-editor__style .material-symbols-outlined[b-mhlb2maz5h] {
    font-size: 17px;
}

.cp-ai-editor__panel[b-mhlb2maz5h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: min(58vh, 560px);
    overflow: auto;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}

.cp-ai-editor__panel-head[b-mhlb2maz5h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.cp-ai-editor__panel-head > span[b-mhlb2maz5h],
.cp-ai-editor__field > span[b-mhlb2maz5h] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cp-ai-editor__original[b-mhlb2maz5h],
.cp-ai-editor__result[b-mhlb2maz5h],
.cp-ai-editor__field p[b-mhlb2maz5h],
.cp-ai-editor__field li[b-mhlb2maz5h] {
    color: #0f172a;
    font-size: 14px;
    line-height: 1.45;
    white-space: pre-wrap;
}

.cp-ai-editor__original[b-mhlb2maz5h] {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
}

.cp-ai-editor__divider[b-mhlb2maz5h] {
    height: 1px;
    background: #e2e8f0;
}

.cp-ai-editor__loading[b-mhlb2maz5h] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: #64748b;
    font-size: 13px;
}

.cp-ai-editor__draft[b-mhlb2maz5h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cp-ai-editor__milestones[b-mhlb2maz5h] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fbfdff;
}

.cp-ai-editor__section-label[b-mhlb2maz5h] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cp-ai-editor__milestone-row[b-mhlb2maz5h] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    align-items: flex-start;
}

.cp-ai-editor__milestone-number[b-mhlb2maz5h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 7px;
    border-radius: 999px;
    background: rgba(10, 132, 255, .1);
    color: #0a63c7;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 640px) {
    .cp-ai-editor[b-mhlb2maz5h] {
        min-width: 0;
    }

    .cp-ai-editor__tabs[b-mhlb2maz5h] {
        width: 100%;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Common/AuditHistoryDialog.razor.rz.scp.css */
.sg-filter-item[b-2zzssm0lw4] {
  flex: 1 1 260px;
  min-width: 220px;
}

.sg-history-sort-btn[b-2zzssm0lw4] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0;
  cursor: pointer;
}

.sg-history-sort-icon[b-2zzssm0lw4] {
  font-size: 16px;
  line-height: 1;
}

.sg-history-table .mud-table-body .mud-table-cell[b-2zzssm0lw4] {
  vertical-align: top;
}

.sg-history-detail[b-2zzssm0lw4] {
  white-space: normal;
  line-height: 1.35;
  max-width: 520px;
  word-break: break-word;
}
/* _content/ComboPRO_FrontEnd/Components/Common/CompanyStaffPickerDialog.razor.rz.scp.css */
.cp-company-staff-picker-dialog[b-2i9thb9l3u] {
  max-width: 980px;
}

.cp-company-staff-picker-loading[b-2i9thb9l3u] {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-company-staff-picker-section[b-2i9thb9l3u] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px;
  background: #ffffff;
}

.cp-company-staff-picker-section + .cp-company-staff-picker-section[b-2i9thb9l3u] {
  margin-top: 16px;
}

.cp-company-staff-picker-section__header[b-2i9thb9l3u] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.cp-company-staff-picker-section__header h3[b-2i9thb9l3u] {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
}

.cp-company-staff-picker-section__header p[b-2i9thb9l3u] {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
}

.cp-company-staff-picker-count[b-2i9thb9l3u] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 9999px;
  background: rgba(10, 132, 255, 0.08);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-company-staff-picker-search[b-2i9thb9l3u] {
  width: 100%;
  margin-bottom: 12px;
}

.cp-company-staff-picker-grid[b-2i9thb9l3u] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}

.cp-company-staff-picker-grid__header[b-2i9thb9l3u],
.cp-company-staff-picker-row[b-2i9thb9l3u] {
  display: grid;
  grid-template-columns: 72px minmax(0, 2fr) minmax(0, 1.5fr) 72px;
  align-items: center;
}

.cp-company-staff-picker-grid__header[b-2i9thb9l3u] {
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-company-staff-picker-grid__header > div[b-2i9thb9l3u] {
  padding: 12px;
}

.cp-company-staff-picker-grid__body[b-2i9thb9l3u] {
  max-height: 320px;
  overflow: auto;
}

.cp-company-staff-picker-row[b-2i9thb9l3u] {
  width: 100%;
  border: 0;
  border-top: 1px solid #f1f5f9;
  background: #ffffff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}

.cp-company-staff-picker-row:hover[b-2i9thb9l3u] {
  background: #f8fafc;
}

.cp-company-staff-picker-row--selected[b-2i9thb9l3u] {
  background: rgba(10, 132, 255, 0.06);
}

.cp-company-staff-picker-row--inactive[b-2i9thb9l3u] {
  color: #64748b;
}

.cp-company-staff-picker-row > div[b-2i9thb9l3u] {
  padding: 12px;
}

.cp-company-staff-picker-row__check[b-2i9thb9l3u],
.cp-company-staff-picker-row__status[b-2i9thb9l3u] {
  display: flex;
  justify-content: center;
}

.cp-company-staff-picker-row__name[b-2i9thb9l3u] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-company-staff-picker-row__name strong[b-2i9thb9l3u],
.cp-company-staff-picker-row__email[b-2i9thb9l3u] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-company-staff-picker-row__name span[b-2i9thb9l3u] {
  color: #64748b;
  font-size: 12px;
}

.cp-company-staff-picker-row__email[b-2i9thb9l3u] {
  color: #475569;
  font-size: 13px;
  white-space: nowrap;
}

.cp-company-staff-picker-empty[b-2i9thb9l3u] {
  padding: 32px 16px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
}

.cp-company-staff-picker-chips[b-2i9thb9l3u] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.cp-company-staff-picker-chip[b-2i9thb9l3u] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 9999px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  font-size: 12px;
}

.cp-company-staff-picker-chip__button[b-2i9thb9l3u] {
  border: 0;
  background: transparent;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
}

.cp-company-staff-picker-create-actions[b-2i9thb9l3u] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

@media (max-width: 840px) {
  .cp-company-staff-picker-grid__header[b-2i9thb9l3u],
  .cp-company-staff-picker-row[b-2i9thb9l3u] {
    grid-template-columns: 56px minmax(0, 1.5fr) minmax(0, 1fr) 56px;
  }
}

@media (max-width: 640px) {
  .cp-company-staff-picker-section__header[b-2i9thb9l3u] {
    flex-direction: column;
    align-items: stretch;
  }

  .cp-company-staff-picker-grid__header[b-2i9thb9l3u],
  .cp-company-staff-picker-row[b-2i9thb9l3u] {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
  }

  .cp-company-staff-picker-grid__header > div:nth-child(3)[b-2i9thb9l3u],
  .cp-company-staff-picker-row > div:nth-child(3)[b-2i9thb9l3u] {
    display: none;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Common/VersionHistoryDialog.razor.rz.scp.css */
.cp-version-panels[b-cubb4jrqtp] {
    box-shadow: none;
}

.cp-version-section[b-cubb4jrqtp] {
    margin-top: 0.75rem;
}

.cp-version-section:first-child[b-cubb4jrqtp] {
    margin-top: 0;
}

.cp-version-section-title[b-cubb4jrqtp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.35rem;
    color: var(--cp-text-primary, #1f2937);
}

.cp-version-list[b-cubb4jrqtp] {
    margin: 0;
    padding-left: 1.4rem;
    color: var(--cp-text-secondary, #4b5563);
    font-size: 0.9rem;
    line-height: 1.45;
}

.cp-version-list li[b-cubb4jrqtp] {
    margin-bottom: 0.25rem;
}

.cp-version-list li:last-child[b-cubb4jrqtp] {
    margin-bottom: 0;
}
/* _content/ComboPRO_FrontEnd/Components/GlobalLoadingOverlay.razor.rz.scp.css */
.cp-global-loading-overlay[b-kex60pm7xl] {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 23, 42, 0.35);
  backdrop-filter: blur(2px);
}

.cp-global-loading-card[b-kex60pm7xl] {
  min-width: 180px;
  padding: 18px 22px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(11, 42, 74, 0.18);
  box-shadow: 0 10px 28px rgba(10, 23, 42, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cp-global-loading-spinner[b-kex60pm7xl] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid #c5d4e8;
  border-top-color: #0b2a4a;
  animation: cp-global-loading-spin-b-kex60pm7xl 0.8s linear infinite;
}

.cp-global-loading-text[b-kex60pm7xl] {
  color: #0b2a4a;
  font-size: 14px;
  font-weight: 600;
}

@keyframes cp-global-loading-spin-b-kex60pm7xl {
  to {
    transform: rotate(360deg);
  }
}
/* _content/ComboPRO_FrontEnd/Components/Layout/LoginLayout.razor.rz.scp.css */
body[b-dhikhh3g18]{
      height: 100%;
      margin: 0;
      overflow: hidden;
    }

.split-screen[b-dhikhh3g18]{
      display: flex;
      height: 100vh;
      width: 100%;
}

.left[b-dhikhh3g18]{
      flex: 1;
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
}

.right[b-dhikhh3g18]{
      flex: 1;
      background-color: #F9F8F9; 
       flex: 1;
      display: flex;
      justify-content: center;  /* centro horizontal */
      align-items: center;      /* centro vertical */
      min-height: 100vh;        /* 🔑 por si el padre falla */
}

@media (max-width: 768px){
  .split-screen[b-dhikhh3g18]{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .left[b-dhikhh3g18]{
    display: none;
  }
}

.logo-container[b-dhikhh3g18]{
  
  width: 100%;
  margin-top: 40px; 
  display: flex;
  align-items: center;      /* centra vertical */
  justify-content: center;  /* centra horizontal */
  text-align: center;
}

.logo-container img[b-dhikhh3g18]{
    max-width: 350px;   /* límite máximo */
    width: auto;         /* se adapta a pantallas pequeñas */
    height: auto;       /* mantiene proporción */
    max-height: 63px;   /* opcional si quieres limitar altura */            /* o el tamaño real del logo */
}

.title-container[b-dhikhh3g18]{
  
  align-items: center;      /* centra vertical */
  justify-content: center;  /* centra horizontal */ /* centra horizontal */
  width: 100%;
  margin-top: 24px; /* separación respecto al logo */
  margin-bottom: 48px;
  display: flex;
  text-align: center;
}

.title[b-dhikhh3g18]{
  margin: 0;
  font-size: 45px !important;  
  line-height: 1.3;
  font-weight: 400;
  color: var(--cp-primary); /* slate-900 */
}

.title-accent[b-dhikhh3g18]{
  font-weight: bolder;
  color: #63B2E0; /* azul ComboPRO */
}

.illustration-wrapper[b-dhikhh3g18]{
  flex: 1;                     /* 🔑 ocupa todo el espacio restante */
  display: flex;
  justify-content: center;     /* centrado horizontal */
  align-items: flex-end;       /* alineado abajo */
  padding-bottom: 32px; 
  overflow: hidden; 
}

.illustration[b-dhikhh3g18]{
  height: 100%;
  width: 100%;
   object-fit: contain;  
  padding-left: 45px;
  padding-right: 45px;
}

@media (max-width: 768px){
  .illustration-wrapper[b-dhikhh3g18]{
    display: none;
  }
}



    
/* _content/ComboPRO_FrontEnd/Components/Layout/MainLayout.razor.rz.scp.css */
.main-content[b-qgn15s7pgc] {
    box-sizing: border-box;
    min-height: calc(100vh - 64px); /* 64px és l'alçada AppBar per defecte */
}

/* ALINEACIÓN AVATAR USUARIO */
.cp-user-trigger[b-qgn15s7pgc] {
  display: flex;
  align-items: center;    
  gap: 3px;                /* espai entre avatar i text */
  cursor: pointer;
}

.cp-user-avatar[b-qgn15s7pgc] {
  background-color: var(--cp-primary) !important;
  color: #ffffff !important;
  font-weight: 700;
  border: 1px solid rgba(0, 44, 92, 0.2);
}

/* IconButton sense hover / focus / ripple */
.cp-icon-button-clean[b-qgn15s7pgc] {
  background-color: transparent !important;
}

.cp-icon-button-clean:hover[b-qgn15s7pgc],
.cp-icon-button-clean:focus[b-qgn15s7pgc],
.cp-icon-button-clean:active[b-qgn15s7pgc] {
  background-color: transparent !important;
}

/* Treu també l’efecte ripple (si apareix) */
.cp-icon-button-clean .mud-ripple[b-qgn15s7pgc] {
  display: none;
}

/* Força icona + text en la mateixa línia dins MudMenuItem */
.cp-menu-item-flex .mud-menu-item-content[b-qgn15s7pgc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

/* Material Symbol: ajust fi d’alineació */
.cp-menu-item-flex .cp-menu-icon[b-qgn15s7pgc] {
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cp-primary);
  transform: translateY(2px); /* 🔑 ajust visual (prova 1px o 2px) */
}

/* Text: evita baseline raro */
.cp-menu-item-flex .cp-text-inter-regular-18[b-qgn15s7pgc] {
  line-height: 1.2;
  display: inline-block;
}

/* Icona Material Symbols alineada */
.cp-menu-icon[b-qgn15s7pgc] {
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cp-primary);
}

/* Align "Projects" nav-group with regular nav links */
[b-qgn15s7pgc] .cp-projects-nav-group > .mud-nav-link {
  padding-left: 0.75rem !important;
}

[b-qgn15s7pgc] .cp-projects-nav-group > .mud-nav-link .mud-nav-link-text {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

[b-qgn15s7pgc] .cp-projects-nav-group .cp-projects-subitem.mud-nav-link {
  padding-left: 2.55rem !important;
}

.cp-admin-nav-group[b-qgn15s7pgc] {
  width: 100%;
}

.cp-admin-nav-group__header[b-qgn15s7pgc] {
  width: 100%;
  min-height: 48px;
  padding: 0 16px 0 28px;
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.cp-admin-nav-group__header:hover[b-qgn15s7pgc],
.cp-admin-nav-group__header:focus-visible[b-qgn15s7pgc] {
  background: rgba(0, 44, 92, 0.04);
}

.cp-admin-nav-group__title[b-qgn15s7pgc] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.cp-admin-nav-group__title .cp-text-inter-bold-16[b-qgn15s7pgc] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-admin-nav-group__chevron[b-qgn15s7pgc] {
  flex-shrink: 0;
}

.cp-admin-nav-group__items[b-qgn15s7pgc] {
  width: 100%;
}

[b-qgn15s7pgc] .cp-admin-nav-subitem.mud-nav-link {
  padding-left: 2.55rem !important;
}

[b-qgn15s7pgc] .cp-admin-nav-subitem .mud-nav-link-text {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.cp-admin-nav-subgroup[b-qgn15s7pgc] {
  width: 100%;
}

.cp-admin-nav-subgroup__header[b-qgn15s7pgc],
.cp-admin-nav-action[b-qgn15s7pgc] {
  width: 100%;
  min-height: 48px;
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
}

.cp-admin-nav-subgroup__header[b-qgn15s7pgc] {
  padding: 0 16px 0 1.85rem;
  justify-content: space-between;
}

.cp-admin-nav-action[b-qgn15s7pgc] {
  padding: 0 16px 0 3.25rem;
  gap: 0.5rem;
  justify-content: flex-start;
}

.cp-admin-nav-subgroup__header:hover[b-qgn15s7pgc],
.cp-admin-nav-subgroup__header:focus-visible[b-qgn15s7pgc],
.cp-admin-nav-action:hover[b-qgn15s7pgc],
.cp-admin-nav-action:focus-visible[b-qgn15s7pgc] {
  background: rgba(0, 44, 92, 0.04);
}

.cp-admin-nav-subgroup__title[b-qgn15s7pgc] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.cp-admin-nav-subgroup__title .cp-text-inter-bold-16[b-qgn15s7pgc],
.cp-admin-nav-action .cp-text-inter-bold-16[b-qgn15s7pgc] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-admin-nav-subgroup__items[b-qgn15s7pgc] {
  width: 100%;
}

.cp-help-appbar-button[b-qgn15s7pgc] {
  color: var(--cp-primary) !important;
}

/* ── DRAWER ──────────────────────────────────────────────── */
.cp-help-drawer[b-qgn15s7pgc] {
  background-color: #f4f7fb !important;
}

[b-qgn15s7pgc] .cp-help-drawer .mud-drawer-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ── PANEL PRINCIPAL ─────────────────────────────────────── */
.cp-help-panel[b-qgn15s7pgc] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f4f7fb;
}

/* ── CABECERA ────────────────────────────────────────────── */
.cp-help-header[b-qgn15s7pgc] {
  flex-shrink: 0;
  background: var(--cp-primary);
  padding: 1rem 1rem 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(0,44,92,0.18);
}

.cp-help-header-brand[b-qgn15s7pgc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.cp-help-bot-avatar[b-qgn15s7pgc] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cp-help-header-info[b-qgn15s7pgc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-help-header-title[b-qgn15s7pgc] {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.cp-help-header-status[b-qgn15s7pgc] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  color: rgba(255,255,255,0.75);
}

.cp-help-online-dot[b-qgn15s7pgc] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(74,222,128,0.3);
}

/* ── PREGUNTAS RÁPIDAS ───────────────────────────────────── */
.cp-help-quick-section[b-qgn15s7pgc] {
  flex-shrink: 0;
  padding: 0.875rem 1rem 0.625rem;
  background: #ffffff;
  border-bottom: 1px solid #e4eaf3;
}

.cp-help-quick-label[b-qgn15s7pgc] {
  display: block;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--cp-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
}

.cp-help-quick-list[b-qgn15s7pgc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.375rem;
}

.cp-help-chip[b-qgn15s7pgc] {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--cp-primary);
  background: #ffffff;
  border: 1.5px solid rgba(0,44,92,0.25);
  border-radius: 999px;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
  line-height: 1.3;
  text-align: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  white-space: normal;
  word-break: break-word;
}

.cp-help-chip:hover[b-qgn15s7pgc] {
  background: rgba(0,44,92,0.06);
  border-color: var(--cp-primary);
}

.cp-help-chip:active[b-qgn15s7pgc] {
  background: rgba(0,44,92,0.12);
}

.cp-help-chip-disabled[b-qgn15s7pgc] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* ── ÁREA DE CONVERSACIÓN ────────────────────────────────── */
.cp-help-chat[b-qgn15s7pgc] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  scroll-behavior: smooth;
}

.cp-help-msg-row[b-qgn15s7pgc] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  max-width: 90%;
}

.cp-help-msg-row-bot[b-qgn15s7pgc] {
  align-self: flex-start;
}

.cp-help-msg-row-user[b-qgn15s7pgc] {
  align-self: flex-end;
  flex-direction: row-reverse;
}

.cp-help-msg-avatar[b-qgn15s7pgc] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #e4eaf3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 2px;
}

.cp-help-bubble[b-qgn15s7pgc] {
  padding: 0.625rem 0.875rem;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-word;
}

.cp-help-bubble-bot[b-qgn15s7pgc] {
  background: #ffffff;
  color: var(--cp-text-primary);
  border-radius: 4px 18px 18px 18px;
  box-shadow: 0 1px 4px rgba(0,44,92,0.08);
}

.cp-help-bubble-user[b-qgn15s7pgc] {
  background: var(--cp-primary);
  color: #ffffff;
  border-radius: 18px 4px 18px 18px;
  box-shadow: 0 1px 6px rgba(0,44,92,0.22);
}

/* Animación de "escribiendo" */
.cp-help-typing[b-qgn15s7pgc] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0.75rem 1rem;
}

.cp-help-typing span[b-qgn15s7pgc] {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--cp-text-muted);
  border-radius: 50%;
  animation: cp-typing-b-qgn15s7pgc 1.3s infinite ease-in-out;
}

.cp-help-typing span:nth-child(2)[b-qgn15s7pgc] { animation-delay: 0.2s; }
.cp-help-typing span:nth-child(3)[b-qgn15s7pgc] { animation-delay: 0.4s; }

@keyframes cp-typing-b-qgn15s7pgc {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
  30%            { transform: translateY(-5px); opacity: 1; }
}

/* ── ZONA INFERIOR ───────────────────────────────────────── */
.cp-help-bottom[b-qgn15s7pgc] {
  flex-shrink: 0;
  background: #ffffff;
  border-top: 1px solid #e4eaf3;
  padding: 0.75rem 1rem 0.5rem;
}

.cp-help-input-row[b-qgn15s7pgc] {
  display: flex;
  align-items: flex-end;
  gap: 0.375rem;
}

.cp-help-input[b-qgn15s7pgc] {
  flex: 1;
}

[b-qgn15s7pgc] .cp-help-input .mud-input-outlined {
  border-radius: 22px;
}

[b-qgn15s7pgc] .cp-help-input .mud-input-outlined fieldset {
  border-radius: 22px;
  border-color: #d1dae8;
}

[b-qgn15s7pgc] .cp-help-input .mud-input-outlined:focus-within fieldset {
  border-color: var(--cp-primary);
}

.cp-help-send-btn[b-qgn15s7pgc] {
  flex-shrink: 0;
  margin-bottom: 4px;
}

.cp-help-footer[b-qgn15s7pgc] {
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}

.cp-help-support[b-qgn15s7pgc] {
  text-transform: none;
  font-size: 0.8rem;
}

.cp-help-version[b-qgn15s7pgc] {
  text-align: center;
  font-size: 0.7rem;
  color: var(--cp-text-muted, #9aa0a6);
  margin-top: 0.15rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  user-select: none;
  transition: color 0.15s ease;
}

.cp-help-version:hover[b-qgn15s7pgc],
.cp-help-version:focus-visible[b-qgn15s7pgc] {
  color: var(--cp-primary);
  text-decoration: underline;
  outline: none;
}

@media (max-width: 960px) {
  .cp-help-drawer[b-qgn15s7pgc] {
    width: min(100vw, 360px) !important;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Layout/ReportLayout.razor.rz.scp.css */
.cp-report-layout-root[b-fgn6x1ey56] {
    min-height: 100vh;
    width: 100%;
    overflow: auto;
    background: #ffffff;
}

@media print {
    .cp-report-layout-root[b-fgn6x1ey56] {
        overflow: visible;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Auth/CambiarPWD.razor.rz.scp.css */

.login-panel[b-q0yqgd6au1]{
  flex: 1;
  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* 🔑 centro vertical */
}

.login-card[b-q0yqgd6au1]{
  width: 100%;
  max-width: 460px;          /* ⬅️ más ancha */         /* ⬅️ más alta visualmente */
  background: #ffffff;
  border: 1.5px solid var(--cp-primary);;
  border-radius: 14px;
  padding: 40px 36px;        /* ⬅️ más aire interior */
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between; /* distribuye mejor */
   /* ⬇️ SOMBRA */
  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 2px 6px rgba(15, 23, 42, 0.04);

  color: black; 
}

.login-title[b-q0yqgd6au1]{
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 24px 0;
  color: #0f172a;
}

.login-field[b-q0yqgd6au1]{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.login-field label[b-q0yqgd6au1]{
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.login-field input[b-q0yqgd6au1]{
  height: 40px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
}

.login-field input:focus[b-q0yqgd6au1]{
  border-color: #1e4fd8;
}

.password-wrapper[b-q0yqgd6au1]{
  position: relative;
}

.password-wrapper .eye[b-q0yqgd6au1]{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #64748b;
  cursor: pointer;
}

.login-row[b-q0yqgd6au1]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 24px;
}

.remember[b-q0yqgd6au1]{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #475569;
}

.forgot[b-q0yqgd6au1]{
  font-size: 12px;
  color: #1e4fd8;
  text-decoration: none;
}

.forgot:hover[b-q0yqgd6au1]{
  text-decoration: underline;
}

.login-btn[b-q0yqgd6au1]{
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border: none;
  background: #062a56; /* azul oscuro botón */
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.login-btn:hover[b-q0yqgd6au1]{
  background: #041f40;
}

.footer-brand[b-q0yqgd6au1]{
  position: absolute;
  right: 24px;
  bottom: 20px;

  display: flex;
  flex-direction: column;     /* ⬅️ uno debajo del otro */
  align-items: flex-end;      /* ⬅️ alineado a la derecha */
  gap: 6px;                   /* espacio entre texto y logo */

  font-size: 12px;
  color: #64748b;
}

.footer-brand img[b-q0yqgd6au1]{
  height: 22px;               /* tamaño del logo secundario */
  width: auto;
}

@media (max-width: 768px){
  .footer-brand[b-q0yqgd6au1]{
    display: none;
  }
}

/* ========================================================= 
    MUD-INPUT OUTLINED 
   ========================================================= */
/* Borde en reposo */
.cp-outlined_login .mud-input-outlined-border[b-q0yqgd6au1]{
  border-color: #cbd5e1 !important; /* slate-300 */
  border-width: 1px !important;
  border-radius: 8px !important;
}

/* Hover */
.cp-outlined_login:hover .mud-input-outlined-border[b-q0yqgd6au1]{
  border-color: var(--cp-primary) !important;
}

/* Focus (cuando está activo) */
.cp-outlined_login .mud-input-control-focused .mud-input-outlined-border[b-q0yqgd6au1]{
  border-color: var(--cp-primary) !important;
  border-width: 2px !important;
}

/* Color del label */
.cp-outlined_login .mud-input-label[b-q0yqgd6au1]{
  font-size: 18px !important;
  font-weight: bold !important;          
  color: #656f84 !important; 
  line-height: 1.3 !important;

}

/* Texto escrito dentro del MudTextField */
.cp-outlined_login .mud-input-slot[b-q0yqgd6au1] {
  color: var(--cp-primary) !important;
  font-weight: 500;
}

.cp-outlined_login .mud-input-slot[b-q0yqgd6au1]::placeholder {
  color: rgba(30, 79, 216, 0.45); /* primary suavizado */
}

/* Label en focus */
.cp-outlined_login .mud-input-control-focused .mud-input-label[b-q0yqgd6au1]{
  color: var(--cp-primary) !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Normaliza el texto seleccionado y el label dentro de los MudSelect cp-outlined */
.cp-outlined_login .mud-input-slot[b-q0yqgd6au1],
.cp-outlined_login .mud-select-input[b-q0yqgd6au1],
.cp-outlined_login input[b-q0yqgd6au1]{
  font-size: 18px !important;
  line-height: 1.2 !important;
}

/* Inter Regular 18pt, #656f84 */
.button_entrar[b-q0yqgd6au1] {
  font-size: 22px;
  font-weight: 400;          
  color: #656f84; 
  line-height: 1.3;
  height: 100px;
}

.login-button-wrapper[b-q0yqgd6au1]{
  display: flex;
  justify-content: center;   /* 🔑 centrado horizontal */
  margin-top: 24px;
}


.btn-login[b-q0yqgd6au1] {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  background-color: #0b2a4a;      /* azul oscuro del mockup */
  color: #ffffff;

  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;

  padding: 10px 28px;
  border: none;
  border-radius: 14px;

  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-login:hover[b-q0yqgd6au1] {
  background-color: #0a2340;
}

.btn-login:active[b-q0yqgd6au1] {
  transform: translateY(1px);
}

.btn-arrow[b-q0yqgd6au1] {
  font-size: 16px;
  line-height: 1;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Auth/Login.razor.rz.scp.css */

.login-panel[b-wlpwx9aiue]{
  flex: 1;
  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* 🔑 centro vertical */
}

.login-card[b-wlpwx9aiue]{
  width: 100%;
  max-width: 460px;          /* ⬅️ más ancha */         /* ⬅️ más alta visualmente */
  background: #ffffff;
  border: 1.5px solid var(--cp-primary);;
  border-radius: 14px;
  padding: 40px 36px;        /* ⬅️ más aire interior */
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between; /* distribuye mejor */
   /* ⬇️ SOMBRA */
  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 2px 6px rgba(15, 23, 42, 0.04);

  color: black; 
}

.login-title[b-wlpwx9aiue]{
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 24px 0;
  color: #0f172a;
}

.login-session-expired-alert[b-wlpwx9aiue] {
  margin-bottom: 24px;
  border-color: var(--cp-primary) !important;
  color: var(--cp-primary) !important;
}

.login-session-expired-alert .mud-alert-message[b-wlpwx9aiue] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  line-height: 1.35;
}

.login-debug-selector[b-wlpwx9aiue] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 16px;
  padding: 12px;
  border: 1px dashed rgba(30, 79, 216, 0.35);
  border-radius: 10px;
  background: rgba(30, 79, 216, 0.04);
}

.login-field[b-wlpwx9aiue]{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.login-field label[b-wlpwx9aiue]{
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.login-field input[b-wlpwx9aiue]{
  height: 40px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
}

.login-field input:focus[b-wlpwx9aiue]{
  border-color: #1e4fd8;
}

.password-wrapper[b-wlpwx9aiue]{
  position: relative;
}

.password-wrapper .eye[b-wlpwx9aiue]{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #64748b;
  cursor: pointer;
}

.login-row[b-wlpwx9aiue]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 24px;
}

.remember[b-wlpwx9aiue]{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #475569;
}

.forgot[b-wlpwx9aiue]{
  font-size: 12px;
  color: #1e4fd8;
  text-decoration: none;
}

.forgot:hover[b-wlpwx9aiue]{
  text-decoration: underline;
}

.login-btn[b-wlpwx9aiue]{
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border: none;
  background: #062a56; /* azul oscuro botón */
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.login-btn:hover[b-wlpwx9aiue]{
  background: #041f40;
}

.footer-brand[b-wlpwx9aiue]{
  position: absolute;
  right: 24px;
  bottom: 20px;

  display: flex;
  flex-direction: column;     /* ⬅️ uno debajo del otro */
  align-items: flex-end;      /* ⬅️ alineado a la derecha */
  gap: 6px;                   /* espacio entre texto y logo */

  font-size: 12px;
  color: #64748b;
}

.footer-brand img[b-wlpwx9aiue]{
  height: 22px;               /* tamaño del logo secundario */
  width: auto;
}

@media (max-width: 768px){
  .footer-brand[b-wlpwx9aiue]{
    display: none;
  }
}

/* ========================================================= 
    MUD-INPUT OUTLINED 
   ========================================================= */
/* Borde en reposo */
.cp-outlined_login .mud-input-outlined-border[b-wlpwx9aiue]{
  border-color: #cbd5e1 !important; /* slate-300 */
  border-width: 1px !important;
  border-radius: 8px !important;
}

/* Hover */
.cp-outlined_login:hover .mud-input-outlined-border[b-wlpwx9aiue]{
  border-color: var(--cp-primary) !important;
}

/* Focus (cuando está activo) */
.cp-outlined_login .mud-input-control-focused .mud-input-outlined-border[b-wlpwx9aiue]{
  border-color: var(--cp-primary) !important;
  border-width: 2px !important;
}

/* Color del label */
.cp-outlined_login .mud-input-label[b-wlpwx9aiue]{
  font-size: 18px !important;
  font-weight: bold !important;          
  color: #656f84 !important; 
  line-height: 1.3 !important;

}

/* Texto escrito dentro del MudTextField */
.cp-outlined_login .mud-input-slot[b-wlpwx9aiue] {
  color: var(--cp-primary) !important;
  font-weight: 500;
}

.cp-outlined_login .mud-input-slot[b-wlpwx9aiue]::placeholder {
  color: rgba(30, 79, 216, 0.45); /* primary suavizado */
}

/* Label en focus */
.cp-outlined_login .mud-input-control-focused .mud-input-label[b-wlpwx9aiue]{
  color: var(--cp-primary) !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Normaliza el texto seleccionado y el label dentro de los MudSelect cp-outlined */
.cp-outlined_login .mud-input-slot[b-wlpwx9aiue],
.cp-outlined_login .mud-select-input[b-wlpwx9aiue],
.cp-outlined_login input[b-wlpwx9aiue]{
  font-size: 18px !important;
  line-height: 1.2 !important;
}

/* Inter Regular 18pt, #656f84 */
.button_entrar[b-wlpwx9aiue] {
  font-size: 18px;
  font-weight: 400;          
  color: #656f84; 
  line-height: 1.3;
  height: 100px;
}

.login-button-wrapper[b-wlpwx9aiue]{
  display: flex;
  justify-content: center;   /* 🔑 centrado horizontal */
  margin-top: 24px;
}


.btn-login[b-wlpwx9aiue] {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  background-color: #0b2a4a;      /* azul oscuro del mockup */
  color: #ffffff;

  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;

  padding: 10px 28px;
  border: none;
  border-radius: 14px;

  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-login:hover[b-wlpwx9aiue] {
  background-color: #0a2340;
}

.btn-login:active[b-wlpwx9aiue] {
  transform: translateY(1px);
}

.btn-login:disabled[b-wlpwx9aiue] {
  opacity: 0.8;
  cursor: not-allowed;
}

.btn-login-spinner[b-wlpwx9aiue] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  animation: btn-login-spin-b-wlpwx9aiue 0.75s linear infinite;
}

@keyframes btn-login-spin-b-wlpwx9aiue {
  to {
    transform: rotate(360deg);
  }
}

.btn-login-arrow[b-wlpwx9aiue] {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  transition: transform 0.2s ease;
}

.btn-login:hover .btn-login-arrow[b-wlpwx9aiue],
.btn-login:focus-visible .btn-login-arrow[b-wlpwx9aiue] {
  transform: translateX(4px);
}

.login-forgot-link[b-wlpwx9aiue] {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}

.login-forgot-link:hover[b-wlpwx9aiue],
.login-forgot-link:focus-visible[b-wlpwx9aiue] {
  color: var(--cp-primary);
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Auth/RecuperarPWD.razor.rz.scp.css */

.login-panel[b-0mcvvjro4u]{
  flex: 1;
  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* 🔑 centro vertical */
}

.login-card[b-0mcvvjro4u]{
  width: 100%;
  max-width: 460px;          /* ⬅️ más ancha */         /* ⬅️ más alta visualmente */
  background: #ffffff;
  border: 1.5px solid var(--cp-primary);;
  border-radius: 14px;
  padding: 40px 36px;        /* ⬅️ más aire interior */
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between; /* distribuye mejor */
   /* ⬇️ SOMBRA */
  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 2px 6px rgba(15, 23, 42, 0.04);

  color: black; 
}

.login-title[b-0mcvvjro4u]{
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 24px 0;
  color: #0f172a;
}

.login-field[b-0mcvvjro4u]{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.login-field label[b-0mcvvjro4u]{
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.login-field input[b-0mcvvjro4u]{
  height: 40px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
}

.login-field input:focus[b-0mcvvjro4u]{
  border-color: #1e4fd8;
}

.password-wrapper[b-0mcvvjro4u]{
  position: relative;
}

.password-wrapper .eye[b-0mcvvjro4u]{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #64748b;
  cursor: pointer;
}

.login-row[b-0mcvvjro4u]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 24px;
}

.remember[b-0mcvvjro4u]{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #475569;
}

.forgot[b-0mcvvjro4u]{
  font-size: 12px;
  color: #1e4fd8;
  text-decoration: none;
}

.forgot:hover[b-0mcvvjro4u]{
  text-decoration: underline;
}

.login-btn[b-0mcvvjro4u]{
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border: none;
  background: #062a56; /* azul oscuro botón */
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.login-btn:hover[b-0mcvvjro4u]{
  background: #041f40;
}

.footer-brand[b-0mcvvjro4u]{
  position: absolute;
  right: 24px;
  bottom: 20px;

  display: flex;
  flex-direction: column;     /* ⬅️ uno debajo del otro */
  align-items: flex-end;      /* ⬅️ alineado a la derecha */
  gap: 6px;                   /* espacio entre texto y logo */

  font-size: 12px;
  color: #64748b;
}

.footer-brand img[b-0mcvvjro4u]{
  height: 22px;               /* tamaño del logo secundario */
  width: auto;
}

@media (max-width: 768px){
  .footer-brand[b-0mcvvjro4u]{
    display: none;
  }
}

/* ========================================================= 
    MUD-INPUT OUTLINED 
   ========================================================= */
/* Borde en reposo */
.cp-outlined_login .mud-input-outlined-border[b-0mcvvjro4u]{
  border-color: #cbd5e1 !important; /* slate-300 */
  border-width: 1px !important;
  border-radius: 8px !important;
}

/* Hover */
.cp-outlined_login:hover .mud-input-outlined-border[b-0mcvvjro4u]{
  border-color: var(--cp-primary) !important;
}

/* Focus (cuando está activo) */
.cp-outlined_login .mud-input-control-focused .mud-input-outlined-border[b-0mcvvjro4u]{
  border-color: var(--cp-primary) !important;
  border-width: 2px !important;
}

/* Color del label */
.cp-outlined_login .mud-input-label[b-0mcvvjro4u]{
  font-size: 18px !important;
  font-weight: bold !important;          
  color: #656f84 !important; 
  line-height: 1.3 !important;

}

/* Texto escrito dentro del MudTextField */
.cp-outlined_login .mud-input-slot[b-0mcvvjro4u] {
  color: var(--cp-primary) !important;
  font-weight: 500;
}

.cp-outlined_login .mud-input-slot[b-0mcvvjro4u]::placeholder {
  color: rgba(30, 79, 216, 0.45); /* primary suavizado */
}

/* Label en focus */
.cp-outlined_login .mud-input-control-focused .mud-input-label[b-0mcvvjro4u]{
  color: var(--cp-primary) !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Normaliza el texto seleccionado y el label dentro de los MudSelect cp-outlined */
.cp-outlined_login .mud-input-slot[b-0mcvvjro4u],
.cp-outlined_login .mud-select-input[b-0mcvvjro4u],
.cp-outlined_login input[b-0mcvvjro4u]{
  font-size: 18px !important;
  line-height: 1.2 !important;
}

/* Inter Regular 18pt, #656f84 */
.button_entrar[b-0mcvvjro4u] {
  font-size: 22px;
  font-weight: 400;          
  color: #656f84; 
  line-height: 1.3;
  height: 100px;
}

.login-button-wrapper[b-0mcvvjro4u]{
  display: flex;
  justify-content: center;   /* 🔑 centrado horizontal */
  margin-top: 24px;
}


.btn-login[b-0mcvvjro4u] {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  background-color: #0b2a4a;      /* azul oscuro del mockup */
  color: #ffffff;

  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;

  padding: 10px 28px;
  border: none;
  border-radius: 14px;

  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-login:hover[b-0mcvvjro4u] {
  background-color: #0a2340;
}

.btn-login:active[b-0mcvvjro4u] {
  transform: translateY(1px);
}

.btn-arrow[b-0mcvvjro4u] {
  font-size: 16px;
  line-height: 1;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/CompanyStaff/CompanyStaffMergeSummaryDialog.razor.rz.scp.css */
.cp-company-staff-merge-summary[b-ita0np4qx0]{
  padding-top: 4px;
}

.cp-company-staff-merge-summary__table[b-ita0np4qx0]{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}

.cp-company-staff-merge-summary__table thead[b-ita0np4qx0]{
  background: #f8fafc;
}

.cp-company-staff-merge-summary__table th[b-ita0np4qx0],
.cp-company-staff-merge-summary__table td[b-ita0np4qx0]{
  padding: 12px 14px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  font-size: 14px;
}

.cp-company-staff-merge-summary__table th[b-ita0np4qx0]{
  font-weight: 700;
  color: #0f172a;
}

.cp-company-staff-merge-summary__table td[b-ita0np4qx0]{
  color: #334155;
}

.cp-company-staff-merge-summary__table tbody tr:last-child td[b-ita0np4qx0]{
  border-bottom: none;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/CompanyStaff/CompanyStaffPage.razor.rz.scp.css */
.cp-grid-wrap[b-c2zigm06gu]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: #fff;
}

.cp-btn-toolbar-active[b-c2zigm06gu] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-c2zigm06gu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-card[b-c2zigm06gu]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.cp-grid-scroll[b-c2zigm06gu]{
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.cp-grid-header[b-c2zigm06gu]{
  display: grid;
  grid-template-columns: 56px 1.5fr 2fr 2.3fr 1.1fr 60px 60px 60px;
  background: var(--cp-primary) !important;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}

.cp-grid-hcell[b-c2zigm06gu]{
  padding: 12px;
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #ffffff;
}

.cp-grid-hcell--center[b-c2zigm06gu]{ justify-content: center; }

.cp-grid-rows[b-c2zigm06gu]{
  min-height: 0;
}

.cp-grid-row[b-c2zigm06gu]{
  display: grid;
  grid-template-columns: 56px 1.5fr 2fr 2.3fr 1.1fr 60px 60px 60px;
  border-bottom: 1px solid #f1f5f9;
  align-items: stretch;
  min-height: 22px;
}

.cp-grid-row--child[b-c2zigm06gu]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important;
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-c2zigm06gu]{
  background: #f8fafc;
}

.cp-grid-cell[b-c2zigm06gu]{
  padding: 12px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-grid-cell--center[b-c2zigm06gu]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-c2zigm06gu]{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cp-grid-empty[b-c2zigm06gu]{
  padding: 32px 16px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
}

.cp-company-staff-metadata[b-c2zigm06gu]{
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  display: grid;
  gap: 6px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/CompanyStakeholders/CompanyStakeholdersPage.razor.rz.scp.css */
.cp-grid-wrap[b-25czwq0lkp]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: #fff;
}

.cp-btn-toolbar-active[b-25czwq0lkp] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-25czwq0lkp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-card[b-25czwq0lkp]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.cp-grid-scroll[b-25czwq0lkp]{
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.cp-grid-header[b-25czwq0lkp]{
  display: grid;
  background: var(--cp-primary) !important;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}

.cp-grid-header--stakeholders[b-25czwq0lkp],
.cp-grid-row--stakeholders[b-25czwq0lkp] {
  grid-template-columns: 1.6fr 2.2fr 2.2fr 60px 60px;
}

.cp-grid-hcell[b-25czwq0lkp]{
  padding: 12px;
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #ffffff;
}

.cp-grid-hcell--center[b-25czwq0lkp]{ justify-content: center; }

.cp-grid-rows[b-25czwq0lkp]{
  min-height: 0;
}

.cp-grid-row[b-25czwq0lkp]{
  display: grid;
  border-bottom: 1px solid #f1f5f9;
  align-items: stretch;
  min-height: 22px;
}

.cp-grid-row--child[b-25czwq0lkp]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important;
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-25czwq0lkp]{
  background: #f8fafc;
}

.cp-grid-cell[b-25czwq0lkp]{
  padding: 12px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-grid-cell--center[b-25czwq0lkp]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-25czwq0lkp]{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cp-grid-empty[b-25czwq0lkp]{
  padding: 32px 16px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Documents/DocumentPreviewDialog.razor.rz.scp.css */
.cp-doc-preview-dialog[b-4caehtzvvn] {
  min-height: 70vh;
}

.cp-doc-preview-container[b-4caehtzvvn] {
  width: 100%;
  height: min(72vh, 820px);
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}

.cp-doc-preview-iframe[b-4caehtzvvn] {
  width: 100%;
  height: 100%;
  border: 0;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Documents/Documents.razor.rz.scp.css */
.cp-doc-toolbar-shell[b-nlb2ff0u4k] {
  background: #ffffff;
  border: 0;
  border-radius: 14px 14px 0 0;
}

.cp-doc-content-shell[b-nlb2ff0u4k] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border: 0;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.cp-doc-searches[b-nlb2ff0u4k] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cp-btn-toolbar-active[b-nlb2ff0u4k] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-doc-filter-count[b-nlb2ff0u4k] {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0a84ff;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 6px;
}

.cp-doc-cards-wrap[b-nlb2ff0u4k] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 14px;
}

.cp-doc-cards-grid[b-nlb2ff0u4k] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-doc-card[b-nlb2ff0u4k] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  margin: 0;
}

.cp-doc-card__header[b-nlb2ff0u4k] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cp-doc-card__title-wrap[b-nlb2ff0u4k] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cp-doc-card__icon[b-nlb2ff0u4k] {
  font-size: 22px;
  color: #0a84ff;
  line-height: 1;
}

.cp-doc-link[b-nlb2ff0u4k] {
  color: var(--cp-primary);
  text-decoration: underline;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.cp-doc-link--title[b-nlb2ff0u4k] {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--cp-primary);
}

.cp-doc-link--title:hover[b-nlb2ff0u4k] {
  text-decoration: underline;
}

.cp-doc-card__meta[b-nlb2ff0u4k] {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease;
}

.cp-doc-card__meta-row[b-nlb2ff0u4k] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #334155;
  font-size: 11px;
}

.cp-doc-card__meta-row span[b-nlb2ff0u4k] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-doc-card__meta-row strong[b-nlb2ff0u4k] {
  color: #1e293b;
  font-size: 11px;
  font-weight: 700;
}

.cp-doc-card__meta-row--block[b-nlb2ff0u4k] {
  width: 100%;
  flex: 0 0 100%;
}

.cp-doc-tag-chip[b-nlb2ff0u4k] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-doc-tag-chip__dot[b-nlb2ff0u4k] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-doc-tag-chip--empty[b-nlb2ff0u4k] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-doc-empty[b-nlb2ff0u4k] {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

@media (hover: hover) {
  .cp-doc-card:hover[b-nlb2ff0u4k],
  .cp-doc-card:focus-within[b-nlb2ff0u4k] {
    transform: scale(1.004);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  }

  .cp-doc-card:hover .cp-doc-card__meta[b-nlb2ff0u4k],
  .cp-doc-card:focus-within .cp-doc-card__meta[b-nlb2ff0u4k] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }
}

@media (hover: none) {
  .cp-doc-card__meta[b-nlb2ff0u4k] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .cp-doc-toolbar-shell[b-nlb2ff0u4k] {
    border-radius: 12px 12px 0 0;
  }

  .cp-doc-content-shell[b-nlb2ff0u4k] {
    border-radius: 0 0 12px 12px;
  }

  .cp-doc-cards-wrap[b-nlb2ff0u4k] {
    padding: 8px;
  }

  .cp-doc-link--title[b-nlb2ff0u4k] {
    font-size: 14px;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Documents/DocumentVersionsDialog.razor.rz.scp.css */
.cp-doc-version-chip[b-h62q3dwft6] {
  min-height: 28px;
  font-weight: 600;
}

.cp-doc-version-actions[b-h62q3dwft6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.cp-doc-version-chip--preview[b-h62q3dwft6] {
  background: #ffffff !important;
}

.cp-doc-version-chip--download[b-h62q3dwft6] {
  color: #ffffff !important;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Empresas/EmpresaMenuVisibilityDialog.razor.rz.scp.css */
.cp-company-menu-dialog[b-fxz5dz23uk]{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-company-menu-dialog__row[b-fxz5dz23uk]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 4px;
  border-bottom: 1px solid #eef2f7;
}

.cp-company-menu-dialog__row:last-child[b-fxz5dz23uk]{
  border-bottom: 0;
}

.cp-company-menu-dialog__label[b-fxz5dz23uk]{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--cp-primary);
}

.cp-company-menu-switch[b-fxz5dz23uk]{
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 48px;
  height: 28px;
  flex: 0 0 48px;
  cursor: pointer;
}

.cp-company-menu-switch input[b-fxz5dz23uk]{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.cp-company-menu-switch__track[b-fxz5dz23uk]{
  position: relative;
  width: 48px;
  height: 28px;
  border-radius: 9999px;
  background: #b7bdc4;
  transition: background-color .15s ease;
}

.cp-company-menu-switch__track[b-fxz5dz23uk]::after{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(15, 23, 42, .28);
  transition: transform .15s ease;
}

.cp-company-menu-switch input:checked + .cp-company-menu-switch__track[b-fxz5dz23uk]{
  background: var(--cp-primary);
}

.cp-company-menu-switch input:checked + .cp-company-menu-switch__track[b-fxz5dz23uk]::after{
  transform: translateX(20px);
}

.cp-company-menu-switch input:focus-visible + .cp-company-menu-switch__track[b-fxz5dz23uk]{
  outline: 2px solid rgba(0, 44, 92, .35);
  outline-offset: 2px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Empresas/Empresas.razor.rz.scp.css */
/* ========================================================= 
    GRID MAPA
   ========================================================= */ 

/* ===== Grid wrapper / card ===== */
.cp-btn-toolbar-active[b-aqpkwz6gwp] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-aqpkwz6gwp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-wrap[b-aqpkwz6gwp]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;                 /* p-3 */
  background: #fff;
}


.cp-grid-card[b-aqpkwz6gwp]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;

  overflow: hidden; /* scroll is handled by .cp-grid-scroll */
}

/* Scroll container: enables BOTH horizontal + vertical scrolling */
.cp-grid-scroll[b-aqpkwz6gwp]{
  flex: 1;
  min-height: 0;
  overflow: auto; /* both axes */
}




/* ===== Header row ===== */
.cp-grid-header[b-aqpkwz6gwp]{
  display: grid;
  grid-template-columns:  3fr 2fr 80px 60px 60px;
  background: var(--cp-primary) !important;           /* slate-50 */
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}


/* Header cell */
.cp-grid-hcell[b-aqpkwz6gwp]{
  padding: 12px;                 /* p-3 */
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;            /* text-xs */
  font-weight: bold;              /* font-bold */
  text-transform: uppercase;
  letter-spacing: .05em;
  color:#ffffff;                /* slate-500 */
}

.cp-grid-hcell--center[b-aqpkwz6gwp]{ justify-content: center; }
.cp-grid-hcell--empty[b-aqpkwz6gwp]{ justify-content: center; }

.dark .cp-grid-hcell[b-aqpkwz6gwp]{
  border-right-color: #334155;
  color: #94a3b8;                /* slate-400 */
}

/* ===== Rows container ===== */
.cp-grid-rows[b-aqpkwz6gwp]{
  /* rows just stack; scrolling happens in .cp-grid-scroll */
  min-height: 0;
}

/* ===== Data rows ===== */

.cp-grid-row[b-aqpkwz6gwp]{
  display: grid;
  grid-template-columns:  3fr 2fr  80px 60px 60px;
  border-bottom: 1px solid #f1f5f9; /* slate-100 */
  align-items: stretch;
  min-height: 22px;
}

/* ================================
   Drag & Drop handle cursor
   ================================ */
.drag-handle[b-aqpkwz6gwp]{
  cursor: grab;
  user-select: none;
}

.drag-handle:active[b-aqpkwz6gwp]{
  cursor: grabbing;
}


/* Mare row */
.cp-grid-row--parent[b-aqpkwz6gwp]{
  background: #F9F8F9;
  font-size: 12px;
  font-weight: 400;
  color: var(--cp-primary) !important;
}

/* Child row */
.cp-grid-row--child[b-aqpkwz6gwp]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important; 
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-aqpkwz6gwp]{
  background: #f8fafc;          /* slate-50 */
}

/* Cells */
.cp-grid-cell[b-aqpkwz6gwp]{
  padding: 12px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-cell-input[b-aqpkwz6gwp]{
width: 100%;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--cp-primary);
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 4px 8px;
  outline: none;
  box-sizing: border-box;
}

.cp-cell-input:focus[b-aqpkwz6gwp]{
  border-color: var(--cp-primary);
}

/* Centered small cells (icons) */
.cp-grid-cell--center[b-aqpkwz6gwp]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-aqpkwz6gwp]{
  display: flex;
  align-items: center;      /* centro vertical */
  justify-content: flex-start;
}

.cp-grid-cell--stack[b-aqpkwz6gwp]{
  display: flex;
  flex-direction: column;   /* 🔑 vertical */
  align-items: stretch;
  gap: 6px;                 /* separación entre sistemas */
  padding: 12px;
  min-width: 0;
}

/* ===== Icon button inside cells ===== */
.cp-icon-btn[b-aqpkwz6gwp]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  color: #64748b;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.cp-icon-btn:hover[b-aqpkwz6gwp]{
  color: var(--cp-primary);
  background: rgba(var(--cp-primary-rgb), 0.10);
}

/* ===== Textarea inline ===== */
.cp-ta-inline[b-aqpkwz6gwp]{
  width: 100%;
  min-height: 32px;
  max-height: 64px;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: .875rem;
  resize: none;
  line-height: 1.2;
  outline: none;
}


/* ================================
   Select (grid cell)
   ================================ */

.cp-cell-select[b-aqpkwz6gwp]{
  width: 100%;                 /* w-full */
  padding: 4px 8px;            /* py-1 px-2 */

  background-color: #ffffff;
  color: var(--cp-primary);

  border: 1px solid #cbd5e1;   /* slate-300 */
  border-radius: 6px;          /* rounded-md */

  font-size: 12px;             /* text-sm */
  font-weight: 400;

  outline: none;
  box-sizing: border-box;
}

/* Focus */
.cp-cell-select:focus[b-aqpkwz6gwp]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary); /* focus:ring-1 */
}



/* ================================
   Botón Nota
   ================================ */

.cp-btn-note[b-aqpkwz6gwp]{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;            /* gap-1 */
  padding: 0.375rem 0.5rem; /* py-1.5 px-2 */
  border-radius: 0.375rem; /* rounded */
  font-size: 0.875rem;     /* text-sm */
  font-weight: 500;        /* font-medium */         /* slate-600 */
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.cp-btn-note--sin[b-aqpkwz6gwp] 
{
  color: #0000005e !important; 
}

.cp-btn-note--con[b-aqpkwz6gwp]
{
  color: var(--cp-primary) !important; 
}

/* Hover */
.cp-btn-note:hover[b-aqpkwz6gwp]{
  background-color: #F9F8F9; /* slate-200 */
}

/* ================================
   Popup Nota
   ================================ */

.cp-note-popover[b-aqpkwz6gwp]{
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 8px;          /* mr-2 */
  z-index: 50;

  width: 16rem;               /* w-64 */
  background-color: #ffffff;
  border: 1px solid #e2e8f0;  /* slate-200 */
  border-radius: 0.5rem;      /* rounded-lg */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
              0 4px 6px -4px rgba(0,0,0,0.1); /* shadow-lg */
  padding: 12px;              /* p-3 */
}

/* Título */
.cp-note-popover__title[b-aqpkwz6gwp]{
  font-size: 0.75rem;         /* text-xs */
  font-weight: 600;           /* font-semibold */
  color: #475569;             /* slate-600 */
  margin-bottom: 8px;         /* mb-2 */
}

/* Textarea */
.cp-note-popover__textarea[b-aqpkwz6gwp]{
  width: 100%;
  min-height: 90px;
  padding: 8px;               /* p-2 */
  font-size: 0.875rem;        /* text-sm */

  background-color: #ffffff;
  color: #0f172a;             /* slate-900 */

  border: 1px solid #cbd5e1;  /* slate-300 */
  border-radius: 0.375rem;    /* rounded-md */
  resize: vertical;
  outline: none;
}

/* Focus */
.cp-note-popover__textarea:focus[b-aqpkwz6gwp]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

/* ================================
   Casilla Sistema
   ================================ */

.cp-system-item[b-aqpkwz6gwp]{
  display: flex;
  align-items: flex-start;     /* items-start */
  gap: 8px;                    /* gap-2 */
  padding: 6px;                /* p-1.5 */

  background-color: #ffffff;
  border: 1px solid #e2e8f0;   /* slate-200 */
  border-radius: 6px;          /* rounded */

  font-size: 12px;             /* text-xs */
  color: var(--cp-primary);

  cursor: pointer;
  box-sizing: border-box;

  transition: background-color .15s ease, border-color .15s ease;
}

/* Hover */
.cp-system-item:hover[b-aqpkwz6gwp]{
  background-color: rgba(var(--cp-primary-rgb), 0.05); /* hover:bg-primary/5 */
  border-color: rgba(var(--cp-primary-rgb), 0.30);     /* group-hover:border-primary/30 */
}

/* ================================
   Iconos Sistema
   ================================ */

.cp-system-icon[b-aqpkwz6gwp]{
  font-size: 18px;                 /* text-base */
  color: var(--cp-primary);
  cursor: pointer;
}
/* Legacy class used by SortableJS selectors */
.mapa-row[b-aqpkwz6gwp]{ }

/* ================================
   Textarea Apartado
   ================================ */
.cp-ta-apartado[b-aqpkwz6gwp]{
  width: 100%;              /* w-full */
  min-height: 32px;         /* min-h-[32px] */
  max-height: 64px;         /* max-h-[64px] */

  background: transparent;  /* bg-transparent */
  border: 0;                /* border-0 */

  padding-left: 4px;        /* px-1 */
  padding-right: 4px;       /* px-1 */
  padding-top: 2px;         /* py-0.5 */
  padding-bottom: 2px;      /* py-0.5 */

  font-size: 12px;          /* text-sm (en tu grid usas 12px) */
  line-height: 1.2;         /* leading-tight */

  resize: none;             /* resize-none */
  outline: none;            /* para que no salga borde raro */
  box-sizing: border-box;
}

.cp-ta-apartado:focus[b-aqpkwz6gwp]
{
      border-color: var(--cp-primary);
    box-shadow: 0 0 0 1px var(--cp-primary);
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Home.razor.rz.scp.css */
.cp-home-shell[b-sqkaz9ygrv] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #f9f8f9;
}

.cp-home-header[b-sqkaz9ygrv] {
  padding: 20px 24px 8px;
}

.cp-home-title-row[b-sqkaz9ygrv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cp-home-content[b-sqkaz9ygrv] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 24px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  scrollbar-gutter: stable;
}

.cp-home-section[b-sqkaz9ygrv] {
  min-width: 0;
  min-height: 0;
  height: 100%;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cp-home-section__head[b-sqkaz9ygrv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.cp-home-section__head h2[b-sqkaz9ygrv] {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 800;
}

.cp-home-section__head span[b-sqkaz9ygrv] {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.cp-home-section__link[b-sqkaz9ygrv] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
  text-decoration: underline;
}

.cp-home-list[b-sqkaz9ygrv] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 2px 88px 0;
}

.cp-home-kpis[b-sqkaz9ygrv] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.cp-home-kpi[b-sqkaz9ygrv] {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 92px;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  padding: 16px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
}

.cp-home-kpi strong[b-sqkaz9ygrv] {
  display: block;
  color: #0f172a;
  font-size: 26px;
  font-weight: 850;
  line-height: 1;
}

.cp-home-kpi > div[b-sqkaz9ygrv] {
  min-width: 0;
}

.cp-home-kpi > div > span[b-sqkaz9ygrv] {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.18;
}

.cp-home-kpi small[b-sqkaz9ygrv] {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

.cp-home-kpi__icon[b-sqkaz9ygrv] {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cp-home-kpi__icon .material-symbols-outlined[b-sqkaz9ygrv] {
  font-size: 25px;
  line-height: 1;
}

.cp-home-kpi__icon--info[b-sqkaz9ygrv] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-home-kpi__icon--warning[b-sqkaz9ygrv] {
  background: rgba(245, 158, 11, 0.15);
  color: #b45309;
}

.cp-home-kpi__icon--danger[b-sqkaz9ygrv] {
  background: rgba(239, 68, 68, 0.13);
  color: #b91c1c;
}

.cp-home-kpi__icon--neutral[b-sqkaz9ygrv] {
  background: #edf2f7;
  color: #475569;
}

.cp-task-groups-shell[b-sqkaz9ygrv] {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
}

.cp-task-groups-shell--collapsed[b-sqkaz9ygrv] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

.cp-task-groups-sidebar[b-sqkaz9ygrv] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}

.cp-task-groups-sidebar__head[b-sqkaz9ygrv] {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.cp-task-groups-sidebar__toggle[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(var(--cp-primary-rgb), 0.18);
  border-radius: 12px;
  background: rgba(var(--cp-primary-rgb), 0.08);
  color: var(--cp-primary);
  cursor: pointer;
}

.cp-task-groups-sidebar__toggle .material-symbols-outlined[b-sqkaz9ygrv] {
  font-size: 18px;
}

.cp-task-groups-sidebar--collapsed[b-sqkaz9ygrv] {
  width: 100%;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.cp-task-groups-sidebar--collapsed .cp-task-groups-sidebar__head[b-sqkaz9ygrv] {
  flex: 0 0 auto;
}

.cp-task-groups-sidebar--collapsed .cp-task-groups-list[b-sqkaz9ygrv] {
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-gutter: stable;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option[b-sqkaz9ygrv] {
  width: auto;
  min-width: 58px;
  min-height: 42px;
  grid-template-columns: 28px auto;
  gap: 6px;
  border-radius: 12px;
  padding: 6px 8px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__icon[b-sqkaz9ygrv] {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__icon .material-symbols-outlined[b-sqkaz9ygrv] {
  font-size: 17px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__body[b-sqkaz9ygrv] {
  display: none;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__count[b-sqkaz9ygrv] {
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  font-size: 11px;
}

.cp-task-groups-list[b-sqkaz9ygrv] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-task-group-option[b-sqkaz9ygrv] {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 18px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.cp-task-group-option:hover[b-sqkaz9ygrv],
.cp-task-group-option:focus-visible[b-sqkaz9ygrv] {
  transform: translateY(-1px);
  border-color: rgba(var(--cp-primary-rgb), 0.42);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
  outline: none;
}

.cp-task-group-option--active[b-sqkaz9ygrv] {
  border-color: rgba(var(--cp-primary-rgb), 0.52);
  background: linear-gradient(180deg, rgba(var(--cp-primary-rgb), 0.10) 0%, rgba(255, 255, 255, 0.96) 100%);
  box-shadow: 0 12px 28px rgba(var(--cp-primary-rgb), 0.13);
}

.cp-task-group-option__icon[b-sqkaz9ygrv],
.cp-task-groups-content__icon[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(var(--cp-primary-rgb), 0.12);
  color: var(--cp-primary);
  flex-shrink: 0;
}

.cp-task-group-option__icon .material-symbols-outlined[b-sqkaz9ygrv],
.cp-task-groups-content__icon .material-symbols-outlined[b-sqkaz9ygrv] {
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.cp-task-groups-content__icon[b-sqkaz9ygrv] {
  width: 34px;
  height: 34px;
  border-radius: 12px;
}

.cp-task-groups-content__icon .material-symbols-outlined[b-sqkaz9ygrv] {
  font-size: 18px;
}

.cp-task-group-option__body[b-sqkaz9ygrv] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-task-group-option__body strong[b-sqkaz9ygrv] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-task-group-option__count[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}

.cp-task-group-option--active .cp-task-group-option__count[b-sqkaz9ygrv] {
  background: var(--cp-primary);
  color: #ffffff;
}

.cp-task-groups-content[b-sqkaz9ygrv] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.cp-task-groups-content__head[b-sqkaz9ygrv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #eef2f7;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.cp-task-groups-content__title[b-sqkaz9ygrv] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.cp-task-groups-content__title strong[b-sqkaz9ygrv] {
  display: block;
  color: #0f172a;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.1;
}

.cp-task-groups-content__title span[b-sqkaz9ygrv] {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
}

.cp-task-groups-content__body[b-sqkaz9ygrv] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px 18px 88px;
}

.cp-task-list-inner[b-sqkaz9ygrv] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-task-list-inner--group-panel[b-sqkaz9ygrv] {
  gap: 12px;
}

.cp-home-empty[b-sqkaz9ygrv] {
  min-height: 180px;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  text-align: center;
}

.cp-home-empty span[b-sqkaz9ygrv] {
  font-size: 34px;
}

.cp-home-empty strong[b-sqkaz9ygrv] {
  color: #0f172a;
  font-size: 15px;
}

.cp-home-empty p[b-sqkaz9ygrv] {
  margin: 0;
  color: #64748b;
  font-size: 13px;
}

.cp-task-row[b-sqkaz9ygrv] {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  cursor: pointer;
}

.cp-task-row__layout[b-sqkaz9ygrv] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-task-row__progress-wrap[b-sqkaz9ygrv],
.cp-proj-row__progress-wrap[b-sqkaz9ygrv] {
  display: flex;
  justify-content: center;
}

.cp-task-progress-donut[b-sqkaz9ygrv],
.cp-proj-progress-donut[b-sqkaz9ygrv] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  --cp-proj-progress-angle: 0deg;
  --cp-proj-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-task-progress-donut[b-sqkaz9ygrv] {
  background: conic-gradient(var(--cp-progress-color) 0deg var(--cp-progress-angle), #e2e8f0 var(--cp-progress-angle) 360deg);
}

.cp-proj-progress-donut[b-sqkaz9ygrv] {
  background: conic-gradient(var(--cp-proj-progress-color) 0deg var(--cp-proj-progress-angle), #e2e8f0 var(--cp-proj-progress-angle) 360deg);
}

.cp-task-progress-donut[b-sqkaz9ygrv]::before,
.cp-proj-progress-donut[b-sqkaz9ygrv]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-task-progress-donut span[b-sqkaz9ygrv],
.cp-proj-progress-donut span[b-sqkaz9ygrv] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-task-row__content[b-sqkaz9ygrv],
.cp-proj-row__content[b-sqkaz9ygrv] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cp-task-row__top[b-sqkaz9ygrv],
.cp-proj-row__top[b-sqkaz9ygrv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-task-row__heading[b-sqkaz9ygrv],
.cp-proj-row__heading[b-sqkaz9ygrv] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.cp-task-row__origin-line[b-sqkaz9ygrv],
.cp-proj-row__signals[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
}

.cp-task-row__origin[b-sqkaz9ygrv],
.cp-proj-row__signals span[b-sqkaz9ygrv] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-task-row__bucket[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
  font-size: 9px;
  font-weight: 700;
  width: fit-content;
}

.cp-proj-row__signals span[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.cp-task-row__title-line[b-sqkaz9ygrv],
.cp-proj-row__title-line[b-sqkaz9ygrv] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-task-row__title[b-sqkaz9ygrv],
.cp-proj-row__title[b-sqkaz9ygrv] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
  overflow-wrap: anywhere;
}

.cp-task-row__title:hover[b-sqkaz9ygrv],
.cp-proj-row__title:hover[b-sqkaz9ygrv] {
  text-decoration: underline;
}

.cp-task-row__planning-line[b-sqkaz9ygrv],
.cp-proj-row__planning-line[b-sqkaz9ygrv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-task-row__planning-line .material-symbols-outlined[b-sqkaz9ygrv],
.cp-proj-row__planning-line .material-symbols-outlined[b-sqkaz9ygrv] {
  color: #64748b;
  font-size: 18px;
}

.cp-task-row__planning-line strong[b-sqkaz9ygrv],
.cp-proj-row__planning-line strong[b-sqkaz9ygrv] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-task-row__expanded[b-sqkaz9ygrv],
.cp-proj-row__expanded[b-sqkaz9ygrv] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-proj-row__expanded[b-sqkaz9ygrv] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.cp-task-row__expanded-item > span[b-sqkaz9ygrv],
.cp-proj-row__expanded-item > span[b-sqkaz9ygrv] {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-task-row__expanded-item strong[b-sqkaz9ygrv],
.cp-proj-row__expanded-item strong[b-sqkaz9ygrv] {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.cp-task-row__tag-list[b-sqkaz9ygrv],
.cp-proj-row__tag-list[b-sqkaz9ygrv] {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-tag-chip[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  border: 1px solid #dbe4ef;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-tag-chip__dot[b-sqkaz9ygrv] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-task-row__tag-empty[b-sqkaz9ygrv],
.cp-proj-row__tag-empty[b-sqkaz9ygrv] {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}

.cp-task-row__footer[b-sqkaz9ygrv] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.cp-task-row__link[b-sqkaz9ygrv] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.cp-task-row__comments[b-sqkaz9ygrv] {
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.cp-task-pill[b-sqkaz9ygrv],
.cp-proj-pill[b-sqkaz9ygrv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-pill--done[b-sqkaz9ygrv],
.cp-proj-pill--ok[b-sqkaz9ygrv] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-task-pill--progress[b-sqkaz9ygrv] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-pill--blocked[b-sqkaz9ygrv],
.cp-proj-pill--danger[b-sqkaz9ygrv] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-task-pill--pending[b-sqkaz9ygrv],
.cp-proj-pill--warning[b-sqkaz9ygrv] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-task-pill--critical[b-sqkaz9ygrv] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-task-pill--high[b-sqkaz9ygrv] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-task-pill--medium[b-sqkaz9ygrv],
.cp-proj-pill--info[b-sqkaz9ygrv] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-task-pill--low[b-sqkaz9ygrv] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-task-pill--neutral[b-sqkaz9ygrv],
.cp-proj-pill--neutral[b-sqkaz9ygrv] {
  background: #edf2f7;
  color: #475569;
}

.cp-proj-row[b-sqkaz9ygrv] {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  cursor: pointer;
}

.cp-proj-row__layout[b-sqkaz9ygrv] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-proj-dot[b-sqkaz9ygrv] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.cp-proj-dot--green[b-sqkaz9ygrv] {
  background: #16a34a;
}

.cp-proj-dot--amber[b-sqkaz9ygrv] {
  background: #f59e0b;
}

.cp-proj-dot--red[b-sqkaz9ygrv] {
  background: #ef4444;
}

.cp-proj-dot--blue[b-sqkaz9ygrv] {
  background: #0a84ff;
}

.cp-proj-dot--neutral[b-sqkaz9ygrv] {
  background: #94a3b8;
}

@media (hover: hover) {
  .cp-task-row:hover[b-sqkaz9ygrv],
  .cp-task-row:focus-within[b-sqkaz9ygrv],
  .cp-proj-row:hover[b-sqkaz9ygrv],
  .cp-proj-row:focus-within[b-sqkaz9ygrv] {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  }

  .cp-task-row:hover .cp-task-row__planning-line[b-sqkaz9ygrv],
  .cp-task-row:focus-within .cp-task-row__planning-line[b-sqkaz9ygrv],
  .cp-proj-row:hover .cp-proj-row__planning-line[b-sqkaz9ygrv],
  .cp-proj-row:focus-within .cp-proj-row__planning-line[b-sqkaz9ygrv] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-task-row:hover .cp-task-row__expanded[b-sqkaz9ygrv],
  .cp-task-row:focus-within .cp-task-row__expanded[b-sqkaz9ygrv],
  .cp-proj-row:hover .cp-proj-row__expanded[b-sqkaz9ygrv],
  .cp-proj-row:focus-within .cp-proj-row__expanded[b-sqkaz9ygrv] {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-task-row__planning-line[b-sqkaz9ygrv],
  .cp-proj-row__planning-line[b-sqkaz9ygrv],
  .cp-task-row__expanded[b-sqkaz9ygrv],
  .cp-proj-row__expanded[b-sqkaz9ygrv] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-task-row__expanded[b-sqkaz9ygrv],
  .cp-proj-row__expanded[b-sqkaz9ygrv] {
    grid-template-columns: 1fr;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (max-width: 1180px) {
  .cp-home-content[b-sqkaz9ygrv] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .cp-task-groups-shell[b-sqkaz9ygrv],
  .cp-task-groups-shell--collapsed[b-sqkaz9ygrv] {
    grid-template-columns: 1fr;
  }

  .cp-task-groups-sidebar[b-sqkaz9ygrv],
  .cp-task-groups-sidebar--collapsed[b-sqkaz9ygrv] {
    width: auto;
    min-width: 0;
  }

  .cp-task-groups-sidebar--collapsed .cp-task-groups-list[b-sqkaz9ygrv] {
    display: flex;
  }

  .cp-task-groups-list[b-sqkaz9ygrv] {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .cp-task-group-option[b-sqkaz9ygrv] {
    min-width: 210px;
  }
}

@media (max-width: 720px) {
  .cp-home-header[b-sqkaz9ygrv],
  .cp-home-content[b-sqkaz9ygrv] {
    padding-left: 14px;
    padding-right: 14px;
  }

  .cp-task-row__layout[b-sqkaz9ygrv],
  .cp-proj-row__layout[b-sqkaz9ygrv] {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .cp-home-kpis[b-sqkaz9ygrv] {
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Main.razor.rz.scp.css */
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformities.razor.rz.scp.css */
.cp-nc-page[b-echaqnm6jw] {
    background-color: #F9F8F9;
}

.cp-nc-head-shell[b-echaqnm6jw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.cp-nc-head-main[b-echaqnm6jw] {
    min-width: 0;
}

.cp-nc-head-note[b-echaqnm6jw] {
    color: #64748b;
    font-size: 14px;
    margin: 6px 0 0;
}

.cp-nc-head-actions[b-echaqnm6jw] {
    width: 1px;
    min-height: 1px;
}

.cp-nc-detail-scroll[b-echaqnm6jw] {
    min-height: 0;
    overflow: auto;
}

.cp-nc-workspace[b-echaqnm6jw] {
    background: #fff;
    border: 0;
    border-radius: 14px 14px 0 0;
    margin-bottom: 14px;
    padding: 0 12px 12px;
}

.cp-nc-stats-block[b-echaqnm6jw] {
    margin: 0 0 12px;
    flex: 0 0 auto;
}

.cp-nc-stats-toggle[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(173, 188, 206, 0.75);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--cp-primary);
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px;
    cursor: pointer;
}

.cp-nc-stats-toggle:hover[b-echaqnm6jw] {
    background: #ffffff;
}

.cp-nc-stats-toggle .material-symbols-outlined[b-echaqnm6jw] {
    font-size: 20px;
}

.cp-nc-stats-shell[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 10px;
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
}

.cp-nc-stat-card[b-echaqnm6jw] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    min-width: 0;
}

.cp-nc-status-indicators[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-width: 0;
}

.cp-nc-status-indicator[b-echaqnm6jw] {
    align-items: flex-start;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    display: flex;
    gap: 14px;
    min-height: 104px;
    padding: 16px;
}

.cp-nc-status-indicator__icon[b-echaqnm6jw] {
    align-items: center;
    background: #dbeafe;
    border-radius: 12px;
    color: #0a84ff;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.cp-nc-status-indicator--progress .cp-nc-status-indicator__icon[b-echaqnm6jw] {
    background: #ffedd5;
    color: #c2410c;
}

.cp-nc-status-indicator__icon .material-symbols-outlined[b-echaqnm6jw] {
    font-size: 24px;
}

.cp-nc-status-indicator__number[b-echaqnm6jw] {
    color: #0f172a;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
}

.cp-nc-status-indicator__title[b-echaqnm6jw] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    margin-top: 6px;
}

.cp-nc-status-indicator__caption[b-echaqnm6jw] {
    color: #64748b;
    font-size: 13px;
    margin-top: 6px;
}

.cp-nc-stat-card__head[b-echaqnm6jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.cp-nc-stat-card__head h2[b-echaqnm6jw] {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.cp-nc-stat-card__head span[b-echaqnm6jw] {
    color: #64748b;
    font-size: 13px;
}

.cp-nc-mini-btn[b-echaqnm6jw] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe6f3;
    border-radius: 999px;
    color: var(--cp-primary);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0 8px;
}

.cp-nc-mini-btn:hover[b-echaqnm6jw] {
    background: #f8fafc;
    border-color: #b9cbe0;
}

.cp-nc-pie-stat[b-echaqnm6jw] {
    align-items: center;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(240px, 1fr) minmax(160px, 0.75fr);
    min-height: 244px;
}

.cp-nc-pie-stat__chart[b-echaqnm6jw] {
    align-items: center;
    display: flex;
    min-height: 240px;
    justify-content: center;
    min-width: 0;
}

.cp-nc-pie-stat__legend[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.cp-nc-pie-stat__legend-row[b-echaqnm6jw] {
    align-items: center;
    color: #475569;
    display: grid;
    font-size: 13px;
    gap: 8px;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    min-width: 0;
}

.cp-nc-pie-stat__legend-row span:nth-child(2)[b-echaqnm6jw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-nc-pie-stat__legend-row strong[b-echaqnm6jw] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}

.cp-nc-pie-stat__dot[b-echaqnm6jw] {
    border-radius: 999px;
    height: 10px;
    width: 10px;
}

.cp-nc-stat-list[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cp-nc-stat-line[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) minmax(70px, 1fr) 32px;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #334155;
}

.cp-nc-stat-line > span[b-echaqnm6jw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-nc-stat-bar[b-echaqnm6jw] {
    height: 8px;
    border-radius: 999px;
    background: #eef2f7;
    overflow: hidden;
}

.cp-nc-stat-bar i[b-echaqnm6jw] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2563eb;
}

.cp-nc-stat-empty[b-echaqnm6jw],
.cp-nc-empty[b-echaqnm6jw] {
    color: #64748b;
    padding: 18px;
    text-align: center;
}

.cp-nc-toolbar[b-echaqnm6jw] {
    background: #ffffff;
    border-radius: 14px 14px 0 0;
    min-height: 56px;
}

.cp-nc-toolbar-left[b-echaqnm6jw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cp-btn-toolbar[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--cp-primary);
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.cp-btn-toolbar:not(:disabled):hover[b-echaqnm6jw],
.cp-btn-toolbar:not(:disabled):focus-visible[b-echaqnm6jw] {
    background-color: var(--cp-primary);
    border-color: var(--cp-primary);
    color: #ffffff;
    outline: none;
}

.cp-btn-toolbar:disabled[b-echaqnm6jw] {
    color: #94a3b8;
    cursor: not-allowed;
}

.cp-btn-toolbar-active[b-echaqnm6jw] {
    border-color: #0a84ff !important;
    color: #0a84ff !important;
}

.cp-nc-filter-count[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-size: 11px;
}

.cp-nc-search-wrap[b-echaqnm6jw] {
    position: relative;
    width: min(100%, 280px);
    flex: 0 0 auto;
}

.cp-nc-search-icon[b-echaqnm6jw] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--cp-primary);
    font-size: 22px;
    pointer-events: none;
}

.cp-nc-search-input[b-echaqnm6jw] {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    background: #f8f6f8;
    color: var(--cp-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 0 42px 0 44px;
    outline: none;
}

.cp-nc-search-clear[b-echaqnm6jw] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    cursor: pointer;
}

.cp-nc-filter-panel[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
    background: #fbfdff;
}

.cp-nc-filter-panel label[b-echaqnm6jw],
.cp-nc-filter-group[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.cp-nc-filter-panel span[b-echaqnm6jw],
.cp-nc-filter-group > span[b-echaqnm6jw] {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.cp-nc-filter-panel input[b-echaqnm6jw] {
    height: 32px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0 9px;
}

.cp-nc-filter-group > div[b-echaqnm6jw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cp-nc-filter-chip[b-echaqnm6jw] {
    border: 1px solid #d1d5db;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    padding: 4px 8px;
    font-size: 12px;
}

.cp-nc-filter-chip--active[b-echaqnm6jw] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

.cp-nc-table-wrap[b-echaqnm6jw] {
    overflow: auto;
    height: min(74vh, 840px);
    min-height: 0;
    max-height: none;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-nc-table-wrap[b-echaqnm6jw]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.cp-nc-table-wrap[b-echaqnm6jw]::-webkit-scrollbar-track {
    background: #e2e8f0;
    border-radius: 999px;
}

.cp-nc-table-wrap[b-echaqnm6jw]::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border: 3px solid #e2e8f0;
    border-radius: 999px;
}

.cp-nc-table-wrap[b-echaqnm6jw]::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.cp-nc-scroll-xbar[b-echaqnm6jw] {
    flex: 0 0 auto;
    min-height: 28px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid #e2e8f0;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: #f8fafc;
    box-sizing: border-box;
}

.cp-nc-scroll-xbar.cp-prj-scroll-xbar--hidden[b-echaqnm6jw] {
    display: none;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__button[b-echaqnm6jw] {
    width: 30px;
    height: 20px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: var(--cp-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__button:hover[b-echaqnm6jw] {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__button:disabled[b-echaqnm6jw] {
    opacity: 0.45;
    cursor: default;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__range[b-echaqnm6jw] {
    width: 100%;
    height: 16px;
    margin: 0;
    accent-color: var(--cp-primary);
    cursor: pointer;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__range[b-echaqnm6jw]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__range[b-echaqnm6jw]::-webkit-slider-thumb {
    margin-top: -3px;
    width: 24px;
    height: 14px;
    border: 0;
    border-radius: 999px;
    background: var(--cp-primary);
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__range[b-echaqnm6jw]::-moz-range-track {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
}

.cp-nc-scroll-xbar .cp-prj-scroll-xbar__range[b-echaqnm6jw]::-moz-range-thumb {
    width: 24px;
    height: 14px;
    border: 0;
    border-radius: 999px;
    background: var(--cp-primary);
}

.cp-nc-table[b-echaqnm6jw] {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

.cp-nc-table th[b-echaqnm6jw] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--cp-primary);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e5e7eb;
    border-right: 1px solid rgba(255, 255, 255, 0.28);
    padding: 12px;
    white-space: nowrap;
}

.cp-nc-table td[b-echaqnm6jw] {
    border-bottom: 1px solid #f1f5f9;
    border-right: 1px solid #f1f5f9;
    padding: 12px;
    vertical-align: top;
    color: var(--cp-primary);
    font-size: 14px;
    font-weight: 400;
    max-width: none;
}

.cp-nc-table th:nth-child(1)[b-echaqnm6jw],
.cp-nc-table td:nth-child(1)[b-echaqnm6jw] {
    width: 52px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
}

.cp-nc-table th:nth-child(2)[b-echaqnm6jw],
.cp-nc-table td:nth-child(2)[b-echaqnm6jw] {
    width: 130px;
}

.cp-nc-table th:nth-child(3)[b-echaqnm6jw],
.cp-nc-table td:nth-child(3)[b-echaqnm6jw] {
    width: 280px;
}

.cp-nc-table th:nth-child(4)[b-echaqnm6jw],
.cp-nc-table td:nth-child(4)[b-echaqnm6jw] {
    width: 120px;
}

.cp-nc-table th:nth-child(5)[b-echaqnm6jw],
.cp-nc-table td:nth-child(5)[b-echaqnm6jw] {
    width: 160px;
}

.cp-nc-table th:nth-child(6)[b-echaqnm6jw],
.cp-nc-table td:nth-child(6)[b-echaqnm6jw] {
    width: 170px;
}

.cp-nc-table th:nth-child(7)[b-echaqnm6jw],
.cp-nc-table td:nth-child(7)[b-echaqnm6jw] {
    width: 130px;
}

.cp-nc-table th:nth-child(8)[b-echaqnm6jw],
.cp-nc-table td:nth-child(8)[b-echaqnm6jw] {
    width: 130px;
}

.cp-nc-table th:nth-child(9)[b-echaqnm6jw],
.cp-nc-table td:nth-child(9)[b-echaqnm6jw],
.cp-nc-table th:nth-child(10)[b-echaqnm6jw],
.cp-nc-table td:nth-child(10)[b-echaqnm6jw] {
    width: 56px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
}

.cp-nc-expand-cell[b-echaqnm6jw] {
    vertical-align: middle !important;
}

.cp-nc-expand-btn[b-echaqnm6jw] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--cp-primary);
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 28px;
}

.cp-nc-expand-btn:hover[b-echaqnm6jw] {
    background: rgba(10, 132, 255, 0.08);
}

.cp-nc-expand-btn .material-symbols-outlined[b-echaqnm6jw] {
    font-size: 22px;
    font-weight: 700;
    transition: transform 150ms ease;
}

.cp-nc-expand-btn__icon--open[b-echaqnm6jw] {
    transform: rotate(90deg);
}

.cp-nc-expand-btn__count[b-echaqnm6jw] {
    align-items: center;
    background: #0a84ff;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 800;
    height: 16px;
    justify-content: center;
    line-height: 1;
    min-width: 16px;
    padding: 0 3px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.cp-nc-data-row[b-echaqnm6jw] {
    background: #fff;
    cursor: pointer;
    min-height: 86px;
}

.cp-nc-data-row:hover[b-echaqnm6jw] {
    background: #fbfdff;
}

.cp-nc-data-row--selected[b-echaqnm6jw] {
    background: #eef6ff;
    box-shadow: inset 3px 0 0 var(--cp-primary);
}

.cp-nc-data-row--editing[b-echaqnm6jw] {
    background: #fff7ed;
}

.cp-nc-actions-cell[b-echaqnm6jw] {
    white-space: nowrap;
    vertical-align: middle !important;
    text-align: center;
}

.cp-nc-code-link[b-echaqnm6jw] {
    border: 0;
    background: transparent;
    color: var(--cp-primary);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cp-nc-code-link:hover[b-echaqnm6jw],
.cp-nc-code-link:focus-visible[b-echaqnm6jw] {
    color: #0a84ff;
    outline: none;
}

.cp-nc-icon-btn[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--cp-primary);
    margin-right: 4px;
    cursor: pointer;
}

.cp-nc-icon-btn:hover[b-echaqnm6jw] {
    background: rgba(10, 132, 255, 0.08);
}

.cp-nc-icon-btn span[b-echaqnm6jw] {
    font-size: 18px;
}

.cp-nc-action-count[b-echaqnm6jw] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #cfe4ff;
    border-radius: 999px;
    color: var(--cp-primary);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 16px;
    justify-content: center;
    margin-left: -5px;
    min-width: 16px;
    padding: 0 4px;
}

.cp-nc-doc-hover[b-echaqnm6jw] {
    display: inline-flex;
    position: relative;
}

.cp-nc-doc-preview[b-echaqnm6jw] {
    background: #ffffff;
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18);
    color: #0f172a;
    min-width: 260px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    text-align: left;
    width: 300px;
    z-index: 40;
}

.cp-nc-doc-preview[b-echaqnm6jw]::before {
    background: #ffffff;
    border-left: 1px solid #dbe6f3;
    border-top: 1px solid #dbe6f3;
    content: "";
    height: 10px;
    position: absolute;
    right: 14px;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}

.cp-nc-doc-preview__head[b-echaqnm6jw] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    color: var(--cp-primary);
    display: flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: space-between;
    padding: 0 2px 8px;
}

.cp-nc-doc-preview__head strong[b-echaqnm6jw] {
    align-items: center;
    background: #eef6ff;
    border-radius: 999px;
    color: var(--cp-primary);
    display: inline-flex;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    min-width: 18px;
    padding: 0 6px;
}

.cp-nc-doc-preview__list[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.cp-nc-doc-preview__item[b-echaqnm6jw] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 8px;
    grid-template-columns: 22px minmax(0, 1fr);
    min-width: 0;
    padding: 4px 2px;
    text-align: left;
    width: 100%;
}

.cp-nc-doc-preview__item:hover[b-echaqnm6jw],
.cp-nc-doc-preview__item:focus-visible[b-echaqnm6jw] {
    background: #f1f5f9;
    outline: none;
}

.cp-nc-doc-preview__icon[b-echaqnm6jw] {
    color: #0a84ff;
    font-size: 19px;
    line-height: 1;
}

.cp-nc-doc-preview__text[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cp-nc-doc-preview__text strong[b-echaqnm6jw],
.cp-nc-doc-preview__text span[b-echaqnm6jw] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-nc-doc-preview__text strong[b-echaqnm6jw] {
    color: var(--cp-primary);
    font-size: 12px;
    font-weight: 800;
}

.cp-nc-doc-preview__text span[b-echaqnm6jw],
.cp-nc-doc-preview__empty[b-echaqnm6jw],
.cp-nc-doc-preview__more[b-echaqnm6jw] {
    color: #64748b;
    font-size: 11px;
}

.cp-nc-doc-preview__empty[b-echaqnm6jw],
.cp-nc-doc-preview__loading[b-echaqnm6jw],
.cp-nc-doc-preview__more[b-echaqnm6jw] {
    padding: 10px 2px 2px;
}

.cp-nc-doc-preview__loading[b-echaqnm6jw] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.cp-nc-task-detail-row td[b-echaqnm6jw] {
    background: #fbfdff;
    padding: 10px 14px 14px !important;
}

.cp-nc-task-detail[b-echaqnm6jw] {
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    background: #ffffff;
    padding: 12px;
}

.cp-nc-task-detail__head[b-echaqnm6jw] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.cp-nc-task-detail__head strong[b-echaqnm6jw] {
    color: var(--cp-primary);
    font-size: 14px;
    margin-right: 4px;
}

.cp-nc-task-detail__action[b-echaqnm6jw] {
    min-height: 30px;
}

.cp-nc-task-detail__separator[b-echaqnm6jw] {
    background: #dbe6f3;
    height: 22px;
    margin: 0 4px;
    width: 1px;
}

.cp-nc-task-detail__sort-actions[b-echaqnm6jw] {
    display: flex;
    gap: 4px;
}

.cp-nc-task-sort-btn[b-echaqnm6jw] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--cp-primary);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.cp-nc-task-sort-btn--active[b-echaqnm6jw],
.cp-nc-task-sort-btn:hover[b-echaqnm6jw] {
    background: #eef6ff;
    border-color: #cfe4ff;
}

.cp-nc-task-detail__cards[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 360px;
    overflow: auto;
    padding-right: 4px;
}

.cp-nc-task-row--empty[b-echaqnm6jw] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    padding: 18px;
    text-align: center;
}

.cp-nc-linked-task-row[b-echaqnm6jw] {
    cursor: pointer;
}

.cp-nc-linked-task-row.cp-task-row[b-echaqnm6jw] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
    display: block;
    text-align: left;
    transform-origin: center;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media (hover: hover) {
    .cp-nc-linked-task-row.cp-task-row:hover[b-echaqnm6jw] {
        border-color: #cbd5e1;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
        transform: scale(1.008);
    }
}

.cp-nc-linked-task-row .cp-task-row__layout[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 11px 14px;
}

.cp-nc-linked-task-row .cp-task-row__progress-wrap[b-echaqnm6jw] {
    display: flex;
    justify-content: center;
}

.cp-nc-linked-task-row .cp-task-row__content[b-echaqnm6jw],
.cp-nc-linked-task-row .cp-task-row__heading[b-echaqnm6jw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cp-nc-linked-task-row .cp-task-row__top[b-echaqnm6jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cp-nc-linked-task-row .cp-task-row__heading[b-echaqnm6jw] {
    gap: 2px;
    width: 100%;
}

.cp-nc-linked-task-row .cp-task-row__origin-line[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
}

.cp-nc-linked-task-row .cp-task-progress-donut[b-echaqnm6jw] {
    --cp-progress-angle: 0deg;
    --cp-progress-color: #0a84ff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(var(--cp-progress-color) 0deg var(--cp-progress-angle), #e2e8f0 var(--cp-progress-angle) 360deg);
}

.cp-nc-linked-task-row .cp-task-progress-donut[b-echaqnm6jw]::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-nc-linked-task-row .cp-task-progress-donut span[b-echaqnm6jw] {
    position: relative;
    z-index: 1;
    color: #0f172a;
    font-size: 10px;
    font-weight: 800;
}

.cp-nc-linked-task-row .cp-task-row__origin[b-echaqnm6jw] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
}

.cp-nc-linked-task-row .cp-task-row__origin:hover[b-echaqnm6jw] {
    color: var(--cp-primary);
}

.cp-nc-linked-task-row .cp-task-row__title[b-echaqnm6jw] {
    color: var(--cp-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    margin: 0;
}

.cp-nc-linked-task-row .cp-task-row__title:hover[b-echaqnm6jw] {
    text-decoration: underline;
}

.cp-nc-linked-task-row .cp-task-row__title-line[b-echaqnm6jw],
.cp-nc-linked-task-row .cp-task-row__title-edit[b-echaqnm6jw] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.cp-nc-linked-task-row .cp-task-tag-chip[b-echaqnm6jw],
.cp-nc-linked-task-row .cp-task-pill[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.cp-nc-linked-task-row .cp-task-tag-chip[b-echaqnm6jw] {
    padding: 3px 10px;
    line-height: 1;
}

.cp-nc-linked-task-row .cp-task-pill[b-echaqnm6jw] {
    padding: 4px 10px;
}

.cp-nc-linked-task-row .cp-task-tag-chip__dot[b-echaqnm6jw] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.2);
    flex-shrink: 0;
}

.cp-nc-linked-task-row .cp-task-pill--done[b-echaqnm6jw] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.cp-nc-linked-task-row .cp-task-pill--progress[b-echaqnm6jw] {
    background: rgba(10, 132, 255, 0.12);
    color: #0a84ff;
}

.cp-nc-linked-task-row .cp-task-pill--blocked[b-echaqnm6jw] {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
}

.cp-nc-linked-task-row .cp-task-pill--pending[b-echaqnm6jw] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.cp-nc-linked-task-row .cp-task-pill--critical[b-echaqnm6jw] {
    background: rgba(127, 29, 29, 0.1);
    color: #991b1b;
}

.cp-nc-linked-task-row .cp-task-pill--high[b-echaqnm6jw] {
    background: rgba(249, 115, 22, 0.12);
    color: #c2410c;
}

.cp-nc-linked-task-row .cp-task-pill--medium[b-echaqnm6jw] {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

.cp-nc-linked-task-row .cp-task-pill--low[b-echaqnm6jw] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.cp-nc-linked-task-row .cp-task-pill--neutral[b-echaqnm6jw] {
    background: #edf2f7;
    color: #475569;
}

.cp-nc-linked-task-row .cp-task-row__planning-line[b-echaqnm6jw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-6px);
    margin-top: 0;
    transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-nc-linked-task-row .cp-task-row__planning-line .material-symbols-outlined[b-echaqnm6jw] {
    color: #64748b;
    font-size: 18px;
}

.cp-nc-linked-task-row .cp-task-row__planning-line strong[b-echaqnm6jw] {
    margin-right: 8px;
    color: #1e293b;
    font-size: 12px;
    font-weight: 700;
}

.cp-nc-linked-task-row .cp-task-row__expanded[b-echaqnm6jw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
    gap: 12px;
    align-items: start;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-6px);
    margin-top: 0;
    transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

@media (hover: hover) {
    .cp-nc-linked-task-row:hover .cp-task-row__planning-line[b-echaqnm6jw],
    .cp-nc-linked-task-row:focus-within .cp-task-row__planning-line[b-echaqnm6jw] {
        max-height: 36px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 8px;
    }

    .cp-nc-linked-task-row:hover .cp-task-row__expanded[b-echaqnm6jw],
    .cp-nc-linked-task-row:focus-within .cp-task-row__expanded[b-echaqnm6jw] {
        max-height: 240px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 4px;
        padding-top: 10px;
        border-top: 1px dashed #dbe4ef;
    }
}

.cp-nc-linked-task-row .cp-task-row__expanded-item > span[b-echaqnm6jw] {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cp-nc-linked-task-row .cp-task-row__expanded-item strong[b-echaqnm6jw] {
    display: block;
    margin-top: 4px;
    color: #0f172a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
}

.cp-nc-linked-task-row .cp-task-row__tag-list[b-echaqnm6jw] {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cp-nc-linked-task-row .cp-task-row__tag-empty[b-echaqnm6jw] {
    margin-top: 5px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
}

.cp-nc-linked-task-row .cp-task-row__footer[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.cp-nc-linked-task-row .cp-task-row__link[b-echaqnm6jw] {
    color: var(--cp-primary);
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
}

.cp-nc-linked-task-row .cp-task-row__comments[b-echaqnm6jw] {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.cp-nc-description-cell[b-echaqnm6jw] {
    color: #334155 !important;
    line-height: 1.35;
    white-space: normal;
    word-break: break-word;
}

.cp-nc-icon-btn--ok[b-echaqnm6jw] {
    border-color: #16a34a;
    color: #15803d;
}

.cp-nc-cell-editor[b-echaqnm6jw] {
    width: 150px;
    min-height: 32px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    padding: 5px 8px;
    font-size: 13px;
}

.cp-nc-cell-editor--memo[b-echaqnm6jw] {
    width: 240px;
    min-height: 64px;
    resize: vertical;
}

.cp-nc-process-editor[b-echaqnm6jw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 140px;
    overflow: auto;
    min-width: 190px;
}

.cp-nc-process-editor label[b-echaqnm6jw] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #334155;
}

.cp-nc-chip-list[b-echaqnm6jw] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 160px;
}

.cp-nc-chip[b-echaqnm6jw],
.cp-nc-pill[b-echaqnm6jw],
.cp-nc-status[b-echaqnm6jw] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 700;
}

.cp-nc-chip[b-echaqnm6jw] {
    background: #f1f5f9;
    color: #334155;
}

.cp-nc-pill[b-echaqnm6jw] {
    color: var(--nc-pill-color, #334155);
    background: color-mix(in srgb, var(--nc-pill-color, #64748b) 14%, white);
}

.cp-nc-status--open[b-echaqnm6jw] {
    background: #ecfeff;
    color: #0e7490;
}

.cp-nc-status--progress[b-echaqnm6jw] {
    background: #fff7ed;
    color: #c2410c;
}

.cp-nc-status--closed[b-echaqnm6jw] {
    background: #f1f5f9;
    color: #475569;
}

.cp-nc-muted[b-echaqnm6jw] {
    color: #94a3b8;
}

@media (hover: none) {
    .cp-nc-linked-task-row .cp-task-row__planning-line[b-echaqnm6jw] {
        max-height: 36px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 8px;
    }

    .cp-nc-linked-task-row .cp-task-row__expanded[b-echaqnm6jw] {
        max-height: 240px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 4px;
        padding-top: 10px;
        border-top: 1px dashed #dbe4ef;
    }
}

@media (max-width: 900px) {
    .cp-nc-stats-shell[b-echaqnm6jw] {
        grid-template-columns: 1fr;
    }

    .cp-nc-pie-stat[b-echaqnm6jw] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .cp-nc-pie-stat__legend[b-echaqnm6jw] {
        width: 100%;
    }

    .cp-nc-toolbar[b-echaqnm6jw] {
        align-items: stretch;
        flex-direction: column;
    }

    .cp-nc-search-wrap[b-echaqnm6jw] {
        min-width: 0;
        width: 100%;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformitiesFilterDialog.razor.rz.scp.css */
.cp-nc-filter-tags[b-whfkou6e4m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 2px;
}

.cp-nc-filter-tags__label[b-whfkou6e4m] {
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.cp-nc-filter-tags__list[b-whfkou6e4m] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.cp-nc-filter-tag[b-whfkou6e4m] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e0ec;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 1.2;
    max-width: 100%;
    min-height: 34px;
    padding: 6px 12px 6px 10px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.cp-nc-filter-tag:hover[b-whfkou6e4m],
.cp-nc-filter-tag:focus-visible[b-whfkou6e4m] {
    border-color: var(--cp-nc-filter-tag-color);
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.06);
    outline: none;
}

.cp-nc-filter-tag--selected[b-whfkou6e4m] {
    background: #f8fbff;
    border-color: var(--cp-nc-filter-tag-color);
    color: #0f172a;
    box-shadow: inset 0 0 0 1px var(--cp-nc-filter-tag-color);
}

.cp-nc-filter-tag__dot[b-whfkou6e4m] {
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 10px;
    width: 10px;
}

.cp-nc-filter-tag__text[b-whfkou6e4m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-nc-filter-tags__empty[b-whfkou6e4m] {
    color: #64748b;
    font-size: 14px;
    line-height: 22px;
}

@media (max-width: 600px) {
    .cp-nc-filter-tag[b-whfkou6e4m] {
        min-height: 32px;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformityCatalogDialog.razor.rz.scp.css */
.cp-nc-catalog-dialog[b-rg8fmdhiro] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.cp-nc-catalog-dialog > *[b-rg8fmdhiro] {
    min-width: 0;
}

.cp-nc-catalog-editor[b-rg8fmdhiro] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.cp-nc-catalog-save[b-rg8fmdhiro] {
    height: 36px;
    min-width: 64px;
    flex: 0 0 auto;
}

.cp-nc-catalog-list[b-rg8fmdhiro] {
    max-height: 440px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.cp-nc-catalog-row[b-rg8fmdhiro] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px 32px;
    gap: 6px;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #eef2f7;
}

.cp-nc-catalog-row .cp-text-inter-medium-14[b-rg8fmdhiro] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-nc-catalog-row:last-child[b-rg8fmdhiro] {
    border-bottom: 0;
}

.cp-nc-catalog-icon-btn[b-rg8fmdhiro] {
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
}

.cp-nc-catalog-icon-btn .material-symbols-outlined[b-rg8fmdhiro] {
    font-size: 17px;
    line-height: 1;
}

.cp-nc-catalog-empty[b-rg8fmdhiro] {
    color: #64748b;
    padding: 18px;
}

@media (max-width: 640px) {
    .cp-nc-catalog-dialog[b-rg8fmdhiro] {
        min-width: 0;
    }

    .cp-nc-catalog-editor[b-rg8fmdhiro] {
        grid-template-columns: 1fr;
    }

    .cp-nc-catalog-save[b-rg8fmdhiro] {
        width: 100%;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformityDocumentsDialog.razor.rz.scp.css */
.cp-nc-docs-dialog[b-om666zzxmd] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 420px;
}

.cp-doc-toolbar-shell[b-om666zzxmd] {
    background: #ffffff;
    border: 0;
    border-radius: 14px 14px 0 0;
}

.cp-nc-docs-toolbar[b-om666zzxmd] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.cp-nc-docs-toolbar__left[b-om666zzxmd] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.cp-nc-docs-search[b-om666zzxmd] {
    max-width: 320px;
    min-width: 220px;
}

.cp-nc-docs-search-clear[b-om666zzxmd] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

.cp-doc-content-shell[b-om666zzxmd] {
    background: #ffffff;
    border: 0;
    border-radius: 0 0 14px 14px;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.cp-nc-docs-content[b-om666zzxmd] {
    border: 0;
}

.cp-doc-cards-wrap[b-om666zzxmd] {
    flex: 1 1 auto;
    max-height: 520px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 12px 14px;
}

.cp-doc-cards-grid[b-om666zzxmd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cp-doc-card[b-om666zzxmd] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
    margin: 0;
    padding: 10px 12px;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.cp-doc-card__header[b-om666zzxmd] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.cp-doc-card__title-wrap[b-om666zzxmd] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.cp-doc-card__icon[b-om666zzxmd] {
    color: #0a84ff;
    font-size: 22px;
    line-height: 1;
}

.cp-doc-link[b-om666zzxmd] {
    color: var(--cp-primary);
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.cp-doc-link[b-om666zzxmd] {
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
}

.cp-doc-link--title[b-om666zzxmd] {
    color: var(--cp-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.cp-doc-link--title:hover[b-om666zzxmd] {
    text-decoration: underline;
}

.cp-doc-card__meta[b-om666zzxmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 8px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-4px);
    transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease;
}

.cp-doc-card__meta-row[b-om666zzxmd] {
    align-items: center;
    color: #334155;
    display: inline-flex;
    font-size: 11px;
    gap: 6px;
    min-width: 0;
}

.cp-doc-card__meta-row span[b-om666zzxmd] {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

.cp-doc-card__meta-row strong[b-om666zzxmd] {
    color: #1e293b;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-doc-card__meta-row--block[b-om666zzxmd] {
    flex: 0 0 100%;
    width: 100%;
}

.cp-doc-tag-chip[b-om666zzxmd] {
    align-items: center;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    line-height: 1;
    padding: 3px 10px;
}

.cp-doc-tag-chip__dot[b-om666zzxmd] {
    border: 1px solid rgba(15, 23, 42, 0.2);
    border-radius: 9999px;
    flex-shrink: 0;
    height: 8px;
    width: 8px;
}

.cp-doc-tag-chip--empty[b-om666zzxmd] {
    background: #f1f5f9;
    color: #64748b;
}

.cp-doc-empty[b-om666zzxmd] {
    color: #64748b;
    font-size: 13px;
    padding: 16px;
}

.cp-nc-link-card .cp-doc-card__icon[b-om666zzxmd] {
    color: #16a34a;
}

@media (hover: hover) {
    .cp-doc-card:hover[b-om666zzxmd],
    .cp-doc-card:focus-within[b-om666zzxmd] {
        border-color: #cbd5e1;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
        transform: scale(1.004);
    }

    .cp-doc-card:hover .cp-doc-card__meta[b-om666zzxmd],
    .cp-doc-card:focus-within .cp-doc-card__meta[b-om666zzxmd] {
        max-height: 220px;
        opacity: 1;
        transform: translateY(0);
    }
}

@media (hover: none) {
    .cp-doc-card__meta[b-om666zzxmd] {
        max-height: 220px;
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 700px) {
    .cp-nc-docs-toolbar[b-om666zzxmd] {
        align-items: stretch;
        flex-direction: column;
    }

    .cp-nc-docs-search[b-om666zzxmd] {
        max-width: none;
        min-width: 0;
        width: 100%;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformityEditDialog.razor.rz.scp.css */
.cp-nc-catalog-field[b-taww6fgyjj] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
}

.cp-nc-catalog-field__head[b-taww6fgyjj] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.cp-nc-option-grid[b-taww6fgyjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cp-nc-option-chip[b-taww6fgyjj] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 999px;
    color: var(--cp-primary);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
}

.cp-nc-option-chip:hover[b-taww6fgyjj] {
    border-color: var(--cp-primary);
}

.cp-nc-option-chip--selected[b-taww6fgyjj] {
    background: #f8fbff;
    border-color: #b8d7ff;
}

.cp-nc-option-chip--inactive[b-taww6fgyjj] {
    border-style: dashed;
    color: #64748b;
}

.cp-nc-option-chip input[b-taww6fgyjj] {
    accent-color: var(--cp-primary);
    height: 16px;
    margin: 0;
    width: 16px;
}

.cp-nc-tag-grid[b-taww6fgyjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cp-nc-tag-chip[b-taww6fgyjj] {
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    line-height: 1.2;
    min-height: 28px;
    padding: 5px 8px 5px 10px;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.cp-nc-tag-chip:hover[b-taww6fgyjj] {
    border-color: var(--cp-primary);
    color: var(--cp-primary) !important;
}

.cp-nc-tag-chip--selected[b-taww6fgyjj] {
    color: #0f172a;
}

.cp-nc-tag-dot[b-taww6fgyjj] {
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.cp-nc-catalog-empty[b-taww6fgyjj] {
    color: #64748b;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/NoConformidades/NoConformityLinkedItemDialog.razor.rz.scp.css */
.cp-nc-linked-item-dialog[b-6tb0tro5ay] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cp-nc-doc-group[b-6tb0tro5ay] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
}

.cp-nc-doc-group--disabled[b-6tb0tro5ay] {
    opacity: 0.68;
}

.cp-nc-doc-group__title[b-6tb0tro5ay] {
    color: var(--cp-primary);
    font-size: 14px;
    font-weight: 800;
}

.cp-nc-doc-search-wrap[b-6tb0tro5ay] {
    width: 100%;
}

.cp-nc-doc-search-clear[b-6tb0tro5ay] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/MilestonesMiniTimelineCell.razor.rz.scp.css */
.cp-prj-mini-timeline[b-kldezhi8q5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 180px;
}

.cp-prj-mini-timeline__track[b-kldezhi8q5] {
  position: relative;
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.cp-prj-mini-timeline__bar[b-kldezhi8q5] {
  position: relative;
  top: -8px;
  height: 8px;
  border-radius: 999px;
  min-width: 8px;
}

.cp-prj-mini-timeline__bar--good[b-kldezhi8q5] {
  background: #16a34a;
}

.cp-prj-mini-timeline__bar--warning[b-kldezhi8q5] {
  background: #f59e0b;
}

.cp-prj-mini-timeline__bar--danger[b-kldezhi8q5] {
  background: #dc2626;
}

.cp-prj-mini-timeline__bar--neutral[b-kldezhi8q5] {
  background: #0a84ff;
}

.cp-prj-mini-timeline__labels[b-kldezhi8q5] {
  display: flex;
  justify-content: space-between;
  color: #64748b;
  font-size: 10px;
  margin-top: -4px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectCrudDialog.razor.rz.scp.css */
.cp-prj-crud-grid[b-6u4nogy29n] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.cp-prj-crud-grid--create[b-6u4nogy29n] {
  grid-template-columns: 1fr;
}

.cp-prj-crud-options[b-6u4nogy29n] {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.cp-prj-crud-options :deep(.mud-switch)[b-6u4nogy29n] {
  margin-top: 0;
  margin-bottom: 0;
}

.cp-prj-crud-options :deep(.mud-checkbox)[b-6u4nogy29n] {
  margin-top: 0;
  margin-bottom: 0;
}

.cp-prj-crud-options__title[b-6u4nogy29n] {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #0f172a;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectLinkedTaskCreateDialog.razor.rz.scp.css */
.cp-prj-linked-task-dialog[b-9i2kxbghb0] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 520px;
  max-width: 100%;
}

.cp-prj-linked-task-dialog__double[b-9i2kxbghb0] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cp-prj-linked-task-dialog__field[b-9i2kxbghb0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-linked-task-dialog__label[b-9i2kxbghb0] {
  margin-bottom: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-prj-linked-task-select[b-9i2kxbghb0] {
  min-height: 38px;
}

.cp-prj-linked-task-select[b-9i2kxbghb0]  .mud-input-control {
  margin-top: 0;
}

.cp-prj-linked-task-select-item[b-9i2kxbghb0] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.cp-prj-linked-task-priority-icon[b-9i2kxbghb0],
.cp-prj-linked-task-status-icon[b-9i2kxbghb0] {
  font-size: 18px;
  line-height: 1;
}

.cp-prj-linked-task-no-end-container[b-9i2kxbghb0] {
  display: flex;
  align-items: center;
  min-height: 30px;
}

.cp-prj-linked-task-no-end-checkbox[b-9i2kxbghb0] {
  margin: 0;
}

.cp-prj-linked-task-no-end-checkbox[b-9i2kxbghb0]  .mud-typography,
.cp-prj-linked-task-no-end-checkbox[b-9i2kxbghb0]  .mud-checkbox-label {
  color: #475569;
  font-size: 12px;
  font-weight: 600;
}

.cp-prj-linked-task-no-end-checkbox[b-9i2kxbghb0]  .mud-button-root {
  padding: 4px;
}

.cp-prj-linked-task-no-end-checkbox[b-9i2kxbghb0]  .mud-icon-root {
  font-size: 18px;
}

.cp-prj-linked-task-staff[b-9i2kxbghb0] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-prj-linked-task-staff__row[b-9i2kxbghb0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-linked-task-staff__head[b-9i2kxbghb0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.cp-prj-linked-task-staff__value[b-9i2kxbghb0] {
  color: #0f3a69;
  font-size: 14px;
  line-height: 1.45;
}

.cp-prj-linked-task-tag-editor[b-9i2kxbghb0] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-prj-linked-task-tag-toggle[b-9i2kxbghb0] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  border: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.cp-prj-linked-task-tag-toggle:hover[b-9i2kxbghb0] {
  transform: translateY(-1px);
}

.cp-prj-linked-task-tag-toggle:focus-visible[b-9i2kxbghb0] {
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.25);
}

.cp-prj-linked-task-tag-toggle--active[b-9i2kxbghb0] {
  opacity: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.cp-prj-linked-task-tag-toggle__dot[b-9i2kxbghb0] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
}

.cp-prj-linked-task-card-footer[b-9i2kxbghb0] {
  display: flex;
  justify-content: flex-end;
}

.cp-prj-linked-task-add-button[b-9i2kxbghb0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: #fff;
  color: #0a84ff;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.cp-prj-linked-task-add-button:hover[b-9i2kxbghb0] {
  border-color: #93c5fd;
  background: #eff6ff;
}

.cp-prj-linked-task-add-button .material-symbols-outlined[b-9i2kxbghb0] {
  font-size: 18px;
}

@media (max-width: 700px) {
  .cp-prj-linked-task-dialog[b-9i2kxbghb0] {
    min-width: 0;
  }

  .cp-prj-linked-task-dialog__double[b-9i2kxbghb0] {
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectManualTaskLinkDialog.razor.rz.scp.css */
.cp-prj-manual-task-link[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 560px;
  max-width: 100%;
}

.cp-prj-manual-task-link__title[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-prj-manual-task-link__title span:last-child[b-8gwy44t9x9] {
  color: #64748b;
  font-size: 12px;
}

.cp-prj-manual-task-link__list[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-prj-manual-task-link__filters[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cp-prj-manual-task-link__tag-list[b-8gwy44t9x9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-prj-manual-task-link__tag-filter[b-8gwy44t9x9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font: inherit;
}

.cp-prj-manual-task-link__tag-filter:hover[b-8gwy44t9x9],
.cp-prj-manual-task-link__tag-filter:focus[b-8gwy44t9x9] {
  border-color: #94a3b8;
  outline: none;
}

.cp-prj-manual-task-link__tag-filter span:first-child[b-8gwy44t9x9] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.cp-prj-manual-task-link__item[b-8gwy44t9x9] {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.cp-task-row[b-8gwy44t9x9] {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media (hover: hover) {
  .cp-task-row:hover[b-8gwy44t9x9] {
    transform: scale(1.008);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  }
}

.cp-task-row__layout[b-8gwy44t9x9] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-task-row__progress-wrap[b-8gwy44t9x9] {
  display: flex;
  justify-content: center;
}

.cp-task-progress-donut[b-8gwy44t9x9] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-progress-color) 0deg var(--cp-progress-angle),
    #e2e8f0 var(--cp-progress-angle) 360deg
  );
}

.cp-task-progress-donut[b-8gwy44t9x9]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-task-progress-donut span[b-8gwy44t9x9] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-task-row__content[b-8gwy44t9x9] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cp-task-row__top[b-8gwy44t9x9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-task-row__heading[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
}

.cp-task-row__origin-line[b-8gwy44t9x9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}

.cp-task-row__origin[b-8gwy44t9x9] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-task-row__title-line[b-8gwy44t9x9] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-task-row__title[b-8gwy44t9x9] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
  overflow-wrap: anywhere;
}

.cp-task-row__planning-line[b-8gwy44t9x9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-task-row__planning-line .material-symbols-outlined[b-8gwy44t9x9] {
  color: #64748b;
  font-size: 18px;
}

.cp-task-row__planning-line strong[b-8gwy44t9x9] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-task-pill[b-8gwy44t9x9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-pill--done[b-8gwy44t9x9] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-task-pill--progress[b-8gwy44t9x9] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-pill--blocked[b-8gwy44t9x9] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-task-pill--pending[b-8gwy44t9x9] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-task-pill--critical[b-8gwy44t9x9] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-task-pill--high[b-8gwy44t9x9] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-task-pill--medium[b-8gwy44t9x9] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-task-pill--low[b-8gwy44t9x9] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-task-pill--neutral[b-8gwy44t9x9] {
  background: #edf2f7;
  color: #475569;
}

.cp-task-row__expanded[b-8gwy44t9x9] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

@media (hover: hover) {
  .cp-task-row:hover .cp-task-row__planning-line[b-8gwy44t9x9],
  .cp-task-row:focus-within .cp-task-row__planning-line[b-8gwy44t9x9] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-task-row:hover .cp-task-row__expanded[b-8gwy44t9x9],
  .cp-task-row:focus-within .cp-task-row__expanded[b-8gwy44t9x9] {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-task-row__planning-line[b-8gwy44t9x9] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-task-row__expanded[b-8gwy44t9x9] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }

  .cp-task-row__footer[b-8gwy44t9x9] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.cp-task-row__expanded-item > span[b-8gwy44t9x9] {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-task-row__expanded-item strong[b-8gwy44t9x9] {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.cp-task-row__tag-list[b-8gwy44t9x9] {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-tag-chip[b-8gwy44t9x9] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-tag-chip__dot[b-8gwy44t9x9] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-task-row__tag-empty[b-8gwy44t9x9] {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}

.cp-task-row__footer[b-8gwy44t9x9] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.cp-task-row__comments[b-8gwy44t9x9] {
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.cp-prj-manual-task-link__item .cp-task-row__layout[b-8gwy44t9x9] {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
}

.cp-prj-manual-task-link__item .cp-task-progress-donut[b-8gwy44t9x9] {
  width: 42px;
  height: 42px;
}

.cp-prj-manual-task-link__item .cp-task-progress-donut[b-8gwy44t9x9]::before {
  inset: 5px;
}

.cp-prj-manual-task-link__item .cp-task-progress-donut span[b-8gwy44t9x9] {
  font-size: 9px;
}

.cp-prj-manual-task-link__item .cp-task-row__origin[b-8gwy44t9x9] {
  text-decoration: none;
}

.cp-prj-manual-task-link__item .cp-task-row__title[b-8gwy44t9x9] {
  text-decoration: none;
}

.cp-prj-manual-task-link__item .cp-task-row__footer[b-8gwy44t9x9] {
  justify-content: flex-end;
}

.cp-prj-manual-task-link__empty[b-8gwy44t9x9] {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 18px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 700px) {
  .cp-prj-manual-task-link[b-8gwy44t9x9] {
    min-width: 0;
  }

  .cp-prj-manual-task-link__item .cp-task-row__layout[b-8gwy44t9x9] {
    grid-template-columns: 42px minmax(0, 1fr);
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectPropertiesDialog.razor.rz.scp.css */
.cp-prj-pill[b-4dq1aixeck] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-pill--ok[b-4dq1aixeck] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-pill--danger[b-4dq1aixeck] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-prj-pill--warning[b-4dq1aixeck] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-pill--info[b-4dq1aixeck] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-prj-pill--neutral[b-4dq1aixeck] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-status-action[b-4dq1aixeck] {
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
  border: 1px solid transparent;
  min-width: auto;
}

.cp-prj-status-action--ok[b-4dq1aixeck] {
  background: rgba(34, 197, 94, 0.08);
  color: #15803d;
  border-color: rgba(21, 128, 61, 0.24);
}

.cp-prj-status-action--danger[b-4dq1aixeck] {
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
  border-color: rgba(185, 28, 28, 0.22);
}

.cp-prj-status-action--warning[b-4dq1aixeck] {
  background: rgba(245, 158, 11, 0.1);
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.22);
}

.cp-prj-status-action--info[b-4dq1aixeck] {
  background: rgba(59, 130, 246, 0.1);
  color: #1d4ed8;
  border-color: rgba(29, 78, 216, 0.22);
}

.cp-prj-status-action--neutral[b-4dq1aixeck] {
  background: #f8fafc;
  color: #475569;
  border-color: #cbd5e1;
}

.cp-prj-status-action--active[b-4dq1aixeck] {
  box-shadow: inset 0 0 0 1px currentColor;
}

.cp-project-risk-properties[b-4dq1aixeck] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-project-risk-options[b-4dq1aixeck] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.cp-project-risk-mode-row[b-4dq1aixeck] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cp-project-risk-mode-select[b-4dq1aixeck] {
  width: min(220px, 100%);
}

@media (max-width: 720px) {
  .cp-project-risk-options[b-4dq1aixeck] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.cp-project-properties-ods-selected[b-4dq1aixeck] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-project-properties-ods-chip[b-4dq1aixeck] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-project-properties-ods-chip .cp-ods-chip-icon[b-4dq1aixeck] {
  width: 16px;
  height: 16px;
}

.cp-project-properties-ods-chip__remove[b-4dq1aixeck] {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
  color: #475569;
  cursor: pointer;
  padding: 0;
}

.cp-project-properties-ods-chip__remove .material-symbols-outlined[b-4dq1aixeck] {
  font-size: 13px;
  line-height: 1;
}

.cp-project-properties-ods-empty[b-4dq1aixeck] {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
}

.cp-project-properties-ods-add[b-4dq1aixeck] {
  width: 28px;
  height: 28px;
  min-width: 28px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectRiskControlsPickerDialog.razor.rz.scp.css */
.cp-prj-risk-control-picker[b-gpu1bvvdad] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  padding-right: 4px;
}

.cp-prj-risk-control-picker__option[b-gpu1bvvdad] {
  width: 100%;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
}

.cp-prj-risk-control-picker__option:hover[b-gpu1bvvdad] {
  border-color: #93c5fd;
  background: #f8fbff;
}

.cp-prj-risk-control-picker__option--active[b-gpu1bvvdad] {
  border-color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-prj-risk-control-picker__option .material-symbols-outlined[b-gpu1bvvdad] {
  color: var(--cp-primary);
  font-size: 20px;
}

.cp-prj-risk-control-picker__option span:last-child[b-gpu1bvvdad] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.cp-prj-risk-control-picker__option strong[b-gpu1bvvdad] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.cp-prj-risk-control-picker__option small[b-gpu1bvvdad] {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectRiskEvaluationHistoryDialog.razor.rz.scp.css */
.cp-project-risk-history-dialog[b-cyjct3b97m] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-project-risk-history-dialog__risk[b-cyjct3b97m] {
  color: #143d66;
  font-size: 13px;
  font-weight: 800;
}

.cp-project-risk-history-table[b-cyjct3b97m] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.cp-project-risk-history-table th[b-cyjct3b97m],
.cp-project-risk-history-table td[b-cyjct3b97m] {
  padding: 9px 10px;
  border-bottom: 1px solid #e8eef6;
  text-align: left;
  color: #143d66;
  font-size: 12px;
}

.cp-project-risk-history-table th[b-cyjct3b97m] {
  background: #f8fafc;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.cp-prj-risk-level-pill[b-cyjct3b97m] {
  min-width: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--very-low[b-cyjct3b97m],
.cp-prj-risk-level-pill.cp-prj-risk-level--low[b-cyjct3b97m] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--medium[b-cyjct3b97m] {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--high[b-cyjct3b97m] {
  background: rgba(249, 115, 22, 0.14);
  color: #c2410c;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--critical[b-cyjct3b97m] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectRiskNoteDialog.razor.rz.scp.css */
.cp-project-risk-note-dialog[b-x991wfiu3f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-project-risk-note-dialog__risk[b-x991wfiu3f] {
  color: #143d66;
  font-size: 13px;
  font-weight: 800;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectRiskPreloadPickerDialog.razor.rz.scp.css */
.cp-project-risk-preload-dialog[b-f5g9njmuf1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 360px;
}

.cp-project-risk-preload-list[b-f5g9njmuf1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 520px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-project-risk-preload-item[b-f5g9njmuf1] {
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  text-align: left;
  color: #143d66;
}

.cp-project-risk-preload-item:hover[b-f5g9njmuf1],
.cp-project-risk-preload-item--selected[b-f5g9njmuf1] {
  border-color: #0a84ff;
  background: rgba(10, 132, 255, 0.06);
}

.cp-project-risk-preload-check[b-f5g9njmuf1] {
  color: #0a84ff;
}

.cp-project-risk-preload-body[b-f5g9njmuf1] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.cp-project-risk-preload-body strong[b-f5g9njmuf1] {
  font-size: 13px;
  font-weight: 800;
}

.cp-project-risk-preload-body span[b-f5g9njmuf1],
.cp-project-risk-preload-body i[b-f5g9njmuf1],
.cp-project-risk-preload-body small[b-f5g9njmuf1] {
  color: #64748b;
  font-size: 11px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsFilterDialog.razor.rz.scp.css */
.cp-prj-filter-title[b-ldmqx0si6c] {
  margin-bottom: 0.35rem;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsKpiStrip.razor.rz.scp.css */
.cp-prj-kpi-grid[b-arb0i3hqr6] {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.cp-prj-kpi-card[b-arb0i3hqr6] {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  padding: 10px 12px;
}

.cp-prj-kpi-card__value[b-arb0i3hqr6] {
  color: #0f172a;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.cp-prj-kpi-card__label[b-arb0i3hqr6] {
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  margin-top: 2px;
}

.cp-prj-kpi-card__hint[b-arb0i3hqr6] {
  color: #64748b;
  font-size: 11px;
  margin-top: 4px;
}

.cp-prj-kpi-card--good[b-arb0i3hqr6] {
  border-left: 4px solid #16a34a;
}

.cp-prj-kpi-card--warning[b-arb0i3hqr6] {
  border-left: 4px solid #f59e0b;
}

.cp-prj-kpi-card--danger[b-arb0i3hqr6] {
  border-left: 4px solid #dc2626;
}

.cp-prj-kpi-card--neutral[b-arb0i3hqr6] {
  border-left: 4px solid #0a84ff;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsList.razor.rz.scp.css */
.cp-btn-toolbar-active[b-z4w2dku58m] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-task-filter-count[b-z4w2dku58m] {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0a84ff;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 6px;
}

.cp-prj-toolbar-shell[b-z4w2dku58m] {
  background: #ffffff;
  border-radius: 14px 14px 0 0;
  flex: 0 0 auto;
}

.cp-prj-content-shell[b-z4w2dku58m] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.cp-prj-cards-wrap[b-z4w2dku58m] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 32px;
}

.cp-prj-cards-grid[b-z4w2dku58m] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-prj-cards-grid[b-z4w2dku58m]::after {
  content: "";
  display: block;
  height: 24px;
  flex: 0 0 24px;
}

.cp-proj-row[b-z4w2dku58m] {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-proj-row__layout[b-z4w2dku58m] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-proj-row__progress-wrap[b-z4w2dku58m] {
  display: flex;
  justify-content: center;
}

.cp-proj-progress-donut[b-z4w2dku58m] {
  --cp-proj-progress-color: #0a84ff;
  --cp-proj-progress-angle: 0deg;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-proj-progress-color) 0deg var(--cp-proj-progress-angle),
    #e2e8f0 var(--cp-proj-progress-angle) 360deg
  );
}

.cp-proj-progress-donut[b-z4w2dku58m]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-proj-progress-donut span[b-z4w2dku58m] {
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 800;
  color: #0f172a;
}

.cp-proj-row__content[b-z4w2dku58m] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-proj-row__top[b-z4w2dku58m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.cp-proj-row__heading[b-z4w2dku58m] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.cp-proj-row__origin[b-z4w2dku58m] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.cp-proj-row__signals[b-z4w2dku58m] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.cp-proj-row__signals--top[b-z4w2dku58m] {
  min-height: 20px;
}

.cp-proj-row__signals span[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #475569;
  font-size: 10px;
  font-weight: 700;
}

.cp-proj-dot[b-z4w2dku58m] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.cp-proj-dot--green[b-z4w2dku58m] {
  background: #16a34a;
}

.cp-proj-dot--amber[b-z4w2dku58m] {
  background: #f59e0b;
}

.cp-proj-dot--red[b-z4w2dku58m] {
  background: #ef4444;
}

.cp-proj-row__title[b-z4w2dku58m] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.cp-proj-row__title:hover[b-z4w2dku58m] {
  text-decoration: underline;
}

.cp-proj-row__title-line[b-z4w2dku58m] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-proj-row__title-edit-btn[b-z4w2dku58m] {
  color: #64748b;
}

.cp-proj-row__title-edit-btn:hover[b-z4w2dku58m] {
  color: var(--cp-primary);
}

.cp-proj-row__title-edit[b-z4w2dku58m] {
  min-width: 0;
  width: 100%;
  max-width: 768px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-proj-row__title-input[b-z4w2dku58m] {
  flex: 1 1 576px;
  min-width: 576px;
  max-width: 100%;
}

.cp-proj-row__title-input[b-z4w2dku58m]  .mud-input-control,
.cp-proj-row__title-input[b-z4w2dku58m]  .mud-input-root,
.cp-proj-row__title-input[b-z4w2dku58m]  .mud-input-slot {
  width: 100%;
}

.cp-proj-row__title-input[b-z4w2dku58m]  input {
  font-size: 13px;
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cp-proj-row__menu[b-z4w2dku58m] {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(10px);
  transition: max-width 180ms ease, opacity 140ms ease, transform 180ms ease;
}

.cp-proj-row__planning-line[b-z4w2dku58m] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-proj-row__planning-line .material-symbols-outlined[b-z4w2dku58m] {
  color: #64748b;
  font-size: 18px;
}

.cp-proposal-stats[b-z4w2dku58m] {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 14px 14px;
  margin-bottom: 12px;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #f8fafc 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.cp-proposal-pie-wrap[b-z4w2dku58m] {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

.cp-proposal-pie[b-z4w2dku58m] {
  flex: 1 1 auto;
  min-width: 0;
}

.cp-proposal-pie-legend[b-z4w2dku58m] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 240px;
  flex: 0 0 240px;
}

.cp-proposal-pie-legend__item[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}

.cp-proposal-dot[b-z4w2dku58m] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.cp-proposal-matrix-title[b-z4w2dku58m] {
  margin: 2px 0 8px;
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
}

.cp-proposal-table-wrap[b-z4w2dku58m] {
  max-height: min(42vh, 520px);
  overflow: auto;
  padding-bottom: 12px;
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-proposal-table-wrap[b-z4w2dku58m]::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.cp-proposal-table-wrap[b-z4w2dku58m]::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 999px;
}

.cp-proposal-table-wrap[b-z4w2dku58m]::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #e2e8f0;
  border-radius: 999px;
}

.cp-proposal-table-wrap[b-z4w2dku58m]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.cp-prj-scroll-xbar[b-z4w2dku58m] {
  min-height: 28px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #dbe4ef;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #f8fafc;
  box-sizing: border-box;
}

.cp-prj-scroll-xbar--hidden[b-z4w2dku58m] {
  display: none;
}

.cp-prj-scroll-xbar__button[b-z4w2dku58m] {
  width: 30px;
  height: 20px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #ffffff;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-prj-scroll-xbar__button:hover[b-z4w2dku58m] {
  border-color: #94a3b8;
  background: #f1f5f9;
}

.cp-prj-scroll-xbar__button:disabled[b-z4w2dku58m] {
  opacity: 0.45;
  cursor: default;
}

.cp-prj-scroll-xbar__range[b-z4w2dku58m] {
  width: 100%;
  height: 16px;
  margin: 0;
  accent-color: var(--cp-primary);
}

.cp-proposal-table[b-z4w2dku58m] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1260px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  overflow: hidden;
}

.cp-proposal-table thead th[b-z4w2dku58m] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #dbe4ef;
}

.cp-proposal-table tbody td[b-z4w2dku58m] {
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f7;
  color: #0f172a;
  font-size: 13px;
}

.cp-proposal-table tbody tr:last-child td[b-z4w2dku58m] {
  border-bottom: none;
}

.cp-proposal-table__center[b-z4w2dku58m] {
  text-align: center !important;
}

.cp-proposal-table__right[b-z4w2dku58m] {
  text-align: right !important;
}

.cp-proposal-link[b-z4w2dku58m] {
  border: none;
  background: transparent;
  color: var(--cp-primary);
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}

.cp-proposal-link:hover[b-z4w2dku58m] {
  text-decoration: underline;
}

.cp-proposal-approve-btn[b-z4w2dku58m] {
  margin: 0 auto;
  display: inline-flex;
}

.cp-proj-row__planning-line strong[b-z4w2dku58m] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-proj-pill[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-proj-pill--ok[b-z4w2dku58m] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-proj-pill--danger[b-z4w2dku58m] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-proj-pill--warning[b-z4w2dku58m] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-proj-pill--info[b-z4w2dku58m] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-proj-pill--neutral[b-z4w2dku58m] {
  background: #edf2f7;
  color: #475569;
}

.cp-proj-pill--link[b-z4w2dku58m] {
  border: 0;
  cursor: pointer;
}

.cp-proj-row__expanded[b-z4w2dku58m] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-proj-row__expanded-item[b-z4w2dku58m] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-proj-row__expanded-item > span[b-z4w2dku58m] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-proj-row__expanded-item > strong[b-z4w2dku58m] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.cp-proj-row__tag-list[b-z4w2dku58m] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-proj-row__tag-empty[b-z4w2dku58m] {
  color: #94a3b8;
  font-size: 11px;
}

.cp-task-tag-chip[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  border: 1px solid #dbe4ef;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-tag-chip__dot[b-z4w2dku58m] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-prj-empty[b-z4w2dku58m] {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

.cp-plan-stats-toggle-row[b-z4w2dku58m] {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

.cp-plan-stats-toggle-row--header[b-z4w2dku58m] {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 4px;
  margin-bottom: 10px;
}

.cp-plan-stats-toggle[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(173, 188, 206, 0.75);
  border-radius: 9999px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.cp-plan-stats-shell[b-z4w2dku58m] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
  flex: 0 0 auto;
}

.cp-plan-stats-grid[b-z4w2dku58m] {
  display: grid;
  gap: 10px;
}

.cp-plan-stats-grid--top[b-z4w2dku58m] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.cp-plan-stats-grid--bottom[b-z4w2dku58m] {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cp-plan-stat-card[b-z4w2dku58m],
.cp-plan-indicator-card[b-z4w2dku58m] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
}

.cp-plan-stat-card__head[b-z4w2dku58m] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.cp-plan-stat-card__head h2[b-z4w2dku58m] {
  margin: 0;
  font-size: 14px;
  color: #0f172a;
}

.cp-plan-mini-btn[b-z4w2dku58m] {
  border: 1px solid #dbe4ef;
  background: #ffffff;
  border-radius: 999px;
  min-width: 30px;
  height: 26px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
}

.cp-plan-pie-wrap[b-z4w2dku58m] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  align-items: center;
  min-height: 260px;
}

.cp-plan-pie[b-z4w2dku58m] {
  width: 280px;
  min-width: 280px;
  height: 240px;
  border-radius: 10px;
  flex-shrink: 0;
  overflow: visible;
  background: transparent;
  margin-inline: auto;
}

.cp-plan-pie-legend[b-z4w2dku58m] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 200px;
}

.cp-plan-pie-legend__item[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.25;
}

.cp-plan-progress-chart[b-z4w2dku58m] {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
}

.cp-plan-progress-chart__axis--y[b-z4w2dku58m] {
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 2px 0 22px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-progress-chart__plot[b-z4w2dku58m] {
  position: relative;
  min-height: 212px;
  padding-bottom: 22px;
  overflow: visible;
}

.cp-plan-progress-chart__plot svg[b-z4w2dku58m] {
  width: 100%;
  height: 190px;
  overflow: visible;
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(226, 232, 240, .55) 1px, transparent 1px) 0 0 / 20% 100%,
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
}

.cp-plan-progress-chart__plot line[b-z4w2dku58m] {
  stroke: rgba(148, 163, 184, .35);
  stroke-width: .5;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__plot .cp-plan-progress-chart__today-marker[b-z4w2dku58m] {
  stroke: rgba(220, 38, 38, 0.85);
  stroke-width: 1.2;
  stroke-dasharray: 3 2;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__line[b-z4w2dku58m] {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__line--real[b-z4w2dku58m] {
  stroke: var(--cp-primary);
}

.cp-plan-progress-chart__line--planned[b-z4w2dku58m] {
  stroke: #94a3b8;
  stroke-dasharray: 5 4;
}

.cp-plan-progress-chart__point[b-z4w2dku58m] {
  position: absolute;
  width: 8.4px;
  height: 8.4px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .15s ease;
  border: 1px solid #ffffff;
  z-index: 2;
  cursor: pointer;
}

.cp-plan-progress-chart__plot:hover .cp-plan-progress-chart__point[b-z4w2dku58m] {
  opacity: 1;
}

.cp-plan-progress-chart__tooltip[b-z4w2dku58m] {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);
  display: block;
  min-width: max-content;
  max-width: 220px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.26);
  z-index: 30;
}

.cp-plan-progress-chart__tooltip[b-z4w2dku58m]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0f172a;
}

.cp-plan-progress-chart__point:hover .cp-plan-progress-chart__tooltip[b-z4w2dku58m],
.cp-plan-progress-chart__point:focus-visible .cp-plan-progress-chart__tooltip[b-z4w2dku58m] {
  visibility: visible;
  opacity: 1;
}

.cp-plan-progress-chart__point--real[b-z4w2dku58m] {
  background: var(--cp-primary);
}

.cp-plan-progress-chart__point--planned[b-z4w2dku58m] {
  background: #94a3b8;
}

.cp-plan-chart-dot--pending[b-z4w2dku58m] {
  background: #64748b;
}

.cp-plan-progress-summary[b-z4w2dku58m] {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 8px;
  color: #334155;
  font-size: 12px;
}

.cp-plan-progress-chart__months[b-z4w2dku58m] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
}

.cp-plan-progress-chart__months span[b-z4w2dku58m] {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-plan-progress-chart__months span:first-child[b-z4w2dku58m] {
  transform: translateX(0);
}

.cp-plan-progress-chart__months span:last-child[b-z4w2dku58m] {
  transform: translateX(-100%);
}

.cp-plan-progress-chart__legend[b-z4w2dku58m] {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-progress-chart__legend span[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-plan-chart-dot[b-z4w2dku58m] {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.cp-plan-chart-dot--real[b-z4w2dku58m] {
  background: var(--cp-primary);
}

.cp-plan-chart-dot--planned[b-z4w2dku58m] {
  background: #94a3b8;
}

.cp-plan-indicator-card > span[b-z4w2dku58m] {
  font-size: 12px;
  color: #64748b;
}

.cp-plan-indicator-value[b-z4w2dku58m] {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cp-plan-indicator-value strong[b-z4w2dku58m] {
  font-size: 16px;
  color: #0f172a;
}

.cp-plan-dot[b-z4w2dku58m] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.cp-plan-dot--green[b-z4w2dku58m] {
  background: #16a34a;
}

.cp-plan-dot--amber[b-z4w2dku58m] {
  background: #f59e0b;
}

.cp-plan-dot--red[b-z4w2dku58m] {
  background: #ef4444;
}

.cp-plan-section[b-z4w2dku58m] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.cp-plan-section--gantt[b-z4w2dku58m] {
  display: block;
  min-height: 160px;
  position: relative;
  z-index: 0;
  margin-top: 6px;
  flex: 0 0 auto;
}

.cp-plan-section__head[b-z4w2dku58m] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.cp-plan-section__head h2[b-z4w2dku58m] {
  margin: 0;
  font-size: 16px;
  color: #0f172a;
}

.cp-plan-empty[b-z4w2dku58m] {
  padding: 16px;
  color: #64748b;
  font-size: 14px;
}

.cp-plan-proj-pill[b-z4w2dku58m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-proj-pill--ok[b-z4w2dku58m] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-proj-pill--danger[b-z4w2dku58m] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-plan-proj-pill--warning[b-z4w2dku58m] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-plan-proj-pill--info[b-z4w2dku58m] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-plan-proj-pill--neutral[b-z4w2dku58m] {
  background: #edf2f7;
  color: #475569;
}

.cp-plan-gantt-shell[b-z4w2dku58m] {
  width: 100%;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cp-plan-gantt-scroll[b-z4w2dku58m] {
  max-height: min(62vh, 760px);
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}

.cp-plan-gantt-table[b-z4w2dku58m] {
  display: grid;
  grid-template-columns: 290px calc(var(--cp-gantt-cols) * var(--cp-gantt-cell-size));
  min-width: calc(290px + (var(--cp-gantt-cols) * var(--cp-gantt-cell-size)));
  background: #fff;
}

.cp-plan-gantt-table--fit[b-z4w2dku58m] {
  grid-template-columns: 290px minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

.cp-plan-gantt-side[b-z4w2dku58m] {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 290px;
  min-width: 290px;
  max-width: 290px;
  background: #fff;
  border-right: 1px solid #dbe4ef;
  padding: 10px 12px;
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-plan-gantt-side--head[b-z4w2dku58m],
.cp-plan-gantt-side--subhead[b-z4w2dku58m] {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  display: flex;
  align-items: center;
}

.cp-plan-gantt-side--head[b-z4w2dku58m] {
  min-height: 46px;
  border-bottom: 1px solid #dbe4ef;
  background: #f8fafc;
  z-index: 4;
}

.cp-plan-gantt-side--subhead[b-z4w2dku58m] {
  min-height: 42px;
  border-bottom: 1px solid #dbe4ef;
  color: #475569;
  z-index: 4;
}

.cp-plan-gantt-years[b-z4w2dku58m],
.cp-plan-gantt-months[b-z4w2dku58m] {
  display: grid;
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(var(--cp-gantt-cell-size), 1fr));
}

.cp-plan-gantt-table--fit .cp-plan-gantt-years[b-z4w2dku58m],
.cp-plan-gantt-table--fit .cp-plan-gantt-months[b-z4w2dku58m] {
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(0, 1fr));
}

.cp-plan-gantt-years[b-z4w2dku58m] {
  min-height: 46px;
  background: #f8fafc;
  border-bottom: 1px solid #dbe4ef;
}

.cp-plan-gantt-years > div[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dbe4ef;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-years > div[b-z4w2dku58m] {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-plan-gantt-months[b-z4w2dku58m] {
  min-height: 42px;
  background: #fff;
  border-bottom: 1px solid #dbe4ef;
}

.cp-plan-gantt-month[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eef2f7;
  font-size: 11px;
  color: #64748b;
  text-transform: capitalize;
  min-width: 0;
  overflow: hidden;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-month[b-z4w2dku58m] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}

.cp-plan-gantt-month--year-start[b-z4w2dku58m] {
  border-left: 1px solid #cbd5e1;
}

.cp-plan-gantt-side--row[b-z4w2dku58m] {
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  z-index: 3;
}

.cp-plan-gantt-side__meta[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-plan-gantt-side__meta small[b-z4w2dku58m] {
  font-size: 10px;
  color: #64748b;
}

.cp-plan-gantt-side__title[b-z4w2dku58m] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-plan-gantt-side--row > .cp-plan-gantt-side__code[b-z4w2dku58m] {
  font-size: 11px;
  color: #0f172a;
}

.cp-plan-gantt-side__code[b-z4w2dku58m] {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #64748b;
}

.cp-plan-gantt-side__dash[b-z4w2dku58m] {
  color: #64748b;
  font-size: 12px;
  line-height: 1;
}

.cp-plan-gantt-side--row > .cp-plan-gantt-side__name[b-z4w2dku58m] {
  font-size: 12px;
  color: #334155;
  font-weight: 600;
}

.cp-plan-gantt-side__name[b-z4w2dku58m] {
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-plan-gantt-track[b-z4w2dku58m] {
  position: relative;
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  background-color: #fff;
  background-image:
    linear-gradient(to right, rgba(226, 232, 240, 0.75) 1px, transparent 1px),
    linear-gradient(to bottom, #ffffff, #ffffff);
  background-size: var(--cp-gantt-cell-size) 100%, 100% 100%;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-track[b-z4w2dku58m] {
  background-size: calc(100% / var(--cp-gantt-cols)) 100%, 100% 100%;
}

.cp-plan-gantt-bar[b-z4w2dku58m] {
  position: absolute;
  top: 18px;
  height: 18px;
  min-width: calc(var(--cp-gantt-cell-size) - 12px);
  border-radius: 999px;
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.cp-plan-gantt-table--fit .cp-plan-gantt-bar[b-z4w2dku58m] {
  min-width: 2px;
}

.cp-plan-gantt-bar__progress[b-z4w2dku58m] {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  background: linear-gradient(90deg, #0a84ff 0%, #38bdf8 45%, #7dd3fc 100%);
}

.cp-plan-gantt-bar__text[b-z4w2dku58m] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
  color: #0f172a;
}

.cp-plan-gantt-side--spacer[b-z4w2dku58m] {
  min-height: 28px;
  border-bottom: 0;
  background: #ffffff;
  z-index: 3;
}

.cp-plan-gantt-track--spacer[b-z4w2dku58m] {
  min-height: 28px;
  border-bottom: 0;
  background-image: none;
}

@media (hover: hover) {
  .cp-proj-row:hover[b-z4w2dku58m],
  .cp-proj-row:focus-within[b-z4w2dku58m] {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  .cp-proj-row:hover .cp-proj-row__menu[b-z4w2dku58m],
  .cp-proj-row:focus-within .cp-proj-row__menu[b-z4w2dku58m] {
    max-width: 56px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  .cp-proj-row:hover .cp-proj-row__planning-line[b-z4w2dku58m],
  .cp-proj-row:focus-within .cp-proj-row__planning-line[b-z4w2dku58m] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-proj-row:hover .cp-proj-row__expanded[b-z4w2dku58m],
  .cp-proj-row:focus-within .cp-proj-row__expanded[b-z4w2dku58m] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-proj-row__menu[b-z4w2dku58m] {
    max-width: 56px;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    transform: none;
  }

  .cp-proj-row__planning-line[b-z4w2dku58m] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-proj-row__expanded[b-z4w2dku58m] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (max-width: 768px) {
  .cp-prj-toolbar-shell[b-z4w2dku58m] {
    border-radius: 12px 12px 0 0;
  }

  .cp-prj-content-shell[b-z4w2dku58m] {
    border-radius: 0 0 12px 12px;
  }

  .cp-prj-cards-wrap[b-z4w2dku58m] {
    padding: 8px 8px 20px;
  }

  .cp-proj-row[b-z4w2dku58m] {
    padding: 10px;
  }

  .cp-proj-row__layout[b-z4w2dku58m] {
    grid-template-columns: 1fr;
  }

  .cp-proj-row__title-input[b-z4w2dku58m] {
    min-width: 243px;
  }

  .cp-plan-pie[b-z4w2dku58m] {
    width: 100%;
    min-width: 0;
  }

  .cp-plan-progress-chart[b-z4w2dku58m] {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .cp-plan-section[b-z4w2dku58m],
  .cp-plan-stats-shell[b-z4w2dku58m] {
    padding: 8px;
  }

  .cp-plan-gantt-table[b-z4w2dku58m] {
    grid-template-columns: 220px calc(var(--cp-gantt-cols) * var(--cp-gantt-cell-size));
    min-width: calc(220px + (var(--cp-gantt-cols) * var(--cp-gantt-cell-size)));
  }

  .cp-plan-gantt-table--fit[b-z4w2dku58m] {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .cp-plan-gantt-side[b-z4w2dku58m] {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsListFilterDialog.razor.rz.scp.css */
.cp-prj-filter-title[b-nc96g8yuhm] {
  margin-bottom: 0.35rem;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsOkrHistoryDialog.razor.rz.scp.css */
.cp-okr-history-table-wrap[b-83r4bkb5a6] {
  max-height: min(60vh, 520px);
  overflow: auto;
}

.cp-okr-history-table[b-83r4bkb5a6] {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

.cp-okr-history-table thead th[b-83r4bkb5a6] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #dbe4ef;
  white-space: nowrap;
}

.cp-okr-history-table tbody td[b-83r4bkb5a6] {
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f7;
  color: #334155;
  font-size: 13px;
  vertical-align: top;
}

.cp-okr-history-table tbody tr:hover[b-83r4bkb5a6] {
  background: #f8fafc;
}

.cp-okr-history-table__right[b-83r4bkb5a6] {
  text-align: right;
}

.cp-okr-history-empty[b-83r4bkb5a6] {
  color: #64748b;
  font-size: 13px;
  padding: 8px 2px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsOrphanSelectorDialog.razor.rz.scp.css */
.cp-orphan-dialog[b-jqeggqy5oo] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 420px;
}

.cp-orphan-list[b-jqeggqy5oo] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 680px;
  overflow-y: auto;
  padding-right: 2px;
}

.cp-proj-row[b-jqeggqy5oo] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 9px 12px;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-proj-row:hover[b-jqeggqy5oo] {
  transform: translateY(-1px);
  border-color: #cbd5e1;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.cp-proj-row--selected[b-jqeggqy5oo] {
  border-color: #0a84ff;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.16);
}

.cp-proj-row__layout[b-jqeggqy5oo] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-proj-row__progress-wrap[b-jqeggqy5oo] {
  display: flex;
  justify-content: center;
}

.cp-proj-progress-donut[b-jqeggqy5oo] {
  --cp-proj-progress-angle: 0deg;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(#0a84ff 0deg var(--cp-proj-progress-angle), #e2e8f0 var(--cp-proj-progress-angle) 360deg);
}

.cp-proj-progress-donut[b-jqeggqy5oo]::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: #ffffff;
}

.cp-proj-progress-donut span[b-jqeggqy5oo] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 11px;
  font-weight: 800;
}

.cp-proj-row__content[b-jqeggqy5oo] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.cp-proj-row__top[b-jqeggqy5oo] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.cp-proj-row__heading[b-jqeggqy5oo] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-proj-row__signals[b-jqeggqy5oo] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-proj-row__signals span[b-jqeggqy5oo] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.cp-proj-row__title-line[b-jqeggqy5oo] {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.cp-proj-row__title[b-jqeggqy5oo] {
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-proj-row__selected-icon[b-jqeggqy5oo] {
  color: #0a84ff;
  font-size: 20px;
  flex: 0 0 auto;
}

.cp-proj-row__planning-line[b-jqeggqy5oo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-proj-row__planning-line .material-symbols-outlined[b-jqeggqy5oo] {
  color: #64748b;
  font-size: 16px;
}

.cp-proj-row__planning-line strong[b-jqeggqy5oo] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-proj-pill[b-jqeggqy5oo] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
}

.cp-proj-pill--ok[b-jqeggqy5oo] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-proj-pill--danger[b-jqeggqy5oo] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-proj-pill--warning[b-jqeggqy5oo] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-proj-pill--info[b-jqeggqy5oo] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-proj-pill--neutral[b-jqeggqy5oo] {
  background: #edf2f7;
  color: #475569;
}

.cp-proj-row__expanded[b-jqeggqy5oo] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-proj-row__expanded-item[b-jqeggqy5oo] {
  display: grid;
  grid-template-columns: 1px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.cp-proj-row__expanded-item > strong[b-jqeggqy5oo] {
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
}

.cp-proj-row__tag-list[b-jqeggqy5oo] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-tag-chip[b-jqeggqy5oo] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  padding: 3px 8px;
  background: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

.cp-task-tag-chip__dot[b-jqeggqy5oo] {
  width: 7px;
  height: 7px;
  border-radius: 999px;
}

.cp-proj-row__tag-empty[b-jqeggqy5oo] {
  color: #94a3b8;
  font-size: 12px;
  font-style: italic;
}

.cp-proj-dot[b-jqeggqy5oo] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.cp-proj-dot--green[b-jqeggqy5oo] {
  background: #16a34a;
}

.cp-proj-dot--amber[b-jqeggqy5oo] {
  background: #f59e0b;
}

.cp-proj-dot--red[b-jqeggqy5oo] {
  background: #ef4444;
}

@media (hover: hover) {
  .cp-proj-row:hover .cp-proj-row__planning-line[b-jqeggqy5oo],
  .cp-proj-row:focus-within .cp-proj-row__planning-line[b-jqeggqy5oo] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-proj-row:hover .cp-proj-row__expanded[b-jqeggqy5oo],
  .cp-proj-row:focus-within .cp-proj-row__expanded[b-jqeggqy5oo] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-proj-row__planning-line[b-jqeggqy5oo] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-proj-row__expanded[b-jqeggqy5oo] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

.cp-orphan-empty[b-jqeggqy5oo] {
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  color: #64748b;
  font-size: 13px;
  padding: 12px;
}

@media (max-width: 640px) {
  .cp-proj-row__layout[b-jqeggqy5oo] {
    grid-template-columns: 1fr;
  }

  .cp-proj-row__progress-wrap[b-jqeggqy5oo] {
    justify-content: flex-start;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsPlanConfigurationDialog.razor.rz.scp.css */
.cp-prj-config-dialog[b-xs6n98ihl7] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 360px;
}

.cp-prj-config-card[b-xs6n98ihl7] {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-prj-config-card__head[b-xs6n98ihl7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cp-prj-config-card__head h3[b-xs6n98ihl7] {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.cp-prj-config-tags__list[b-xs6n98ihl7] {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.cp-prj-config-tags__empty[b-xs6n98ihl7] {
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  padding: 9px 10px;
  color: #94a3b8;
  font-size: 12px;
}

.cp-prj-config-tag-chip[b-xs6n98ihl7] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  padding: 5px 8px 5px 10px;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-config-tag-chip__dot[b-xs6n98ihl7] {
  width: 9px;
  height: 9px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  border-radius: 999px;
  flex: 0 0 auto;
}

.cp-prj-config-tag-chip button[b-xs6n98ihl7] {
  border: 0;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.cp-prj-config-tag-chip button .material-symbols-outlined[b-xs6n98ihl7] {
  font-size: 15px;
}

@media (max-width: 640px) {
  .cp-prj-config-dialog[b-xs6n98ihl7] {
    min-width: 0;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsPlanDetail.razor.rz.scp.css */
.cp-plan-head-shell[b-ygk5evehr3] {
  display: flex;
  width: 100%;
  min-width: 0;
}

.cp-plan-head-main[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

.cp-plan-head-title-row[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

.cp-plan-head-title-row > .cp-text-inter-bold-30[b-ygk5evehr3] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cp-plan-head-actions[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  flex: 0 0 auto;
}

.cp-plan-head-title-input[b-ygk5evehr3] {
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
}

.cp-plan-head-title-input[b-ygk5evehr3]  .mud-input-control,
.cp-plan-head-title-input[b-ygk5evehr3]  .mud-input-root,
.cp-plan-head-title-input[b-ygk5evehr3]  .mud-input-slot {
  width: 100%;
}

.cp-plan-head-title-input[b-ygk5evehr3]  input {
  font-size: 18px;
  min-height: 52px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.cp-plan-head-note-row[b-ygk5evehr3] {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  width: min(100%, 1040px);
}

.cp-plan-head-note-editor[b-ygk5evehr3] {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.cp-plan-head-note-input[b-ygk5evehr3] {
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
}

.cp-plan-head-note-input[b-ygk5evehr3]  textarea {
  font-size: 17px;
  min-height: 94px;
  line-height: 1.35;
  padding-top: 11px;
  padding-bottom: 11px;
}

.cp-plan-head-note[b-ygk5evehr3] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
  max-width: 990px;
}

.cp-plan-head-note--empty[b-ygk5evehr3] {
  color: #94a3b8;
  font-style: italic;
}

.cp-plan-head-meta-line[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.cp-plan-head-meta-line .material-symbols-outlined[b-ygk5evehr3] {
  color: #64748b;
  font-size: 18px;
}

.cp-plan-head-meta-line strong[b-ygk5evehr3] {
  color: #1e293b;
  font-size: 13px;
  font-weight: 700;
}

.cp-plan-pill[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-pill--ok[b-ygk5evehr3] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-pill--warning[b-ygk5evehr3] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-plan-stats-toggle-row[b-ygk5evehr3] {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

.cp-plan-stats-toggle-row--header[b-ygk5evehr3] {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 12px;
}

.cp-plan-stats-toggle[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(173, 188, 206, 0.75);
  border-radius: 9999px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.cp-plan-stats-shell[b-ygk5evehr3] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.cp-plan-stats-grid[b-ygk5evehr3] {
  display: grid;
  gap: 10px;
}

.cp-plan-stats-grid--top[b-ygk5evehr3] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.cp-plan-stats-grid--bottom[b-ygk5evehr3] {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cp-plan-stat-card[b-ygk5evehr3],
.cp-plan-indicator-card[b-ygk5evehr3] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
}

.cp-plan-stat-card__head[b-ygk5evehr3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.cp-plan-stat-card__head h2[b-ygk5evehr3] {
  margin: 0;
  font-size: 14px;
  color: #0f172a;
}

.cp-plan-mini-btn[b-ygk5evehr3] {
  border: 1px solid #dbe4ef;
  background: #ffffff;
  border-radius: 999px;
  min-width: 30px;
  height: 26px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
}

.cp-plan-pie-wrap[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  align-items: center;
  min-height: 260px;
}

.cp-plan-pie[b-ygk5evehr3] {
  width: 280px;
  min-width: 280px;
  height: 240px;
  border-radius: 10px;
  flex-shrink: 0;
  overflow: visible;
  background: transparent;
  margin-inline: auto;
}

.cp-plan-pie-legend[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 200px;
}

.cp-plan-pie-legend__item[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.25;
}

.cp-plan-progress-chart[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
}

.cp-plan-progress-chart__axis--y[b-ygk5evehr3] {
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 2px 0 22px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-progress-chart__plot[b-ygk5evehr3] {
  position: relative;
  min-height: 212px;
  padding-bottom: 22px;
  overflow: visible;
}

.cp-plan-progress-chart__plot svg[b-ygk5evehr3] {
  width: 100%;
  height: 190px;
  overflow: visible;
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(226, 232, 240, .55) 1px, transparent 1px) 0 0 / 20% 100%,
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
}

.cp-plan-progress-chart__plot line[b-ygk5evehr3] {
  stroke: rgba(148, 163, 184, .35);
  stroke-width: .5;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__plot .cp-plan-progress-chart__today-marker[b-ygk5evehr3] {
  stroke: rgba(220, 38, 38, 0.85);
  stroke-width: 1.2;
  stroke-dasharray: 3 2;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__line[b-ygk5evehr3] {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.cp-plan-progress-chart__line--real[b-ygk5evehr3] {
  stroke: var(--cp-primary);
}

.cp-plan-progress-chart__line--planned[b-ygk5evehr3] {
  stroke: #94a3b8;
  stroke-dasharray: 5 4;
}

.cp-plan-progress-chart__point[b-ygk5evehr3] {
  position: absolute;
  width: 8.4px;
  height: 8.4px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .15s ease;
  border: 1px solid #ffffff;
  z-index: 2;
  cursor: pointer;
}

.cp-plan-progress-chart__plot:hover .cp-plan-progress-chart__point[b-ygk5evehr3] {
  opacity: 1;
}

.cp-plan-progress-chart__tooltip[b-ygk5evehr3] {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);
  display: block;
  min-width: max-content;
  max-width: 220px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.26);
  z-index: 30;
}

.cp-plan-progress-chart__tooltip[b-ygk5evehr3]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0f172a;
}

.cp-plan-progress-chart__point:hover .cp-plan-progress-chart__tooltip[b-ygk5evehr3],
.cp-plan-progress-chart__point:focus-visible .cp-plan-progress-chart__tooltip[b-ygk5evehr3] {
  visibility: visible;
  opacity: 1;
}

.cp-plan-progress-chart__point--real[b-ygk5evehr3] {
  background: var(--cp-primary);
}

.cp-plan-progress-chart__point--planned[b-ygk5evehr3] {
  background: #94a3b8;
}

.cp-plan-progress-chart__months[b-ygk5evehr3] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
}

.cp-plan-progress-chart__months span[b-ygk5evehr3] {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-plan-progress-chart__months span:first-child[b-ygk5evehr3] {
  transform: translateX(0);
}

.cp-plan-progress-chart__months span:last-child[b-ygk5evehr3] {
  transform: translateX(-100%);
}

.cp-plan-progress-chart__legend[b-ygk5evehr3] {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-progress-chart__legend span[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-plan-chart-dot[b-ygk5evehr3] {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.cp-plan-chart-dot--real[b-ygk5evehr3] {
  background: var(--cp-primary);
}

.cp-plan-chart-dot--planned[b-ygk5evehr3] {
  background: #94a3b8;
}

.cp-plan-progress-metrics[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-plan-progress-row[b-ygk5evehr3] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-plan-progress-row__head[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-plan-progress-row span[b-ygk5evehr3] {
  font-size: 12px;
  color: #64748b;
}

.cp-plan-progress-row strong[b-ygk5evehr3] {
  font-size: 14px;
  color: #0f172a;
}

.cp-plan-progress-track[b-ygk5evehr3] {
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.cp-plan-progress-fill[b-ygk5evehr3] {
  height: 100%;
  border-radius: 999px;
  background: #0a84ff;
}

.cp-plan-progress-fill--hours[b-ygk5evehr3] {
  background: #16a34a;
}

.cp-plan-indicator-card > span[b-ygk5evehr3] {
  font-size: 12px;
  color: #64748b;
}

.cp-plan-indicator-value[b-ygk5evehr3] {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cp-plan-indicator-value strong[b-ygk5evehr3] {
  font-size: 16px;
  color: #0f172a;
}

.cp-plan-dot[b-ygk5evehr3] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.cp-plan-dot--green[b-ygk5evehr3] {
  background: #16a34a;
}

.cp-plan-dot--amber[b-ygk5evehr3] {
  background: #f59e0b;
}

.cp-plan-dot--red[b-ygk5evehr3] {
  background: #ef4444;
}

.cp-plan-section[b-ygk5evehr3] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.cp-plan-section__head[b-ygk5evehr3] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.cp-plan-section__head h2[b-ygk5evehr3] {
  margin: 0;
  font-size: 16px;
  color: #0f172a;
}

.cp-plan-track-toolbar[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.cp-plan-track-toolbar label[b-ygk5evehr3] {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.cp-plan-track-select[b-ygk5evehr3] {
  min-width: min(420px, 100%);
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 10px;
  outline: none;
}

.cp-plan-track-select:focus[b-ygk5evehr3] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-plan-track-list[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 50vh;
  overflow: auto;
}

.cp-plan-track-row[b-ygk5evehr3] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-plan-track-row__layout[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-plan-track-row__progress-wrap[b-ygk5evehr3] {
  display: flex;
  justify-content: center;
}

.cp-plan-track-row__icon[b-ygk5evehr3] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  color: var(--cp-primary);
  border: 1px solid #bfdbfe;
}

.cp-plan-track-row__icon .material-symbols-outlined[b-ygk5evehr3] {
  font-size: 21px;
}

.cp-plan-track-row__content[b-ygk5evehr3] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-plan-track-row__top[b-ygk5evehr3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.cp-plan-track-row__heading[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-plan-track-row__planning-line[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.cp-plan-track-row__planning-line .material-symbols-outlined[b-ygk5evehr3] {
  color: #64748b;
  font-size: 18px;
}

.cp-plan-track-row__planning-line strong[b-ygk5evehr3] {
  color: #1e293b;
  font-size: 13px;
  font-weight: 700;
}

.cp-plan-track-row__expanded[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 8px;
}

.cp-plan-track-row__expanded-item[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-plan-track-row__expanded-item > span[b-ygk5evehr3] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-track-row__expanded-item > p[b-ygk5evehr3] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
  white-space: pre-wrap;
}

.cp-plan-track-row--warning[b-ygk5evehr3] {
  border-left: 4px solid #f59e0b;
}

.cp-plan-track-row--success[b-ygk5evehr3] {
  border-left: 4px solid #16a34a;
}

.cp-plan-track-row--info[b-ygk5evehr3] {
  border-left: 4px solid #0a84ff;
}

.cp-plan-track-card[b-ygk5evehr3] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
}

.cp-plan-track-card__head[b-ygk5evehr3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.cp-plan-track-link[b-ygk5evehr3] {
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.25;
}

.cp-plan-track-link:hover[b-ygk5evehr3] {
  text-decoration: underline;
}

.cp-plan-track-card__meta[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.cp-plan-track-card__meta-label[b-ygk5evehr3] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-track-card__meta strong[b-ygk5evehr3] {
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
}

.cp-plan-track-card p[b-ygk5evehr3] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
  white-space: pre-wrap;
}

.cp-plan-track-card--warning[b-ygk5evehr3] {
  border-left: 4px solid #f59e0b;
}

.cp-plan-track-card--success[b-ygk5evehr3] {
  border-left: 4px solid #16a34a;
}

.cp-plan-track-card--info[b-ygk5evehr3] {
  border-left: 4px solid #0a84ff;
}

.cp-plan-projects-list[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 28px;
}

.cp-plan-proj-row[b-ygk5evehr3] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 7px 10px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-plan-proj-row__layout[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.cp-plan-proj-row__progress-wrap[b-ygk5evehr3] {
  display: flex;
  justify-content: center;
}

.cp-plan-proj-progress-donut[b-ygk5evehr3] {
  --cp-plan-proj-progress-color: #0a84ff;
  --cp-plan-proj-progress-angle: 0deg;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-plan-proj-progress-color) 0deg var(--cp-plan-proj-progress-angle),
    #e2e8f0 var(--cp-plan-proj-progress-angle) 360deg
  );
}

.cp-plan-proj-progress-donut[b-ygk5evehr3]::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-plan-proj-progress-donut span[b-ygk5evehr3] {
  position: relative;
  z-index: 1;
  font-size: 8px;
  font-weight: 800;
  color: #0f172a;
}

.cp-plan-proj-row__content[b-ygk5evehr3] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-plan-proj-row__top[b-ygk5evehr3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.cp-plan-proj-row__heading[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.cp-plan-proj-row__origin[b-ygk5evehr3] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.cp-plan-proj-row__title[b-ygk5evehr3] {
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.cp-plan-proj-row__title:hover[b-ygk5evehr3] {
  text-decoration: underline;
}

.cp-plan-proj-row__actions[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}

.cp-plan-proj-row__reorder-btn[b-ygk5evehr3] {
  color: #64748b;
}

.cp-plan-proj-row__reorder-btn:hover[b-ygk5evehr3] {
  color: var(--cp-primary);
}

.cp-plan-proj-row__unlink-btn[b-ygk5evehr3] {
  color: #64748b;
}

.cp-plan-proj-row__unlink-btn:hover[b-ygk5evehr3] {
  color: #ef4444;
}

.cp-plan-proj-row__planning-line[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
}

.cp-plan-proj-row__planning-line .material-symbols-outlined[b-ygk5evehr3] {
  color: #64748b;
  font-size: 16px;
}

.cp-plan-proj-row__planning-line strong[b-ygk5evehr3] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-plan-proj-pill[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-proj-pill--ok[b-ygk5evehr3] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-proj-pill--danger[b-ygk5evehr3] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-plan-proj-pill--warning[b-ygk5evehr3] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-plan-proj-pill--info[b-ygk5evehr3] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-plan-proj-pill--neutral[b-ygk5evehr3] {
  background: #edf2f7;
  color: #475569;
}

.cp-plan-proj-row__expanded[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-plan-proj-row__expanded-item[b-ygk5evehr3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-plan-proj-row__expanded-item > span[b-ygk5evehr3] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-proj-row__expanded-item > strong[b-ygk5evehr3] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.cp-plan-proj-row__signals[b-ygk5evehr3] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-plan-proj-row__signals--top[b-ygk5evehr3] {
  min-height: 20px;
}

.cp-plan-proj-row__signals span[b-ygk5evehr3] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #475569;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-gantt-shell[b-ygk5evehr3] {
  width: 100%;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}

.cp-plan-gantt-scroll[b-ygk5evehr3] {
  overflow: auto;
  position: relative;
}

.cp-plan-gantt-table[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: 290px calc(var(--cp-gantt-cols) * var(--cp-gantt-cell-size));
  min-width: calc(290px + (var(--cp-gantt-cols) * var(--cp-gantt-cell-size)));
  background: #fff;
}

.cp-plan-gantt-table--fit[b-ygk5evehr3] {
  grid-template-columns: 290px minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

.cp-plan-gantt-side[b-ygk5evehr3] {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 290px;
  min-width: 290px;
  max-width: 290px;
  background: #fff;
  border-right: 1px solid #dbe4ef;
  padding: 10px 12px;
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-plan-gantt-side--head[b-ygk5evehr3],
.cp-plan-gantt-side--subhead[b-ygk5evehr3] {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  display: flex;
  align-items: center;
}

.cp-plan-gantt-side--head[b-ygk5evehr3] {
  min-height: 46px;
  border-bottom: 1px solid #dbe4ef;
  background: #f8fafc;
  z-index: 4;
}

.cp-plan-gantt-side--subhead[b-ygk5evehr3] {
  min-height: 42px;
  border-bottom: 1px solid #dbe4ef;
  color: #475569;
  z-index: 4;
}

.cp-plan-gantt-side--row[b-ygk5evehr3] {
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  z-index: 3;
}

.cp-plan-gantt-side--spacer[b-ygk5evehr3] {
  min-height: 28px;
  border-bottom: 0;
  background: #ffffff;
  z-index: 3;
}

.cp-plan-gantt-side__title[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-plan-gantt-side__meta[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-plan-gantt-side--row > .cp-plan-gantt-side__code[b-ygk5evehr3] {
  font-size: 11px;
  color: #0f172a;
}

.cp-plan-gantt-side__code[b-ygk5evehr3] {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #64748b;
}

.cp-plan-gantt-side--row > .cp-plan-gantt-side__name[b-ygk5evehr3] {
  font-size: 12px;
  color: #334155;
  font-weight: 600;
}

.cp-plan-gantt-side__name[b-ygk5evehr3] {
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-plan-gantt-side--row small[b-ygk5evehr3] {
  font-size: 10px;
  color: #64748b;
}

.cp-plan-gantt-side__dash[b-ygk5evehr3] {
  color: #64748b;
  font-size: 12px;
  line-height: 1;
}

.cp-plan-gantt-years[b-ygk5evehr3],
.cp-plan-gantt-months[b-ygk5evehr3] {
  display: grid;
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(var(--cp-gantt-cell-size), 1fr));
}

.cp-plan-gantt-table--fit .cp-plan-gantt-years[b-ygk5evehr3],
.cp-plan-gantt-table--fit .cp-plan-gantt-months[b-ygk5evehr3] {
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(0, 1fr));
}

.cp-plan-gantt-years[b-ygk5evehr3] {
  min-height: 46px;
  background: #f8fafc;
  border-bottom: 1px solid #dbe4ef;
}

.cp-plan-gantt-years > div[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dbe4ef;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-years > div[b-ygk5evehr3] {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-plan-gantt-months[b-ygk5evehr3] {
  min-height: 42px;
  background: #fff;
  border-bottom: 1px solid #dbe4ef;
}

.cp-plan-gantt-month[b-ygk5evehr3] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eef2f7;
  font-size: 11px;
  color: #64748b;
  text-transform: capitalize;
  min-width: 0;
  overflow: hidden;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-month[b-ygk5evehr3] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}

.cp-plan-gantt-month--year-start[b-ygk5evehr3] {
  border-left: 1px solid #cbd5e1;
}

.cp-plan-gantt-track[b-ygk5evehr3] {
  position: relative;
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  background-color: #fff;
  background-image:
    linear-gradient(to right, rgba(226, 232, 240, 0.75) 1px, transparent 1px),
    linear-gradient(to bottom, #ffffff, #ffffff);
  background-size: var(--cp-gantt-cell-size) 100%, 100% 100%;
}

.cp-plan-gantt-table--fit .cp-plan-gantt-track[b-ygk5evehr3] {
  background-size: calc(100% / var(--cp-gantt-cols)) 100%, 100% 100%;
}

.cp-plan-gantt-track--spacer[b-ygk5evehr3] {
  min-height: 28px;
  border-bottom: 0;
  background-image: none;
}

.cp-plan-gantt-bar[b-ygk5evehr3] {
  position: absolute;
  top: 18px;
  height: 18px;
  min-width: calc(var(--cp-gantt-cell-size) - 12px);
  border-radius: 999px;
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.cp-plan-gantt-table--fit .cp-plan-gantt-bar[b-ygk5evehr3] {
  min-width: 2px;
}

.cp-plan-gantt-bar__progress[b-ygk5evehr3] {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  background: linear-gradient(90deg, #0a84ff 0%, #38bdf8 45%, #7dd3fc 100%);
}

.cp-plan-gantt-bar__text[b-ygk5evehr3] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
  color: #0f172a;
  justify-content: flex-end;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.cp-plan-btn-toolbar-active[b-ygk5evehr3] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
  background: transparent !important;
}

.cp-plan-btn-toolbar-active .material-symbols-outlined[b-ygk5evehr3],
.cp-plan-btn-toolbar-active .material-icons[b-ygk5evehr3],
.cp-plan-btn-toolbar-active svg[b-ygk5evehr3] {
  color: #0a84ff !important;
  fill: currentColor;
}

.cp-plan-empty[b-ygk5evehr3] {
  color: #64748b;
  font-size: 13px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
}

@media (max-width: 900px) {
  .cp-plan-head-title-row[b-ygk5evehr3] {
    flex-wrap: wrap;
  }

  .cp-plan-head-actions[b-ygk5evehr3] {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .cp-plan-head-title-input[b-ygk5evehr3] {
    min-width: 269px;
  }

  .cp-plan-pie-wrap[b-ygk5evehr3] {
    flex-direction: column;
    align-items: flex-start;
  }

  .cp-plan-head-note-editor[b-ygk5evehr3] {
    max-width: 100%;
    flex-wrap: wrap;
  }

  .cp-plan-head-note-input[b-ygk5evehr3] {
    min-width: 269px;
  }

  .cp-plan-track-select[b-ygk5evehr3] {
    width: 100%;
    min-width: 0;
  }
}

@media (hover: hover) {
  .cp-plan-proj-row:hover[b-ygk5evehr3],
  .cp-plan-proj-row:focus-within[b-ygk5evehr3] {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  .cp-plan-proj-row:hover .cp-plan-proj-row__expanded[b-ygk5evehr3],
  .cp-plan-proj-row:focus-within .cp-plan-proj-row__expanded[b-ygk5evehr3] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-plan-proj-row__planning-line[b-ygk5evehr3] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-plan-proj-row__expanded[b-ygk5evehr3] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsPlans.razor.rz.scp.css */
.cp-btn-toolbar-active[b-b8sz34ec85] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-task-filter-count[b-b8sz34ec85] {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0a84ff;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 6px;
}

.cp-prj-toolbar-shell[b-b8sz34ec85] {
  background: #ffffff;
  border-radius: 14px 14px 0 0;
}

.cp-prj-content-shell[b-b8sz34ec85] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.cp-prj-cards-wrap[b-b8sz34ec85] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 72px;
}

.cp-prj-cards-grid[b-b8sz34ec85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-plan-row[b-b8sz34ec85] {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-plan-row__layout[b-b8sz34ec85] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-plan-row__progress-wrap[b-b8sz34ec85] {
  display: flex;
  justify-content: center;
}

.cp-plan-progress-donut[b-b8sz34ec85] {
  --cp-plan-progress-color: #0a84ff;
  --cp-plan-progress-angle: 0deg;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-plan-progress-color) var(--cp-plan-progress-angle),
    #e2e8f0 0deg
  );
}

.cp-plan-progress-donut[b-b8sz34ec85]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-plan-progress-donut span[b-b8sz34ec85] {
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 800;
  color: #0f172a;
}

.cp-plan-row__content[b-b8sz34ec85] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
  padding-right: 42px;
}

.cp-plan-row__top[b-b8sz34ec85] {
  display: block;
  min-width: 0;
}

.cp-plan-row__heading[b-b8sz34ec85] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.cp-plan-row__title[b-b8sz34ec85] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.05;
  text-decoration: none;
  cursor: pointer;
}

.cp-plan-row__title:hover[b-b8sz34ec85] {
  text-decoration: underline;
}

.cp-plan-row__title-line[b-b8sz34ec85] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-plan-row__title-edit-btn[b-b8sz34ec85] {
  color: #64748b;
}

.cp-plan-row__title-edit-btn:hover[b-b8sz34ec85] {
  color: var(--cp-primary);
}

.cp-plan-row__title-edit[b-b8sz34ec85] {
  min-width: 0;
  width: 100%;
  max-width: 768px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-plan-row__title-input[b-b8sz34ec85] {
  flex: 1 1 576px;
  min-width: 576px;
  max-width: 100%;
}

.cp-plan-row__title-input[b-b8sz34ec85]  .mud-input-control,
.cp-plan-row__title-input[b-b8sz34ec85]  .mud-input-root,
.cp-plan-row__title-input[b-b8sz34ec85]  .mud-input-slot {
  width: 100%;
}

.cp-plan-row__title-input[b-b8sz34ec85]  input {
  font-size: 13px;
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cp-plan-row__menu[b-b8sz34ec85] {
  position: absolute;
  top: -6px;
  right: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(10px);
  transition: max-width 180ms ease, opacity 140ms ease, transform 180ms ease;
}

.cp-plan-row__planning-line[b-b8sz34ec85] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: none;
  opacity: 1;
  overflow: visible;
  transform: none;
  margin-top: 0;
  line-height: 1.1;
}

.cp-plan-row__planning-line .material-symbols-outlined[b-b8sz34ec85] {
  color: #64748b;
  font-size: 18px;
}

.cp-plan-row__planning-line strong[b-b8sz34ec85] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-plan-pill[b-b8sz34ec85] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-pill--ok[b-b8sz34ec85] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-pill--warning[b-b8sz34ec85] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-plan-pill--neutral[b-b8sz34ec85] {
  background: #edf2f7;
  color: #475569;
}

.cp-plan-row__expanded[b-b8sz34ec85] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-plan-row__expanded-item[b-b8sz34ec85] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-plan-row__expanded-item > span[b-b8sz34ec85] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-row__expanded-item > strong[b-b8sz34ec85] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.cp-plan-row__tag-list[b-b8sz34ec85] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-plan-row__tag-empty[b-b8sz34ec85] {
  color: #94a3b8;
  font-size: 11px;
}

.cp-task-tag-chip[b-b8sz34ec85] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  border: 1px solid #dbe4ef;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-tag-chip__dot[b-b8sz34ec85] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-prj-empty[b-b8sz34ec85] {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

@media (hover: hover) {
  .cp-plan-row:hover[b-b8sz34ec85],
  .cp-plan-row:focus-within[b-b8sz34ec85] {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  .cp-plan-row:hover .cp-plan-row__menu[b-b8sz34ec85],
  .cp-plan-row:focus-within .cp-plan-row__menu[b-b8sz34ec85] {
    max-width: 56px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  .cp-plan-row:hover .cp-plan-row__expanded[b-b8sz34ec85],
  .cp-plan-row:focus-within .cp-plan-row__expanded[b-b8sz34ec85] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-plan-row__menu[b-b8sz34ec85] {
    max-width: 56px;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    transform: none;
  }

  .cp-plan-row__expanded[b-b8sz34ec85] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (max-width: 768px) {
  .cp-prj-toolbar-shell[b-b8sz34ec85] {
    border-radius: 12px 12px 0 0;
  }

  .cp-prj-content-shell[b-b8sz34ec85] {
    border-radius: 0 0 12px 12px;
  }

  .cp-prj-cards-wrap[b-b8sz34ec85] {
    padding: 8px;
  }

  .cp-plan-row[b-b8sz34ec85] {
    padding: 10px;
  }

  .cp-plan-row__layout[b-b8sz34ec85] {
    grid-template-columns: 1fr;
  }

  .cp-plan-row__title-input[b-b8sz34ec85] {
    min-width: 243px;
  }

  .cp-plan-row__progress-wrap[b-b8sz34ec85] {
    padding-top: 0;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsProjectConfigurationDialog.razor.rz.scp.css */
.cp-prj-config-dialog[b-lqk7pe3626] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 360px;
}

.cp-prj-config-dialog :deep(.mud-switch)[b-lqk7pe3626] {
  margin-top: 0;
  margin-bottom: 0;
}

.cp-prj-config-card[b-lqk7pe3626] {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-prj-config-card__head[b-lqk7pe3626] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cp-prj-config-card__head h3[b-lqk7pe3626] {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.cp-prj-config-options[b-lqk7pe3626] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  row-gap: 2px;
}

.cp-prj-config-tags[b-lqk7pe3626] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-config-tags__head[b-lqk7pe3626] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cp-prj-config-tags__head > span[b-lqk7pe3626] {
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-config-tags__list[b-lqk7pe3626] {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.cp-prj-config-tags__empty[b-lqk7pe3626] {
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  padding: 9px 10px;
  color: #94a3b8;
  font-size: 12px;
}

.cp-prj-config-tag-chip[b-lqk7pe3626] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  padding: 5px 8px 5px 10px;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-config-tag-chip__dot[b-lqk7pe3626] {
  width: 9px;
  height: 9px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  border-radius: 999px;
  flex: 0 0 auto;
}

.cp-prj-config-tag-chip button[b-lqk7pe3626] {
  border: 0;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.cp-prj-config-tag-chip button .material-symbols-outlined[b-lqk7pe3626] {
  font-size: 15px;
}

@media (max-width: 640px) {
  .cp-prj-config-dialog[b-lqk7pe3626] {
    min-width: 0;
  }

  .cp-prj-config-options[b-lqk7pe3626] {
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsProjectDetail.razor.rz.scp.css */
.cp-prj-head-main[b-k6mfu9k6kr] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.cp-prj-head-code[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-prj-head-title-row[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 4px;
}

.cp-prj-head-title-input[b-k6mfu9k6kr] {
  flex: 1 1 780px;
  min-width: 780px;
  max-width: 100%;
}

.cp-prj-head-title-input[b-k6mfu9k6kr]  .mud-input-control,
.cp-prj-head-title-input[b-k6mfu9k6kr]  .mud-input-root,
.cp-prj-head-title-input[b-k6mfu9k6kr]  .mud-input-slot {
  width: 100%;
}

.cp-prj-head-title-input[b-k6mfu9k6kr]  input {
  font-size: 14px;
  min-height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cp-prj-head-note-row[b-k6mfu9k6kr] {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.cp-prj-head-note-editor[b-k6mfu9k6kr] {
  min-width: 0;
  width: 100%;
  max-width: 1656px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cp-prj-head-note-actions[b-k6mfu9k6kr] {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}

.cp-prj-head-note-actions--icons[b-k6mfu9k6kr] {
  justify-content: flex-start;
}

.cp-prj-head-note-input[b-k6mfu9k6kr]  .mud-input-control,
.cp-prj-head-note-input[b-k6mfu9k6kr]  .mud-input-root,
.cp-prj-head-note-input[b-k6mfu9k6kr]  .mud-input-slot,
.cp-prj-head-note-input[b-k6mfu9k6kr]  textarea {
  width: 100%;
}

.cp-prj-head-note-input[b-k6mfu9k6kr]  textarea {
  min-height: 112px;
}

.cp-prj-head-note[b-k6mfu9k6kr] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
  max-width: 980px;
}

.cp-prj-head-note--empty[b-k6mfu9k6kr] {
  color: #94a3b8;
  font-style: italic;
}

.cp-prj-head-meta-line[b-k6mfu9k6kr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.cp-prj-head-meta-line .material-symbols-outlined[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 18px;
}

.cp-prj-head-meta-line strong[b-k6mfu9k6kr] {
  color: #1e293b;
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-risk-head-pill[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.cp-prj-risk-head-pill span[b-k6mfu9k6kr] {
  opacity: 0.75;
}

.cp-prj-risk-head-pill strong[b-k6mfu9k6kr] {
  color: inherit;
  font-size: 11px;
}

.cp-prj-risk-head-pill.cp-prj-risk-level--very-low[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-risk-head-pill.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-risk-head-pill.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-risk-head-pill.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-prj-risk-head-pill.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-prj-head-status-btn[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-head-status-btn .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 16px !important;
}

.cp-prj-head-status-btn--danger[b-k6mfu9k6kr] {
  border-color: rgba(239, 68, 68, 0.35);
  color: #b91c1c;
}

.cp-prj-head-status-btn--warning[b-k6mfu9k6kr] {
  border-color: rgba(245, 158, 11, 0.4);
  color: #b45309;
}

.cp-prj-head-status-btn--ok[b-k6mfu9k6kr] {
  border-color: rgba(34, 197, 94, 0.4);
  color: #15803d;
}

.cp-prj-head-status-btn--info[b-k6mfu9k6kr] {
  border-color: rgba(59, 130, 246, 0.4);
  color: #1d4ed8;
}

.cp-prj-pill[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-pill--ok[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-pill--ok-light[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.16);
  color: #16a34a;
}

.cp-prj-pill--ok-dark[b-k6mfu9k6kr] {
  background: rgba(22, 101, 52, 0.14);
  color: #166534;
}

.cp-prj-pill--warning[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-pill--info[b-k6mfu9k6kr] {
  background: rgba(59, 130, 246, 0.14);
  color: #1d4ed8;
}

.cp-prj-pill--danger[b-k6mfu9k6kr] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-prj-pill--neutral[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-stats-shell[b-k6mfu9k6kr] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 10px 96px;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
}

.cp-prj-stats-shell > *[b-k6mfu9k6kr] {
  min-width: 1080px;
}

.cp-prj-body[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.cp-prj-panels-toolbar-wrap[b-k6mfu9k6kr] {
  flex: 0 0 auto;
  display: flex;
  width: 100%;
  min-width: 0;
  padding: 4px 0 0;
  margin-bottom: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.cp-prj-panels-toolbar-wrap[b-k6mfu9k6kr]::-webkit-scrollbar {
  display: none;
}

.cp-prj-panels-toolbar-wrap + .cp-prj-stats-shell[b-k6mfu9k6kr],
.cp-prj-panels-toolbar-wrap + .cp-prj-section[b-k6mfu9k6kr] {
  margin-top: 0;
}

.cp-prj-panels-content[b-k6mfu9k6kr] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 16px;
}

.cp-prj-panels-content--indicators[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cp-prj-panels-content--risks[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 0;
}

.cp-prj-panels-toolbar[b-k6mfu9k6kr] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  padding: 2px 0 4px;
}

.cp-prj-panel-tab[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.cp-prj-panel-tab .material-symbols-outlined[b-k6mfu9k6kr],
.cp-prj-panel-tab .material-icons[b-k6mfu9k6kr],
.cp-prj-panel-tab svg[b-k6mfu9k6kr] {
  font-size: 18px !important;
  margin: 0 !important;
  color: inherit !important;
}

.cp-prj-panel-tab:hover[b-k6mfu9k6kr] {
  border-color: #93c5fd;
  background: #f8fbff;
}

.cp-prj-panel-tab:focus-visible[b-k6mfu9k6kr] {
  outline: 2px solid rgba(10, 132, 255, 0.2);
  outline-offset: 2px;
}

.cp-prj-panel-tab--active[b-k6mfu9k6kr] {
  border-color: var(--cp-primary);
  background: #ffffff;
  color: var(--cp-primary);
  box-shadow: none;
}

.cp-prj-panel-tab--active .material-symbols-outlined[b-k6mfu9k6kr],
.cp-prj-panel-tab--active .material-icons[b-k6mfu9k6kr],
.cp-prj-panel-tab--active svg[b-k6mfu9k6kr] {
  color: var(--cp-primary) !important;
}

@media (max-width: 1024px) {
  .cp-prj-panels-toolbar-wrap[b-k6mfu9k6kr] {
    margin-bottom: 16px;
  }

  .cp-prj-panel-tab[b-k6mfu9k6kr] {
    min-height: 36px;
    padding: 0 12px;
  }
}

.cp-prj-stats-grid[b-k6mfu9k6kr] {
  display: grid;
  gap: 10px;
}

.cp-prj-stats-row[b-k6mfu9k6kr] {
  display: grid;
  gap: 10px;
  align-items: stretch;
}

.cp-prj-stats-row + .cp-prj-stats-row[b-k6mfu9k6kr] {
  margin-top: 10px;
}

.cp-prj-stats-row--two[b-k6mfu9k6kr] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cp-prj-stats-row--optional[b-k6mfu9k6kr] {
  align-items: stretch;
}

.cp-prj-stats-grid--top[b-k6mfu9k6kr] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.cp-prj-stats-grid--top-two-cols[b-k6mfu9k6kr] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cp-prj-stats-grid--bottom[b-k6mfu9k6kr] {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cp-prj-stats-grid--bottom-two-cols[b-k6mfu9k6kr] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.cp-prj-stats-grid--bottom-two-cols > .cp-prj-stats-col[b-k6mfu9k6kr] {
  height: 100%;
}

.cp-prj-stats-col[b-k6mfu9k6kr] {
  min-width: 0;
}

.cp-prj-stats-col--split[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  grid-auto-rows: 1fr;
  height: 100%;
}

.cp-prj-stats-col--split > .cp-prj-stat-card[b-k6mfu9k6kr] {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cp-prj-stat-card[b-k6mfu9k6kr],
.cp-prj-indicator-card[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
}

.cp-prj-stat-card__head[b-k6mfu9k6kr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.cp-prj-stat-card__head h2[b-k6mfu9k6kr] {
  margin: 0;
  font-size: 14px;
  color: #0f172a;
}

.cp-prj-mini-btn[b-k6mfu9k6kr] {
  border: 1px solid #dbe4ef;
  background: #ffffff;
  border-radius: 999px;
  min-width: 30px;
  height: 26px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
}

.cp-prj-pie-wrap[b-k6mfu9k6kr] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  align-items: center;
  min-height: 260px;
}

.cp-prj-pie[b-k6mfu9k6kr] {
  width: 280px;
  min-width: 280px;
  height: 240px;
  border-radius: 10px;
  flex-shrink: 0;
  overflow: visible;
  background: transparent;
  margin-inline: auto;
}

.cp-prj-pie-legend[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 200px;
}

.cp-prj-pie-legend__item[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.25;
}

.cp-prj-progress-metrics[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-prj-progress-row[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-prj-progress-row__head[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-prj-progress-row span[b-k6mfu9k6kr] {
  font-size: 12px;
  color: #64748b;
}

.cp-prj-progress-row strong[b-k6mfu9k6kr] {
  font-size: 14px;
  color: #0f172a;
}

.cp-prj-progress-track[b-k6mfu9k6kr] {
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.cp-prj-progress-fill[b-k6mfu9k6kr] {
  height: 100%;
  border-radius: 999px;
  background: #0a84ff;
}

.cp-prj-progress-fill--hours[b-k6mfu9k6kr] {
  background: #16a34a;
}

.cp-prj-indicator-card > span[b-k6mfu9k6kr] {
  font-size: 12px;
  color: #64748b;
}

.cp-prj-indicator-value[b-k6mfu9k6kr] {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cp-prj-indicator-value strong[b-k6mfu9k6kr] {
  font-size: 16px;
  color: #0f172a;
}

.cp-prj-indicator-milestones[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-prj-indicator-milestone-row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 6px 8px;
}

.cp-prj-indicator-milestone-row > span:first-child[b-k6mfu9k6kr] {
  min-width: 0;
  overflow: hidden;
  color: #1e293b;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-indicator-milestone-row .cp-prj-task-progress-donut[b-k6mfu9k6kr] {
  width: 34px;
  height: 34px;
}

.cp-prj-indicator-milestone-row .cp-prj-task-progress-donut[b-k6mfu9k6kr]::before {
  inset: 4px;
}

.cp-prj-indicator-milestone-row .cp-prj-task-progress-donut span[b-k6mfu9k6kr] {
  font-size: 9px;
}

.cp-prj-stat-card--milestones-modern[b-k6mfu9k6kr] {
  overflow: hidden;
}

.cp-prj-milestone-modern-table[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.cp-prj-milestone-modern-header[b-k6mfu9k6kr],
.cp-prj-milestone-modern-row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px 82px;
  align-items: center;
  gap: 10px;
}

.cp-prj-milestone-modern-header[b-k6mfu9k6kr] {
  min-height: 34px;
  padding: 0 12px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cp-prj-milestone-modern-header__center[b-k6mfu9k6kr] {
  text-align: center;
}

.cp-prj-milestone-modern-row[b-k6mfu9k6kr] {
  min-height: 58px;
  padding: 8px 12px;
  border-top: 1px solid #e2e8f0;
  background: rgba(255, 255, 255, .72);
}

.cp-prj-milestone-modern-row > .cp-prj-pill[b-k6mfu9k6kr] {
  width: 100%;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.cp-prj-milestone-modern-row:hover[b-k6mfu9k6kr] {
  background: #ffffff;
}

.cp-prj-milestone-modern-title[b-k6mfu9k6kr] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.cp-prj-milestone-modern-title strong[b-k6mfu9k6kr] {
  flex: 0 0 auto;
  min-width: 34px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(10, 132, 255, .1);
  color: var(--cp-primary);
  font-size: 11px;
  font-weight: 800;
}

.cp-prj-milestone-modern-title span[b-k6mfu9k6kr] {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-milestone-modern-progress[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.cp-prj-milestone-modern-progress .cp-prj-task-progress-donut[b-k6mfu9k6kr] {
  width: 44px;
  height: 44px;
}

.cp-prj-milestone-modern-empty[b-k6mfu9k6kr] {
  padding: 18px 12px;
  color: #64748b;
  font-size: 12px;
}

.cp-prj-progress-chart[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
}

.cp-prj-progress-chart__axis--y[b-k6mfu9k6kr] {
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 2px 0 22px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.cp-prj-progress-chart__plot[b-k6mfu9k6kr] {
  position: relative;
  min-height: 212px;
  padding-bottom: 22px;
  overflow: visible;
}

.cp-prj-progress-chart__plot svg[b-k6mfu9k6kr] {
  width: 100%;
  height: 190px;
  overflow: visible;
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(226, 232, 240, .55) 1px, transparent 1px) 0 0 / 20% 100%,
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
}

.cp-prj-progress-chart__plot line[b-k6mfu9k6kr] {
  stroke: rgba(148, 163, 184, .35);
  stroke-width: .5;
  vector-effect: non-scaling-stroke;
}

.cp-prj-progress-chart__plot .cp-prj-progress-chart__today-marker[b-k6mfu9k6kr] {
  stroke: rgba(220, 38, 38, 0.85);
  stroke-width: 1.2;
  stroke-dasharray: 3 2;
  vector-effect: non-scaling-stroke;
}

.cp-prj-progress-chart__line[b-k6mfu9k6kr] {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.cp-prj-progress-chart__line--real[b-k6mfu9k6kr] {
  stroke: var(--cp-primary);
}

.cp-prj-progress-chart__line--planned[b-k6mfu9k6kr] {
  stroke: #94a3b8;
  stroke-dasharray: 5 4;
}

.cp-prj-progress-chart__point[b-k6mfu9k6kr] {
  position: absolute;
  width: 8.4px;
  height: 8.4px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .15s ease;
  border: 1px solid #ffffff;
  z-index: 2;
  cursor: pointer;
}

.cp-prj-progress-chart__plot:hover .cp-prj-progress-chart__point[b-k6mfu9k6kr] {
  opacity: 1;
}

.cp-prj-progress-chart__tooltip[b-k6mfu9k6kr] {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);
  display: block;
  min-width: max-content;
  max-width: 220px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.26);
  z-index: 30;
}

.cp-prj-progress-chart__tooltip[b-k6mfu9k6kr]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0f172a;
}

.cp-prj-progress-chart__point:hover .cp-prj-progress-chart__tooltip[b-k6mfu9k6kr],
.cp-prj-progress-chart__point:focus-visible .cp-prj-progress-chart__tooltip[b-k6mfu9k6kr] {
  visibility: visible;
  opacity: 1;
}

.cp-prj-progress-chart__point--real[b-k6mfu9k6kr] {
  background: var(--cp-primary);
}

.cp-prj-progress-chart__point--planned[b-k6mfu9k6kr] {
  background: #94a3b8;
}

.cp-prj-progress-chart__months[b-k6mfu9k6kr] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
}

.cp-prj-progress-chart__months span[b-k6mfu9k6kr] {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-prj-progress-chart__months span:first-child[b-k6mfu9k6kr] {
  transform: translateX(0);
}

.cp-prj-progress-chart__months span:last-child[b-k6mfu9k6kr] {
  transform: translateX(-100%);
}

.cp-prj-progress-chart__legend[b-k6mfu9k6kr] {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-progress-chart__legend span[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-prj-chart-dot[b-k6mfu9k6kr] {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.cp-prj-chart-dot--real[b-k6mfu9k6kr] {
  background: var(--cp-primary);
}

.cp-prj-chart-dot--planned[b-k6mfu9k6kr] {
  background: #94a3b8;
}

.cp-prj-dot[b-k6mfu9k6kr] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.cp-prj-dot--green[b-k6mfu9k6kr] {
  background: #16a34a;
}

.cp-prj-dot--green-light[b-k6mfu9k6kr] {
  background: #22c55e;
}

.cp-prj-dot--green-dark[b-k6mfu9k6kr] {
  background: #166534;
}

.cp-prj-dot--amber[b-k6mfu9k6kr] {
  background: #f59e0b;
}

.cp-prj-dot--red[b-k6mfu9k6kr] {
  background: #ef4444;
}

.cp-prj-dot--neutral[b-k6mfu9k6kr] {
  background: #94a3b8;
}

.cp-prj-kpi-table-card[b-k6mfu9k6kr] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cp-prj-kpi-table[b-k6mfu9k6kr] {
  display: grid;
  gap: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}

.cp-prj-kpi-row[b-k6mfu9k6kr] {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid #eef2f7;
}

.cp-prj-kpi-row:last-child[b-k6mfu9k6kr] {
  border-bottom: 0;
}

.cp-prj-kpi-row > span[b-k6mfu9k6kr] {
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}

.cp-prj-kpi-row .cp-prj-indicator-value[b-k6mfu9k6kr] {
  margin-top: 0;
  justify-content: flex-end;
}

.cp-prj-section[b-k6mfu9k6kr] {
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.cp-prj-risk-section[b-k6mfu9k6kr] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0 !important;
}

.cp-prj-section__head[b-k6mfu9k6kr] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.cp-prj-section__head h2[b-k6mfu9k6kr] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.cp-prj-section__count[b-k6mfu9k6kr] {
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-section__toolbar[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.cp-prj-section__toolbar-separator[b-k6mfu9k6kr] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
}

.cp-prj-milestones-zoom-btn[b-k6mfu9k6kr] {
  margin-left: auto;
}

.cp-prj-milestones-wrap[b-k6mfu9k6kr] {
  position: relative;
}

.cp-prj-milestones-card[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  height: min(62vh, 760px);
  display: flex;
  flex-direction: column;
}

.cp-prj-milestones-scroll[b-k6mfu9k6kr] {
  overflow: auto;
  flex: 1 1 auto;
  padding-bottom: 12px;
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-prj-milestones-scroll[b-k6mfu9k6kr]::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.cp-prj-milestones-scroll[b-k6mfu9k6kr]::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 999px;
}

.cp-prj-milestones-scroll[b-k6mfu9k6kr]::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #e2e8f0;
  border-radius: 999px;
}

.cp-prj-milestones-scroll[b-k6mfu9k6kr]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.cp-prj-scroll-xbar[b-k6mfu9k6kr],
.cp-prj-milestones-xbar[b-k6mfu9k6kr] {
  flex: 0 0 auto;
  min-height: 28px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  box-sizing: border-box;
}

.cp-prj-scroll-xbar--hidden[b-k6mfu9k6kr],
.cp-prj-milestones-xbar--hidden[b-k6mfu9k6kr] {
  display: none;
}

.cp-prj-scroll-xbar__button[b-k6mfu9k6kr],
.cp-prj-milestones-xbar__button[b-k6mfu9k6kr] {
  width: 30px;
  height: 20px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #ffffff;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-prj-scroll-xbar__button:hover[b-k6mfu9k6kr],
.cp-prj-milestones-xbar__button:hover[b-k6mfu9k6kr] {
  border-color: #94a3b8;
  background: #f1f5f9;
}

.cp-prj-scroll-xbar__button:disabled[b-k6mfu9k6kr],
.cp-prj-milestones-xbar__button:disabled[b-k6mfu9k6kr] {
  opacity: 0.45;
  cursor: default;
}

.cp-prj-scroll-xbar__range[b-k6mfu9k6kr],
.cp-prj-milestones-xbar__range[b-k6mfu9k6kr] {
  width: 100%;
  height: 16px;
  margin: 0;
  accent-color: var(--cp-primary);
  cursor: pointer;
}

.cp-prj-scroll-xbar__range[b-k6mfu9k6kr]::-webkit-slider-runnable-track,
.cp-prj-milestones-xbar__range[b-k6mfu9k6kr]::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.cp-prj-scroll-xbar__range[b-k6mfu9k6kr]::-webkit-slider-thumb,
.cp-prj-milestones-xbar__range[b-k6mfu9k6kr]::-webkit-slider-thumb {
  margin-top: -3px;
  width: 24px;
  height: 14px;
  border-radius: 999px;
  border: 0;
  background: var(--cp-primary);
}

.cp-prj-scroll-xbar__range[b-k6mfu9k6kr]::-moz-range-track,
.cp-prj-milestones-xbar__range[b-k6mfu9k6kr]::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.cp-prj-scroll-xbar__range[b-k6mfu9k6kr]::-moz-range-thumb,
.cp-prj-milestones-xbar__range[b-k6mfu9k6kr]::-moz-range-thumb {
  width: 24px;
  height: 14px;
  border-radius: 999px;
  border: 0;
  background: var(--cp-primary);
}

.cp-prj-milestones-card--compact-rows .cp-prj-milestones-hcell[b-k6mfu9k6kr] {
  padding: 6px;
  font-size: 10px;
  letter-spacing: .02em;
}

.cp-prj-milestones-card--compact-rows .cp-prj-milestones-cell[b-k6mfu9k6kr] {
  padding: 5px 6px;
  min-height: 46px;
}

.cp-prj-milestones-card--compact-rows .cp-prj-cell-input[b-k6mfu9k6kr],
.cp-prj-milestones-card--compact-rows .cp-prj-cell-select[b-k6mfu9k6kr],
.cp-prj-milestones-card--compact-rows .cp-prj-cell-textarea[b-k6mfu9k6kr] {
  font-size: 12px;
  padding: 5px 6px;
  line-height: 1.2;
}

.cp-prj-milestones-card--compact-rows .cp-prj-cell-textarea[b-k6mfu9k6kr] {
  min-height: 34px;
}

.cp-prj-milestones-card--compact-rows .cp-prj-staff-picker-field[b-k6mfu9k6kr] {
  grid-template-columns: 1fr 32px;
}

.cp-prj-milestones-card--compact-rows .cp-prj-staff-picker-display[b-k6mfu9k6kr] {
  min-height: 32px;
  padding: 5px 8px;
  font-size: 12px;
}

.cp-prj-milestones-card--compact-rows .cp-prj-inline-picker-btn[b-k6mfu9k6kr] {
  min-width: 32px;
  height: 32px;
}

.cp-prj-milestones-card--compact-rows .cp-icon-btn[b-k6mfu9k6kr] {
  width: 30px;
  height: 30px;
}

.cp-prj-milestones-header[b-k6mfu9k6kr],
.cp-prj-milestones-row[b-k6mfu9k6kr] {
  display: grid;
  width: 100%;
}

.cp-prj-milestones-header[b-k6mfu9k6kr] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--cp-primary);
}

.cp-prj-milestones-hcell[b-k6mfu9k6kr] {
  padding: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #ffffff;
}

.cp-prj-milestones-hcell--center[b-k6mfu9k6kr],
.cp-prj-milestones-cell--center[b-k6mfu9k6kr] {
  justify-content: center;
}

.cp-prj-milestones-hcell--right[b-k6mfu9k6kr],
.cp-prj-milestones-cell--right[b-k6mfu9k6kr] {
  justify-content: flex-end;
}

.cp-prj-milestones-row[b-k6mfu9k6kr] {
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}

.cp-prj-milestones-row:hover[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-milestones-row--dragging[b-k6mfu9k6kr] {
  opacity: 0.65;
}

.cp-prj-milestones-cell[b-k6mfu9k6kr] {
  padding: 10px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 76px;
}

.cp-prj-milestones-hcell--sticky[b-k6mfu9k6kr],
.cp-prj-milestones-cell--sticky[b-k6mfu9k6kr] {
  position: sticky;
}

.cp-prj-milestones-hcell--sticky[b-k6mfu9k6kr] {
  z-index: 4;
  background: var(--cp-primary);
}

.cp-prj-milestones-cell--sticky[b-k6mfu9k6kr] {
  z-index: 2;
  background: #ffffff;
}

.cp-prj-milestones-row:hover .cp-prj-milestones-cell--sticky[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-milestones-hcell--sticky-1[b-k6mfu9k6kr],
.cp-prj-milestones-cell--sticky-1[b-k6mfu9k6kr] {
  left: 0;
}

.cp-prj-milestones-hcell--sticky-2[b-k6mfu9k6kr],
.cp-prj-milestones-cell--sticky-2[b-k6mfu9k6kr] {
  left: 44px;
}

.cp-prj-milestones-hcell--sticky-3[b-k6mfu9k6kr],
.cp-prj-milestones-cell--sticky-3[b-k6mfu9k6kr] {
  left: 90px;
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-prj-milestones-hcell--sticky-shadow[b-k6mfu9k6kr],
.cp-prj-milestones-cell--sticky-shadow[b-k6mfu9k6kr] {
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-prj-cell-input[b-k6mfu9k6kr],
.cp-prj-cell-select[b-k6mfu9k6kr],
.cp-prj-cell-textarea[b-k6mfu9k6kr] {
  width: 100%;
  border-radius: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 400;
  padding: 8px 10px;
  outline: none;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
  box-sizing: border-box;
}

.cp-prj-cell-input:hover[b-k6mfu9k6kr],
.cp-prj-cell-select:hover[b-k6mfu9k6kr],
.cp-prj-cell-textarea:hover[b-k6mfu9k6kr],
.cp-prj-cell-input:focus[b-k6mfu9k6kr],
.cp-prj-cell-select:focus[b-k6mfu9k6kr],
.cp-prj-cell-textarea:focus[b-k6mfu9k6kr] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-prj-cell-input:focus[b-k6mfu9k6kr],
.cp-prj-cell-select:focus[b-k6mfu9k6kr],
.cp-prj-cell-textarea:focus[b-k6mfu9k6kr] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-prj-cell-input:disabled[b-k6mfu9k6kr] {
  background: #f8fafc;
  color: #94a3b8;
}

.cp-prj-cell-textarea[b-k6mfu9k6kr] {
  min-height: 56px;
  resize: vertical;
  line-height: 1.35;
}

.cp-prj-cell-textarea.cp-prj-cell-textarea--single-line[b-k6mfu9k6kr] {
  min-height: 30px;
  height: 30px;
  resize: none;
  overflow-y: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.cp-prj-cell-input--compact[b-k6mfu9k6kr] {
  text-align: right;
}

.cp-prj-staff-picker-field[b-k6mfu9k6kr] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 38px;
  gap: 6px;
}

.cp-prj-staff-picker-display[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.3;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
}

.cp-prj-inline-picker-btn[b-k6mfu9k6kr] {
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  transition: border-color 140ms ease, background-color 140ms ease;
}

.cp-prj-inline-picker-btn:hover[b-k6mfu9k6kr] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-icon-btn[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
}

.cp-icon-btn:hover[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-prj-row-expand-btn[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  height: 28px;
  position: relative;
  width: 28px;
}

.cp-prj-row-expand-btn .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 20px;
  transition: transform 150ms ease;
}

.cp-prj-row-expand-btn__icon--open[b-k6mfu9k6kr] {
  transform: rotate(90deg);
}

.cp-prj-row-expand-btn__count[b-k6mfu9k6kr] {
  align-items: center;
  background: #0a84ff;
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  height: 16px;
  justify-content: center;
  line-height: 1;
  min-width: 16px;
  padding: 0 3px;
  position: absolute;
  right: -5px;
  top: -5px;
}

.cp-icon-btn[draggable="true"][b-k6mfu9k6kr] {
  cursor: grab;
}

.cp-icon-btn[draggable="true"]:active[b-k6mfu9k6kr] {
  cursor: grabbing;
}

.cp-icon-btn--danger[b-k6mfu9k6kr] {
  color: #dc2626;
}

.cp-icon-btn--danger:hover[b-k6mfu9k6kr] {
  color: #b91c1c;
  background: rgba(220, 38, 38, 0.12);
}

.cp-prj-progress-edit[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.cp-prj-progress-edit span[b-k6mfu9k6kr] {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-milestones-detail[b-k6mfu9k6kr] {
  width: 100%;
  min-width: 100%;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  padding: 14px;
  box-sizing: border-box;
}

.cp-prj-milestones-detail__head[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.cp-prj-milestones-detail__head strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 13px;
}

.cp-prj-milestones-detail__separator[b-k6mfu9k6kr] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
  flex: 0 0 auto;
}

.cp-prj-milestones-detail__sort-actions[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.cp-prj-task-sort-icon-btn[b-k6mfu9k6kr] {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  justify-content: center;
}

.cp-prj-task-sort-icon-btn .material-symbols-outlined[b-k6mfu9k6kr] {
  margin: 0;
}

.cp-prj-milestones-detail__cards[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.cp-prj-milestones-warning[b-k6mfu9k6kr] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
  font-size: 12px;
  font-weight: 600;
}

.cp-prj-milestone-status-btn[b-k6mfu9k6kr] {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.cp-prj-task-row[b-k6mfu9k6kr] {
  width: 100%;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.cp-prj-task-row:hover[b-k6mfu9k6kr] {
  transform: scale(1.008);
  border-color: #cbd5e1;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
}

.cp-prj-task-row__layout[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-prj-task-row__progress-wrap[b-k6mfu9k6kr] {
  display: flex;
  justify-content: center;
}

.cp-prj-task-progress-donut[b-k6mfu9k6kr] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-progress-color) 0deg var(--cp-progress-angle),
    #e2e8f0 var(--cp-progress-angle) 360deg
  );
}

.cp-prj-task-progress-donut[b-k6mfu9k6kr]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-prj-task-progress-donut span[b-k6mfu9k6kr] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-prj-task-row__content[b-k6mfu9k6kr] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cp-prj-task-row__top[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-prj-task-row__heading[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
}

.cp-prj-task-row__origin[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-prj-task-row__origin:hover[b-k6mfu9k6kr] {
  color: var(--cp-primary);
}

.cp-prj-task-row__title[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
}

.cp-prj-task-row__title:hover[b-k6mfu9k6kr] {
  text-decoration: underline;
}

.cp-prj-task-row__planning-line[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.cp-prj-task-row__planning-line .material-symbols-outlined[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 16px;
}

.cp-prj-task-row__planning-line strong[b-k6mfu9k6kr] {
  color: #334155;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-task-pill[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-prj-task-pill--done[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-task-pill--progress[b-k6mfu9k6kr] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-prj-task-pill--blocked[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-prj-task-pill--pending[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-task-pill--high[b-k6mfu9k6kr] {
  background: rgba(239, 68, 68, 0.14);
  color: #b91c1c;
}

.cp-prj-task-pill--medium[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

.cp-prj-task-pill--low[b-k6mfu9k6kr] {
  background: rgba(59, 130, 246, 0.12);
  color: #1d4ed8;
}

.cp-prj-task-row__expanded[b-k6mfu9k6kr] {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px dashed #dbe4ef;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
}

.cp-prj-task-row__expanded-item[b-k6mfu9k6kr] {
  display: grid;
  gap: 2px;
}

.cp-prj-task-row__expanded-item > span[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.cp-prj-task-row__expanded-item > strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-task-row__tag-list[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cp-prj-task-tag-chip[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-prj-task-tag-chip__dot[b-k6mfu9k6kr] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-prj-task-row__tag-empty[b-k6mfu9k6kr] {
  color: #94a3b8;
  font-size: 11px;
}

.cp-prj-task-row__footer[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  align-self: end;
}

@media (max-width: 900px) {
  .cp-prj-task-row__expanded[b-k6mfu9k6kr] {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .cp-prj-task-row__footer[b-k6mfu9k6kr] {
    justify-content: flex-start;
  }
}

.cp-prj-task-row__comments[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
}

.cp-prj-task-row--empty[b-k6mfu9k6kr] {
  color: #64748b;
  padding: 12px 14px;
}

.cp-btn-toolbar-active[b-k6mfu9k6kr] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
  background: transparent !important;
}

.cp-btn-toolbar-active .material-symbols-outlined[b-k6mfu9k6kr],
.cp-btn-toolbar-active .material-icons[b-k6mfu9k6kr],
.cp-btn-toolbar-active svg[b-k6mfu9k6kr] {
  color: #0a84ff !important;
  fill: currentColor;
}

.cp-prj-cell-input--money[b-k6mfu9k6kr] {
  text-align: right;
}

.cp-prj-milestones-detail__new-task[b-k6mfu9k6kr] {
  margin-left: 0;
}

.cp-prj-milestones-row--selected[b-k6mfu9k6kr] {
  background: #eaf3ff;
}

.cp-prj-milestones-row--selected .cp-prj-milestones-cell--sticky[b-k6mfu9k6kr] {
  background: #eaf3ff;
}

.cp-prj-project-tasks-section[b-k6mfu9k6kr] {
  min-height: 0;
}

.cp-prj-project-task-groups[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 4px 18px 0;
}

.cp-prj-project-task-flat-list[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 4px 18px 0;
}

.cp-prj-project-task-group[b-k6mfu9k6kr] {
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.cp-prj-project-task-group__head[b-k6mfu9k6kr] {
  width: 100%;
  border: 0;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  text-align: left;
  cursor: pointer;
}

.cp-prj-project-task-group__head .material-symbols-outlined[b-k6mfu9k6kr] {
  color: var(--cp-primary);
}

.cp-prj-project-task-group__count[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-prj-project-task-group__head strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-project-task-group__count[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
  padding: 4px 9px;
  white-space: nowrap;
}

.cp-prj-project-task-group__cards[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 12px;
}

.cp-prj-gantt-shell[b-k6mfu9k6kr] {
  width: 100%;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 0;
  overflow: hidden;
}

.cp-prj-gantt-scroll[b-k6mfu9k6kr] {
  overflow: auto;
  position: relative;
}

.cp-prj-gantt-table[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 290px calc(var(--cp-gantt-cols) * var(--cp-gantt-cell-size));
  min-width: calc(290px + (var(--cp-gantt-cols) * var(--cp-gantt-cell-size)));
  background: #fff;
}

.cp-prj-gantt-table--fit[b-k6mfu9k6kr] {
  grid-template-columns: 290px minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

.cp-prj-gantt-side[b-k6mfu9k6kr] {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 290px;
  min-width: 290px;
  max-width: 290px;
  background: #fff;
  border-right: 1px solid #dbe4ef;
  padding: 10px 12px;
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-prj-gantt-side--head[b-k6mfu9k6kr],
.cp-prj-gantt-side--subhead[b-k6mfu9k6kr] {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  display: flex;
  align-items: center;
}

.cp-prj-gantt-side--head[b-k6mfu9k6kr] {
  min-height: 46px;
  border-bottom: 1px solid #dbe4ef;
  background: #f8fafc;
  z-index: 4;
}

.cp-prj-gantt-side--subhead[b-k6mfu9k6kr] {
  min-height: 42px;
  border-bottom: 1px solid #dbe4ef;
  color: #475569;
  z-index: 4;
}

.cp-prj-gantt-side--row[b-k6mfu9k6kr] {
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  z-index: 3;
}

.cp-prj-gantt-side--spacer[b-k6mfu9k6kr] {
  min-height: 28px;
  border-bottom: 0;
  background: #ffffff;
  z-index: 3;
}

.cp-prj-gantt-side__title[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-prj-gantt-side__meta[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cp-prj-gantt-side--row > .cp-prj-gantt-side__code[b-k6mfu9k6kr] {
  font-size: 11px;
  color: #0f172a;
}

.cp-prj-gantt-side__code[b-k6mfu9k6kr] {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #64748b;
}

.cp-prj-gantt-side--row > .cp-prj-gantt-side__name[b-k6mfu9k6kr] {
  font-size: 12px;
  color: #334155;
  font-weight: 600;
}

.cp-prj-gantt-side__name[b-k6mfu9k6kr] {
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-gantt-side--row small[b-k6mfu9k6kr] {
  font-size: 10px;
  color: #64748b;
}

.cp-prj-gantt-side__dash[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
  line-height: 1;
}

.cp-prj-gantt-years[b-k6mfu9k6kr],
.cp-prj-gantt-months[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(var(--cp-gantt-cell-size), 1fr));
}

.cp-prj-gantt-table--fit .cp-prj-gantt-years[b-k6mfu9k6kr],
.cp-prj-gantt-table--fit .cp-prj-gantt-months[b-k6mfu9k6kr] {
  grid-template-columns: repeat(var(--cp-gantt-cols), minmax(0, 1fr));
}

.cp-prj-gantt-years[b-k6mfu9k6kr] {
  min-height: 46px;
  background: #f8fafc;
  border-bottom: 1px solid #dbe4ef;
}

.cp-prj-gantt-years > div[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dbe4ef;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  min-width: 0;
  overflow: hidden;
}

.cp-prj-gantt-table--fit .cp-prj-gantt-years > div[b-k6mfu9k6kr] {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-prj-gantt-months[b-k6mfu9k6kr] {
  min-height: 42px;
  background: #fff;
  border-bottom: 1px solid #dbe4ef;
}

.cp-prj-gantt-month[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eef2f7;
  font-size: 11px;
  color: #64748b;
  text-transform: capitalize;
  min-width: 0;
  overflow: hidden;
}

.cp-prj-gantt-table--fit .cp-prj-gantt-month[b-k6mfu9k6kr] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}

.cp-prj-gantt-month--year-start[b-k6mfu9k6kr] {
  border-left: 1px solid #cbd5e1;
}

.cp-prj-gantt-track[b-k6mfu9k6kr] {
  position: relative;
  min-height: 54px;
  border-bottom: 1px solid #eef2f7;
  background-color: #fff;
  background-image:
    linear-gradient(to right, rgba(226, 232, 240, 0.75) 1px, transparent 1px),
    linear-gradient(to bottom, #ffffff, #ffffff);
  background-size: var(--cp-gantt-cell-size) 100%, 100% 100%;
}

.cp-prj-gantt-table--fit .cp-prj-gantt-track[b-k6mfu9k6kr] {
  background-size: calc(100% / var(--cp-gantt-cols)) 100%, 100% 100%;
}

.cp-prj-gantt-track--spacer[b-k6mfu9k6kr] {
  min-height: 28px;
  border-bottom: 0;
  background-image: none;
}

.cp-prj-gantt-bar[b-k6mfu9k6kr] {
  position: absolute;
  top: 18px;
  height: 18px;
  min-width: calc(var(--cp-gantt-cell-size) - 12px);
  border-radius: 999px;
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.cp-prj-gantt-table--fit .cp-prj-gantt-bar[b-k6mfu9k6kr] {
  min-width: 2px;
}

.cp-prj-gantt-bar__progress[b-k6mfu9k6kr] {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  background: linear-gradient(90deg, #0a84ff 0%, #38bdf8 45%, #7dd3fc 100%);
}

.cp-prj-gantt-bar__text[b-k6mfu9k6kr] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
  color: #0f172a;
  justify-content: flex-end;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.cp-prj-okr-card[b-k6mfu9k6kr] {
  height: min(46vh, 540px);
}

.cp-prj-okr-scroll[b-k6mfu9k6kr] {
  padding-bottom: 0;
}

.cp-prj-okr-header[b-k6mfu9k6kr],
.cp-prj-okr-row[b-k6mfu9k6kr] {
  display: grid;
  flex: 0 0 auto;
}

.cp-prj-okr-header[b-k6mfu9k6kr] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--cp-primary);
}

.cp-prj-okr-row[b-k6mfu9k6kr] {
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}

.cp-prj-okr-row:hover[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-okr-hcell--sticky[b-k6mfu9k6kr],
.cp-prj-okr-cell--sticky[b-k6mfu9k6kr] {
  position: sticky;
}

.cp-prj-okr-hcell--sticky[b-k6mfu9k6kr] {
  z-index: 4;
  background: var(--cp-primary);
}

.cp-prj-okr-cell--sticky[b-k6mfu9k6kr] {
  z-index: 2;
  background: #ffffff;
}

.cp-prj-okr-row:hover .cp-prj-okr-cell--sticky[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-okr-cell--indicator[b-k6mfu9k6kr] {
  align-items: stretch;
}

.cp-prj-okr-indicator-textarea[b-k6mfu9k6kr] {
  min-height: 56px;
}

.cp-prj-okr-base-field[b-k6mfu9k6kr] {
  position: relative;
  width: 100%;
}

.cp-prj-okr-number-field[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

.cp-prj-okr-number-field .cp-prj-cell-input[b-k6mfu9k6kr] {
  flex: 1 1 auto;
  min-width: 0;
}

.cp-prj-okr-number-suffix[b-k6mfu9k6kr] {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-okr-base-created-pill[b-k6mfu9k6kr] {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%) translateY(4px);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
  z-index: 7;
  transition: opacity 140ms ease, transform 140ms ease;
}

.cp-prj-okr-base-field:hover .cp-prj-okr-base-created-pill[b-k6mfu9k6kr],
.cp-prj-okr-base-field:focus-within .cp-prj-okr-base-created-pill[b-k6mfu9k6kr] {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.cp-prj-okr-note[b-k6mfu9k6kr] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-prj-okr-note__button[b-k6mfu9k6kr] {
  color: #94a3b8;
}

.cp-prj-okr-note__button--filled[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  background: #eff6ff;
}

.cp-prj-okr-note__popover[b-k6mfu9k6kr] {
  position: absolute;
  right: -18px;
  top: calc(100% + 8px);
  width: 280px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 140ms ease, transform 140ms ease;
  z-index: 12;
}

.cp-prj-okr-note__popover[b-k6mfu9k6kr]::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 30px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
  background: #ffffff;
  transform: rotate(45deg);
}

.cp-prj-okr-note:hover .cp-prj-okr-note__popover[b-k6mfu9k6kr],
.cp-prj-okr-note:focus-within .cp-prj-okr-note__popover[b-k6mfu9k6kr] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cp-prj-okr-note__popover label[b-k6mfu9k6kr] {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 800;
  color: #475569;
  text-transform: uppercase;
}

.cp-prj-okr-note__textarea[b-k6mfu9k6kr] {
  min-height: 112px;
  max-height: 180px;
  margin: 0;
  resize: vertical;
}

.cp-prj-okr-hcell--sticky-1[b-k6mfu9k6kr],
.cp-prj-okr-cell--sticky-1[b-k6mfu9k6kr] {
  left: 0;
}

.cp-prj-okr-hcell--sticky-2[b-k6mfu9k6kr],
.cp-prj-okr-cell--sticky-2[b-k6mfu9k6kr] {
  left: 64px;
  box-shadow: 10px 0 14px -12px rgba(15, 23, 42, 0.3);
}

.cp-prj-okr-year-cell[b-k6mfu9k6kr] {
  align-items: stretch;
  overflow: visible;
}

.cp-prj-okr-year-editor[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 46px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 6px 8px;
  background: #f8fafc;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-prj-okr-year-summary[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.cp-prj-okr-year-summary strong[b-k6mfu9k6kr] {
  color: #334155;
  font-size: 11px;
  font-weight: 800;
}

.cp-prj-okr-year-config[b-k6mfu9k6kr] {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(10, 132, 255, 0.1);
  color: var(--cp-primary);
  cursor: pointer;
}

.cp-prj-okr-year-popover[b-k6mfu9k6kr] {
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  z-index: 40;
  width: 178px;
  transform: translateX(-50%) translateY(-4px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease;
}

.cp-prj-okr-year-popover[b-k6mfu9k6kr]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  background: #ffffff;
  border-left: 1px solid #cbd5e1;
  border-top: 1px solid #cbd5e1;
}

.cp-prj-okr-year-editor:hover .cp-prj-okr-year-popover[b-k6mfu9k6kr],
.cp-prj-okr-year-editor:focus-within .cp-prj-okr-year-popover[b-k6mfu9k6kr] {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.cp-prj-okr-year-popover label[b-k6mfu9k6kr] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}

.cp-prj-okr-year-popover .cp-prj-cell-input[b-k6mfu9k6kr],
.cp-prj-okr-year-popover .cp-prj-cell-select[b-k6mfu9k6kr] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-prj-okr-year-popover .cp-prj-cell-input[b-k6mfu9k6kr] {
  text-align: right;
  padding-top: 6px;
  padding-bottom: 6px;
}

.cp-prj-okr-status[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cp-prj-okr-status strong[b-k6mfu9k6kr] {
  font-size: 12px;
  color: #334155;
}

.cp-prj-empty[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 13px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
}

.cp-prj-empty--table[b-k6mfu9k6kr] {
  margin: 10px;
}

.cp-prj-track-frequency[b-k6mfu9k6kr] {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-track-toolbar[b-k6mfu9k6kr] {
  gap: 10px;
  justify-content: space-between;
}

.cp-prj-track-filters[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.cp-prj-track-filters--right[b-k6mfu9k6kr] {
  margin-left: auto;
}

.cp-prj-track-filters label[b-k6mfu9k6kr] {
  flex: 0 0 auto;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-prj-track-select[b-k6mfu9k6kr] {
  min-width: 240px;
  max-width: 320px;
}

.cp-prj-track-tabs[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.cp-prj-track-tab[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  padding: 0 8px 0 12px;
  white-space: nowrap;
}

.cp-prj-track-tab span:first-child[b-k6mfu9k6kr] {
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-track-tab i[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.cp-prj-track-tab .material-symbols-outlined[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 16px;
}

.cp-prj-track-tab--active[b-k6mfu9k6kr] {
  border-color: var(--cp-primary);
  background: #f8fbff;
  color: #0f172a;
}

.cp-prj-track-compose[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #ffffff;
}

.cp-prj-track-compose label[b-k6mfu9k6kr] {
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-track-compose__comment[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 112px;
  max-height: 240px;
  resize: vertical;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.4;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
}

.cp-prj-track-compose__comment:focus[b-k6mfu9k6kr] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-prj-track-compose__meta[b-k6mfu9k6kr] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cp-prj-track-compose__save-btn[b-k6mfu9k6kr] {
  background: #0a84ff;
  color: #ffffff;
  border-color: #0a84ff;
  box-shadow: 0 4px 10px rgba(10, 132, 255, 0.25);
}

.cp-prj-track-compose__save-btn:hover[b-k6mfu9k6kr] {
  background: #076fd6;
  border-color: #076fd6;
}

.cp-prj-track-compose__save-btn:disabled[b-k6mfu9k6kr] {
  background: #93c5fd;
  border-color: #93c5fd;
  color: #ffffff;
  box-shadow: none;
}

.cp-prj-track-compose__delete-btn[b-k6mfu9k6kr] {
  margin-left: auto;
  background: #ffffff;
  color: #b42318;
  border-color: #fecdca;
}

.cp-prj-track-compose__delete-btn:hover[b-k6mfu9k6kr] {
  background: #fff1f0;
  border-color: #fda29b;
}

.cp-prj-track-compose__delete-btn:disabled[b-k6mfu9k6kr] {
  background: #f8fafc;
  color: #94a3b8;
  border-color: #e2e8f0;
}

.cp-prj-track-compose__meta span[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.cp-prj-track-compose__meta .cp-prj-track-compose__delete-btn span[b-k6mfu9k6kr] {
  color: inherit;
}

.cp-prj-closure[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 12px;
}

.cp-prj-closure__summary[b-k6mfu9k6kr] {
  min-height: 104px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.cp-prj-closure__summary .material-symbols-outlined[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  font-size: 24px;
}

.cp-prj-closure__summary label[b-k6mfu9k6kr] {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}

.cp-prj-closure__summary strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 20px;
  font-weight: 800;
}

.cp-prj-closure__memory[b-k6mfu9k6kr] {
  min-width: 0;
}

.cp-prj-closure__textarea[b-k6mfu9k6kr] {
  min-height: 180px;
}

.cp-prj-closure__textarea:disabled[b-k6mfu9k6kr] {
  background: #f8fafc;
  color: #64748b;
  cursor: not-allowed;
}

.cp-prj-closure__actions[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cp-prj-closure__actions span[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-track-list[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 26px;
}

.cp-prj-track-report[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-prj-track-report__head[b-k6mfu9k6kr] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.cp-prj-track-report__head strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 14px;
}

.cp-prj-track-report__head span[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
}

.cp-prj-track-report__comment[b-k6mfu9k6kr] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}

.cp-prj-track-grid[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cp-prj-track-grid--second-row[b-k6mfu9k6kr] {
  align-items: stretch;
}

.cp-prj-track-block[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px;
  background: #f8fafc;
}

.cp-prj-track-grid--second-row .cp-prj-track-block[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.cp-prj-track-block--wide[b-k6mfu9k6kr] {
  grid-column: 1 / -1;
}

.cp-prj-track-block h3[b-k6mfu9k6kr] {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-track-block__hint[b-k6mfu9k6kr] {
  display: block;
  margin-top: 3px;
  margin-bottom: 8px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
}

.cp-prj-track-chart[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: 6px 8px;
}

.cp-prj-track-milestone-table[b-k6mfu9k6kr] {
  margin-top: 8px;
  flex: 1 1 auto;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-header[b-k6mfu9k6kr],
.cp-prj-track-milestone-table .cp-prj-milestone-modern-row[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-header[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-row[b-k6mfu9k6kr] {
  grid-template-columns: minmax(0, 1fr) 112px 58px;
  gap: 8px;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-header[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-header[b-k6mfu9k6kr] {
  min-height: 28px;
  padding: 0 8px;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-row[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-row[b-k6mfu9k6kr] {
  min-height: 38px;
  padding: 4px 8px;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-title[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-title[b-k6mfu9k6kr] {
  gap: 6px;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-title span[b-k6mfu9k6kr],
.cp-prj-track-milestone-table .cp-prj-pill[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-title span[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-pill[b-k6mfu9k6kr] {
  font-size: 10px;
}

.cp-prj-track-milestone-table .cp-prj-milestone-modern-progress .cp-prj-task-progress-donut[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-milestone-modern-progress .cp-prj-task-progress-donut[b-k6mfu9k6kr] {
  width: 30px;
  height: 30px;
}

.cp-prj-track-milestone-table .cp-prj-task-progress-donut[b-k6mfu9k6kr]::before,
.cp-prj-stats-milestone-table .cp-prj-task-progress-donut[b-k6mfu9k6kr]::before {
  inset: 4px;
}

.cp-prj-track-milestone-table .cp-prj-task-progress-donut span[b-k6mfu9k6kr],
.cp-prj-stats-milestone-table .cp-prj-task-progress-donut span[b-k6mfu9k6kr] {
  font-size: 7px;
}

.cp-prj-track-progress-chart[b-k6mfu9k6kr] {
  min-height: 284px;
  padding: 12px 8px 28px;
}

.cp-prj-track-progress-chart .cp-prj-progress-chart__axis--y[b-k6mfu9k6kr],
.cp-prj-track-progress-chart .cp-prj-progress-chart__plot svg[b-k6mfu9k6kr] {
  height: 252px;
}

.cp-prj-track-progress-chart .cp-prj-progress-chart__plot[b-k6mfu9k6kr] {
  min-height: 274px;
}

.cp-prj-track-bars[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-track-bars-row[b-k6mfu9k6kr] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

.cp-prj-track-bars-row__head[b-k6mfu9k6kr] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.cp-prj-track-bars-row__head strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-track-bars-row__head span[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.cp-prj-track-bars-track[b-k6mfu9k6kr] {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.cp-prj-track-bars-track + .cp-prj-track-bars-track[b-k6mfu9k6kr] {
  margin-top: 4px;
}

.cp-prj-track-bars-fill[b-k6mfu9k6kr] {
  height: 100%;
  border-radius: 999px;
}

.cp-prj-track-bars-fill--planned[b-k6mfu9k6kr] {
  background: #94a3b8;
}

.cp-prj-track-bars-fill--real[b-k6mfu9k6kr] {
  background: #0a84ff;
}

.cp-prj-track-table[b-k6mfu9k6kr] {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}

.cp-prj-track-okr-scroll[b-k6mfu9k6kr] {
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 1 1 auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-prj-track-okr-scroll[b-k6mfu9k6kr]::-webkit-scrollbar {
  height: 12px;
}

.cp-prj-track-okr-scroll[b-k6mfu9k6kr]::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 999px;
}

.cp-prj-track-okr-scroll[b-k6mfu9k6kr]::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #e2e8f0;
  border-radius: 999px;
}

.cp-prj-track-okr-scroll .cp-prj-track-table[b-k6mfu9k6kr] {
  min-width: 0;
  table-layout: fixed;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td[b-k6mfu9k6kr] {
  padding: 6px 5px;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.cp-prj-track-okr-scroll .cp-prj-track-table thead th[b-k6mfu9k6kr] {
  font-size: 9px;
  letter-spacing: .01em;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(1)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(1)[b-k6mfu9k6kr] {
  width: 34px;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(2)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(2)[b-k6mfu9k6kr] {
  width: 25%;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(3)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(3)[b-k6mfu9k6kr] {
  width: 14%;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(4)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(4)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(5)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(5)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(6)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(6)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(7)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(7)[b-k6mfu9k6kr] {
  width: 10%;
}

.cp-prj-track-okr-scroll .cp-prj-track-table th:nth-child(8)[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-track-table td:nth-child(8)[b-k6mfu9k6kr] {
  width: 17%;
}

.cp-prj-track-okr-scroll .cp-prj-cell-input[b-k6mfu9k6kr],
.cp-prj-track-okr-scroll .cp-prj-cell-select[b-k6mfu9k6kr] {
  min-width: 0;
  padding: 4px 5px;
  font-size: 10px;
}

.cp-prj-track-table th[b-k6mfu9k6kr],
.cp-prj-track-table td[b-k6mfu9k6kr] {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e8f0;
  color: #334155;
  font-size: 12px;
}

.cp-prj-track-table thead th[b-k6mfu9k6kr] {
  background: #f1f5f9;
  color: #0f172a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: left;
}

.cp-prj-track-table tbody tr:last-child td[b-k6mfu9k6kr] {
  border-bottom: 0;
}

.cp-prj-track-table__center[b-k6mfu9k6kr] {
  text-align: center;
}

.cp-prj-track-table thead th.cp-prj-track-table__center[b-k6mfu9k6kr] {
  text-align: center;
}

.cp-prj-track-discrete-select[b-k6mfu9k6kr] {
  text-align: right;
  text-align-last: right;
}

.cp-prj-okr-v2-table[b-k6mfu9k6kr] {
  min-width: 1040px;
}

.cp-prj-okr-number-input[b-k6mfu9k6kr] {
  max-width: 72px;
  margin: 0 auto;
}

.cp-prj-okr-v2-table .cp-prj-okr-indicator-textarea[b-k6mfu9k6kr] {
  min-height: 44px;
}

.cp-prj-track-kpi-value[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cp-prj-track-kpi-value strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 12px;
}

.cp-prj-confidence-pill[b-k6mfu9k6kr] {
  justify-content: center;
  min-width: 108px;
}

.cp-prj-stakeholders-card[b-k6mfu9k6kr] {
  height: min(56vh, 640px);
}

.cp-prj-stakeholders-scroll[b-k6mfu9k6kr] {
  padding-bottom: 0;
}

.cp-prj-stakeholders-header[b-k6mfu9k6kr],
.cp-prj-stakeholders-row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns:
    52px
    64px
    minmax(240px, 2fr)
    minmax(140px, 1fr)
    minmax(150px, 1fr)
    minmax(190px, 1.2fr)
    minmax(220px, 1.3fr)
    minmax(240px, 1.8fr)
    82px;
  width: 100%;
  min-width: 1378px;
}

.cp-prj-stakeholders-header[b-k6mfu9k6kr] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--cp-primary);
}

.cp-prj-stakeholders-row[b-k6mfu9k6kr] {
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}

.cp-prj-stakeholders-row:hover[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-stakeholders-row--selected[b-k6mfu9k6kr] {
  background: #eaf3ff;
}

.cp-prj-risks-card[b-k6mfu9k6kr] {
  height: min(56vh, 640px);
}

.cp-prj-risks-scroll[b-k6mfu9k6kr] {
  padding-bottom: 0;
}

.cp-prj-risks-header[b-k6mfu9k6kr],
.cp-prj-risks-row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns:
    52px
    64px
    minmax(260px, 2.1fr)
    minmax(140px, 1fr)
    minmax(130px, 0.9fr)
    minmax(130px, 1fr)
    minmax(110px, 0.8fr)
    minmax(260px, 2fr)
    82px;
  width: 100%;
  min-width: 1228px;
}

.cp-prj-risks-header[b-k6mfu9k6kr] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--cp-primary);
}

.cp-prj-risks-row[b-k6mfu9k6kr] {
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}

.cp-prj-risks-row:hover[b-k6mfu9k6kr] {
  background: #f8fafc;
}

.cp-prj-risk-name-textarea[b-k6mfu9k6kr] {
  min-height: 52px;
  line-height: 1.35;
}

.cp-prj-risk-comments-textarea[b-k6mfu9k6kr] {
  min-height: 66px;
  line-height: 1.35;
}

.cp-prj-risk-level[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.cp-prj-risk-level.cp-prj-risk-level--very-low[b-k6mfu9k6kr] {
  color: #15803d;
  background: rgba(22, 163, 74, 0.12);
}

.cp-prj-risk-level.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.14);
}

.cp-prj-risk-level.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  color: #b45309;
  background: rgba(245, 158, 11, 0.18);
}

.cp-prj-risk-level.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  color: #c2410c;
  background: rgba(234, 88, 12, 0.18);
}

.cp-prj-risk-level.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  color: #b91c1c;
  background: rgba(220, 38, 38, 0.16);
}

.cp-prj-risk-matrix-help[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

.cp-prj-risk-matrix-popover[b-k6mfu9k6kr] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 340px;
  padding: 10px 12px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.18);
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity 140ms ease, transform 140ms ease;
  z-index: 10;
}

.cp-prj-risk-matrix-popover strong[b-k6mfu9k6kr] {
  display: block;
  margin-bottom: 6px;
  color: #0f172a;
  font-size: 12px;
}

.cp-prj-risk-matrix-viz[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}

.cp-prj-risk-matrix-viz__y-label[b-k6mfu9k6kr] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #64748b;
  border-right: 1px dashed #cbd5e1;
  padding-right: 4px;
}

.cp-prj-risk-matrix-viz__board-wrap[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-prj-risk-matrix-viz__x-label[b-k6mfu9k6kr] {
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #64748b;
}

.cp-prj-risk-matrix-viz__board[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

.cp-prj-risk-matrix-viz__cell[b-k6mfu9k6kr] {
  min-height: 40px;
  border-radius: 8px;
  border: 1px solid #dbe4ef;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-prj-risk-matrix-viz__cell span[b-k6mfu9k6kr] {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
}

.cp-prj-risk-matrix-viz__cell.cp-prj-risk-level--very-low[b-k6mfu9k6kr] {
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(22, 163, 74, 0.34);
}

.cp-prj-risk-matrix-viz__cell.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(59, 130, 246, 0.34);
}

.cp-prj-risk-matrix-viz__cell.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.38);
}

.cp-prj-risk-matrix-viz__cell.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  background: rgba(234, 88, 12, 0.18);
  border-color: rgba(234, 88, 12, 0.38);
}

.cp-prj-risk-matrix-viz__cell.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.16);
  border-color: rgba(220, 38, 38, 0.4);
}

.cp-prj-risk-matrix-help:hover .cp-prj-risk-matrix-popover[b-k6mfu9k6kr],
.cp-prj-risk-matrix-help:focus-within .cp-prj-risk-matrix-popover[b-k6mfu9k6kr] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cp-prj-risk-global[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) repeat(3, minmax(150px, .8fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
}

.cp-prj-risk-global > div[b-k6mfu9k6kr],
.cp-prj-risk-global label[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.cp-prj-risk-global strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 16px;
  text-transform: none;
}

.cp-prj-risk-tabs[b-k6mfu9k6kr] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.cp-prj-risk-tab[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}

.cp-prj-risk-tab--active[b-k6mfu9k6kr] {
  border-color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
  color: var(--cp-primary);
}

.cp-prj-risk-workspace[b-k6mfu9k6kr] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.cp-prj-risk-toolbar[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.cp-prj-risk-toolbar-left[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.cp-prj-risk-toolbar-separator[b-k6mfu9k6kr] {
  width: 1px;
  height: 24px;
  background: #cbd5e1;
}

.cp-prj-risk-preload-select--toolbar[b-k6mfu9k6kr] {
  width: min(280px, 32vw);
  min-width: 190px;
}

.cp-prj-risk-search-wrap[b-k6mfu9k6kr] {
  position: relative;
  width: min(320px, 34vw);
  min-width: 220px;
  flex: 0 0 auto;
}

.cp-prj-risk-search-icon[b-k6mfu9k6kr] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cp-primary);
  font-size: 20px;
  pointer-events: none;
}

.cp-prj-risk-search-input[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  outline: 0;
  padding: 8px 40px 8px 42px;
}

.cp-prj-risk-search-input:focus[b-k6mfu9k6kr] {
  border-color: #93c5fd;
  background: #ffffff;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-prj-risk-search-clear[b-k6mfu9k6kr] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
}

.cp-prj-risk-search-clear:hover[b-k6mfu9k6kr] {
  background: #e2e8f0;
  color: var(--cp-primary);
}

.cp-prj-risk-scroll-xbar[b-k6mfu9k6kr] {
  min-height: 28px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #e2e8f0;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #f8fafc;
}

.cp-prj-risk-scroll-xbar.cp-prj-scroll-xbar--hidden[b-k6mfu9k6kr] {
  display: none;
}

.cp-prj-risk-table-wrap[b-k6mfu9k6kr] {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-prj-risk-table-wrap[b-k6mfu9k6kr]::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.cp-prj-risk-table-wrap[b-k6mfu9k6kr]::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 999px;
}

.cp-prj-risk-table-wrap[b-k6mfu9k6kr]::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #e2e8f0;
  border-radius: 999px;
}

.cp-prj-risk-table[b-k6mfu9k6kr] {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  table-layout: fixed;
}

.cp-prj-risk-col-expand[b-k6mfu9k6kr] {
  width: 44px;
}

.cp-prj-risk-col-risk[b-k6mfu9k6kr] {
  width: 17%;
}

.cp-prj-risk-col-detail[b-k6mfu9k6kr] {
  width: 20%;
}

.cp-prj-risk-col-controls[b-k6mfu9k6kr] {
  width: 20%;
}

.cp-prj-risk-col-evaluation[b-k6mfu9k6kr] {
  width: 520px;
}

.cp-prj-risk-col-note[b-k6mfu9k6kr],
.cp-prj-risk-col-delete[b-k6mfu9k6kr] {
  width: 48px;
}

.cp-prj-risk-col-history[b-k6mfu9k6kr] {
  width: 72px;
}

.cp-prj-risk-col-order[b-k6mfu9k6kr] {
  width: 64px;
}

.cp-prj-risk-table th[b-k6mfu9k6kr] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px;
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid rgba(255, 255, 255, 0.28);
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: left;
  vertical-align: middle;
}

.cp-prj-risk-th-text[b-k6mfu9k6kr] {
  text-align: center;
}

.cp-prj-risk-table td[b-k6mfu9k6kr] {
  vertical-align: top;
  padding: 12px;
  border-bottom: 1px solid #f1f5f9;
  border-right: 1px solid #f1f5f9;
  font-size: 13px;
}

.cp-prj-risk-table th:nth-child(1)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(1)[b-k6mfu9k6kr] {
  width: 44px;
}

.cp-prj-risk-table th:nth-child(2)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(2)[b-k6mfu9k6kr] {
  width: auto;
}

.cp-prj-risk-table th:nth-child(3)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(3)[b-k6mfu9k6kr] {
  width: auto;
}

.cp-prj-risk-table th:nth-child(4)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(4)[b-k6mfu9k6kr] {
  width: auto;
}

.cp-prj-risk-table th:nth-child(5)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(5)[b-k6mfu9k6kr] {
  width: 520px;
}

.cp-prj-risk-table th:nth-child(6)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(6)[b-k6mfu9k6kr] {
  width: 48px;
  text-align: center;
}

.cp-prj-risk-table th:nth-child(7)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(7)[b-k6mfu9k6kr] {
  width: 72px;
  text-align: center;
}

.cp-prj-risk-table th:nth-child(8)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(8)[b-k6mfu9k6kr] {
  width: 64px;
  text-align: center;
}

.cp-prj-risk-table th:nth-child(9)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(9)[b-k6mfu9k6kr] {
  width: 48px;
  text-align: center;
}

.cp-prj-risk-table th:nth-child(n + 6)[b-k6mfu9k6kr],
.cp-prj-risk-table td:nth-child(n + 6)[b-k6mfu9k6kr] {
  padding-left: 4px;
  padding-right: 4px;
}

.cp-prj-risk-order-cell[b-k6mfu9k6kr],
.cp-prj-risk-expand-cell[b-k6mfu9k6kr] {
  text-align: center;
  vertical-align: middle !important;
}

.cp-prj-risk-drag-handle[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  cursor: grab;
  font-size: 20px;
  user-select: none;
}

.cp-prj-risk-row-expand[b-k6mfu9k6kr] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
  position: relative;
}

.cp-prj-risk-row-expand:hover[b-k6mfu9k6kr] {
  background: rgba(10, 132, 255, 0.08);
}

.cp-prj-risk-row-expand .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 20px;
  transition: transform 150ms ease;
}

.cp-prj-risk-row-expand__icon--open[b-k6mfu9k6kr] {
  transform: rotate(90deg);
}

.cp-prj-risk-row-expand__count[b-k6mfu9k6kr] {
  align-items: center;
  background: #0a84ff;
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  height: 16px;
  justify-content: center;
  line-height: 1;
  min-width: 16px;
  padding: 0 3px;
  position: absolute;
  right: -5px;
  top: -5px;
}

.cp-prj-risk-data-row[b-k6mfu9k6kr] {
  cursor: pointer;
}

.cp-prj-risk-data-row:hover[b-k6mfu9k6kr] {
  background: #fbfdff;
}

.cp-prj-risk-data-row--selected[b-k6mfu9k6kr] {
  background: #eef6ff;
  box-shadow: inset 3px 0 0 var(--cp-primary);
}

.cp-prj-risk-title-cell[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 4px;
  align-items: start;
}

.cp-prj-risk-cell-editor[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  padding: 6px 8px;
  outline: none;
  resize: vertical;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-prj-risk-cell-editor:hover[b-k6mfu9k6kr],
.cp-prj-risk-cell-editor:focus[b-k6mfu9k6kr] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-prj-risk-cell-editor:focus[b-k6mfu9k6kr] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-prj-risk-cell-editor--memo[b-k6mfu9k6kr] {
  min-height: 58px;
}

.cp-prj-risk-row-delete[b-k6mfu9k6kr] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  opacity: 0;
  transition: opacity 120ms ease, background-color 120ms ease, color 120ms ease;
}

.cp-prj-risk-data-row:hover .cp-prj-risk-row-delete[b-k6mfu9k6kr],
.cp-prj-risk-data-row:focus-within .cp-prj-risk-row-delete[b-k6mfu9k6kr] {
  opacity: 1;
}

.cp-prj-risk-row-delete:hover[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.cp-prj-risk-row-delete .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 18px;
}

.cp-prj-risk-controls-selected[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-prj-risk-control-chip[b-k6mfu9k6kr] {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-prj-risk-control-chip__remove[b-k6mfu9k6kr] {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
  color: #475569;
  cursor: pointer;
  padding: 0;
}

.cp-prj-risk-control-chip__remove .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 13px;
  line-height: 1;
}

.cp-prj-risk-control-add[b-k6mfu9k6kr] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #ffffff;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
}

.cp-prj-risk-control-add .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 18px;
}

.cp-prj-risk-controls-empty[b-k6mfu9k6kr],
.cp-prj-risk-empty[b-k6mfu9k6kr],
.cp-prj-risk-task-empty[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
}

.cp-prj-risk-controls-empty[b-k6mfu9k6kr] {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
}

.cp-prj-risk-empty[b-k6mfu9k6kr] {
  padding: 18px;
  text-align: center;
}

.cp-prj-risk-th-help[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.cp-prj-risk-th-help[b-k6mfu9k6kr]  .mud-icon-button {
  border: 0;
  background: transparent;
  color: #ffffff;
}

.cp-prj-risk-th-help[b-k6mfu9k6kr]  .mud-icon-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cp-prj-risk-level-pill[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--very-low[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-prj-risk-level-pill.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-prj-risk-eval-mini-table[b-k6mfu9k6kr] {
  width: 100%;
  border: 1px solid #e8eef6;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.cp-prj-risk-eval-mini-header[b-k6mfu9k6kr],
.cp-prj-risk-eval-mini-row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(170px, 2fr) minmax(170px, 2fr) minmax(72px, 1fr);
  align-items: center;
  gap: 6px;
}

.cp-prj-risk-eval-mini-header[b-k6mfu9k6kr] {
  padding: 6px;
  background: #f8fafc;
  color: #64748b;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.cp-prj-risk-eval-mini-row[b-k6mfu9k6kr] {
  padding: 7px 6px;
  color: var(--cp-primary);
  font-size: 11px;
  font-weight: 700;
  justify-items: center;
}

.cp-prj-risk-eval-mini-row > span[b-k6mfu9k6kr] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-risk-eval-mini-cell--center[b-k6mfu9k6kr] {
  display: flex;
  justify-content: center;
  text-align: center;
}

.cp-prj-risk-eval-mini-total-head[b-k6mfu9k6kr] {
  color: var(--cp-primary);
}

.cp-prj-risk-eval-mini-total[b-k6mfu9k6kr] {
  min-width: 72px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.cp-prj-risk-eval-open-btn[b-k6mfu9k6kr] {
  justify-self: end;
  height: 28px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  font-size: 10px;
  font-weight: 800;
  padding: 0 7px;
  white-space: nowrap;
}

.cp-prj-risk-eval-open-btn .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 15px;
}

.cp-prj-risk-eval-open-btn:hover[b-k6mfu9k6kr] {
  background: rgba(10, 132, 255, 0.08);
  color: #0a84ff;
}

.cp-prj-risk-score-select[b-k6mfu9k6kr] {
  width: 100%;
  min-height: 28px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  text-align-last: center;
}

.cp-prj-risk-toolbar-divider[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  align-self: center;
  color: #94a3b8;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  padding: 0 2px;
}

.cp-prj-risk-action-cell[b-k6mfu9k6kr],
.cp-prj-risk-order-actions[b-k6mfu9k6kr] {
  vertical-align: middle !important;
}

.cp-prj-risk-order-actions[b-k6mfu9k6kr] {
  text-align: center;
}

.cp-prj-risk-order-actions__inner[b-k6mfu9k6kr] {
  align-items: center;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  white-space: nowrap;
}

.cp-prj-risk-icon-action[b-k6mfu9k6kr] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cp-prj-risk-icon-action:hover:not(:disabled)[b-k6mfu9k6kr] {
  background: rgba(10, 132, 255, 0.08);
  color: #0a84ff;
}

.cp-prj-risk-icon-action--active[b-k6mfu9k6kr] {
  background: #eaf4ff;
  color: var(--cp-primary);
}

.cp-prj-risk-icon-action--danger:hover:not(:disabled)[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.cp-prj-risk-icon-action:disabled[b-k6mfu9k6kr] {
  opacity: 0.4;
  cursor: not-allowed;
}

.cp-prj-risk-icon-action .material-symbols-outlined[b-k6mfu9k6kr] {
  font-size: 22px;
  line-height: 1;
}

.cp-prj-risk-global-chip[b-k6mfu9k6kr] {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.cp-prj-risk-stats-shell[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  gap: 12px;
  padding: 12px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.cp-prj-risk-stats-card[b-k6mfu9k6kr] {
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.cp-prj-risk-stats-card__head[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.cp-prj-risk-stats-card__head h3[b-k6mfu9k6kr] {
  margin: 0;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-stat-matrix[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 28px repeat(5, minmax(34px, 1fr));
  gap: 4px;
}

.cp-risk-stat-axis[b-k6mfu9k6kr],
.cp-risk-stat-matrix-cell[b-k6mfu9k6kr] {
  min-height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
}

.cp-risk-stat-axis[b-k6mfu9k6kr] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-risk-stat-matrix-cell--has-count span[b-k6mfu9k6kr] {
  min-width: 24px;
  border: 1px solid rgba(15, 23, 42, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
  color: #0f172a;
  font-size: 13px;
  line-height: 1;
  padding: 4px 8px;
}

.cp-risk-stat-matrix-cell.cp-risk-level--low[b-k6mfu9k6kr] {
  background: #12b886;
  color: #15803d;
}

.cp-risk-stat-matrix-cell.cp-risk-level--moderate[b-k6mfu9k6kr] {
  background: #ffe100;
  color: #b45309;
}

.cp-risk-stat-matrix-cell.cp-risk-level--high[b-k6mfu9k6kr] {
  background: #ff8a1f;
  color: #c2410c;
}

.cp-risk-stat-matrix-cell.cp-risk-level--extreme[b-k6mfu9k6kr] {
  background: #f43f5e;
  color: #b91c1c;
}

.cp-risk-stat-matrix-cell.cp-risk-level--none[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-risk-stat-matrix-cell.cp-risk-level--high.cp-risk-stat-matrix-cell--has-count span[b-k6mfu9k6kr],
.cp-risk-stat-matrix-cell.cp-risk-level--extreme.cp-risk-stat-matrix-cell--has-count span[b-k6mfu9k6kr] {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(15, 23, 42, 0.68);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.cp-prj-risk-ranking[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-risk-ranking__row[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  border-bottom: 1px solid #eef2f7;
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-risk-ranking__row i[b-k6mfu9k6kr] {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #edf2f7;
  color: #475569;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}

.cp-prj-risk-ranking__row span[b-k6mfu9k6kr] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-prj-risk-task-detail-row > td[b-k6mfu9k6kr] {
  padding: 0 12px 14px;
  background: #ffffff;
}

.cp-prj-risk-task-detail-row > td:nth-child(2)[b-k6mfu9k6kr] {
  width: auto;
}

.cp-prj-risk-task-detail[b-k6mfu9k6kr] {
  border-left: 1px solid #dbe4ee;
  border-right: 1px solid #dbe4ee;
  border-bottom: 1px solid #dbe4ee;
  background: #ffffff;
  padding: 10px 12px 12px;
}

.cp-prj-risk-task-detail__head[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-bottom: 8px;
}

.cp-prj-risk-task-detail__head strong[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
}

.cp-prj-risk-task-detail__action[b-k6mfu9k6kr] {
  min-height: 30px;
}

.cp-prj-risk-task-detail__separator[b-k6mfu9k6kr] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
  margin: 0 2px;
}

.cp-prj-risk-task-detail__sort-actions[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-prj-risk-task-detail__cards[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-prj-risk-task-empty[b-k6mfu9k6kr] {
  padding: 12px;
  border: 1px dashed #dbe4ef;
  border-radius: 8px;
  background: #f8fafc;
}

.cp-prj-risk-linked-task-row[b-k6mfu9k6kr] {
  cursor: pointer;
}

.cp-prj-risk-linked-task-row.cp-prj-linked-task-row .cp-task-row__title[b-k6mfu9k6kr] {
  font-size: 13px;
}

.cp-prj-risk-linked-task-row.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr],
.cp-prj-risk-linked-task-row.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  input,
.cp-prj-risk-linked-task-row.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-input {
  font-size: 13px;
}

.cp-prj-risk-table-matrix-popover[b-k6mfu9k6kr] {
  width: 360px;
  padding: 12px;
}

.cp-prj-risk-table-matrix-title[b-k6mfu9k6kr] {
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.cp-prj-risk-table-matrix-body[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}

.cp-prj-risk-table-matrix-y-label[b-k6mfu9k6kr] {
  align-self: center;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  transform: rotate(-90deg);
  white-space: nowrap;
}

.cp-prj-risk-table-matrix-x-label[b-k6mfu9k6kr] {
  margin: 0 0 4px 28px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.cp-prj-risk-table-matrix-grid[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 28px repeat(5, 1fr);
  gap: 3px;
}

.cp-prj-risk-table-matrix-axis[b-k6mfu9k6kr],
.cp-prj-risk-table-matrix-cell[b-k6mfu9k6kr] {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
}

.cp-prj-risk-table-matrix-axis[b-k6mfu9k6kr] {
  color: #64748b;
  background: #f1f5f9;
}

.cp-prj-risk-table-matrix-cell.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  background: #12b886;
  color: #ffffff;
}

.cp-prj-risk-table-matrix-cell.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  background: #ffe100;
  color: #111827;
}

.cp-prj-risk-table-matrix-cell.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  background: #ff8a1f;
  color: #ffffff;
}

.cp-prj-risk-table-matrix-cell.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  background: #f43f5e;
  color: #ffffff;
}

.cp-prj-risk-table-matrix-cell.cp-prj-risk-level--very-low[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-risk-preload-select[b-k6mfu9k6kr],
.cp-prj-risk-map-select[b-k6mfu9k6kr] {
  max-width: 320px;
}

.cp-prj-risk-detail-fields[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(260px, .9fr);
  gap: 10px;
  margin-bottom: 10px;
}

.cp-prj-risk-control-links[b-k6mfu9k6kr] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
}

.cp-prj-risk-control-links strong[b-k6mfu9k6kr] {
  flex-basis: 100%;
  color: #0f172a;
}

.cp-prj-risk-control-links label[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #ffffff;
}

.cp-prj-risk-panel-grid[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.cp-prj-risk-control-card[b-k6mfu9k6kr],
.cp-prj-risk-evaluation-item[b-k6mfu9k6kr] {
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.cp-prj-risk-control-card__head[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.cp-prj-risk-control-card__fields[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px 110px;
  gap: 8px;
  margin: 8px 0;
}

.cp-prj-risk-evaluations-layout[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 12px;
}

.cp-prj-risk-evaluation-list[b-k6mfu9k6kr],
.cp-prj-risk-evaluation-items[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-prj-risk-evaluation-option[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  padding: 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
}

.cp-prj-risk-evaluation-option--active[b-k6mfu9k6kr] {
  border-color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-prj-risk-evaluation-option span[b-k6mfu9k6kr],
.cp-prj-risk-evaluation-option i[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
}

.cp-prj-risk-evaluation-item[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px);
  gap: 10px;
  align-items: start;
}

.cp-prj-risk-evaluation-item > div:first-child[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.cp-prj-risk-evaluation-item > div:first-child span[b-k6mfu9k6kr],
.cp-prj-risk-evaluation-item__controls[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 12px;
}

.cp-prj-risk-evaluation-item__controls[b-k6mfu9k6kr] {
  grid-column: 1 / -1;
}

.cp-prj-risk-map-grid[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: repeat(5, minmax(80px, 1fr));
  gap: 8px;
}

.cp-prj-risk-map-cell[b-k6mfu9k6kr] {
  min-height: 82px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.cp-prj-risk-map-cell span[b-k6mfu9k6kr] {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-risk-map-cell strong[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 22px;
}

.cp-prj-risk-map-cell.cp-prj-risk-level--low[b-k6mfu9k6kr] {
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(59, 130, 246, 0.34);
}

.cp-prj-risk-map-cell.cp-prj-risk-level--medium[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.38);
}

.cp-prj-risk-map-cell.cp-prj-risk-level--high[b-k6mfu9k6kr] {
  background: rgba(234, 88, 12, 0.18);
  border-color: rgba(234, 88, 12, 0.38);
}

.cp-prj-risk-map-cell.cp-prj-risk-level--critical[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.16);
  border-color: rgba(220, 38, 38, 0.4);
}

.cp-prj-stk-name-textarea[b-k6mfu9k6kr] {
  min-height: 52px;
  line-height: 1.35;
}

.cp-prj-stk-name-text[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

.cp-prj-stk-comments-textarea[b-k6mfu9k6kr] {
  min-height: 66px;
  line-height: 1.35;
}

.cp-prj-stk-typology[b-k6mfu9k6kr] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
}

.cp-prj-stk-strategy[b-k6mfu9k6kr] {
  color: #334155;
  font-size: 13px;
  font-weight: 400;
}

.cp-prj-stk-matrix-help[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

.cp-prj-inline-info-btn[b-k6mfu9k6kr] {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
}

.cp-prj-inline-info-btn:hover[b-k6mfu9k6kr] {
  background: rgba(255, 255, 255, 0.16);
}

.cp-prj-stk-matrix-popover[b-k6mfu9k6kr] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 320px;
  padding: 10px 12px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.18);
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity 140ms ease, transform 140ms ease;
  z-index: 10;
}

.cp-prj-stk-matrix-popover strong[b-k6mfu9k6kr] {
  display: block;
  margin-bottom: 6px;
  color: #0f172a;
  font-size: 12px;
}

.cp-prj-stk-matrix-viz[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}

.cp-prj-stk-matrix-viz__y-label[b-k6mfu9k6kr] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #64748b;
  border-right: 1px dashed #cbd5e1;
  padding-right: 4px;
}

.cp-prj-stk-matrix-viz__board-wrap[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-prj-stk-matrix-viz__x-labels[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.cp-prj-stk-matrix-viz__x-labels span[b-k6mfu9k6kr] {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #64748b;
}

.cp-prj-stk-matrix-viz__board[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.cp-prj-stk-matrix-viz__cell[b-k6mfu9k6kr] {
  min-height: 58px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.cp-prj-stk-matrix-viz__cell span[b-k6mfu9k6kr] {
  font-size: 11px;
  font-weight: 800;
  color: #0f172a;
}

.cp-prj-stk-matrix-viz__cell small[b-k6mfu9k6kr] {
  font-size: 10px;
  color: #334155;
  line-height: 1.25;
}

.cp-prj-stk-matrix-viz__cell--promotores[b-k6mfu9k6kr] {
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(22, 163, 74, 0.34);
}

.cp-prj-stk-matrix-viz__cell--latentes[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.36);
}

.cp-prj-stk-matrix-viz__cell--defensores[b-k6mfu9k6kr] {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.34);
}

.cp-prj-stk-matrix-viz__cell--indiferentes[b-k6mfu9k6kr] {
  background: rgba(148, 163, 184, 0.18);
  border-color: rgba(148, 163, 184, 0.4);
}

.cp-prj-stk-matrix-help:hover .cp-prj-stk-matrix-popover[b-k6mfu9k6kr],
.cp-prj-stk-matrix-help:focus-within .cp-prj-stk-matrix-popover[b-k6mfu9k6kr] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cp-prj-linked-task-row[b-k6mfu9k6kr] {
  cursor: pointer;
}

.cp-prj-linked-task-row.cp-task-row[b-k6mfu9k6kr] {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media (hover: hover) {
  .cp-prj-linked-task-row.cp-task-row:hover[b-k6mfu9k6kr] {
    transform: scale(1.008);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  }
}

.cp-prj-linked-task-row .cp-task-row__layout[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-prj-linked-task-row .cp-task-row__progress-wrap[b-k6mfu9k6kr] {
  display: flex;
  justify-content: center;
}

.cp-prj-linked-task-row .cp-task-progress-donut[b-k6mfu9k6kr] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(var(--cp-progress-color) 0deg var(--cp-progress-angle), #e2e8f0 var(--cp-progress-angle) 360deg);
}

.cp-prj-linked-task-row .cp-task-progress-donut[b-k6mfu9k6kr]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-prj-linked-task-row .cp-task-progress-donut span[b-k6mfu9k6kr] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-prj-linked-task-row .cp-task-row__content[b-k6mfu9k6kr],
.cp-prj-linked-task-row .cp-task-row__heading[b-k6mfu9k6kr] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-prj-linked-task-row .cp-task-row__top[b-k6mfu9k6kr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-prj-linked-task-row .cp-task-row__heading[b-k6mfu9k6kr] {
  gap: 2px;
  width: 100%;
}

.cp-prj-linked-task-row .cp-task-row__origin-line[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}

.cp-prj-linked-task-row .cp-task-row__origin[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-prj-linked-task-row .cp-task-row__origin:hover[b-k6mfu9k6kr] {
  color: var(--cp-primary);
}

.cp-prj-linked-task-row .cp-task-row__title[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
}

.cp-prj-linked-task-row .cp-task-row__title:hover[b-k6mfu9k6kr] {
  text-decoration: underline;
}

.cp-prj-linked-task-row--milestone-description-size .cp-task-row__title[b-k6mfu9k6kr],
.cp-prj-linked-task-row--milestone-description-size .cp-task-row__title-input[b-k6mfu9k6kr]  input,
.cp-prj-linked-task-row--milestone-description-size .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-input {
  font-size: 12px;
}

.cp-prj-linked-task-row--stakeholder-name-size .cp-task-row__title[b-k6mfu9k6kr],
.cp-prj-linked-task-row--stakeholder-name-size .cp-task-row__title-input[b-k6mfu9k6kr]  input,
.cp-prj-linked-task-row--stakeholder-name-size .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-input {
  font-size: 13px;
}

.cp-prj-linked-task-row .cp-task-row__title-line[b-k6mfu9k6kr],
.cp-prj-linked-task-row .cp-task-row__title-edit[b-k6mfu9k6kr] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-prj-linked-task-row .cp-task-row__title-edit[b-k6mfu9k6kr] {
  width: 100%;
  max-width: 768px;
}

.cp-prj-linked-task-row .cp-task-row__title-edit-btn[b-k6mfu9k6kr] {
  color: #64748b;
}

.cp-prj-linked-task-row .cp-task-row__title-edit-btn:hover[b-k6mfu9k6kr] {
  color: var(--cp-primary);
}

.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr],
.cp-prj-linked-task-row .cp-ms-title-input[b-k6mfu9k6kr] {
  flex: 1 1 280px;
  min-width: 280px;
  max-width: 100%;
}

.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-control,
.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-root,
.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-slot {
  width: 100%;
  margin-top: 0;
  min-height: 28px;
  height: 28px;
}

.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  input,
.cp-prj-linked-task-row .cp-task-row__title-input[b-k6mfu9k6kr]  .mud-input-input {
  font-size: 13px;
  min-height: 28px;
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1;
}

.cp-prj-linked-task-row .cp-task-tag-chip[b-k6mfu9k6kr],
.cp-prj-linked-task-row .cp-task-pill[b-k6mfu9k6kr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.cp-prj-linked-task-row .cp-task-tag-chip[b-k6mfu9k6kr] {
  padding: 3px 10px;
  line-height: 1;
}

.cp-prj-linked-task-row .cp-task-pill[b-k6mfu9k6kr] {
  padding: 4px 10px;
}

.cp-prj-linked-task-row .cp-task-status-select[b-k6mfu9k6kr] {
  width: auto;
  min-width: 82px;
  max-width: 108px;
  border: 0;
  outline: 0;
  appearance: none;
  cursor: pointer;
  line-height: 1.1;
  padding: 4px 18px 4px 8px;
  text-align: center;
  text-align-last: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 10px) 50%, calc(100% - 6px) 50%;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.cp-prj-linked-task-row .cp-task-status-select:disabled[b-k6mfu9k6kr] {
  opacity: 0.6;
  cursor: default;
}

.cp-prj-linked-task-row .cp-task-tag-chip__dot[b-k6mfu9k6kr] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-prj-linked-task-row .cp-task-pill--done[b-k6mfu9k6kr] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-prj-linked-task-row .cp-task-pill--progress[b-k6mfu9k6kr] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-prj-linked-task-row .cp-task-pill--blocked[b-k6mfu9k6kr] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-prj-linked-task-row .cp-task-pill--pending[b-k6mfu9k6kr] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-prj-linked-task-row .cp-task-pill--critical[b-k6mfu9k6kr] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-prj-linked-task-row .cp-task-pill--high[b-k6mfu9k6kr] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-prj-linked-task-row .cp-task-pill--medium[b-k6mfu9k6kr] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-prj-linked-task-row .cp-task-pill--low[b-k6mfu9k6kr] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-prj-linked-task-row .cp-task-pill--neutral[b-k6mfu9k6kr] {
  background: #edf2f7;
  color: #475569;
}

.cp-prj-linked-task-row .cp-task-row__planning-line[b-k6mfu9k6kr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-prj-linked-task-row .cp-task-row__planning-line .material-symbols-outlined[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 18px;
}

.cp-prj-linked-task-row .cp-task-row__planning-line strong[b-k6mfu9k6kr] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-prj-linked-task-row .cp-task-row__expanded[b-k6mfu9k6kr] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

@media (hover: hover) {
  .cp-prj-linked-task-row:hover .cp-task-row__planning-line[b-k6mfu9k6kr],
  .cp-prj-linked-task-row:focus-within .cp-task-row__planning-line[b-k6mfu9k6kr] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-prj-linked-task-row:hover .cp-task-row__expanded[b-k6mfu9k6kr],
  .cp-prj-linked-task-row:focus-within .cp-task-row__expanded[b-k6mfu9k6kr] {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

.cp-prj-linked-task-row .cp-task-row__expanded-item > span[b-k6mfu9k6kr] {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-prj-linked-task-row .cp-task-row__expanded-item strong[b-k6mfu9k6kr] {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.cp-prj-linked-task-row .cp-task-row__tag-list[b-k6mfu9k6kr] {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-prj-linked-task-row .cp-task-row__tag-empty[b-k6mfu9k6kr] {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}

.cp-prj-linked-task-row .cp-task-row__footer[b-k6mfu9k6kr] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.cp-prj-linked-task-row .cp-task-row__link[b-k6mfu9k6kr] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.cp-prj-linked-task-row .cp-task-row__comments[b-k6mfu9k6kr] {
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}


@media (max-width: 900px) {
  .cp-prj-head-title-row[b-k6mfu9k6kr] {
    flex-wrap: wrap;
  }

  .cp-prj-head-title-input[b-k6mfu9k6kr] {
    min-width: 320px;
  }

  .cp-prj-pie-wrap[b-k6mfu9k6kr] {
    flex-direction: column;
    align-items: flex-start;
  }

  .cp-prj-head-note-editor[b-k6mfu9k6kr] {
    max-width: 100%;
  }

  .cp-prj-stats-grid--top-two-cols[b-k6mfu9k6kr],
  .cp-prj-stats-grid--bottom-two-cols[b-k6mfu9k6kr] {
    grid-template-columns: 1fr;
  }

  .cp-prj-stats-col--split[b-k6mfu9k6kr] {
    grid-template-columns: 1fr;
  }

  .cp-prj-track-grid[b-k6mfu9k6kr] {
    grid-template-columns: 1fr;
  }

  .cp-prj-closure[b-k6mfu9k6kr] {
    grid-template-columns: 1fr;
  }

  .cp-prj-track-toolbar[b-k6mfu9k6kr] {
    align-items: flex-start;
  }

  .cp-prj-track-filters[b-k6mfu9k6kr] {
    width: 100%;
  }

  .cp-prj-track-select[b-k6mfu9k6kr] {
    min-width: 0;
    flex: 1 1 140px;
    max-width: 100%;
  }

  .cp-prj-section__head[b-k6mfu9k6kr],
  .cp-prj-section__toolbar[b-k6mfu9k6kr],
  .cp-prj-milestones-detail__head[b-k6mfu9k6kr] {
    flex-wrap: wrap;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectsTrackingDialog.razor.rz.scp.css */
.cp-track-filters[b-d4nbmuad59] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.cp-track-list[b-d4nbmuad59] {
  max-height: 55vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-track-empty[b-d4nbmuad59] {
  color: #64748b;
  font-size: 13px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
}

.cp-track-card[b-d4nbmuad59] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
}

.cp-track-card__head[b-d4nbmuad59] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.cp-track-card__head strong[b-d4nbmuad59] {
  font-size: 13px;
  color: #0f172a;
}

.cp-track-link[b-d4nbmuad59] {
  font-size: 13px;
  color: #0f172a;
  font-weight: 700;
  text-decoration: none;
}

.cp-track-link:hover[b-d4nbmuad59] {
  text-decoration: underline;
}

.cp-track-card__head span[b-d4nbmuad59] {
  font-size: 11px;
  color: #64748b;
}

.cp-track-card p[b-d4nbmuad59] {
  margin: 0;
  font-size: 13px;
  color: #334155;
  white-space: pre-wrap;
}

.cp-track-card--warning[b-d4nbmuad59] {
  border-left: 4px solid #f59e0b;
}

.cp-track-card--success[b-d4nbmuad59] {
  border-left: 4px solid #16a34a;
}

.cp-track-card--info[b-d4nbmuad59] {
  border-left: 4px solid #0a84ff;
}

@media (max-width: 768px) {
  .cp-track-filters[b-d4nbmuad59] {
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Projects/ProjectSustainableDevelopmentGoalsDialog.razor.rz.scp.css */
.cp-project-ods-dialog-grid[b-6rrvp18b87] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.cp-project-ods-dialog-option[b-6rrvp18b87] {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.cp-project-ods-dialog-option:hover[b-6rrvp18b87] {
  transform: translateY(-1px);
}

.cp-project-ods-dialog-option:focus-visible[b-6rrvp18b87] {
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.25);
}

.cp-project-ods-dialog-option--active[b-6rrvp18b87] {
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.cp-project-ods-dialog-option .cp-ods-chip-icon[b-6rrvp18b87] {
  width: 18px;
  height: 18px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskControlsDialog.razor.rz.scp.css */
.cp-risk-controls-dialog[b-6yrdgpocmd] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 540px;
}

.cp-risk-controls-dialog-add[b-6yrdgpocmd] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.cp-risk-controls-dialog-add[b-6yrdgpocmd]  .mud-input-control {
  margin: 0;
}

.cp-risk-controls-dialog-add-btn[b-6yrdgpocmd] {
  align-self: center;
  height: 42px !important;
  min-width: 54px;
}

.cp-risk-controls-dialog-grid[b-6yrdgpocmd] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  max-height: 430px;
  overflow-y: auto;
  padding-right: 2px;
}

.cp-risk-controls-dialog-item[b-6yrdgpocmd] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 6px;
  align-items: center;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  color: var(--cp-primary);
  padding: 2px 5px 2px 10px;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.cp-risk-controls-dialog-item--active[b-6yrdgpocmd] {
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.cp-risk-controls-dialog-option[b-6yrdgpocmd] {
  min-height: 26px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  padding: 0;
}

.cp-risk-controls-dialog-actions[b-6yrdgpocmd] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-risk-controls-dialog-action[b-6yrdgpocmd] {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
}

.cp-risk-controls-dialog-action:disabled[b-6yrdgpocmd] {
  color: #94a3b8;
  cursor: not-allowed;
}

.cp-risk-controls-dialog-action .material-symbols-outlined[b-6yrdgpocmd] {
  font-size: 15px;
}

.cp-risk-controls-dialog-empty[b-6yrdgpocmd] {
  color: #64748b;
  font-size: 13px;
  padding: 10px 0;
}

@media (max-width: 640px) {
  .cp-risk-controls-dialog-add[b-6yrdgpocmd] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskEvaluations.razor.rz.scp.css */
.cp-risk-evaluations-title[b-6coqipjxft] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cp-primary);
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
  min-width: 0;
  flex-wrap: wrap;
}

.cp-risk-evaluations-title > span[b-6coqipjxft] {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0;
}

.cp-risk-evaluations-title > strong[b-6coqipjxft] {
  color: inherit;
  font-size: inherit;
  font-weight: 800;
  line-height: inherit;
  overflow-wrap: anywhere;
}

.cp-risk-evaluations-shell[b-6coqipjxft] {
  min-height: 100%;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cp-risk-evaluations-toolbar[b-6coqipjxft] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
  padding: 8px 12px 14px;
}

.cp-risk-evaluations-toolbar-left[b-6coqipjxft] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cp-risk-toolbar-separator[b-6coqipjxft] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
  margin: 0 4px;
}

.cp-risk-evaluation-select-wrap[b-6coqipjxft] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-evaluation-select[b-6coqipjxft] {
  min-width: 260px;
  height: 36px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  padding: 0 36px 0 10px;
  outline: none;
  background: #ffffff;
}

.cp-risk-evaluation-select:focus[b-6coqipjxft] {
  border-color: #0a84ff;
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.12);
}

.cp-risk-th-help[b-6coqipjxft] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.cp-risk-th-help[b-6coqipjxft]  .mud-icon-button {
  border: 0;
  background: transparent;
  color: #ffffff;
}

.cp-risk-th-help[b-6coqipjxft]  .mud-icon-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cp-risk-evaluation-stats-block[b-6coqipjxft] {
  margin: 0 0 12px;
}

.cp-risk-stats-toggle[b-6coqipjxft] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(173, 188, 206, 0.75);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  cursor: pointer;
}

.cp-risk-stats-toggle:hover[b-6coqipjxft] {
  background: #ffffff;
}

.cp-risk-stats-toggle .material-symbols-outlined[b-6coqipjxft] {
  font-size: 20px;
}

.cp-risk-stats-panel[b-6coqipjxft] {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.cp-risk-stat-card[b-6coqipjxft] {
  min-height: 70px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.cp-risk-stat-card > span:first-child[b-6coqipjxft] {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cp-risk-stat-card strong[b-6coqipjxft] {
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-stats-shell[b-6coqipjxft] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.cp-risk-stats-grid[b-6coqipjxft] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cp-risk-stat-card--chart[b-6coqipjxft] {
  min-height: 260px;
  justify-content: flex-start;
}

.cp-risk-stat-card__head[b-6coqipjxft] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.cp-risk-stat-card__head h2[b-6coqipjxft] {
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.cp-risk-apex-chart[b-6coqipjxft] {
  min-height: 230px;
  overflow: hidden;
}

.cp-risk-apex-chart[b-6coqipjxft]  .apexcharts-canvas,
.cp-risk-apex-chart[b-6coqipjxft]  .apexcharts-svg {
  max-width: 100%;
}

.cp-risk-apex-chart[b-6coqipjxft]  .apexcharts-text,
.cp-risk-apex-chart[b-6coqipjxft]  .apexcharts-datalabel {
  font-family: Inter, sans-serif !important;
  font-weight: 800;
}

.cp-risk-heat-plane[b-6coqipjxft] {
  position: relative;
  min-height: 230px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(15, 169, 121, 0.92) 0%, rgba(190, 242, 28, 0.9) 34%, rgba(250, 204, 21, 0.9) 54%, rgba(249, 115, 22, 0.88) 76%, rgba(236, 72, 153, 0.9) 100%);
}

.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-canvas,
.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-svg,
.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-inner,
.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-grid,
.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-grid-rect {
  background: transparent !important;
}

.cp-risk-heat-plane[b-6coqipjxft]  .apexcharts-marker {
  filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.28));
}

.cp-risk-heat-plane__labels[b-6coqipjxft] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.cp-risk-heat-plane__label[b-6coqipjxft] {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: min(280px, calc(100% - 24px));
  transform: translate(var(--cp-heat-label-x, -50%), -50%);
  border: 1px solid rgba(15, 23, 42, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
  color: #0f172a;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  overflow: visible;
  padding: 3px 6px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  white-space: normal;
}

.cp-risk-heat-plane__label[b-6coqipjxft]::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
}

.cp-risk-ranking-row strong[b-6coqipjxft] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-stat-matrix[b-6coqipjxft] {
  display: grid;
  grid-template-columns: 28px repeat(5, minmax(34px, 1fr));
  gap: 4px;
}

.cp-risk-stat-axis[b-6coqipjxft],
.cp-risk-stat-matrix-cell[b-6coqipjxft] {
  min-height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
}

.cp-risk-stat-matrix-cell--has-count span[b-6coqipjxft] {
  min-width: 24px;
  border: 1px solid rgba(15, 23, 42, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
  color: #0f172a;
  font-size: 13px;
  line-height: 1;
  padding: 4px 8px;
}

.cp-risk-stat-axis[b-6coqipjxft] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-risk-matrix-popover[b-6coqipjxft] {
  padding: 12px;
  width: 360px;
}

.cp-risk-matrix-title[b-6coqipjxft] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.cp-risk-matrix-body[b-6coqipjxft] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}

.cp-risk-matrix-y-label[b-6coqipjxft] {
  align-self: center;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  transform: rotate(-90deg);
  white-space: nowrap;
}

.cp-risk-matrix-x-label[b-6coqipjxft] {
  margin: 0 0 4px 28px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.cp-risk-matrix-grid[b-6coqipjxft] {
  display: grid;
  grid-template-columns: 28px repeat(5, 1fr);
  gap: 3px;
}

.cp-risk-matrix-axis[b-6coqipjxft],
.cp-risk-matrix-cell[b-6coqipjxft] {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
}

.cp-risk-matrix-axis[b-6coqipjxft] {
  color: #64748b;
  background: #f1f5f9;
}

.cp-risk-matrix-cell.cp-risk-level-low[b-6coqipjxft] {
  background: #12b886;
  color: #ffffff;
}

.cp-risk-matrix-cell.cp-risk-level-moderate[b-6coqipjxft] {
  background: #ffe100;
  color: #111827;
}

.cp-risk-matrix-cell.cp-risk-level-high[b-6coqipjxft] {
  background: #ff8a1f;
  color: #ffffff;
}

.cp-risk-matrix-cell.cp-risk-level-extreme[b-6coqipjxft] {
  background: #f43f5e;
  color: #ffffff;
}

.cp-risk-ranking[b-6coqipjxft] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-risk-ranking-row[b-6coqipjxft] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(80px, auto) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #edf2f7;
  color: var(--cp-primary);
  font-size: 12px;
  min-height: 30px;
  padding: 4px 0;
}

.cp-risk-ranking-row span[b-6coqipjxft] {
  color: #64748b;
  font-weight: 800;
}

.cp-risk-ranking-row strong[b-6coqipjxft] {
  font-weight: 800;
}

.cp-risk-ranking-row small[b-6coqipjxft] {
  color: #64748b;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-ranking-row em[b-6coqipjxft] {
  border-radius: 999px;
  font-style: normal;
  font-weight: 900;
  min-width: 38px;
  padding: 4px 8px;
  text-align: center;
}

.cp-risk-stats-empty[b-6coqipjxft] {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-stat-matrix-cell.cp-risk-level-low[b-6coqipjxft],
.cp-risk-ranking-row em.cp-risk-level-low[b-6coqipjxft] {
  background: #12b886;
  color: #15803d;
}

.cp-risk-stat-matrix-cell.cp-risk-level-moderate[b-6coqipjxft],
.cp-risk-ranking-row em.cp-risk-level-moderate[b-6coqipjxft] {
  background: #ffe100;
  color: #b45309;
}

.cp-risk-stat-matrix-cell.cp-risk-level-high[b-6coqipjxft],
.cp-risk-ranking-row em.cp-risk-level-high[b-6coqipjxft] {
  background: #ff8a1f;
  color: #c2410c;
}

.cp-risk-stat-matrix-cell.cp-risk-level-extreme[b-6coqipjxft],
.cp-risk-ranking-row em.cp-risk-level-extreme[b-6coqipjxft] {
  background: #f43f5e;
  color: #b91c1c;
}

.cp-risk-stat-matrix-cell.cp-risk-level-high.cp-risk-stat-matrix-cell--has-count span[b-6coqipjxft],
.cp-risk-stat-matrix-cell.cp-risk-level-extreme.cp-risk-stat-matrix-cell--has-count span[b-6coqipjxft] {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(15, 23, 42, 0.68);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.cp-risk-evaluations-table-wrap[b-6coqipjxft] {
  overflow: auto;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
}

.cp-risk-evaluations-table[b-6coqipjxft] {
  width: 100%;
  min-width: 920px;
  border-collapse: separate;
  border-spacing: 0;
}

.cp-risk-evaluations-table th[b-6coqipjxft] {
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 12px;
  border-right: 1px solid #dbe4ee;
  border-bottom: 1px solid #dbe4ee;
}

.cp-risk-evaluations-table th:last-child[b-6coqipjxft] {
  border-right: 0;
}

.cp-risk-evaluations-table td[b-6coqipjxft] {
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  color: var(--cp-primary);
  font-size: 12px;
  padding: 10px 12px;
  vertical-align: top;
}

.cp-risk-evaluations-table td:last-child[b-6coqipjxft] {
  border-right: 0;
}

.cp-risk-evaluations-table th:last-child[b-6coqipjxft],
.cp-risk-evaluations-table td:last-child[b-6coqipjxft] {
  width: 42px;
  min-width: 42px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
}

.cp-risk-evaluations-table th:nth-child(4)[b-6coqipjxft],
.cp-risk-evaluations-table td:nth-child(4)[b-6coqipjxft] {
  text-align: center;
}

.cp-risk-evaluation-source[b-6coqipjxft] {
  display: inline-flex;
  margin-left: 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  padding: 3px 7px;
}

.cp-risk-score-table-actions[b-6coqipjxft] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px 2px;
}

.cp-risk-gear-button[b-6coqipjxft],
.cp-risk-row-action[b-6coqipjxft] {
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cp-risk-gear-button[b-6coqipjxft] {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, background-color 140ms ease;
}

.cp-risk-gear-button .material-symbols-outlined[b-6coqipjxft] {
  font-size: 16px;
}

.cp-risk-gear-button:hover:not(:disabled)[b-6coqipjxft],
.cp-risk-row-action:hover:not(:disabled)[b-6coqipjxft] {
  background: #eef6ff;
}

.cp-risk-gear-button:disabled[b-6coqipjxft],
.cp-risk-row-action:disabled[b-6coqipjxft] {
  opacity: 0.45;
  cursor: default;
}

.cp-risk-score-select[b-6coqipjxft] {
  width: 100%;
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--cp-primary);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
  outline: none;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-risk-center-field[b-6coqipjxft] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: min(100%, 260px);
}

.cp-risk-center-field:hover .cp-risk-gear-button[b-6coqipjxft],
.cp-risk-center-field:focus-within .cp-risk-gear-button[b-6coqipjxft] {
  opacity: 1;
  pointer-events: auto;
}

.cp-risk-score-mini-table[b-6coqipjxft] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-risk-score-mini-row[b-6coqipjxft] {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) 52px 52px minmax(90px, auto) minmax(140px, 1.2fr) 34px;
  align-items: center;
  gap: 6px;
}

.cp-risk-score-mini-location[b-6coqipjxft] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.cp-risk-score-input[b-6coqipjxft],
.cp-risk-observation-input[b-6coqipjxft] {
  width: 100%;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--cp-primary);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
  outline: none;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-risk-score-input[b-6coqipjxft] {
  max-width: 74px;
}

.cp-risk-observation-input[b-6coqipjxft] {
  font-weight: 600;
}

.cp-risk-score-observations[b-6coqipjxft] {
  width: 100%;
  min-height: 34px;
  resize: vertical;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--cp-primary);
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  padding: 7px 8px;
  outline: none;
  overflow: auto;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-risk-score-select:hover[b-6coqipjxft],
.cp-risk-score-input:hover[b-6coqipjxft],
.cp-risk-observation-input:hover[b-6coqipjxft],
.cp-risk-score-observations:hover[b-6coqipjxft],
.cp-risk-score-select:focus[b-6coqipjxft],
.cp-risk-score-input:focus[b-6coqipjxft],
.cp-risk-observation-input:focus[b-6coqipjxft],
.cp-risk-score-observations:focus[b-6coqipjxft] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-risk-score-select:focus[b-6coqipjxft],
.cp-risk-score-input:focus[b-6coqipjxft],
.cp-risk-observation-input:focus[b-6coqipjxft],
.cp-risk-score-observations:focus[b-6coqipjxft] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-risk-icon-button[b-6coqipjxft] {
  width: 30px;
  height: 30px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  color: var(--cp-primary);
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-risk-icon-button .material-symbols-outlined[b-6coqipjxft] {
  font-size: 17px;
}

.cp-risk-icon-button:hover:not(:disabled)[b-6coqipjxft] {
  border-color: #0a84ff;
  color: #0a84ff;
}

.cp-risk-icon-button:disabled[b-6coqipjxft] {
  opacity: 0.45;
}

.cp-risk-row-action[b-6coqipjxft] {
  width: 30px;
  height: 30px;
  border-radius: 7px;
}

.cp-risk-row-action .material-symbols-outlined[b-6coqipjxft] {
  font-size: 17px;
}

.cp-risk-level-pill[b-6coqipjxft] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

.cp-risk-level-low[b-6coqipjxft] {
  background: #dcfce7;
  color: #15803d;
}

.cp-risk-level-moderate[b-6coqipjxft] {
  background: #fef3c7;
  color: #b45309;
}

.cp-risk-level-high[b-6coqipjxft] {
  background: #ffedd5;
  color: #c2410c;
}

.cp-risk-level-extreme[b-6coqipjxft] {
  background: #fee2e2;
  color: #b91c1c;
}

.cp-risk-level-none[b-6coqipjxft] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-risk-evaluations-empty[b-6coqipjxft] {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .cp-risk-stats-panel[b-6coqipjxft] {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  .cp-risk-stats-grid[b-6coqipjxft] {
    grid-template-columns: 1fr;
  }

  .cp-risk-evaluation-select[b-6coqipjxft] {
    min-width: 210px;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskEvaluationStatsDialog.razor.rz.scp.css */
.cp-risk-stats-dialog-title[b-log977ftla] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.cp-risk-stats-dialog-title span[b-log977ftla] {
  color: var(--cp-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.cp-risk-stats-shell[b-log977ftla] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-risk-stats-grid[b-log977ftla] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: min(1120px, calc(100vw - 96px));
}

.cp-risk-stat-card[b-log977ftla] {
  display: flex;
  flex-direction: column;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
}

.cp-risk-stat-card--chart[b-log977ftla] {
  min-height: 260px;
  justify-content: flex-start;
}

.cp-risk-stat-card__head[b-log977ftla] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.cp-risk-stat-card__head h2[b-log977ftla] {
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.cp-risk-apex-chart[b-log977ftla] {
  min-height: 230px;
  overflow: hidden;
}

.cp-risk-apex-chart[b-log977ftla]  .apexcharts-canvas,
.cp-risk-apex-chart[b-log977ftla]  .apexcharts-svg {
  max-width: 100%;
}

.cp-risk-apex-chart[b-log977ftla]  .apexcharts-text,
.cp-risk-apex-chart[b-log977ftla]  .apexcharts-datalabel {
  font-family: Inter, sans-serif !important;
  font-weight: 800;
}

.cp-risk-heat-plane[b-log977ftla] {
  position: relative;
  min-height: 230px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(15, 169, 121, 0.92) 0%, rgba(190, 242, 28, 0.9) 34%, rgba(250, 204, 21, 0.9) 54%, rgba(249, 115, 22, 0.88) 76%, rgba(236, 72, 153, 0.9) 100%);
}

.cp-risk-heat-plane[b-log977ftla]  .apexcharts-canvas,
.cp-risk-heat-plane[b-log977ftla]  .apexcharts-svg,
.cp-risk-heat-plane[b-log977ftla]  .apexcharts-inner,
.cp-risk-heat-plane[b-log977ftla]  .apexcharts-grid,
.cp-risk-heat-plane[b-log977ftla]  .apexcharts-grid-rect {
  background: transparent !important;
}

.cp-risk-heat-plane__labels[b-log977ftla] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.cp-risk-heat-plane__label[b-log977ftla] {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: min(280px, calc(100% - 24px));
  transform: translate(var(--cp-heat-label-x, -50%), -50%);
  border: 1px solid rgba(15, 23, 42, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
  color: #0f172a;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  overflow: visible;
  padding: 3px 6px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  white-space: normal;
}

.cp-risk-heat-plane__label[b-log977ftla]::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
}

.cp-risk-stat-matrix[b-log977ftla] {
  display: grid;
  grid-template-columns: 28px repeat(5, minmax(34px, 1fr));
  gap: 4px;
}

.cp-risk-stat-axis[b-log977ftla],
.cp-risk-stat-matrix-cell[b-log977ftla] {
  min-height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
}

.cp-risk-stat-axis[b-log977ftla] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-risk-stat-matrix-cell--has-count span[b-log977ftla] {
  min-width: 24px;
  border: 1px solid rgba(15, 23, 42, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
  color: #0f172a;
  font-size: 13px;
  line-height: 1;
  padding: 4px 8px;
}

.cp-risk-ranking[b-log977ftla] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-risk-ranking-row[b-log977ftla] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(80px, auto) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #edf2f7;
  color: var(--cp-primary);
  font-size: 12px;
  min-height: 30px;
  padding: 4px 0;
}

.cp-risk-ranking-row span[b-log977ftla] {
  color: #64748b;
  font-weight: 800;
}

.cp-risk-ranking-row strong[b-log977ftla] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
}

.cp-risk-ranking-row small[b-log977ftla] {
  color: #64748b;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-ranking-row em[b-log977ftla] {
  border-radius: 999px;
  font-style: normal;
  font-weight: 900;
  min-width: 38px;
  padding: 4px 8px;
  text-align: center;
}

.cp-risk-stats-empty[b-log977ftla] {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-stat-matrix-cell.cp-risk-level-low[b-log977ftla],
.cp-risk-ranking-row em.cp-risk-level-low[b-log977ftla] {
  background: #12b886;
  color: #15803d;
}

.cp-risk-stat-matrix-cell.cp-risk-level-moderate[b-log977ftla],
.cp-risk-ranking-row em.cp-risk-level-moderate[b-log977ftla] {
  background: #ffe100;
  color: #b45309;
}

.cp-risk-stat-matrix-cell.cp-risk-level-high[b-log977ftla],
.cp-risk-ranking-row em.cp-risk-level-high[b-log977ftla] {
  background: #ff8a1f;
  color: #c2410c;
}

.cp-risk-stat-matrix-cell.cp-risk-level-extreme[b-log977ftla],
.cp-risk-ranking-row em.cp-risk-level-extreme[b-log977ftla] {
  background: #f43f5e;
  color: #b91c1c;
}

.cp-risk-stat-matrix-cell.cp-risk-level-high.cp-risk-stat-matrix-cell--has-count span[b-log977ftla],
.cp-risk-stat-matrix-cell.cp-risk-level-extreme.cp-risk-stat-matrix-cell--has-count span[b-log977ftla] {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(15, 23, 42, 0.68);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

@media (max-width: 900px) {
  .cp-risk-stats-grid[b-log977ftla] {
    min-width: 0;
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskPlanCreateDialog.razor.rz.scp.css */
.cp-risk-dialog[b-flnyd62j17] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-risk-plan-template-row[b-flnyd62j17] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.cp-risk-plan-template-row[b-flnyd62j17]  .mud-input-control {
  margin: 0;
}

.cp-risk-plan-template-language[b-flnyd62j17] {
  align-self: center;
  white-space: nowrap;
}

.cp-risk-plan-template-language[b-flnyd62j17]  .mud-typography {
  font-size: 12px;
}

@media (max-width: 640px) {
  .cp-risk-plan-template-row[b-flnyd62j17] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskPlanDetail.razor.rz.scp.css */
.cp-plan-head-shell[b-nauwwfdfib] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
}

.cp-plan-head-main[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

.cp-plan-head-actions[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.cp-plan-head-title-row[b-nauwwfdfib],
.cp-plan-head-note-row[b-nauwwfdfib],
.cp-plan-head-note-editor[b-nauwwfdfib],
.cp-plan-head-meta-line[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cp-plan-head-title-input[b-nauwwfdfib],
.cp-plan-head-note-input[b-nauwwfdfib] {
  flex: 1 1 520px;
  min-width: 240px;
}

.cp-plan-head-note-row[b-nauwwfdfib] {
  align-items: flex-start;
}

.cp-plan-head-note[b-nauwwfdfib] {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
  max-width: min(720px, 100%);
  flex: 0 1 auto;
}

.cp-plan-head-note--empty[b-nauwwfdfib] {
  color: #94a3b8;
  font-style: italic;
}

.cp-plan-head-meta-line .material-symbols-outlined[b-nauwwfdfib] {
  color: #64748b;
  font-size: 18px;
}

.cp-plan-head-meta-line strong[b-nauwwfdfib] {
  color: #1e293b;
  font-size: 13px;
  font-weight: 700;
}

.cp-plan-pill[b-nauwwfdfib],
.cp-risk-chip[b-nauwwfdfib],
.cp-risk-level-pill[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-plan-pill--ok[b-nauwwfdfib] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-pill--neutral[b-nauwwfdfib],
.cp-risk-level--none[b-nauwwfdfib] {
  background: #edf2f7;
  color: #475569;
}

.cp-risk-detail-scroll[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.cp-risk-plan-stats-block[b-nauwwfdfib] {
  margin: 0 0 12px;
  flex: 0 0 auto;
}

.cp-risk-stats-toggle[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(173, 188, 206, 0.75);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  cursor: pointer;
}

.cp-risk-stats-toggle:hover[b-nauwwfdfib] {
  background: #ffffff;
}

.cp-risk-stats-toggle .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 20px;
}

.cp-risk-stats-panel[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.cp-risk-stat-card[b-nauwwfdfib] {
  min-height: 70px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.cp-risk-stat-card > span:first-child[b-nauwwfdfib] {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cp-risk-stat-card strong[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 800;
}

.cp-risk-workspace[b-nauwwfdfib] {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 20px;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cp-risk-toolbar[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
  padding: 8px 12px 18px;
}

.cp-risk-toolbar-left[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cp-risk-toolbar-separator[b-nauwwfdfib] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
  margin: 0 4px;
}

.cp-risk-typology-creator[b-nauwwfdfib] {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 0 12px 12px;
  max-width: 520px;
}

.cp-risk-search-wrap[b-nauwwfdfib] {
  position: relative;
  width: min(100%, 280px);
  flex: 0 0 auto;
}

.cp-risk-search-icon[b-nauwwfdfib] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cp-primary);
  font-size: 22px;
  pointer-events: none;
}

.cp-risk-search-input[b-nauwwfdfib] {
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 10px;
  background: #f8f6f8;
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 500;
  padding: 0 42px 0 44px;
  outline: none;
}

.cp-risk-search-clear[b-nauwwfdfib] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  cursor: pointer;
}

.cp-risk-toolbar-input[b-nauwwfdfib] {
  min-width: min(280px, 100%);
}

.cp-risk-create-row[b-nauwwfdfib] {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  align-items: flex-end;
}

.cp-risk-create-row[b-nauwwfdfib]  .mud-input-control {
  min-width: 180px;
}

.cp-risk-create-row[b-nauwwfdfib]  .mud-input-control:nth-child(3) {
  min-width: min(360px, 100%);
  flex: 1 1 360px;
}

.cp-risk-create-row--compact[b-nauwwfdfib]  .mud-input-control {
  min-width: 220px;
}

.cp-risk-inline-save[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  border: 1px solid #dbe4ef;
  border-radius: 9999px;
  background: #ffffff;
  color: var(--cp-primary);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.cp-btn-toolbar[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.cp-btn-toolbar:not(:disabled):hover[b-nauwwfdfib],
.cp-btn-toolbar:not(:disabled):focus-visible[b-nauwwfdfib] {
  background-color: var(--cp-primary);
  border-color: var(--cp-primary);
  color: #ffffff;
  outline: none;
}

.cp-risk-inline-save[b-nauwwfdfib] {
  min-height: 28px;
  margin-top: 4px;
}

.cp-btn-toolbar:disabled[b-nauwwfdfib],
.cp-btn-toolbar--muted[b-nauwwfdfib] {
  color: #94a3b8;
  cursor: not-allowed;
}

.cp-risk-inline-save--muted[b-nauwwfdfib] {
  color: #64748b;
}

.cp-risk-table-wrap[b-nauwwfdfib] {
  flex: 0 1 auto;
  height: min(74vh, 840px);
  min-height: 0;
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e2e8f0;
}

.cp-risk-table-wrap[b-nauwwfdfib]::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.cp-risk-table-wrap[b-nauwwfdfib]::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 999px;
}

.cp-risk-table-wrap[b-nauwwfdfib]::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #e2e8f0;
  border-radius: 999px;
}

.cp-risk-table-wrap[b-nauwwfdfib]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.cp-risk-scroll-xbar[b-nauwwfdfib] {
  flex: 0 0 auto;
  min-height: 28px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #e2e8f0;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #f8fafc;
  box-sizing: border-box;
}

.cp-risk-scroll-xbar.cp-prj-scroll-xbar--hidden[b-nauwwfdfib] {
  display: none;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__button[b-nauwwfdfib] {
  width: 30px;
  height: 20px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #ffffff;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__button:hover[b-nauwwfdfib] {
  border-color: #94a3b8;
  background: #f1f5f9;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__button:disabled[b-nauwwfdfib] {
  opacity: 0.45;
  cursor: default;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__range[b-nauwwfdfib] {
  width: 100%;
  height: 16px;
  margin: 0;
  accent-color: var(--cp-primary);
  cursor: pointer;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__range[b-nauwwfdfib]::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__range[b-nauwwfdfib]::-webkit-slider-thumb {
  margin-top: -3px;
  width: 24px;
  height: 14px;
  border: 0;
  border-radius: 999px;
  background: var(--cp-primary);
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__range[b-nauwwfdfib]::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

.cp-risk-scroll-xbar .cp-prj-scroll-xbar__range[b-nauwwfdfib]::-moz-range-thumb {
  width: 24px;
  height: 14px;
  border: 0;
  border-radius: 999px;
  background: var(--cp-primary);
}

.cp-risk-table[b-nauwwfdfib] {
  width: 100%;
  min-width: 1440px;
  border-collapse: collapse;
  table-layout: fixed;
}

.cp-risk-table th[b-nauwwfdfib] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 12px;
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.cp-risk-table td[b-nauwwfdfib] {
  vertical-align: top;
  padding: 12px;
  border-bottom: 1px solid #f1f5f9;
  border-right: 1px solid #f1f5f9;
}

.cp-risk-table th:nth-child(1)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(1)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(1)[b-nauwwfdfib] {
  width: 44px;
}

.cp-risk-table th:nth-child(2)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(2)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(2)[b-nauwwfdfib] {
  width: 44px;
}

.cp-risk-table th:nth-child(3)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(3)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(3)[b-nauwwfdfib] {
  width: 220px;
}

.cp-risk-table th:nth-child(4)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(4)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(4)[b-nauwwfdfib] {
  width: 220px;
}

.cp-risk-table th:nth-child(5)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(5)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(5)[b-nauwwfdfib] {
  width: 220px;
}

.cp-risk-table th:nth-child(6)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(6)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(6)[b-nauwwfdfib] {
  width: 260px;
}

.cp-risk-table th:nth-child(7)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(7)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(7)[b-nauwwfdfib] {
  width: 520px;
}

.cp-risk-table th:nth-child(8)[b-nauwwfdfib],
.cp-risk-table > tbody > tr > td:nth-child(8)[b-nauwwfdfib],
.cp-risk-inner-table td:nth-child(8)[b-nauwwfdfib] {
  width: 44px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
}

.cp-risk-table th.cp-risk-typology-column--collapsed[b-nauwwfdfib],
.cp-risk-table td.cp-risk-typology-column--collapsed[b-nauwwfdfib],
.cp-risk-inner-table td.cp-risk-typology-column--collapsed[b-nauwwfdfib] {
  width: 44px;
  padding-left: 6px;
  padding-right: 6px;
}

.cp-risk-th-toggle[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0;
  cursor: pointer;
}

.cp-risk-th-toggle .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 18px;
}

.cp-risk-dnd-host-row > td[b-nauwwfdfib] {
  padding: 0;
}

.cp-risk-inner-table[b-nauwwfdfib] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.cp-risk-order-cell[b-nauwwfdfib] {
  text-align: center;
  vertical-align: middle !important;
}

.cp-risk-expand-cell[b-nauwwfdfib] {
  text-align: center;
  vertical-align: middle !important;
}

.cp-risk-row-expand[b-nauwwfdfib] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
  position: relative;
}

.cp-risk-row-expand:hover[b-nauwwfdfib] {
  background: rgba(10, 132, 255, 0.08);
}

.cp-risk-row-expand .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 20px;
  transition: transform 150ms ease;
}

.cp-risk-row-expand__icon--open[b-nauwwfdfib] {
  transform: rotate(90deg);
}

.cp-risk-row-expand__count[b-nauwwfdfib] {
  align-items: center;
  background: #0a84ff;
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  height: 16px;
  justify-content: center;
  line-height: 1;
  min-width: 16px;
  padding: 0 3px;
  position: absolute;
  right: -5px;
  top: -5px;
}

.cp-risk-drag-handle[b-nauwwfdfib] {
  color: var(--cp-primary);
  cursor: grab;
  font-size: 20px;
  user-select: none;
}

.cp-risk-drag-handle:active[b-nauwwfdfib] {
  cursor: grabbing;
}

.cp-risk-title-cell[b-nauwwfdfib] {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.cp-risk-title-cell .cp-risk-cell-editor[b-nauwwfdfib] {
  min-width: 0;
}

.cp-risk-typology-cell[b-nauwwfdfib] {
  vertical-align: top;
}

.cp-risk-group-row td[b-nauwwfdfib] {
  padding: 0;
  background: #e2e2e2;
}

.cp-risk-group-toggle[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  padding: 0 10px;
  font-size: 13px;
  cursor: pointer;
}

.cp-risk-group-toggle strong[b-nauwwfdfib] {
  font-weight: 800;
}

.cp-risk-group-head[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 10px;
}

.cp-risk-group-head strong[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-group-head > span[b-nauwwfdfib] {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.cp-risk-group-title-input[b-nauwwfdfib] {
  flex: 1 1 320px;
  min-width: 240px;
}

.cp-risk-data-row:hover[b-nauwwfdfib] {
  background: #fbfdff;
}

.cp-risk-data-row[b-nauwwfdfib] {
  cursor: pointer;
}

.cp-risk-data-row--selected[b-nauwwfdfib] {
  background: #eef6ff;
  box-shadow: inset 3px 0 0 var(--cp-primary);
}

.cp-risk-data-row--selected:hover[b-nauwwfdfib] {
  background: #e7f1ff;
}

.cp-risk-new-row[b-nauwwfdfib] {
  background: #fffdf7;
}

.cp-risk-cell-editor[b-nauwwfdfib] {
  width: 100%;
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  padding: 6px 8px;
  outline: none;
  resize: vertical;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-risk-cell-editor:hover[b-nauwwfdfib],
.cp-risk-cell-editor:focus[b-nauwwfdfib] {
  background: #ffffff;
  border-color: #cbd5e1;
}

.cp-risk-cell-editor:focus[b-nauwwfdfib] {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-risk-cell-editor--memo[b-nauwwfdfib] {
  min-height: 58px;
}

.cp-risk-row-delete-cell[b-nauwwfdfib] {
  vertical-align: middle !important;
  text-align: center;
}

.cp-risk-row-delete-btn[b-nauwwfdfib] {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.cp-risk-row-delete-btn:hover[b-nauwwfdfib] {
  background: transparent;
  color: var(--cp-primary);
}

.cp-risk-row-delete-btn .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 24px;
  line-height: 1;
}

.cp-risk-typology-select[b-nauwwfdfib] {
  width: 100%;
  appearance: auto;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  min-height: 32px;
  padding: 6px 28px 6px 8px;
  outline: none;
  box-shadow: none;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.cp-risk-typology-select:hover[b-nauwwfdfib],
.cp-risk-typology-select:focus[b-nauwwfdfib] {
  border-color: #cbd5e1;
  background: #ffffff;
}

.cp-risk-typology-select:focus[b-nauwwfdfib] {
  border-color: #93c5fd;
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.12);
}

.cp-risk-row-actions[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cp-risk-chip-line[b-nauwwfdfib] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

.cp-risk-chip[b-nauwwfdfib] {
  background: rgba(10, 132, 255, 0.08);
  color: var(--cp-primary);
}

.cp-risk-controls-selected[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cp-risk-control-chip[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(10, 132, 255, 0.1);
  color: var(--cp-primary);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-risk-control-chip__remove[b-nauwwfdfib] {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
  color: #475569;
  cursor: pointer;
  padding: 0;
}

.cp-risk-control-chip__remove .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 13px;
  line-height: 1;
}

.cp-risk-control-add[b-nauwwfdfib] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #ffffff;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
}

.cp-risk-control-add .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 18px;
}

.cp-risk-task-detail-row > td[b-nauwwfdfib] {
  background: #ffffff;
  padding: 0 12px 14px;
}

.cp-risk-task-detail[b-nauwwfdfib] {
  border-left: 1px solid #dbe4ee;
  border-right: 1px solid #dbe4ee;
  border-bottom: 1px solid #dbe4ee;
  background: #ffffff;
  padding: 10px 12px 12px;
}

.cp-risk-task-detail__head[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-bottom: 8px;
}

.cp-risk-task-detail__head strong[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-task-detail__action[b-nauwwfdfib] {
  min-height: 30px;
}

.cp-risk-task-detail__separator[b-nauwwfdfib] {
  width: 1px;
  height: 20px;
  background: #cbd5e1;
  margin: 0 2px;
}

.cp-risk-task-detail__sort-actions[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-risk-task-sort-btn[b-nauwwfdfib] {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  padding: 0;
}

.cp-risk-task-sort-btn--active[b-nauwwfdfib],
.cp-risk-task-sort-btn:hover[b-nauwwfdfib] {
  background: rgba(10, 132, 255, 0.08);
}

.cp-risk-task-detail__cards[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-risk-linked-task-row[b-nauwwfdfib] {
  cursor: pointer;
}

.cp-risk-linked-task-row.cp-task-row[b-nauwwfdfib] {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media (hover: hover) {
  .cp-risk-linked-task-row.cp-task-row:hover[b-nauwwfdfib] {
    transform: scale(1.008);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  }
}

.cp-risk-linked-task-row .cp-task-row__layout[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-risk-linked-task-row .cp-task-row__progress-wrap[b-nauwwfdfib] {
  display: flex;
  justify-content: center;
}

.cp-risk-linked-task-row .cp-task-progress-donut[b-nauwwfdfib] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(var(--cp-progress-color) 0deg var(--cp-progress-angle), #e2e8f0 var(--cp-progress-angle) 360deg);
}

.cp-risk-linked-task-row .cp-task-progress-donut[b-nauwwfdfib]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-risk-linked-task-row .cp-task-progress-donut span[b-nauwwfdfib] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-risk-linked-task-row .cp-task-row__content[b-nauwwfdfib],
.cp-risk-linked-task-row .cp-task-row__heading[b-nauwwfdfib] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-risk-linked-task-row .cp-task-row__top[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-risk-linked-task-row .cp-task-row__heading[b-nauwwfdfib] {
  gap: 2px;
  width: 100%;
}

.cp-risk-linked-task-row .cp-task-row__origin-line[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}

.cp-risk-linked-task-row .cp-task-row__origin[b-nauwwfdfib] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-risk-linked-task-row .cp-task-row__origin:hover[b-nauwwfdfib] {
  color: var(--cp-primary);
}

.cp-risk-linked-task-row .cp-task-row__title[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
}

.cp-risk-linked-task-row .cp-task-row__title:hover[b-nauwwfdfib] {
  text-decoration: underline;
}

.cp-risk-linked-task-row .cp-task-row__title-line[b-nauwwfdfib],
.cp-risk-linked-task-row .cp-task-row__title-edit[b-nauwwfdfib] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-risk-linked-task-row .cp-task-row__title-edit[b-nauwwfdfib] {
  width: 100%;
  max-width: 768px;
}

.cp-risk-linked-task-row .cp-task-row__title-edit-btn[b-nauwwfdfib] {
  color: #64748b;
}

.cp-risk-linked-task-row .cp-task-row__title-edit-btn:hover[b-nauwwfdfib] {
  color: var(--cp-primary);
}

.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib],
.cp-risk-linked-task-row .cp-ms-title-input[b-nauwwfdfib] {
  flex: 1 1 280px;
  min-width: 280px;
  max-width: 100%;
}

.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib]  .mud-input-control,
.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib]  .mud-input-root,
.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib]  .mud-input-slot {
  width: 100%;
  margin-top: 0;
  min-height: 28px;
  height: 28px;
}

.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib]  input,
.cp-risk-linked-task-row .cp-task-row__title-input[b-nauwwfdfib]  .mud-input-input {
  font-size: 13px;
  min-height: 28px;
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1;
}

.cp-risk-linked-task-row .cp-task-tag-chip[b-nauwwfdfib],
.cp-risk-linked-task-row .cp-task-pill[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.cp-risk-linked-task-row .cp-task-tag-chip[b-nauwwfdfib] {
  padding: 3px 10px;
  line-height: 1;
}

.cp-risk-linked-task-row .cp-task-pill[b-nauwwfdfib] {
  padding: 4px 10px;
}

.cp-risk-linked-task-row .cp-task-status-select[b-nauwwfdfib] {
  width: auto;
  min-width: 82px;
  max-width: 108px;
  border: 0;
  outline: 0;
  appearance: none;
  cursor: pointer;
  line-height: 1.1;
  padding: 4px 18px 4px 8px;
  text-align: center;
  text-align-last: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 10px) 50%, calc(100% - 6px) 50%;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.cp-risk-linked-task-row .cp-task-status-select:disabled[b-nauwwfdfib] {
  opacity: 0.6;
  cursor: default;
}

.cp-risk-linked-task-row .cp-task-tag-chip__dot[b-nauwwfdfib] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-risk-linked-task-row .cp-task-pill--done[b-nauwwfdfib] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-risk-linked-task-row .cp-task-pill--progress[b-nauwwfdfib] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-risk-linked-task-row .cp-task-pill--blocked[b-nauwwfdfib] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-risk-linked-task-row .cp-task-pill--pending[b-nauwwfdfib] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-risk-linked-task-row .cp-task-pill--critical[b-nauwwfdfib] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-risk-linked-task-row .cp-task-pill--high[b-nauwwfdfib] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-risk-linked-task-row .cp-task-pill--medium[b-nauwwfdfib] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-risk-linked-task-row .cp-task-pill--low[b-nauwwfdfib] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-risk-linked-task-row .cp-task-pill--neutral[b-nauwwfdfib] {
  background: #edf2f7;
  color: #475569;
}

.cp-risk-linked-task-row .cp-task-row__planning-line[b-nauwwfdfib] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-risk-linked-task-row .cp-task-row__planning-line .material-symbols-outlined[b-nauwwfdfib] {
  color: #64748b;
  font-size: 18px;
}

.cp-risk-linked-task-row .cp-task-row__planning-line strong[b-nauwwfdfib] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-risk-linked-task-row .cp-task-row__expanded[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

@media (hover: hover) {
  .cp-risk-linked-task-row:hover .cp-task-row__planning-line[b-nauwwfdfib],
  .cp-risk-linked-task-row:focus-within .cp-task-row__planning-line[b-nauwwfdfib] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-risk-linked-task-row:hover .cp-task-row__expanded[b-nauwwfdfib],
  .cp-risk-linked-task-row:focus-within .cp-task-row__expanded[b-nauwwfdfib] {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

.cp-risk-linked-task-row .cp-task-row__expanded-item > span[b-nauwwfdfib] {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-risk-linked-task-row .cp-task-row__expanded-item strong[b-nauwwfdfib] {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.cp-risk-linked-task-row .cp-task-row__tag-list[b-nauwwfdfib] {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-risk-linked-task-row .cp-task-row__tag-empty[b-nauwwfdfib] {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}

.cp-risk-linked-task-row .cp-task-row__footer[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.cp-risk-linked-task-row .cp-task-row__link[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.cp-risk-linked-task-row .cp-task-row__comments[b-nauwwfdfib] {
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.cp-risk-controls-empty[b-nauwwfdfib] {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
}

.cp-risk-muted[b-nauwwfdfib],
.cp-risk-empty[b-nauwwfdfib] {
  color: #64748b;
  font-size: 12px;
}

.cp-risk-empty[b-nauwwfdfib] {
  padding: 18px;
  text-align: center;
}

.cp-risk-th-help[b-nauwwfdfib] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.cp-risk-th-help[b-nauwwfdfib]  .mud-icon-button {
  border: 0;
  background: transparent;
  color: #ffffff;
}

.cp-risk-th-help[b-nauwwfdfib]  .mud-icon-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cp-risk-eval-list[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-risk-eval-card[b-nauwwfdfib] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  padding: 6px;
}

.cp-risk-eval-summary[b-nauwwfdfib] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #1e293b;
  cursor: pointer;
  text-align: left;
}

.cp-risk-eval-summary strong[b-nauwwfdfib] {
  font-size: 12px;
  font-weight: 800;
}

.cp-risk-eval-summary small[b-nauwwfdfib] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.cp-risk-eval-mini-table[b-nauwwfdfib] {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e8eef6;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.cp-risk-eval-mini-header[b-nauwwfdfib],
.cp-risk-eval-mini-row[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 108px 118px 104px 110px minmax(150px, 1fr);
  align-items: center;
  gap: 6px;
}

.cp-risk-eval-mini-header[b-nauwwfdfib] {
  background: #f8fafc;
  color: #64748b;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 6px;
}

.cp-risk-eval-mini-row[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 11px;
  font-weight: 700;
  padding: 7px 6px;
}

.cp-risk-eval-mini-row > span[b-nauwwfdfib] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-scale-cell[b-nauwwfdfib] {
  flex-direction: column;
  gap: 2px;
}

.cp-risk-scale-label[b-nauwwfdfib] {
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.1;
  color: #475569;
  font-weight: 500;
  white-space: normal;
}

.cp-risk-eval-mini-cell--center[b-nauwwfdfib] {
  display: flex;
  justify-content: center;
  text-align: center;
}

.cp-risk-eval-mini-total-head[b-nauwwfdfib] {
  color: var(--cp-primary);
}

.cp-risk-eval-mini-total[b-nauwwfdfib] {
  min-width: 72px;
  justify-content: center;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.cp-risk-eval-empty-action[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  min-height: 30px;
}

.cp-risk-eval-open-btn[b-nauwwfdfib] {
  justify-self: end;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--cp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 800;
  padding: 0 7px;
  white-space: nowrap;
  max-width: 100%;
}

.cp-risk-eval-open-btn .material-symbols-outlined[b-nauwwfdfib] {
  font-size: 15px;
}

.cp-risk-eval-open-btn:hover[b-nauwwfdfib] {
  color: #0a84ff;
  background: rgba(10, 132, 255, 0.08);
}

.cp-risk-copy-row[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
}

.cp-risk-copy-row[b-nauwwfdfib]  .mud-input-control {
  min-width: 150px;
  max-width: 170px;
}

.cp-risk-score-table[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dbe4ef;
}

.cp-risk-score-header[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 1.4fr 88px 88px 116px minmax(140px, 1fr) 44px;
  align-items: center;
  color: #656f84;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.cp-risk-score-header-cell[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  min-width: 0;
}

.cp-risk-score-body[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-risk-score-row[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 1.4fr 88px 88px 116px minmax(140px, 1fr) 44px;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  background: #ffffff;
  width: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cp-risk-score-row:hover[b-nauwwfdfib] {
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

.cp-risk-score-row[b-nauwwfdfib]  .mud-input-control {
  margin: 0;
}

.cp-risk-score-main[b-nauwwfdfib] {
  min-width: 0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.cp-risk-score-icon[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 18px;
}

.cp-risk-location[b-nauwwfdfib] {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 400;
}

.cp-risk-score-meta[b-nauwwfdfib] {
  min-width: 0;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-risk-score-scale-meta[b-nauwwfdfib] {
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.cp-risk-score-meta .cp-risk-level-pill[b-nauwwfdfib] {
  width: 100%;
  justify-content: center;
  min-height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
}

.cp-risk-score-actions[b-nauwwfdfib] {
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.cp-risk-score-action-btn[b-nauwwfdfib] {
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.cp-risk-score-action-btn:hover:not(:disabled)[b-nauwwfdfib] {
  background-color: rgba(var(--cp-primary-rgb), 0.08);
}

.cp-risk-level--low[b-nauwwfdfib] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-risk-level--moderate[b-nauwwfdfib] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-risk-level--high[b-nauwwfdfib] {
  background: rgba(249, 115, 22, 0.16);
  color: #c2410c;
}

.cp-risk-level--extreme[b-nauwwfdfib] {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.cp-risk-matrix-popover[b-nauwwfdfib] {
  padding: 12px;
  width: 360px;
}

.cp-risk-matrix-title[b-nauwwfdfib] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.cp-risk-matrix-body[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}

.cp-risk-matrix-y-label[b-nauwwfdfib] {
  align-self: center;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  transform: rotate(-90deg);
  white-space: nowrap;
}

.cp-risk-matrix-x-label[b-nauwwfdfib] {
  margin: 0 0 4px 28px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.cp-risk-matrix-grid[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 28px repeat(5, 1fr);
  gap: 3px;
}

.cp-risk-matrix-axis[b-nauwwfdfib],
.cp-risk-matrix-cell[b-nauwwfdfib] {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
}

.cp-risk-matrix-axis[b-nauwwfdfib] {
  color: #64748b;
  background: #f1f5f9;
}

.cp-risk-matrix-cell.cp-risk-level--low[b-nauwwfdfib] {
  background: #12b886;
  color: #ffffff;
}

.cp-risk-matrix-cell.cp-risk-level--moderate[b-nauwwfdfib] {
  background: #ffe100;
  color: #111827;
}

.cp-risk-matrix-cell.cp-risk-level--high[b-nauwwfdfib] {
  background: #ff8a1f;
  color: #ffffff;
}

.cp-risk-matrix-cell.cp-risk-level--extreme[b-nauwwfdfib] {
  background: #f43f5e;
  color: #ffffff;
}

.cp-risk-stats-shell[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.cp-risk-stats-filter-row[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cp-risk-stats-segmented[b-nauwwfdfib] {
  display: inline-flex;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  background: #ffffff;
  padding: 3px;
}

.cp-risk-stats-segment[b-nauwwfdfib] {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  min-height: 30px;
  padding: 0 12px;
}

.cp-risk-stats-segment--active[b-nauwwfdfib] {
  background: var(--cp-primary);
  color: #ffffff;
}

.cp-risk-stats-select[b-nauwwfdfib] {
  min-width: 190px;
  height: 36px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #ffffff;
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  padding: 0 32px 0 10px;
}

.cp-risk-stats-grid[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cp-risk-stat-card--chart[b-nauwwfdfib] {
  min-height: 260px;
  justify-content: flex-start;
}

.cp-risk-stat-card__head[b-nauwwfdfib] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.cp-risk-stat-card__head h2[b-nauwwfdfib] {
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.cp-risk-apex-chart[b-nauwwfdfib] {
  min-height: 230px;
  overflow: hidden;
}

.cp-risk-apex-chart[b-nauwwfdfib]  .apexcharts-canvas,
.cp-risk-apex-chart[b-nauwwfdfib]  .apexcharts-svg {
  max-width: 100%;
}

.cp-risk-apex-chart[b-nauwwfdfib]  .apexcharts-text,
.cp-risk-apex-chart[b-nauwwfdfib]  .apexcharts-datalabel {
  font-family: Inter, sans-serif !important;
  font-weight: 800;
}

.cp-risk-heat-plane[b-nauwwfdfib] {
  position: relative;
  min-height: 230px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(15, 169, 121, 0.92) 0%, rgba(190, 242, 28, 0.9) 34%, rgba(250, 204, 21, 0.9) 54%, rgba(249, 115, 22, 0.88) 76%, rgba(236, 72, 153, 0.9) 100%);
}

.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-canvas,
.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-svg,
.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-inner,
.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-grid,
.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-grid-rect {
  background: transparent !important;
}

.cp-risk-heat-plane[b-nauwwfdfib]  .apexcharts-marker {
  filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.28));
}

.cp-risk-heat-plane__labels[b-nauwwfdfib] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.cp-risk-heat-plane__label[b-nauwwfdfib] {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: min(280px, calc(100% - 24px));
  transform: translate(var(--cp-heat-label-x, -50%), -50%);
  border: 1px solid rgba(15, 23, 42, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
  color: #0f172a;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  overflow: visible;
  padding: 3px 6px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  white-space: normal;
}

.cp-risk-heat-plane__label[b-nauwwfdfib]::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
}

.cp-risk-ranking-row strong[b-nauwwfdfib],
.cp-risk-ranking-link[b-nauwwfdfib] {
  display: block;
  justify-self: stretch;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-stat-matrix[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 28px repeat(5, minmax(34px, 1fr));
  gap: 4px;
}

.cp-risk-stat-axis[b-nauwwfdfib],
.cp-risk-stat-matrix-cell[b-nauwwfdfib] {
  min-height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
}

.cp-risk-stat-matrix-cell--has-count span[b-nauwwfdfib] {
  min-width: 24px;
  border: 1px solid rgba(15, 23, 42, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
  color: #0f172a;
  font-size: 13px;
  line-height: 1;
  padding: 4px 8px;
}

.cp-risk-stat-axis[b-nauwwfdfib] {
  background: #f1f5f9;
  color: #64748b;
}

.cp-risk-ranking[b-nauwwfdfib] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-risk-ranking-row[b-nauwwfdfib] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(80px, auto) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #edf2f7;
  color: var(--cp-primary);
  font-size: 12px;
  min-height: 30px;
  padding: 4px 0;
}

.cp-risk-ranking-row span[b-nauwwfdfib] {
  color: #64748b;
  font-weight: 800;
}

.cp-risk-ranking-row strong[b-nauwwfdfib],
.cp-risk-ranking-link[b-nauwwfdfib] {
  font-weight: 800;
}

.cp-risk-ranking-link[b-nauwwfdfib] {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  line-height: inherit;
  padding: 0;
  width: 100%;
}

.cp-risk-ranking-link:hover[b-nauwwfdfib],
.cp-risk-ranking-link:focus-visible[b-nauwwfdfib] {
  color: #0ea5e9;
  text-decoration: underline;
}

.cp-risk-ranking-row small[b-nauwwfdfib] {
  color: #64748b;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-ranking-row em[b-nauwwfdfib] {
  border-radius: 999px;
  font-style: normal;
  font-weight: 900;
  min-width: 38px;
  padding: 4px 8px;
  text-align: center;
}

.cp-risk-stats-empty[b-nauwwfdfib] {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.cp-risk-stat-matrix-cell.cp-risk-level--low[b-nauwwfdfib],
.cp-risk-ranking-row em.cp-risk-level--low[b-nauwwfdfib] {
  background: #12b886;
  color: #15803d;
}

.cp-risk-stat-matrix-cell.cp-risk-level--moderate[b-nauwwfdfib],
.cp-risk-ranking-row em.cp-risk-level--moderate[b-nauwwfdfib] {
  background: #ffe100;
  color: #b45309;
}

.cp-risk-stat-matrix-cell.cp-risk-level--high[b-nauwwfdfib],
.cp-risk-ranking-row em.cp-risk-level--high[b-nauwwfdfib] {
  background: #ff8a1f;
  color: #c2410c;
}

.cp-risk-stat-matrix-cell.cp-risk-level--extreme[b-nauwwfdfib],
.cp-risk-ranking-row em.cp-risk-level--extreme[b-nauwwfdfib] {
  background: #f43f5e;
  color: #b91c1c;
}

.cp-risk-stat-matrix-cell.cp-risk-level--high.cp-risk-stat-matrix-cell--has-count span[b-nauwwfdfib],
.cp-risk-stat-matrix-cell.cp-risk-level--extreme.cp-risk-stat-matrix-cell--has-count span[b-nauwwfdfib] {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(15, 23, 42, 0.68);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

@media (max-width: 900px) {
  .cp-risk-toolbar[b-nauwwfdfib] {
    align-items: stretch;
    flex-direction: column;
  }

  .cp-risk-search-wrap[b-nauwwfdfib] {
    width: 100%;
  }

  .cp-risk-score-header[b-nauwwfdfib] {
    display: none;
  }

  .cp-risk-score-row[b-nauwwfdfib] {
    grid-template-columns: 1fr;
  }

  .cp-risk-score-meta[b-nauwwfdfib],
  .cp-risk-score-actions[b-nauwwfdfib] {
    justify-content: stretch;
  }

  .cp-risk-stats-grid[b-nauwwfdfib] {
    grid-template-columns: 1fr;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskPlans.razor.rz.scp.css */
.cp-btn-toolbar-active[b-5d3ne3t5yy] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-prj-toolbar-shell[b-5d3ne3t5yy] {
  background: #ffffff;
  border-radius: 14px 14px 0 0;
}

.cp-prj-content-shell[b-5d3ne3t5yy] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.cp-prj-cards-wrap[b-5d3ne3t5yy] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 14px;
}

.cp-prj-cards-grid[b-5d3ne3t5yy],
.cp-risk-cards-grid[b-5d3ne3t5yy] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-risk-card[b-5d3ne3t5yy] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  margin: 0;
}

.cp-risk-card--pinned[b-5d3ne3t5yy] {
  border-color: #0a84ff;
  box-shadow: 0 8px 22px rgba(10, 132, 255, 0.12);
}

.cp-risk-card__header[b-5d3ne3t5yy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cp-risk-card__title-wrap[b-5d3ne3t5yy] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cp-risk-card__title-col[b-5d3ne3t5yy] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-risk-card__icon[b-5d3ne3t5yy] {
  font-size: 22px;
  color: #0a84ff;
  line-height: 1;
}

.cp-risk-title-row[b-5d3ne3t5yy],
.cp-risk-title-edit[b-5d3ne3t5yy] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-risk-title-input[b-5d3ne3t5yy] {
  min-width: 280px;
}

.cp-risk-link[b-5d3ne3t5yy] {
  color: var(--cp-primary);
  text-decoration: underline;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.cp-risk-link--title[b-5d3ne3t5yy] {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--cp-primary);
}

.cp-risk-link--title:hover[b-5d3ne3t5yy] {
  text-decoration: underline;
}

.cp-risk-card__edit-btn[b-5d3ne3t5yy] {
  color: #64748b;
}

.cp-risk-card__edit-btn:hover[b-5d3ne3t5yy] {
  color: var(--cp-primary);
}

.cp-risk-card__description[b-5d3ne3t5yy] {
  margin-top: 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.cp-risk-card__risk-count[b-5d3ne3t5yy] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #075985;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  margin-left: 8px;
  padding: 3px 6px;
  white-space: nowrap;
}

.cp-risk-card__risk-count .material-symbols-outlined[b-5d3ne3t5yy] {
  font-size: 11px;
  line-height: 1;
}

.cp-risk-card__chips[b-5d3ne3t5yy] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.cp-risk-card__chip[b-5d3ne3t5yy] {
  display: inline-flex;
  align-items: center;
  max-width: 180px;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-risk-card__chip--center[b-5d3ne3t5yy] {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #075985;
}

.cp-risk-card__chip--tag[b-5d3ne3t5yy] {
  background: #f8fafc;
}

.cp-risk-card__meta[b-5d3ne3t5yy] {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease;
}

.cp-risk-card__meta-row[b-5d3ne3t5yy] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #334155;
  font-size: 11px;
}

.cp-risk-card__meta-row span[b-5d3ne3t5yy] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-risk-card__meta-row strong[b-5d3ne3t5yy] {
  color: #1e293b;
  font-size: 11px;
  font-weight: 700;
}

.cp-plan-row[b-5d3ne3t5yy] {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-risk-plan-row--pinned[b-5d3ne3t5yy] {
  border-color: #0f766e;
  box-shadow: 0 8px 22px rgba(15, 118, 110, 0.12);
}

.cp-plan-row__layout[b-5d3ne3t5yy] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.cp-plan-row__progress-wrap[b-5d3ne3t5yy] {
  display: flex;
  justify-content: center;
}

.cp-risk-score-badge[b-5d3ne3t5yy] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff7ed;
  border: 3px solid #f97316;
  color: #9a3412;
  font-weight: 800;
  font-size: 13px;
}

.cp-plan-row__content[b-5d3ne3t5yy] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
  padding-right: 42px;
}

.cp-plan-row__top[b-5d3ne3t5yy] {
  display: block;
  min-width: 0;
}

.cp-plan-row__heading[b-5d3ne3t5yy] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.cp-plan-row__title[b-5d3ne3t5yy] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.05;
  text-decoration: none;
  cursor: pointer;
}

.cp-plan-row__title:hover[b-5d3ne3t5yy] {
  text-decoration: underline;
}

.cp-plan-row__title-line[b-5d3ne3t5yy] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-plan-row__title-edit-btn[b-5d3ne3t5yy] {
  color: #64748b;
}

.cp-plan-row__title-edit-btn:hover[b-5d3ne3t5yy] {
  color: var(--cp-primary);
}

.cp-plan-row__title-edit[b-5d3ne3t5yy] {
  min-width: 0;
  width: 100%;
  max-width: 768px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-plan-row__title-input[b-5d3ne3t5yy] {
  flex: 1 1 576px;
  min-width: 576px;
  max-width: 100%;
}

.cp-plan-row__title-input[b-5d3ne3t5yy]  .mud-input-control,
.cp-plan-row__title-input[b-5d3ne3t5yy]  .mud-input-root,
.cp-plan-row__title-input[b-5d3ne3t5yy]  .mud-input-slot {
  width: 100%;
}

.cp-plan-row__title-input[b-5d3ne3t5yy]  input {
  font-size: 13px;
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cp-plan-row__menu[b-5d3ne3t5yy] {
  position: absolute;
  top: -6px;
  right: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(10px);
  transition: max-width 180ms ease, opacity 140ms ease, transform 180ms ease;
}

.cp-plan-row__planning-line[b-5d3ne3t5yy] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: none;
  opacity: 1;
  overflow: visible;
  transform: none;
  margin-top: 0;
  line-height: 1.1;
}

.cp-plan-row__planning-line .material-symbols-outlined[b-5d3ne3t5yy] {
  color: #64748b;
  font-size: 18px;
}

.cp-plan-row__planning-line strong[b-5d3ne3t5yy] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-plan-pill[b-5d3ne3t5yy] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-pill--ok[b-5d3ne3t5yy] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-plan-pill--warning[b-5d3ne3t5yy] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-plan-pill--neutral[b-5d3ne3t5yy] {
  background: #edf2f7;
  color: #475569;
}

.cp-plan-row__expanded[b-5d3ne3t5yy] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-plan-row__expanded-item[b-5d3ne3t5yy] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cp-plan-row__expanded-item > span[b-5d3ne3t5yy] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-plan-row__expanded-item > strong[b-5d3ne3t5yy] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.cp-prj-empty[b-5d3ne3t5yy] {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

@media (hover: hover) {
  .cp-risk-card:hover[b-5d3ne3t5yy],
  .cp-risk-card:focus-within[b-5d3ne3t5yy] {
    transform: scale(1.004);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  }

  .cp-risk-card:hover .cp-risk-card__meta[b-5d3ne3t5yy],
  .cp-risk-card:focus-within .cp-risk-card__meta[b-5d3ne3t5yy] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }

  .cp-plan-row:hover[b-5d3ne3t5yy],
  .cp-plan-row:focus-within[b-5d3ne3t5yy] {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  .cp-plan-row:hover .cp-plan-row__menu[b-5d3ne3t5yy],
  .cp-plan-row:focus-within .cp-plan-row__menu[b-5d3ne3t5yy] {
    max-width: 56px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  .cp-plan-row:hover .cp-plan-row__expanded[b-5d3ne3t5yy],
  .cp-plan-row:focus-within .cp-plan-row__expanded[b-5d3ne3t5yy] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-risk-card__meta[b-5d3ne3t5yy] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }

  .cp-plan-row__menu[b-5d3ne3t5yy] {
    max-width: 56px;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    transform: none;
  }

  .cp-plan-row__expanded[b-5d3ne3t5yy] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (max-width: 768px) {
  .cp-prj-toolbar-shell[b-5d3ne3t5yy] {
    border-radius: 12px 12px 0 0;
  }

  .cp-prj-content-shell[b-5d3ne3t5yy] {
    border-radius: 0 0 12px 12px;
  }

  .cp-prj-cards-wrap[b-5d3ne3t5yy] {
    padding: 8px;
  }

  .cp-risk-link--title[b-5d3ne3t5yy] {
    font-size: 14px;
  }

  .cp-plan-row[b-5d3ne3t5yy] {
    padding: 10px;
  }

  .cp-plan-row__layout[b-5d3ne3t5yy] {
    grid-template-columns: 1fr;
  }

  .cp-plan-row__title-input[b-5d3ne3t5yy] {
    min-width: 243px;
  }

  .cp-plan-row__progress-wrap[b-5d3ne3t5yy] {
    justify-content: flex-start;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Risks/RiskTypologiesDialog.razor.rz.scp.css */
.cp-risk-typology-dialog[b-wno46urtln] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: min(620px, 100%);
}

.cp-risk-typology-dialog-add[b-wno46urtln] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.cp-risk-typology-dialog-add[b-wno46urtln]  .mud-input-control {
  margin: 0;
}

.cp-risk-typology-dialog-add-btn[b-wno46urtln] {
  align-self: center;
  height: 42px !important;
  min-width: 82px;
}

.cp-risk-typology-dialog-list[b-wno46urtln] {
  max-height: 440px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.cp-risk-typology-dialog-row[b-wno46urtln] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid #eef2f7;
}

.cp-risk-typology-dialog-row:last-child[b-wno46urtln] {
  border-bottom: 0;
}

.cp-risk-typology-dialog-empty[b-wno46urtln] {
  color: #64748b;
  font-size: 14px;
  padding: 18px;
}

@media (max-width: 640px) {
  .cp-risk-typology-dialog-add[b-wno46urtln],
  .cp-risk-typology-dialog-row[b-wno46urtln] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/SistemasGestion/SistemaGestion.razor.rz.scp.css */
 /* Custom scrollbar for the table */
        .custom-scrollbar[b-74rhgm6bo6]::-webkit-scrollbar {
            height: 8px;
            width: 8px;
        }
        .custom-scrollbar[b-74rhgm6bo6]::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        .custom-scrollbar[b-74rhgm6bo6]::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
        }
        .custom-scrollbar[b-74rhgm6bo6]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* ========================================================= 
    GRID MAPA
   ========================================================= */ 

/* ===== Grid wrapper / card ===== */
.cp-btn-toolbar-active[b-74rhgm6bo6] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-74rhgm6bo6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-wrap[b-74rhgm6bo6]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;                 /* p-3 */
  background: #fff;
}


.cp-grid-card[b-74rhgm6bo6]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;

  overflow: hidden; /* scroll is handled by .cp-grid-scroll */
}

/* Scroll container: enables BOTH horizontal + vertical scrolling */
.cp-grid-scroll[b-74rhgm6bo6]{
  flex: 1;
  min-height: 0;
  overflow: auto; /* both axes */
}




/* ===== Header row ===== */
.cp-grid-header[b-74rhgm6bo6]{
  display: grid;
  grid-template-columns:  48px 48px 1.5fr 4fr   48px;
  background: var(--cp-primary) !important;           /* slate-50 */
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}


/* Header cell */
.cp-grid-hcell[b-74rhgm6bo6]{
  padding: 12px;                 /* p-3 */
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;            /* text-xs */
  font-weight: bold;              /* font-bold */
  text-transform: uppercase;
  letter-spacing: .05em;
  color:#ffffff;                /* slate-500 */
}

.cp-grid-hcell--center[b-74rhgm6bo6]{ justify-content: center; }
.cp-grid-hcell--empty[b-74rhgm6bo6]{ justify-content: center; }

.dark .cp-grid-hcell[b-74rhgm6bo6]{
  border-right-color: #334155;
  color: #94a3b8;                /* slate-400 */
}

/* ===== Rows container ===== */
.cp-grid-rows[b-74rhgm6bo6]{
  /* rows just stack; scrolling happens in .cp-grid-scroll */
  min-height: 0;
}

/* ===== Data rows ===== */

.cp-grid-row[b-74rhgm6bo6]{
  display: grid;
  grid-template-columns: 48px 48px 1.5fr 4fr  48px;
  border-bottom: 1px solid #f1f5f9; /* slate-100 */
  align-items: stretch;
  min-height: 22px;
}

/* ================================
   Drag & Drop handle cursor
   ================================ */
.drag-handle[b-74rhgm6bo6]{
  cursor: grab;
  user-select: none;
}

.drag-handle:active[b-74rhgm6bo6]{
  cursor: grabbing;
}


/* Mare row */
.cp-grid-row--parent[b-74rhgm6bo6]{
  background: #e2e2e2;
  font-size: 14px;
  font-weight: bold; 
  color: var(--cp-primary) !important;
}

/* Child row */
.cp-grid-row--child[b-74rhgm6bo6]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important; 
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-74rhgm6bo6]{
  background: #f8fafc;          /* slate-50 */
}

.cp-grid-row--selected[b-74rhgm6bo6]{
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.25);
}

/* Cells */
.cp-grid-cell[b-74rhgm6bo6]{
  padding: 14px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-cell-input[b-74rhgm6bo6]{
width: 100%;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--cp-primary);
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 4px 8px;
  outline: none;
  box-sizing: border-box;
}

.cp-cell-input:focus[b-74rhgm6bo6]{
  border-color: #cbd5e1;
  box-shadow: none;
}

/* Centered small cells (icons) */
.cp-grid-cell--center[b-74rhgm6bo6]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-74rhgm6bo6]{
  display: flex;
  align-items: center;      /* centro vertical */
  justify-content: flex-start;
}

.cp-grid-cell--stack[b-74rhgm6bo6]{
  display: flex;
  flex-direction: column;   /* 🔑 vertical */
  align-items: stretch;
  gap: 6px;                 /* separación entre sistemas */
  padding: 12px;
  min-width: 0;
}

/* ===== Icon button inside cells ===== */
.cp-icon-btn[b-74rhgm6bo6]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  color: #64748b;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.cp-icon-btn:hover[b-74rhgm6bo6]{
  color: var(--cp-primary);
  background: rgba(var(--cp-primary-rgb), 0.10);
}

/* ===== Textarea inline ===== */
.cp-ta-inline[b-74rhgm6bo6]{
  width: 100%;
  min-height: 32px;
  max-height: 64px;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: .875rem;
  resize: none;
  line-height: 1.2;
  outline: none;
}

/* ================================
   Select (grid cell)
   ================================ */

.cp-cell-select[b-74rhgm6bo6]{
  width: 100%;                 /* w-full */
  padding: 4px 8px;            /* py-1 px-2 */

  background-color: #ffffff;
  color: var(--cp-primary);

  border: 1px solid #cbd5e1;   /* slate-300 */
  border-radius: 6px;          /* rounded-md */

  font-size: 14px;             /* text-sm */
  font-weight: 400;

  outline: none;
  box-sizing: border-box;
}

/* Focus */
.cp-cell-select:focus[b-74rhgm6bo6]{
  border-color: #cbd5e1;
  box-shadow: none;
  background-color: #f8fafc;
}



/* ================================
   Botón Nota
   ================================ */

.cp-btn-note[b-74rhgm6bo6]{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;            /* gap-1 */
  padding: 0.375rem 0.5rem; /* py-1.5 px-2 */
  border-radius: 0.375rem; /* rounded */
  font-size: 0.875rem;     /* text-sm */
  font-weight: 500;        /* font-medium */         /* slate-600 */
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.cp-btn-note--sin[b-74rhgm6bo6] 
{
  color: #0000005e !important; 
}

.cp-btn-note--con[b-74rhgm6bo6]
{
  color: var(--cp-primary) !important; 
}

/* Hover */
.cp-btn-note:hover[b-74rhgm6bo6]{
  background-color: #F9F8F9; /* slate-200 */
}

/* ================================
   Popup Nota
   ================================ */

.cp-note-popover[b-74rhgm6bo6]{
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 8px;          /* mr-2 */
  z-index: 50;

  width: 16rem;               /* w-64 */
  background-color: #ffffff;
  border: 1px solid #e2e8f0;  /* slate-200 */
  border-radius: 0.5rem;      /* rounded-lg */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
              0 4px 6px -4px rgba(0,0,0,0.1); /* shadow-lg */
  padding: 12px;              /* p-3 */
}

/* Título */
.cp-note-popover__title[b-74rhgm6bo6]{
  font-size: 0.75rem;         /* text-xs */
  font-weight: 600;           /* font-semibold */
  color: #475569;             /* slate-600 */
  margin-bottom: 8px;         /* mb-2 */
}

/* Textarea */
.cp-note-popover__textarea[b-74rhgm6bo6]{
  width: 100%;
  min-height: 90px;
  padding: 8px;               /* p-2 */
  font-size: 0.875rem;        /* text-sm */

  background-color: #ffffff;
  color: #0f172a;             /* slate-900 */

  border: 1px solid #cbd5e1;  /* slate-300 */
  border-radius: 0.375rem;    /* rounded-md */
  resize: vertical;
  outline: none;
}

/* Focus */
.cp-note-popover__textarea:focus[b-74rhgm6bo6]{
  border-color: #cbd5e1;
  box-shadow: none;
}

/* ================================
   Casilla Sistema
   ================================ */

.cp-system-item[b-74rhgm6bo6]{
  display: flex;
  align-items: flex-start;     /* items-start */
  gap: 8px;                    /* gap-2 */
  padding: 6px;                /* p-1.5 */

  background-color: #ffffff;
  border: 1px solid #e2e8f0;   /* slate-200 */
  border-radius: 6px;          /* rounded */

  font-size: 14px;             /* text-xs */
  color: var(--cp-primary);

  cursor: pointer;
  box-sizing: border-box;

  transition: background-color .15s ease, border-color .15s ease;
}

.cp-system-main[b-74rhgm6bo6] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0; /* MUY importante para el truncate */
}

.cp-system-link-text[b-74rhgm6bo6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: block;
}

.cp-system-actions[b-74rhgm6bo6] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto; /* 🔑 empuja a la derecha */
}

.cp-system-meta[b-74rhgm6bo6] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Hover */
.cp-system-item:hover[b-74rhgm6bo6]{
  background-color: rgba(var(--cp-primary-rgb), 0.05); /* hover:bg-primary/5 */
  border-color: rgba(var(--cp-primary-rgb), 0.30);     /* group-hover:border-primary/30 */
}

/* ================================
   Iconos Sistema
   ================================ */

.cp-system-icon[b-74rhgm6bo6]{
  font-size: 18px;                 /* text-base */
  color: var(--cp-primary);
  cursor: pointer;
}


/* ================================
   Textarea Apartado
   ================================ */
.cp-ta-apartado[b-74rhgm6bo6]{
  width: 100%;              /* w-full */
  min-height: 32px;         /* min-h-[32px] */
  height: 100%;        /* max-h-[64px] */

  background: transparent;  /* bg-transparent */
  border: 0;                /* border-0 */

  padding-left: 4px;        /* px-1 */
  padding-right: 4px;       /* px-1 */
  padding-top: 2px;         /* py-0.5 */
  padding-bottom: 2px;      /* py-0.5 */

  font-size: 14px !important;
  font-weight: 400 !important;        /* text-sm (en tu grid usas 12px) */
  line-height: 1.2;         /* leading-tight */

  resize: none;             /* resize-none */
  outline: none;            /* para que no salga borde raro */
  box-sizing: border-box;
}

.cp-ta-apartado--parent[b-74rhgm6bo6]{
   width: 100%;              /* w-full */
    min-height: 32px;         /* min-h-[32px] */
    height: 100%;        /* max-h-[64px] */

    background: transparent;  /* bg-transparent */
    border: 0;                /* border-0 */

    padding-left: 4px;        /* px-1 */
    padding-right: 4px;       /* px-1 */
    padding-top: 2px;         /* py-0.5 */
    padding-bottom: 2px;      /* py-0.5 */

    font-size: 14px !important;
    font-weight: bold !important;        /* text-sm (en tu grid usas 12px) */
    line-height: 1.2;         /* leading-tight */

    resize: none;             /* resize-none */
    outline: none;            /* para que no salga borde raro */
    box-sizing: border-box;
}

.cp-ta-apartado:focus[b-74rhgm6bo6],
.cp-ta-apartado--parent:focus[b-74rhgm6bo6]{
  border-color: transparent;
  box-shadow: none;
  background: rgba(var(--cp-primary-rgb), 0.04);
}

.cp-parent-apartado-wrap[b-74rhgm6bo6]{
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}

.cp-parent-toggle-btn[b-74rhgm6bo6]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--cp-primary);
  cursor: pointer;
  flex: 0 0 auto;
  margin-right: 4px;
}

.cp-parent-toggle-btn:hover[b-74rhgm6bo6]{
  background: rgba(var(--cp-primary-rgb), 0.12);
}

.cp-parent-toggle-btn:focus[b-74rhgm6bo6]{
  outline: none;
  box-shadow: none;
  background: rgba(var(--cp-primary-rgb), 0.12);
}

.cp-parent-toggle-placeholder[b-74rhgm6bo6]{
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-right: 4px;
}

/* =========================
   TABLA SISTEMAS
   ========================= */

/* Contenedor tabla */
.tabla-sistemas[b-74rhgm6bo6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* =========================
   CABECERA
   ========================= */
.tabla-sistemas__header[b-74rhgm6bo6] {
  display: grid;
  grid-template-columns: 2fr 155px 130px 48px;
  align-items: center;

  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #656f84;
  text-transform: uppercase;
  text-align: center;
}



/* Cada celda de cabecera */
.tabla-sistemas__header-cell[b-74rhgm6bo6] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}

/* =========================
   FILAS
   ========================= */
.tabla-sistemas__row[b-74rhgm6bo6] {
  display: grid;
  grid-template-columns: 2fr 155px 130px 48px;
  align-items: center;

  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  background-color: #ffffff;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
}


/* Hover fila */
.tabla-sistemas__row:hover[b-74rhgm6bo6] {
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

/* Celdas */
.tabla-sistemas__cell[b-74rhgm6bo6] {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  padding-left: 5px;
}

.select_reponsable[b-74rhgm6bo6]
{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-size: 12px !important;
}

.select_periocidad[b-74rhgm6bo6]
{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-size: 12px !important;
}

.tabla-sistemas__cellBotones[b-74rhgm6bo6]
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    padding-right: 5px;
}

/* =========================
   RESPONSIVE TABLA SISTEMAS
   ========================= */

/* Tablet / pantallas medianas: ocultar solo Periocidad */
@media (max-width: 1400px) and (min-width: 1025px) {
  .col-periocidad[b-74rhgm6bo6] {
    display: none !important;
  }

  .tabla-sistemas__header[b-74rhgm6bo6],
  .tabla-sistemas__row[b-74rhgm6bo6] {
    grid-template-columns: 1fr 100px 48px; /* contenido + responsable + acciones */
    width: 100%;
  }
}

/* Móvil / pantallas pequeñas: ocultar Responsable y Periocidad */
@media (max-width: 1024px) {
  .col-responsable[b-74rhgm6bo6],
  .col-periocidad[b-74rhgm6bo6] {
    display: none !important;
  }

  .tabla-sistemas__header[b-74rhgm6bo6],
  .tabla-sistemas__row[b-74rhgm6bo6] {
    grid-template-columns: 1fr 48px; /* contenido + acciones */
    width: 100%;
  }

  /* Importante para que la 1a columna pueda encoger sin desbordar */
  .tabla-sistemas__header-cell[b-74rhgm6bo6],
  .tabla-sistemas__cell[b-74rhgm6bo6] {
    min-width: 0;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/SistemasGestion/SistemaGestionReportPreview.razor.rz.scp.css */
.cp-report-page[b-7f2338il58] {
    background-color: #f9f8f9;
}

.cp-report-container[b-7f2338il58] {
    padding: 20px 24px 28px;
}

.cp-report-breadcrumb[b-7f2338il58] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #64748b;
}

.cp-report-toolbar[b-7f2338il58] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 16px;
}

.cp-report-sheet[b-7f2338il58] {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 6px rgba(15, 23, 42, 0.08);
    padding: 22px;
    font-size: 12px;
}

.cp-report-loading[b-7f2338il58],
.cp-report-empty[b-7f2338il58] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-report-empty[b-7f2338il58] {
    color: #475569;
    font-size: 14px;
}

.cp-report-title[b-7f2338il58] {
    font-size: 24px !important;
    line-height: 1.2;
    margin-bottom: 6px;
}

.cp-report-page-header[b-7f2338il58] {
    margin-bottom: 0;
    padding-bottom: 22px;
}

.cp-report-doc-header[b-7f2338il58] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.cp-report-logo[b-7f2338il58] {
    width: 140px;
    height: auto;
    display: block;
}

.cp-report-subheader[b-7f2338il58] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 0;
}

.cp-report-subheader-line[b-7f2338il58] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    color: #1f2937;
    font-size: 12px;
}

.cp-report-subheader-line--small[b-7f2338il58] {
    font-size: 11.5px;
    color: #1f2937;
}

.cp-report-subheader-line--small .cp-report-subheader-label[b-7f2338il58] {
    font-weight: 600;
}

.cp-report-subheader-line--small .cp-report-subheader-value[b-7f2338il58] {
    font-weight: 500;
}

.cp-report-subheader-label[b-7f2338il58] {
    font-weight: 600;
}

.cp-report-subheader-value[b-7f2338il58] {
    font-weight: 500;
}

.cp-report-table-wrap[b-7f2338il58] {
    overflow-x: auto;
}

.cp-report-table[b-7f2338il58] {
    width: 100%;
    min-width: 1200px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #e2e8f0;
}

.cp-report-table th[b-7f2338il58],
.cp-report-table td[b-7f2338il58] {
    border: 1px solid #e2e8f0;
    vertical-align: top;
    padding: 10px 12px;
    text-align: left;
}

.cp-report-table > tbody > tr:last-child > td[b-7f2338il58] {
    border-bottom: 1px solid #e2e8f0;
}

.cp-report-table th[b-7f2338il58] {
    background-color: #f1f5f9;
    color: #0f172a;
    font-weight: 700;
}

.cp-report-cell-code[b-7f2338il58] {
    width: 72px;
    white-space: nowrap;
}

.cp-report-cell-description[b-7f2338il58] {
    width: 380px;
}

.cp-report-cell-systems[b-7f2338il58] {
    min-width: 520px;
}

.cp-report-empty-value[b-7f2338il58] {
    color: #64748b;
    font-style: italic;
}

.cp-report-systems-table[b-7f2338il58] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
}

.cp-report-systems-table th[b-7f2338il58],
.cp-report-systems-table td[b-7f2338il58] {
    border: 1px solid #e2e8f0;
    padding: 6px 8px;
    vertical-align: top;
    text-align: left;
}

.cp-report-systems-table > tbody > tr:last-child > td[b-7f2338il58] {
    border-bottom: 1px solid #e2e8f0;
}

.cp-report-systems-table th[b-7f2338il58] {
    background-color: #f8fafc;
    font-weight: 700;
}

.cp-report-sys-col-element[b-7f2338il58] {
    width: auto;
}

.cp-report-sys-col-responsables[b-7f2338il58] {
    width: 180px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cp-report-sys-col-periocidad[b-7f2338il58] {
    width: 96px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cp-report-export-mode .cp-report-table-wrap[b-7f2338il58] {
    overflow: visible !important;
}

.cp-report-export-mode .cp-report-table[b-7f2338il58] {
    min-width: 0 !important;
    width: 100% !important;
}

@media (max-width: 1024px) {
    .cp-report-systems-table[b-7f2338il58] {
        font-size: 11px;
    }
}

@page {
    size: landscape;
    margin: 12mm;
}

@media print {
    .cp-report-breadcrumb[b-7f2338il58],
    .cp-report-toolbar[b-7f2338il58] {
        display: none !important;
    }

    .cp-report-page[b-7f2338il58],
    .cp-report-container[b-7f2338il58] {
        background-color: #ffffff !important;
        padding: 0 !important;
    }

    .cp-report-sheet[b-7f2338il58] {
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0;
    }

    .cp-report-table[b-7f2338il58] {
        min-width: 0;
        font-size: 12px;
    }

    .cp-report-cell-code[b-7f2338il58] {
        width: 72px;
    }

    .cp-report-cell-description[b-7f2338il58] {
        width: 300px;
    }

    .cp-report-sys-col-responsables[b-7f2338il58] {
        width: 180px;
    }

    .cp-report-sys-col-periocidad[b-7f2338il58] {
        width: 96px;
    }

    thead[b-7f2338il58] {
        display: table-header-group;
    }

    .cp-report-table > tbody > tr[b-7f2338il58],
    .cp-report-table > tbody > tr > td[b-7f2338il58],
    .cp-report-table > tbody > tr > th[b-7f2338il58] {
        page-break-inside: avoid;
        break-inside: avoid;
    }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/SistemasGestion/SistemaGestionSectionElementsTable.razor.rz.scp.css */
.sg-elements-table[b-6a6nf7v33a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sg-elements-body[b-6a6nf7v33a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sg-elements-footer[b-6a6nf7v33a] {
  display: flex;
  justify-content: center;
  padding-top: 2px;
}

.sg-elements-add-btn[b-6a6nf7v33a] {
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  padding: 4px 8px;
  border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.sg-elements-add-btn:hover:not(:disabled)[b-6a6nf7v33a] {
  background-color: rgba(var(--cp-primary-rgb), 0.08);
}

.sg-elements-add-btn:disabled[b-6a6nf7v33a] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sg-elements-header[b-6a6nf7v33a] {
  display: grid;
  grid-template-columns: 2fr 155px 130px 168px;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #656f84;
  text-transform: uppercase;
  text-align: center;
}

.sg-elements-header-cell[b-6a6nf7v33a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}

.sg-element-row[b-6a6nf7v33a] {
  display: grid;
  grid-template-columns: 2fr 155px 130px 168px;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  background-color: #ffffff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
}

.sg-element-row:hover[b-6a6nf7v33a] {
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

.sg-element-main[b-6a6nf7v33a] {
  min-width: 0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.sg-element-icon[b-6a6nf7v33a] {
  font-size: 18px;
  color: var(--cp-primary);
}

.sg-element-text[b-6a6nf7v33a] {
  color: var(--cp-primary);
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sg-element-link[b-6a6nf7v33a] {
  text-decoration: underline;
}

.sg-element-link:hover[b-6a6nf7v33a] {
  text-decoration-thickness: 2px;
}

/* Type 0 (text): expand as much as possible on hover to read all content */
.sg-element-main--text .sg-element-text[b-6a6nf7v33a] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

.sg-element-row--text:hover .sg-element-main--text .sg-element-text[b-6a6nf7v33a] {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}

.sg-element-meta[b-6a6nf7v33a] {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.sg-periodicity-meta[b-6a6nf7v33a] {
  gap: 8px;
}

.sg-note-hover[b-6a6nf7v33a] {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.sg-note-icon[b-6a6nf7v33a] {
  font-size: 18px;
  color: var(--cp-primary);
  cursor: pointer;
}

.sg-note-popup[b-6a6nf7v33a] {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 35;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
  padding: 10px 12px;
  width: max-content;
  min-width: 220px;
  max-width: min(70vw, 760px);
  max-height: 50vh;
  overflow: auto;
  text-align: left;
  color: #0f172a;
  line-height: 1.4;
}

.sg-note-popup p[b-6a6nf7v33a] {
  margin: 0 0 8px 0;
}

.sg-note-popup p:last-child[b-6a6nf7v33a] {
  margin-bottom: 0;
}

.sg-note-popup ul[b-6a6nf7v33a],
.sg-note-popup ol[b-6a6nf7v33a] {
  margin: 0 0 8px 18px;
  padding: 0;
}

.sg-note-hover:hover .sg-note-popup[b-6a6nf7v33a] {
  display: block;
}

.sg-element-pill[b-6a6nf7v33a] {
  min-height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  color: var(--cp-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sg-element-actions[b-6a6nf7v33a] {
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.sg-action-btn[b-6a6nf7v33a] {
  border: 0;
  background: transparent;
  color: var(--cp-primary);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.sg-action-btn:hover:not(:disabled)[b-6a6nf7v33a] {
  background-color: rgba(var(--cp-primary-rgb), 0.08);
}

.sg-action-btn:disabled[b-6a6nf7v33a] {
  opacity: 0.45;
  cursor: not-allowed;
}

.sg-element-drag-handle[b-6a6nf7v33a] {
  cursor: grab;
}

.sg-element-drag-handle:active[b-6a6nf7v33a] {
  cursor: grabbing;
}

.sg-element-edit-input[b-6a6nf7v33a] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 13px;
  color: var(--cp-primary);
  outline: none;
}

.sg-element-edit-input:focus[b-6a6nf7v33a] {
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

@media (max-width: 1400px) and (min-width: 1025px) {
  .sg-col-periocidad[b-6a6nf7v33a] {
    display: none !important;
  }

  .sg-elements-header[b-6a6nf7v33a],
  .sg-element-row[b-6a6nf7v33a] {
    grid-template-columns: 1fr 100px 168px;
  }
}

@media (max-width: 1024px) {
  .sg-col-responsable[b-6a6nf7v33a],
  .sg-col-periocidad[b-6a6nf7v33a] {
    display: none !important;
  }

  .sg-elements-header[b-6a6nf7v33a],
  .sg-element-row[b-6a6nf7v33a] {
    grid-template-columns: 1fr 140px;
  }

  .sg-elements-header-cell[b-6a6nf7v33a],
  .sg-element-main[b-6a6nf7v33a] {
    min-width: 0;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/SistemasGestion/SistemasGestionList.razor.rz.scp.css */
.cp-ms-toolbar-shell[b-2w8nku4cbo] {
  background: #ffffff;
  border: 0;
  border-radius: 14px 14px 0 0;
}

.cp-ms-content-shell[b-2w8nku4cbo] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
  border: 0;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}

.cp-ms-cards-wrap[b-2w8nku4cbo] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px 14px;
}

.cp-ms-cards-grid[b-2w8nku4cbo] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-ms-card[b-2w8nku4cbo] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  margin: 0;
}

.cp-ms-card__header[b-2w8nku4cbo] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cp-ms-card__title-wrap[b-2w8nku4cbo] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cp-ms-card__title-col[b-2w8nku4cbo] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.cp-ms-card__icon[b-2w8nku4cbo] {
  font-size: 22px;
  color: #0a84ff;
  line-height: 1;
}

.cp-ms-title-row[b-2w8nku4cbo] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-ms-title-edit[b-2w8nku4cbo] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-ms-title-input[b-2w8nku4cbo] {
  min-width: 280px;
}

.cp-ms-link[b-2w8nku4cbo] {
  color: var(--cp-primary);
  text-decoration: underline;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.cp-ms-link--title[b-2w8nku4cbo] {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--cp-primary);
}

.cp-ms-link--title:hover[b-2w8nku4cbo] {
  text-decoration: underline;
}

.cp-ms-card__meta[b-2w8nku4cbo] {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease;
}

.cp-ms-card__description[b-2w8nku4cbo] {
  margin-top: 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.cp-ms-card__meta-row[b-2w8nku4cbo] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #334155;
  font-size: 11px;
}

.cp-ms-card__meta-row span[b-2w8nku4cbo] {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.cp-ms-card__meta-row strong[b-2w8nku4cbo] {
  color: #1e293b;
  font-size: 11px;
  font-weight: 700;
}

.cp-ms-empty[b-2w8nku4cbo] {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

.cp-btn-toolbar-active[b-2w8nku4cbo] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-task-filter-count[b-2w8nku4cbo] {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0a84ff;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-left: 6px;
}

@media (hover: hover) {
  .cp-ms-card:hover[b-2w8nku4cbo],
  .cp-ms-card:focus-within[b-2w8nku4cbo] {
    transform: scale(1.004);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  }

  .cp-ms-card:hover .cp-ms-card__meta[b-2w8nku4cbo],
  .cp-ms-card:focus-within .cp-ms-card__meta[b-2w8nku4cbo] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }
}

@media (hover: none) {
  .cp-ms-card__meta[b-2w8nku4cbo] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .cp-ms-toolbar-shell[b-2w8nku4cbo] {
    border-radius: 12px 12px 0 0;
  }

  .cp-ms-content-shell[b-2w8nku4cbo] {
    border-radius: 0 0 12px 12px;
  }

  .cp-ms-cards-wrap[b-2w8nku4cbo] {
    padding: 8px;
  }

  .cp-ms-link--title[b-2w8nku4cbo] {
    font-size: 14px;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/Tasks.razor.rz.scp.css */
.cp-task-header-main[b-h0zrddxbvc] {
  width: 100%;
}

.cp-task-toolbar-shell[b-h0zrddxbvc] {
  border-radius: 0.75rem;
}

.cp-task-scroll-shell[b-h0zrddxbvc] {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 4px;
}

.cp-task-workspace[b-h0zrddxbvc] {
  min-height: 0;
}

.cp-task-toolbar-right[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cp-task-groups-shell[b-h0zrddxbvc] {
  display: grid;
  grid-template-columns: minmax(236px, 280px) minmax(0, 1fr);
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 12px;
}

.cp-task-groups-shell--collapsed[b-h0zrddxbvc] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

.cp-task-groups-sidebar[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}

.cp-task-groups-sidebar__head[b-h0zrddxbvc] {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.cp-task-groups-sidebar__toggle[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(var(--cp-primary-rgb), 0.18);
  border-radius: 12px;
  background: rgba(var(--cp-primary-rgb), 0.08);
  color: var(--cp-primary);
  cursor: pointer;
}

.cp-task-groups-sidebar__toggle .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 18px;
}

.cp-task-groups-sidebar--collapsed[b-h0zrddxbvc] {
  width: 100%;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.cp-task-groups-sidebar--collapsed .cp-task-groups-sidebar__head[b-h0zrddxbvc] {
  flex: 0 0 auto;
}

.cp-task-groups-sidebar--collapsed .cp-task-groups-list[b-h0zrddxbvc] {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-gutter: stable;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option[b-h0zrddxbvc] {
  width: auto;
  min-width: 126px;
  min-height: 42px;
  grid-template-columns: 28px minmax(26px, auto) 24px;
  justify-content: start;
  gap: 8px;
  border-radius: 12px;
  padding: 6px 10px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__icon[b-h0zrddxbvc] {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__icon .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 17px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__body[b-h0zrddxbvc] {
  display: none;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__count[b-h0zrddxbvc] {
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  font-size: 11px;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__add[b-h0zrddxbvc] {
  width: 24px;
  height: 24px;
  margin-left: 0;
}

.cp-task-groups-sidebar--collapsed .cp-task-group-option__add .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 16px;
}

.cp-task-groups-list[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-task-group-option[b-h0zrddxbvc] {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 18px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.cp-task-group-option:hover[b-h0zrddxbvc],
.cp-task-group-option:focus-visible[b-h0zrddxbvc] {
  transform: translateY(-1px);
  border-color: rgba(var(--cp-primary-rgb), 0.42);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
  outline: none;
}

.cp-task-group-option--active[b-h0zrddxbvc] {
  border-color: rgba(var(--cp-primary-rgb), 0.52);
  background: linear-gradient(180deg, rgba(var(--cp-primary-rgb), 0.10) 0%, rgba(255, 255, 255, 0.96) 100%);
  box-shadow: 0 12px 28px rgba(var(--cp-primary-rgb), 0.13);
}

.cp-task-group-option__icon[b-h0zrddxbvc],
.cp-task-groups-content__icon[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(var(--cp-primary-rgb), 0.12);
  color: var(--cp-primary);
  flex-shrink: 0;
}

.cp-task-group-option__icon .material-symbols-outlined[b-h0zrddxbvc],
.cp-task-groups-content__icon .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.cp-task-groups-content__icon[b-h0zrddxbvc] {
  width: 34px;
  height: 34px;
  border-radius: 12px;
}

.cp-task-groups-content__icon .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 18px;
}

.cp-task-group-option__body[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-task-group-option__body strong[b-h0zrddxbvc] {
  color: #0f172a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-task-group-option__count[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}

.cp-task-group-option--active .cp-task-group-option__count[b-h0zrddxbvc] {
  background: var(--cp-primary);
  color: #ffffff;
}

.cp-task-group-option__add[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(var(--cp-primary-rgb), 0.18);
  border-radius: 999px;
  background: #ffffff;
  color: var(--cp-primary);
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.cp-task-group-option__add:hover[b-h0zrddxbvc] {
  transform: scale(1.06);
  border-color: rgba(var(--cp-primary-rgb), 0.45);
  background: rgba(var(--cp-primary-rgb), 0.08);
}

.cp-task-group-option__add .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 18px;
}

.cp-task-groups-content[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.cp-task-groups-content__head[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #eef2f7;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.cp-task-groups-content__title[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.cp-task-groups-content__title strong[b-h0zrddxbvc] {
  display: block;
  color: #0f172a;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.1;
}

.cp-task-groups-content__title span[b-h0zrddxbvc] {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
}

.cp-task-groups-content__body[b-h0zrddxbvc] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px;
  padding-bottom: 88px;
}

.cp-task-list-inner--group-panel[b-h0zrddxbvc] {
  gap: 12px;
}

.cp-task-bucket-board[b-h0zrddxbvc] {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-radius: 12px;
  padding: 0;
  background: transparent;
}

.cp-task-bucket-board__head[b-h0zrddxbvc] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.cp-task-bucket-board--collapsed .cp-task-bucket-board__head[b-h0zrddxbvc] {
  margin-bottom: 0;
}

.cp-task-bucket-board__toggle[b-h0zrddxbvc] {
  width: 28px;
  height: 28px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cp-task-bucket-board__toggle .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 18px;
}

.cp-task-bucket-board__head-text[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cp-task-bucket-board__head strong[b-h0zrddxbvc] {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.cp-task-bucket-board__head span[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 12px;
}

.cp-task-bucket-grid[b-h0zrddxbvc] {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.cp-task-bucket[b-h0zrddxbvc] {
  flex: 1 1 0;
  min-width: 260px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: 10px;
  background: #f8fafc;
  min-height: 76px;
  transition: flex-basis 180ms ease, min-width 180ms ease, padding 180ms ease;
}

.cp-task-bucket--collapsed[b-h0zrddxbvc] {
  flex: 0 0 82px;
  min-width: 82px;
  padding: 8px 6px;
}

.cp-task-bucket__title[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 6px;
}

.cp-task-bucket__title .cp-task-bucket__toggle[b-h0zrddxbvc] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #dbe4ef;
  background: #ffffff;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.cp-task-bucket__title .cp-task-bucket__toggle .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 16px;
}

.cp-task-bucket__title span[b-h0zrddxbvc] {
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  min-width: 0;
  flex: 1;
}

.cp-task-bucket__title strong[b-h0zrddxbvc] {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  min-width: 20px;
  text-align: right;
}

.cp-task-bucket--collapsed .cp-task-bucket__title[b-h0zrddxbvc] {
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  margin-bottom: 0;
}

.cp-task-bucket--collapsed .cp-task-bucket__title span[b-h0zrddxbvc] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  line-height: 1.1;
  font-size: 11px;
  text-align: center;
}

.cp-task-bucket--collapsed .cp-task-bucket__title strong[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #1e293b;
  font-size: 10px;
  font-weight: 800;
}

.cp-task-bucket__empty[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 12px;
}

.cp-task-bucket__collapsed[b-h0zrddxbvc] {
  display: none;
}

.cp-task-bucket__list[b-h0zrddxbvc] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.cp-task-bucket__list-item[b-h0zrddxbvc] {
  list-style: none;
}

.cp-task-bucket__list .cp-task-row[b-h0zrddxbvc] {
  margin: 0;
}

.cp-task-bucket__item[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 8px 9px;
  cursor: grab;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.cp-task-bucket__item-head[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-task-bucket__item-actions[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cp-task-bucket__item-main[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.cp-task-bucket__item-source[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.03em;
}

.cp-task-bucket__item-source:hover[b-h0zrddxbvc] {
  color: var(--cp-primary);
}

.cp-task-bucket__item-title[b-h0zrddxbvc] {
  color: #1e293b;
  font-size: 12px;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-task-bucket__item-progress[b-h0zrddxbvc] {
  color: #475569;
  font-size: 10px;
  font-weight: 800;
}

.cp-task-bucket__title-line[b-h0zrddxbvc] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-task-bucket__title-edit-btn[b-h0zrddxbvc] {
  color: #64748b;
}

.cp-task-bucket__title-edit-btn:hover[b-h0zrddxbvc] {
  color: var(--cp-primary);
}

.cp-task-bucket__title-edit[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 525px;
}

.cp-task-bucket__title-input[b-h0zrddxbvc] {
  flex: 1 1 230px;
  min-width: 230px;
  max-width: 100%;
}

.cp-task-bucket__item button[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 999px;
  background: #e2e8f0;
  color: #334155;
  cursor: pointer;
}

.cp-task-bucket__item button .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 14px;
}

.cp-task-bucket__item-extra[b-h0zrddxbvc] {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  transition: max-height 220ms ease, opacity 160ms ease, transform 160ms ease;
}

.cp-task-bucket__item-meta[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-bucket__item-meta strong[b-h0zrddxbvc] {
  color: #334155;
  font-size: 10px;
  font-weight: 700;
}

.cp-task-bucket__item-tags[b-h0zrddxbvc] {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-bucket__item-info[b-h0zrddxbvc] {
  margin-top: 6px;
}

.cp-task-bucket__item-info span[b-h0zrddxbvc] {
  color: #475569;
  font-size: 10px;
  font-weight: 600;
}

.cp-task-bucket__item-info p[b-h0zrddxbvc] {
  margin: 3px 0 0;
  color: #334155;
  font-size: 10px;
  line-height: 1.4;
  max-height: 3.1em;
  overflow: hidden;
}

@media (hover: hover) {
  .cp-task-bucket__item:hover[b-h0zrddxbvc] {
    transform: scale(1.008);
    border-color: #cbd5e1;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
  }

  .cp-task-bucket__item:hover .cp-task-bucket__item-extra[b-h0zrddxbvc],
  .cp-task-bucket__item:focus-within .cp-task-bucket__item-extra[b-h0zrddxbvc] {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
  }
}

.cp-task-stats-shell[b-h0zrddxbvc] {
  margin-top: 16px;
  padding: 1px;
  border-radius: 1rem;
  background: transparent;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.cp-task-stats-inner[b-h0zrddxbvc] {
  padding: 16px;
  border-radius: calc(1rem - 1px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(248, 250, 252, 0.58) 100%);
}

.cp-task-kpi-grid[b-h0zrddxbvc] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.cp-task-kpi-card[b-h0zrddxbvc] {
  display: flex;
  gap: 14px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(219, 228, 239, 0.95);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.92) 100%);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

.cp-task-kpi-card__icon[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-kpi-card__icon--amber[b-h0zrddxbvc] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-task-kpi-card__icon--red[b-h0zrddxbvc] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-task-kpi-card__icon--green[b-h0zrddxbvc] {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.cp-task-kpi-card__value[b-h0zrddxbvc] {
  color: #0f172a;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.cp-task-kpi-card__label[b-h0zrddxbvc] {
  margin-top: 4px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
}

.cp-task-kpi-card__hint[b-h0zrddxbvc] {
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.cp-task-stats-toggle-row[b-h0zrddxbvc] {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

.cp-task-stats-toggle-row--header[b-h0zrddxbvc] {
  justify-content: flex-start;
  padding-top: 12px;
}

.cp-task-stats-toggle[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(173, 188, 206, 0.75);
  border-radius: 9999px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--cp-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.cp-task-stats-detail[b-h0zrddxbvc] {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 14px;
  padding-top: 10px;
}

.cp-task-stats-panel[b-h0zrddxbvc] {
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(219, 228, 239, 0.95);
  background: rgba(255, 255, 255, 0.82);
}

.cp-task-stats-panel__header[b-h0zrddxbvc] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.cp-task-stats-panel__header h2[b-h0zrddxbvc] {
  margin: 0;
  color: #0f172a;
  font-size: 17px;
  font-weight: 700;
}

.cp-task-stats-panel__header span[b-h0zrddxbvc] {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 13px;
}

.cp-task-horizon-toggle[b-h0zrddxbvc] {
  display: inline-flex;
  gap: 8px;
}

.cp-task-horizon-button[b-h0zrddxbvc] {
  border: 1px solid #dbe4ef;
  border-radius: 9999px;
  padding: 7px 12px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.cp-task-horizon-button--active[b-h0zrddxbvc] {
  border-color: #0a84ff;
  color: #0a84ff;
}

.cp-task-bars[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cp-task-bar-row[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-task-bar-row__head[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #334155;
  font-size: 13px;
}

.cp-task-bar-row__head strong[b-h0zrddxbvc] {
  color: #0f172a;
  font-weight: 700;
}

.cp-task-bar-track[b-h0zrddxbvc] {
  width: 100%;
  height: 10px;
  border-radius: 9999px;
  background: #e2e8f0;
  overflow: hidden;
}

.cp-task-bar-fill[b-h0zrddxbvc] {
  height: 100%;
  border-radius: 9999px;
}

.cp-task-upcoming-list[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-task-upcoming-row[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #ffffff;
  text-decoration: none;
}

.cp-task-upcoming-row strong[b-h0zrddxbvc] {
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
}

.cp-task-upcoming-row span[b-h0zrddxbvc] {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
}

.cp-task-upcoming-row__date[b-h0zrddxbvc] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-task-empty-small[b-h0zrddxbvc] {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
  color: #64748b;
  font-size: 13px;
}

.cp-task-list-surface[b-h0zrddxbvc] {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 20px;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 88px;
}

.cp-task-list-inner[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-task-row[b-h0zrddxbvc] {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.cp-task-row[draggable="true"][b-h0zrddxbvc] {
  cursor: grab;
  user-select: none;
  -webkit-user-drag: element;
}

.cp-task-row[draggable="true"]:active[b-h0zrddxbvc] {
  cursor: grabbing;
}

.cp-task-row--grouped[b-h0zrddxbvc] {
  border-radius: 12px;
}

@media (hover: hover) {
  .cp-task-row:hover[b-h0zrddxbvc] {
    transform: scale(1.008);
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  }
}

.cp-task-row__layout[b-h0zrddxbvc] {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.cp-task-row--grouped .cp-task-row__layout[b-h0zrddxbvc] {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 9px;
  padding: 8px 10px;
}

.cp-task-row__progress-wrap[b-h0zrddxbvc] {
  display: flex;
  justify-content: center;
}

.cp-task-progress-donut[b-h0zrddxbvc] {
  --cp-progress-angle: 0deg;
  --cp-progress-color: #0a84ff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(
    var(--cp-progress-color) 0deg var(--cp-progress-angle),
    #e2e8f0 var(--cp-progress-angle) 360deg
  );
}

.cp-task-row--grouped .cp-task-progress-donut[b-h0zrddxbvc] {
  width: 36px;
  height: 36px;
}

.cp-task-row--grouped .cp-task-progress-donut[b-h0zrddxbvc]::before {
  inset: 4px;
}

.cp-task-row--grouped .cp-task-progress-donut span[b-h0zrddxbvc] {
  font-size: 9px;
}

.cp-task-progress-donut[b-h0zrddxbvc]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.cp-task-progress-donut span[b-h0zrddxbvc] {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-size: 10px;
  font-weight: 800;
}

.cp-task-row__content[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cp-task-row__top[b-h0zrddxbvc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cp-task-row__heading[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
}

.cp-task-row__origin-line[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}

.cp-task-row__origin[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.cp-task-row--grouped .cp-task-row__origin[b-h0zrddxbvc] {
  font-size: 9px;
}

.cp-task-row__origin:hover[b-h0zrddxbvc] {
  color: var(--cp-primary);
}

.cp-task-row__title[b-h0zrddxbvc] {
  color: var(--cp-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  margin: 0;
}

.cp-task-row--grouped .cp-task-row__title[b-h0zrddxbvc] {
  font-size: 13px;
}

.cp-task-row__title:hover[b-h0zrddxbvc] {
  text-decoration: underline;
}

.cp-task-row__title-line[b-h0zrddxbvc] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cp-task-row__title-edit-btn[b-h0zrddxbvc] {
  color: #64748b;
}

.cp-task-row__title-edit-btn:hover[b-h0zrddxbvc] {
  color: var(--cp-primary);
}

.cp-task-row__title-edit[b-h0zrddxbvc] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  max-width: 768px;
}

.cp-ms-title-input[b-h0zrddxbvc] {
  min-width: 280px;
}

.cp-task-row__title-input[b-h0zrddxbvc] {
  flex: 1 1 280px;
  min-width: 280px;
  max-width: 100%;
}

.cp-task-row__title-input--grouped[b-h0zrddxbvc] {
  min-width: 333px;
}

.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-control,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-control,
.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-root,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-root,
.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-slot,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-slot {
  width: 100%;
  margin-top: 0;
}

.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-control,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-control {
  min-height: 28px;
  height: 28px;
}

.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-root,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-root {
  min-height: 28px;
  height: 28px;
}

.cp-task-row__title-input[b-h0zrddxbvc]  input,
.cp-task-bucket__title-input[b-h0zrddxbvc]  input {
  font-size: 13px;
  min-height: 28px;
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.cp-task-row__title-input[b-h0zrddxbvc]  .mud-input-input,
.cp-task-bucket__title-input[b-h0zrddxbvc]  .mud-input-input {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1;
}

.cp-task-row__bucket[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
  font-size: 9px;
  font-weight: 700;
  width: fit-content;
}

.cp-task-row__grouped-pills[b-h0zrddxbvc] {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cp-task-tag-chip[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cp-task-pill[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

.cp-task-tag-chip__dot[b-h0zrddxbvc] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  flex-shrink: 0;
}

.cp-task-pill--done[b-h0zrddxbvc] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-task-pill--progress[b-h0zrddxbvc] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-pill--blocked[b-h0zrddxbvc] {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.cp-task-pill--pending[b-h0zrddxbvc] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-task-pill--critical[b-h0zrddxbvc] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-task-pill--high[b-h0zrddxbvc] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-task-pill--medium[b-h0zrddxbvc] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-task-pill--low[b-h0zrddxbvc] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-task-pill--neutral[b-h0zrddxbvc] {
  background: #edf2f7;
  color: #475569;
}

.cp-task-row__planning-line[b-h0zrddxbvc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease;
}

.cp-task-row__planning-line .material-symbols-outlined[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 18px;
}

.cp-task-row__planning-line strong[b-h0zrddxbvc] {
  margin-right: 8px;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
}

.cp-task-row__menu[b-h0zrddxbvc] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-shrink: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(10px);
  transition: max-width 180ms ease, opacity 140ms ease, transform 180ms ease;
}

.cp-task-row__menu--grouped[b-h0zrddxbvc] {
  max-width: none;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.cp-task-row__remove-from-group[b-h0zrddxbvc] {
  width: 26px;
  height: 26px;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #ffffff;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.cp-task-row__remove-from-group:hover[b-h0zrddxbvc] {
  color: #0f172a;
  border-color: #cbd5e1;
}

.cp-task-row__remove-from-group .material-symbols-outlined[b-h0zrddxbvc] {
  font-size: 16px;
  line-height: 1;
}

.cp-task-row__expanded[b-h0zrddxbvc] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: start;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  margin-top: 0;
  transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease, padding-top 180ms ease;
}

.cp-task-row--grouped .cp-task-row__expanded[b-h0zrddxbvc] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}

@media (hover: hover) {
  .cp-task-row:hover .cp-task-row__menu[b-h0zrddxbvc],
  .cp-task-row:focus-within .cp-task-row__menu[b-h0zrddxbvc] {
    max-width: 96px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  .cp-task-row:hover .cp-task-row__menu--grouped[b-h0zrddxbvc],
  .cp-task-row:focus-within .cp-task-row__menu--grouped[b-h0zrddxbvc] {
    max-width: none;
    overflow: visible;
  }

  .cp-task-row:hover .cp-task-row__planning-line[b-h0zrddxbvc],
  .cp-task-row:focus-within .cp-task-row__planning-line[b-h0zrddxbvc] {
    max-height: 36px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
  }

  .cp-task-row:hover .cp-task-row__expanded[b-h0zrddxbvc],
  .cp-task-row:focus-within .cp-task-row__expanded[b-h0zrddxbvc] {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }
}

@media (hover: none) {
  .cp-task-row__menu[b-h0zrddxbvc] {
    max-width: 96px;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    transform: none;
  }

  .cp-task-row__planning-line[b-h0zrddxbvc] {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 8px;
  }

  .cp-task-row__expanded[b-h0zrddxbvc] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }

  .cp-task-row__footer[b-h0zrddxbvc] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .cp-task-row__title-input[b-h0zrddxbvc] {
    min-width: 243px;
  }

  .cp-task-row__title-input--grouped[b-h0zrddxbvc],
  .cp-task-bucket__title-input[b-h0zrddxbvc] {
    min-width: 192px;
  }
}

.cp-task-row__expanded-item > span[b-h0zrddxbvc] {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-task-row__expanded-item strong[b-h0zrddxbvc] {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.cp-task-row__expanded-item p[b-h0zrddxbvc] {
  margin-top: 4px;
  color: #334155;
  font-size: 11px;
  line-height: 1.45;
  max-height: 3.1em;
  overflow: hidden;
}

.cp-task-row__tag-list[b-h0zrddxbvc] {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp-task-row__tag-empty[b-h0zrddxbvc] {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}

.cp-task-row__footer[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.cp-task-row__link[b-h0zrddxbvc] {
  color: var(--cp-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.cp-task-row__comments[b-h0zrddxbvc] {
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.cp-task-empty-state[b-h0zrddxbvc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 240px;
  border-radius: 14px;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
  grid-column: 1 / -1;
}

.cp-task-empty-state span[b-h0zrddxbvc] {
  font-size: 36px;
}

.cp-task-empty-state strong[b-h0zrddxbvc] {
  color: #0f172a;
  font-size: 16px;
}

.cp-btn-toolbar-active[b-h0zrddxbvc] {
  border-color: #0a84ff !important;
  color: #0a84ff !important;
}

.cp-task-filter-count[b-h0zrddxbvc] {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0a84ff;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 6px;
}

@media (max-width: 1280px) {
  .cp-task-kpi-grid[b-h0zrddxbvc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cp-task-stats-detail[b-h0zrddxbvc] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .cp-task-groups-shell[b-h0zrddxbvc] {
    grid-template-columns: 1fr;
  }

  .cp-task-groups-list[b-h0zrddxbvc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cp-task-groups-content__head[b-h0zrddxbvc] {
    align-items: flex-start;
    flex-direction: column;
  }

  .cp-task-toolbar-right[b-h0zrddxbvc] {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .cp-task-row__layout[b-h0zrddxbvc] {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 12px;
  }

  .cp-task-progress-donut[b-h0zrddxbvc] {
    width: 38px;
    height: 38px;
  }

  .cp-task-progress-donut[b-h0zrddxbvc]::before {
    inset: 4px;
  }

  .cp-task-row__expanded[b-h0zrddxbvc] {
    grid-template-columns: 1fr;
    max-height: none;
    opacity: 1;
    overflow: visible;
    transform: none;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed #dbe4ef;
  }

  .cp-task-row__footer[b-h0zrddxbvc] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 640px) {
  .cp-task-groups-list[b-h0zrddxbvc] {
    grid-template-columns: 1fr;
  }

  .cp-task-group-option[b-h0zrddxbvc] {
    grid-template-columns: 38px minmax(0, 1fr) auto auto;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/TasksAssignToGroupDialog.razor.rz.scp.css */
.cp-task-assign-dialog__titlebar[b-renfelwaqg] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.cp-task-assign-dialog__titlebar p[b-renfelwaqg] {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
}

.cp-task-assign-dialog[b-renfelwaqg] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 4px;
}

.cp-task-assign-dialog__search[b-renfelwaqg] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  padding: 0 11px;
  background: #f8fafc;
}

.cp-task-assign-dialog__search > .material-symbols-outlined[b-renfelwaqg] {
  color: #64748b;
  font-size: 20px;
}

.cp-task-assign-dialog__search input[b-renfelwaqg] {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 14px;
  outline: none;
}

.cp-task-assign-dialog__search button[b-renfelwaqg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
}

.cp-task-assign-dialog__actions[b-renfelwaqg] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cp-task-assign-dialog__actions button[b-renfelwaqg] {
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  padding: 7px 11px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.cp-task-assign-dialog__actions span[b-renfelwaqg] {
  margin-left: auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.cp-task-assign-dialog__list[b-renfelwaqg] {
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 4px;
}

.cp-task-assign-dialog__row[b-renfelwaqg] {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 11px 12px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.cp-task-assign-dialog__row:hover[b-renfelwaqg],
.cp-task-assign-dialog__row:focus-visible[b-renfelwaqg] {
  border-color: rgba(10, 132, 255, 0.38);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  outline: none;
}

.cp-task-assign-dialog__row--selected[b-renfelwaqg] {
  border-color: rgba(10, 132, 255, 0.52);
  background: rgba(10, 132, 255, 0.06);
}

.cp-task-assign-dialog__check[b-renfelwaqg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #ffffff;
}

.cp-task-assign-dialog__row--selected .cp-task-assign-dialog__check[b-renfelwaqg] {
  border-color: #0a84ff;
  background: #0a84ff;
}

.cp-task-assign-dialog__check .material-symbols-outlined[b-renfelwaqg] {
  font-size: 16px;
}

.cp-task-assign-dialog__task[b-renfelwaqg] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.cp-task-assign-dialog__task strong[b-renfelwaqg] {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-task-assign-dialog__task span[b-renfelwaqg] {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cp-task-assign-dialog__task small[b-renfelwaqg] {
  color: #475569;
  font-size: 12px;
  font-weight: 650;
}

.cp-task-assign-dialog__empty[b-renfelwaqg] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 220px;
  border-radius: 16px;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
  padding: 24px;
}

.cp-task-assign-dialog__empty .material-symbols-outlined[b-renfelwaqg] {
  font-size: 36px;
}

.cp-task-assign-dialog__empty strong[b-renfelwaqg] {
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
}

.cp-task-assign-dialog__empty p[b-renfelwaqg] {
  max-width: 360px;
  margin: 0;
  color: #64748b;
  font-size: 13px;
}

.cp-task-pill[b-renfelwaqg] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-task-pill--critical[b-renfelwaqg] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-task-pill--high[b-renfelwaqg] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-task-pill--medium[b-renfelwaqg] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-task-pill--low[b-renfelwaqg] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-task-pill--neutral[b-renfelwaqg] {
  background: #edf2f7;
  color: #475569;
}

@media (max-width: 640px) {
  .cp-task-assign-dialog__row[b-renfelwaqg] {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .cp-task-assign-dialog__row .cp-task-pill[b-renfelwaqg] {
    grid-column: 2;
    width: fit-content;
  }

  .cp-task-assign-dialog__actions span[b-renfelwaqg] {
    width: 100%;
    margin-left: 0;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/TasksDetail.razor.rz.scp.css */
.cp-task-detail-header-main[b-c4n77x2l1m] {
  flex: 1;
  min-width: 0;
}

.cp-task-detail-title-row[b-c4n77x2l1m] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
}

.cp-task-detail-title-input[b-c4n77x2l1m] {
  flex: 1 1 614px;
  min-width: 614px;
  max-width: 100%;
}

.cp-task-detail-title-input[b-c4n77x2l1m]  .mud-input-control,
.cp-task-detail-title-input[b-c4n77x2l1m]  .mud-input-root,
.cp-task-detail-title-input[b-c4n77x2l1m]  .mud-input-slot {
  width: 100%;
}

.cp-task-detail-title-input[b-c4n77x2l1m]  input {
  font-size: 14px;
  min-height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cp-task-detail-note-row[b-c4n77x2l1m] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 980px;
}

.cp-task-detail-note[b-c4n77x2l1m] {
  margin: 0;
  color: #607086;
  font-size: 15px;
  line-height: 1.6;
}

.cp-task-detail-note--empty[b-c4n77x2l1m] {
  color: #94a3b8;
  font-style: italic;
}

.cp-task-detail-note-editor[b-c4n77x2l1m] {
  width: 100%;
}

.cp-task-detail-note-actions[b-c4n77x2l1m] {
  display: flex;
  gap: 8px;
  padding-top: 6px;
}

.cp-task-detail-surface[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border-radius: 0.75rem;
  background: #ffffff;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 96px;
}

@media (max-width: 900px) {
  .cp-task-detail-title-row[b-c4n77x2l1m] {
    flex-wrap: wrap;
  }

  .cp-task-detail-title-input[b-c4n77x2l1m] {
    min-width: 269px;
  }
}

.cp-task-detail-top-grid[b-c4n77x2l1m],
.cp-task-detail-triple-grid[b-c4n77x2l1m],
.cp-task-assignment-grid[b-c4n77x2l1m] {
  display: grid;
  gap: 12px;
}

.cp-task-detail-top-grid[b-c4n77x2l1m] {
  grid-template-columns: 1.1fr 0.75fr 1.3fr;
}

.cp-task-detail-triple-grid[b-c4n77x2l1m] {
  grid-template-columns: 1.1fr 0.75fr 1.3fr;
}

.cp-task-detail-card[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 12px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #dbe5f1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.cp-task-detail-card--stacked[b-c4n77x2l1m] {
  gap: 8px;
}

.cp-task-detail-card__label[b-c4n77x2l1m] {
  margin-bottom: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cp-task-detail-card__hint[b-c4n77x2l1m] {
  margin-top: 4px;
  color: #94a3b8;
  font-size: 11px;
}

.cp-task-detail-card__header[b-c4n77x2l1m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.cp-task-detail-card__header h2[b-c4n77x2l1m],
.cp-task-assignment-column__header h3[b-c4n77x2l1m] {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
}

.cp-task-detail-card__header span[b-c4n77x2l1m],
.cp-task-assignment-column__header span[b-c4n77x2l1m] {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
}

.cp-task-detail-card__header--comments[b-c4n77x2l1m] {
  align-items: center;
}

.cp-task-detail-static-field[b-c4n77x2l1m] {
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #dbe5f1;
  color: #0f172a;
  font-weight: 600;
  font-size: 13px;
}

.cp-task-detail-origin-link[b-c4n77x2l1m] {
  color: #0a84ff;
  text-decoration: none;
}

.cp-task-detail-origin-link:hover[b-c4n77x2l1m] {
  text-decoration: underline;
}

.cp-task-detail-tag-editor[b-c4n77x2l1m] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-task-detail-card--compact-ods[b-c4n77x2l1m] {
  min-height: 104px;
}

.cp-task-detail-ods-selected[b-c4n77x2l1m] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cp-task-detail-ods-chip[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.cp-task-detail-ods-chip .cp-ods-chip-icon[b-c4n77x2l1m] {
  width: 16px;
  height: 16px;
}

.cp-task-detail-ods-chip__remove[b-c4n77x2l1m] {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
  color: #475569;
  cursor: pointer;
  padding: 0;
}

.cp-task-detail-ods-chip__remove .material-symbols-outlined[b-c4n77x2l1m] {
  font-size: 13px;
  line-height: 1;
}

.cp-task-detail-ods-empty[b-c4n77x2l1m] {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
}

.cp-task-detail-ods-add[b-c4n77x2l1m] {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

.cp-task-status-editor[b-c4n77x2l1m],
.cp-task-priority-editor[b-c4n77x2l1m] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-task-detail-select[b-c4n77x2l1m] {
  min-height: 38px;
}

.cp-task-detail-select[b-c4n77x2l1m]  .mud-input-control {
  margin-top: 0;
}

.cp-task-select-item[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.cp-task-tag-toggle[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  border: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.cp-task-tag-toggle:hover[b-c4n77x2l1m] {
  transform: translateY(-1px);
}

.cp-task-tag-toggle:focus-visible[b-c4n77x2l1m] {
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.25);
}

.cp-task-tag-toggle--active[b-c4n77x2l1m] {
  opacity: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.cp-task-status-toggle[b-c4n77x2l1m],
.cp-task-priority-toggle[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.cp-task-priority-toggle__icon[b-c4n77x2l1m],
.cp-task-status-toggle__icon[b-c4n77x2l1m] {
  font-size: 18px;
  line-height: 1;
}

.cp-task-tag-toggle__dot[b-c4n77x2l1m] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
}

.cp-task-detail-progress-head[b-c4n77x2l1m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cp-task-detail-progress-head strong[b-c4n77x2l1m] {
  color: var(--cp-primary);
  font-size: 22px;
  font-weight: 800;
}

.cp-task-detail-progress-head span[b-c4n77x2l1m] {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.cp-task-detail-progressbar[b-c4n77x2l1m] {
  margin-top: 6px;
}

.cp-task-detail-date-grid[b-c4n77x2l1m] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 8px;
  align-items: center;
}

.cp-task-no-end-container[b-c4n77x2l1m] {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding-inline: 2px;
}

.cp-task-no-end-checkbox[b-c4n77x2l1m] {
  margin: 0;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
}

.cp-task-no-end-checkbox[b-c4n77x2l1m]  .mud-typography,
.cp-task-no-end-checkbox[b-c4n77x2l1m]  .mud-checkbox-label {
  font-size: 0.62rem !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.cp-task-no-end-checkbox[b-c4n77x2l1m]  .mud-button-root {
  width: 20px !important;
  height: 20px !important;
  padding: 0;
  margin-right: 1px;
}

.cp-task-no-end-checkbox[b-c4n77x2l1m]  .mud-icon-root {
  font-size: 17px !important;
}

.cp-task-assignment-grid[b-c4n77x2l1m] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cp-task-assignment-column[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 100%;
  padding: 10px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.cp-task-assignment-column__header[b-c4n77x2l1m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.cp-task-person-list[b-c4n77x2l1m],
.cp-task-comment-list[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-task-person-row[b-c4n77x2l1m],
.cp-task-comment[b-c4n77x2l1m] {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 8px 10px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
}

.cp-task-person-row__content[b-c4n77x2l1m],
.cp-task-comment__body[b-c4n77x2l1m] {
  flex: 1;
  min-width: 0;
}

.cp-task-person-row strong[b-c4n77x2l1m],
.cp-task-comment__head strong[b-c4n77x2l1m] {
  display: block;
  color: #0f172a;
  font-size: 13px;
}

.cp-task-person-row span[b-c4n77x2l1m],
.cp-task-comment__head span[b-c4n77x2l1m] {
  color: #64748b;
  font-size: 12px;
}

.cp-task-assignment-add[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

.cp-task-inline-editor[b-c4n77x2l1m] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cp-task-inline-editor__actions[b-c4n77x2l1m] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.cp-task-card-footer[b-c4n77x2l1m] {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  padding-top: 6px;
}

.cp-task-add-button[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--cp-primary);
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.cp-task-add-button:hover[b-c4n77x2l1m] {
  border-color: var(--cp-primary);
  background: rgba(0, 44, 92, 0.06);
}

.cp-task-add-button .material-symbols-outlined[b-c4n77x2l1m] {
  font-size: 18px;
  line-height: 1;
}

.cp-task-avatar[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0, 44, 92, 0.12);
  color: var(--cp-primary);
  font-size: 10px;
  font-weight: 800;
  flex-shrink: 0;
}

.cp-task-avatar--secondary[b-c4n77x2l1m] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-comment-editor[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}

.cp-task-comment-header-main[b-c4n77x2l1m] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.cp-task-comment__head[b-c4n77x2l1m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.cp-task-comment__actions[b-c4n77x2l1m] {
  display: flex;
  gap: 4px;
}

.cp-task-comment p[b-c4n77x2l1m] {
  margin: 8px 0 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.6;
}

.cp-task-comment-empty[b-c4n77x2l1m] {
  padding: 16px;
  border-radius: 14px;
  background: #f8fafc;
  color: #64748b;
  font-size: 14px;
  text-align: center;
}

.cp-task-pill[b-c4n77x2l1m] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
}

.cp-task-pill--done[b-c4n77x2l1m] {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cp-task-pill--progress[b-c4n77x2l1m] {
  background: rgba(10, 132, 255, 0.12);
  color: #0a84ff;
}

.cp-task-pill--blocked[b-c4n77x2l1m] {
  background: rgba(239, 68, 68, 0.14);
  color: #b91c1c;
}

.cp-task-pill--pending[b-c4n77x2l1m] {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.cp-task-pill--critical[b-c4n77x2l1m] {
  background: rgba(127, 29, 29, 0.1);
  color: #991b1b;
}

.cp-task-pill--high[b-c4n77x2l1m] {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

.cp-task-pill--medium[b-c4n77x2l1m] {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.cp-task-pill--low[b-c4n77x2l1m] {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.cp-task-pill--neutral[b-c4n77x2l1m] {
  background: #edf2f7;
  color: #475569;
}

@media (max-width: 1180px) {
  .cp-task-detail-top-grid[b-c4n77x2l1m],
  .cp-task-detail-triple-grid[b-c4n77x2l1m],
  .cp-task-assignment-grid[b-c4n77x2l1m] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .cp-task-detail-date-grid[b-c4n77x2l1m],
  .cp-task-assignment-add[b-c4n77x2l1m],
  .cp-task-inline-editor[b-c4n77x2l1m] {
    grid-template-columns: 1fr;
    display: grid;
  }

  .cp-task-no-end-container[b-c4n77x2l1m] {
    min-height: auto;
  }

  .cp-task-detail-card__header--comments[b-c4n77x2l1m],
  .cp-task-comment__head[b-c4n77x2l1m] {
    flex-direction: column;
  }
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/TasksFilterDialog.razor.rz.scp.css */
.cp-task-filter-dialog[b-t7uuvx0daz] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 4px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/TasksHistoryDialog.razor.rz.scp.css */
.cp-task-history-list[b-7hen0j3xq5] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-task-history-empty[b-7hen0j3xq5] {
  padding: 16px;
  border-radius: 14px;
  background: #f8fafc;
  color: #64748b;
  font-size: 14px;
  text-align: center;
}

.cp-task-history-row[b-7hen0j3xq5] {
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.cp-task-history-row__dot[b-7hen0j3xq5] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 6px;
  flex-shrink: 0;
}

.cp-task-history-row__head[b-7hen0j3xq5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cp-task-history-row__head strong[b-7hen0j3xq5] {
  color: #0f172a;
  font-size: 15px;
}

.cp-task-history-row__head span[b-7hen0j3xq5] {
  color: #64748b;
  font-size: 13px;
}

.cp-task-history-row p[b-7hen0j3xq5] {
  margin: 8px 0 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.55;
}

.cp-task-history-row--info .cp-task-history-row__dot[b-7hen0j3xq5] {
  background: #0a84ff;
}

.cp-task-history-row--success .cp-task-history-row__dot[b-7hen0j3xq5] {
  background: #16a34a;
}

.cp-task-history-row--warning .cp-task-history-row__dot[b-7hen0j3xq5] {
  background: #f59e0b;
}

.cp-task-history-row--neutral .cp-task-history-row__dot[b-7hen0j3xq5] {
  background: #94a3b8;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Tasks/TasksSustainableDevelopmentGoalsDialog.razor.rz.scp.css */
.cp-task-ods-dialog-grid[b-lz5qnfdkcb] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.cp-task-ods-dialog-option[b-lz5qnfdkcb] {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.cp-task-ods-dialog-option:hover[b-lz5qnfdkcb] {
  transform: translateY(-1px);
}

.cp-task-ods-dialog-option:focus-visible[b-lz5qnfdkcb] {
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.25);
}

.cp-task-ods-dialog-option--active[b-lz5qnfdkcb] {
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.cp-task-ods-dialog-option .cp-ods-chip-icon[b-lz5qnfdkcb] {
  width: 18px;
  height: 18px;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Usuarios/CompanyUsers/CompanyUsersDialog.razor.rz.scp.css */
[b-oo6g83ut4n] .cp-users-grid-table .cp-grid-hcell{
  background: var(--cp-primary) !important;
  border-right: 1px solid #e2e8f0;
  color: #ffffff !important;
  padding: 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}

[b-oo6g83ut4n] .cp-users-grid-table .cp-grid-hcell--center{
  text-align: center;
}

[b-oo6g83ut4n] .cp-users-grid-table .cp-grid-hcell--right{
  text-align: right;
}
/* _content/ComboPRO_FrontEnd/Components/Pages/Usuarios/Usuaris.razor.rz.scp.css */
/* ========================================================= 
    GRID MAPA
   ========================================================= */ 

/* ===== Grid wrapper / card ===== */
.cp-btn-toolbar-active[b-1v5bswuz3u] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-1v5bswuz3u] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-wrap[b-1v5bswuz3u]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;                 /* p-3 */
  background: #fff;
}


.cp-grid-card[b-1v5bswuz3u]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;

  overflow: hidden; /* scroll is handled by .cp-grid-scroll */
}

/* Scroll container: enables BOTH horizontal + vertical scrolling */
.cp-grid-scroll[b-1v5bswuz3u]{
  flex: 1;
  min-height: 0;
  overflow: auto; /* both axes */
}




/* ===== Header row ===== */
.cp-grid-header[b-1v5bswuz3u]{
  display: grid;
  grid-template-columns:  2fr 2fr 3fr 2fr 1fr  60px 60px 60px;
  background: var(--cp-primary) !important;           /* slate-50 */
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}


/* Header cell */
.cp-grid-hcell[b-1v5bswuz3u]{
  padding: 12px;                 /* p-3 */
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;            /* text-xs */
  font-weight: bold;              /* font-bold */
  text-transform: uppercase;
  letter-spacing: .05em;
  color:#ffffff;                /* slate-500 */
}

.cp-grid-hcell--center[b-1v5bswuz3u]{ justify-content: center; }
.cp-grid-hcell--empty[b-1v5bswuz3u]{ justify-content: center; }

.dark .cp-grid-hcell[b-1v5bswuz3u]{
  border-right-color: #334155;
  color: #94a3b8;                /* slate-400 */
}

/* ===== Rows container ===== */
.cp-grid-rows[b-1v5bswuz3u]{
  /* rows just stack; scrolling happens in .cp-grid-scroll */
  min-height: 0;
}

/* ===== Data rows ===== */

.cp-grid-row[b-1v5bswuz3u]{
  display: grid;
  grid-template-columns:  2fr 2fr 3fr 2fr 1fr  60px 60px 60px;
  border-bottom: 1px solid #f1f5f9; /* slate-100 */
  align-items: stretch;
  min-height: 22px;
}

/* ================================
   Drag & Drop handle cursor
   ================================ */
.drag-handle[b-1v5bswuz3u]{
  cursor: grab;
  user-select: none;
}

.drag-handle:active[b-1v5bswuz3u]{
  cursor: grabbing;
}


/* Mare row */
.cp-grid-row--parent[b-1v5bswuz3u]{
  background: #F9F8F9;
  font-size: 12px;
  font-weight: 400;
  color: var(--cp-primary) !important;
}

/* Child row */
.cp-grid-row--child[b-1v5bswuz3u]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important; 
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-1v5bswuz3u]{
  background: #f8fafc;          /* slate-50 */
}

/* Cells */
.cp-grid-cell[b-1v5bswuz3u]{
  padding: 12px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-cell-input[b-1v5bswuz3u]{
width: 100%;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--cp-primary);
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 4px 8px;
  outline: none;
  box-sizing: border-box;
}

.cp-cell-input:focus[b-1v5bswuz3u]{
  border-color: var(--cp-primary);
}

/* Centered small cells (icons) */
.cp-grid-cell--center[b-1v5bswuz3u]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-1v5bswuz3u]{
  display: flex;
  align-items: center;      /* centro vertical */
  justify-content: flex-start;
}

.cp-grid-cell--stack[b-1v5bswuz3u]{
  display: flex;
  flex-direction: column;   /* 🔑 vertical */
  align-items: stretch;
  gap: 6px;                 /* separación entre sistemas */
  padding: 12px;
  min-width: 0;
}

/* ===== Icon button inside cells ===== */
.cp-icon-btn[b-1v5bswuz3u]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  color: #64748b;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.cp-icon-btn:hover[b-1v5bswuz3u]{
  color: var(--cp-primary);
  background: rgba(var(--cp-primary-rgb), 0.10);
}

/* ===== Textarea inline ===== */
.cp-ta-inline[b-1v5bswuz3u]{
  width: 100%;
  min-height: 32px;
  max-height: 64px;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: .875rem;
  resize: none;
  line-height: 1.2;
  outline: none;
}

/* ================================
   Select (grid cell)
   ================================ */

.cp-cell-select[b-1v5bswuz3u]{
  width: 100%;                 /* w-full */
  padding: 4px 8px;            /* py-1 px-2 */

  background-color: #ffffff;
  color: var(--cp-primary);

  border: 1px solid #cbd5e1;   /* slate-300 */
  border-radius: 6px;          /* rounded-md */

  font-size: 12px;             /* text-sm */
  font-weight: 400;

  outline: none;
  box-sizing: border-box;
}

/* Focus */
.cp-cell-select:focus[b-1v5bswuz3u]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary); /* focus:ring-1 */
}



/* ================================
   Botón Nota
   ================================ */

.cp-btn-note[b-1v5bswuz3u]{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;            /* gap-1 */
  padding: 0.375rem 0.5rem; /* py-1.5 px-2 */
  border-radius: 0.375rem; /* rounded */
  font-size: 0.875rem;     /* text-sm */
  font-weight: 500;        /* font-medium */         /* slate-600 */
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.cp-btn-note--sin[b-1v5bswuz3u] 
{
  color: #0000005e !important; 
}

.cp-btn-note--con[b-1v5bswuz3u]
{
  color: var(--cp-primary) !important; 
}

/* Hover */
.cp-btn-note:hover[b-1v5bswuz3u]{
  background-color: #F9F8F9; /* slate-200 */
}

/* ================================
   Popup Nota
   ================================ */

.cp-note-popover[b-1v5bswuz3u]{
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 8px;          /* mr-2 */
  z-index: 50;

  width: 16rem;               /* w-64 */
  background-color: #ffffff;
  border: 1px solid #e2e8f0;  /* slate-200 */
  border-radius: 0.5rem;      /* rounded-lg */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
              0 4px 6px -4px rgba(0,0,0,0.1); /* shadow-lg */
  padding: 12px;              /* p-3 */
}

/* Título */
.cp-note-popover__title[b-1v5bswuz3u]{
  font-size: 0.75rem;         /* text-xs */
  font-weight: 600;           /* font-semibold */
  color: #475569;             /* slate-600 */
  margin-bottom: 8px;         /* mb-2 */
}

/* Textarea */
.cp-note-popover__textarea[b-1v5bswuz3u]{
  width: 100%;
  min-height: 90px;
  padding: 8px;               /* p-2 */
  font-size: 0.875rem;        /* text-sm */

  background-color: #ffffff;
  color: #0f172a;             /* slate-900 */

  border: 1px solid #cbd5e1;  /* slate-300 */
  border-radius: 0.375rem;    /* rounded-md */
  resize: vertical;
  outline: none;
}

/* Focus */
.cp-note-popover__textarea:focus[b-1v5bswuz3u]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

/* ================================
   Casilla Sistema
   ================================ */

.cp-system-item[b-1v5bswuz3u]{
  display: flex;
  align-items: flex-start;     /* items-start */
  gap: 8px;                    /* gap-2 */
  padding: 6px;                /* p-1.5 */

  background-color: #ffffff;
  border: 1px solid #e2e8f0;   /* slate-200 */
  border-radius: 6px;          /* rounded */

  font-size: 12px;             /* text-xs */
  color: var(--cp-primary);

  cursor: pointer;
  box-sizing: border-box;

  transition: background-color .15s ease, border-color .15s ease;
}

/* Hover */
.cp-system-item:hover[b-1v5bswuz3u]{
  background-color: rgba(var(--cp-primary-rgb), 0.05); /* hover:bg-primary/5 */
  border-color: rgba(var(--cp-primary-rgb), 0.30);     /* group-hover:border-primary/30 */
}

/* ================================
   Iconos Sistema
   ================================ */

.cp-system-icon[b-1v5bswuz3u]{
  font-size: 18px;                 /* text-base */
  color: var(--cp-primary);
  cursor: pointer;
}
/* Legacy class used by SortableJS selectors */
.mapa-row[b-1v5bswuz3u]{ }

/* ================================
   Textarea Apartado
   ================================ */
.cp-ta-apartado[b-1v5bswuz3u]{
  width: 100%;              /* w-full */
  min-height: 32px;         /* min-h-[32px] */
  max-height: 64px;         /* max-h-[64px] */

  background: transparent;  /* bg-transparent */
  border: 0;                /* border-0 */

  padding-left: 4px;        /* px-1 */
  padding-right: 4px;       /* px-1 */
  padding-top: 2px;         /* py-0.5 */
  padding-bottom: 2px;      /* py-0.5 */

  font-size: 12px;          /* text-sm (en tu grid usas 12px) */
  line-height: 1.2;         /* leading-tight */

  resize: none;             /* resize-none */
  outline: none;            /* para que no salga borde raro */
  box-sizing: border-box;
}

.cp-ta-apartado:focus[b-1v5bswuz3u]
{
      border-color: var(--cp-primary);
    box-shadow: 0 0 0 1px var(--cp-primary);
}
/* _content/ComboPRO_FrontEnd/Components/Pages/UsuariosCompany/UsuarisCompany.razor.rz.scp.css */
/* ========================================================= 
    GRID MAPA
   ========================================================= */ 

/* ===== Grid wrapper / card ===== */
.cp-btn-toolbar-active[b-6njpqa3lg5] {
  color: var(--cp-primary);
  background: rgba(10, 132, 255, 0.08);
}

.cp-task-filter-count[b-6njpqa3lg5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 7px;
  border-radius: 9999px;
  background: var(--cp-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cp-grid-wrap[b-6njpqa3lg5]{
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;                 /* p-3 */
  background: #fff;
}


.cp-grid-card[b-6njpqa3lg5]{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;

  overflow: hidden; /* scroll is handled by .cp-grid-scroll */
}

/* Scroll container: enables BOTH horizontal + vertical scrolling */
.cp-grid-scroll[b-6njpqa3lg5]{
  flex: 1;
  min-height: 0;
  overflow: auto; /* both axes */
}




/* ===== Header row ===== */
.cp-grid-header[b-6njpqa3lg5]{
  display: grid;
  grid-template-columns:  2fr 2fr 3fr 1fr 2fr  60px 60px 60px;
  background: var(--cp-primary) !important;           /* slate-50 */
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
}


/* Header cell */
.cp-grid-hcell[b-6njpqa3lg5]{
  padding: 12px;                 /* p-3 */
  border-right: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  font-size: 12px;            /* text-xs */
  font-weight: bold;              /* font-bold */
  text-transform: uppercase;
  letter-spacing: .05em;
  color:#ffffff;                /* slate-500 */
}

.cp-grid-hcell--center[b-6njpqa3lg5]{ justify-content: center; }
.cp-grid-hcell--empty[b-6njpqa3lg5]{ justify-content: center; }

.dark .cp-grid-hcell[b-6njpqa3lg5]{
  border-right-color: #334155;
  color: #94a3b8;                /* slate-400 */
}

/* ===== Rows container ===== */
.cp-grid-rows[b-6njpqa3lg5]{
  /* rows just stack; scrolling happens in .cp-grid-scroll */
  min-height: 0;
}

/* ===== Data rows ===== */

.cp-grid-row[b-6njpqa3lg5]{
  display: grid;
  grid-template-columns:  2fr 2fr 3fr 1fr 2fr  60px 60px 60px;
  border-bottom: 1px solid #f1f5f9; /* slate-100 */
  align-items: stretch;
  min-height: 22px;
}

/* ================================
   Drag & Drop handle cursor
   ================================ */
.drag-handle[b-6njpqa3lg5]{
  cursor: grab;
  user-select: none;
}

.drag-handle:active[b-6njpqa3lg5]{
  cursor: grabbing;
}


/* Mare row */
.cp-grid-row--parent[b-6njpqa3lg5]{
  background: #F9F8F9;
  font-size: 12px;
  font-weight: 400;
  color: var(--cp-primary) !important;
}

/* Child row */
.cp-grid-row--child[b-6njpqa3lg5]{
  background: #ffffff;
  transition: background-color .15s ease;
  color: var(--cp-primary) !important; 
  font-size: 14px;
  font-weight: 400;
}

.cp-grid-row--child:hover[b-6njpqa3lg5]{
  background: #f8fafc;          /* slate-50 */
}

/* Cells */
.cp-grid-cell[b-6njpqa3lg5]{
  padding: 12px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: flex-start;
}

.cp-cell-input[b-6njpqa3lg5]{
width: 100%;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--cp-primary);
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 4px 8px;
  outline: none;
  box-sizing: border-box;
}

.cp-cell-input:focus[b-6njpqa3lg5]{
  border-color: var(--cp-primary);
}

/* Centered small cells (icons) */
.cp-grid-cell--center[b-6njpqa3lg5]{
  justify-content: center;
  align-items: center;
}

.cp-grid-cell--left-center[b-6njpqa3lg5]{
  display: flex;
  align-items: center;      /* centro vertical */
  justify-content: flex-start;
}

.cp-grid-cell--stack[b-6njpqa3lg5]{
  display: flex;
  flex-direction: column;   /* 🔑 vertical */
  align-items: stretch;
  gap: 6px;                 /* separación entre sistemas */
  padding: 12px;
  min-width: 0;
}

/* ===== Icon button inside cells ===== */
.cp-icon-btn[b-6njpqa3lg5]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  color: #64748b;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.cp-icon-btn:hover[b-6njpqa3lg5]{
  color: var(--cp-primary);
  background: rgba(var(--cp-primary-rgb), 0.10);
}

/* ===== Textarea inline ===== */
.cp-ta-inline[b-6njpqa3lg5]{
  width: 100%;
  min-height: 32px;
  max-height: 64px;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: .875rem;
  resize: none;
  line-height: 1.2;
  outline: none;
}

/* ================================
   Select (grid cell)
   ================================ */

.cp-cell-select[b-6njpqa3lg5]{
  width: 100%;                 /* w-full */
  padding: 4px 8px;            /* py-1 px-2 */

  background-color: #ffffff;
  color: var(--cp-primary);

  border: 1px solid #cbd5e1;   /* slate-300 */
  border-radius: 6px;          /* rounded-md */

  font-size: 12px;             /* text-sm */
  font-weight: 400;

  outline: none;
  box-sizing: border-box;
}

/* Focus */
.cp-cell-select:focus[b-6njpqa3lg5]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary); /* focus:ring-1 */
}



/* ================================
   Botón Nota
   ================================ */

.cp-btn-note[b-6njpqa3lg5]{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;            /* gap-1 */
  padding: 0.375rem 0.5rem; /* py-1.5 px-2 */
  border-radius: 0.375rem; /* rounded */
  font-size: 0.875rem;     /* text-sm */
  font-weight: 500;        /* font-medium */         /* slate-600 */
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.cp-btn-note--sin[b-6njpqa3lg5] 
{
  color: #0000005e !important; 
}

.cp-btn-note--con[b-6njpqa3lg5]
{
  color: var(--cp-primary) !important; 
}

/* Hover */
.cp-btn-note:hover[b-6njpqa3lg5]{
  background-color: #F9F8F9; /* slate-200 */
}

/* ================================
   Popup Nota
   ================================ */

.cp-note-popover[b-6njpqa3lg5]{
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 8px;          /* mr-2 */
  z-index: 50;

  width: 16rem;               /* w-64 */
  background-color: #ffffff;
  border: 1px solid #e2e8f0;  /* slate-200 */
  border-radius: 0.5rem;      /* rounded-lg */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
              0 4px 6px -4px rgba(0,0,0,0.1); /* shadow-lg */
  padding: 12px;              /* p-3 */
}

/* Título */
.cp-note-popover__title[b-6njpqa3lg5]{
  font-size: 0.75rem;         /* text-xs */
  font-weight: 600;           /* font-semibold */
  color: #475569;             /* slate-600 */
  margin-bottom: 8px;         /* mb-2 */
}

/* Textarea */
.cp-note-popover__textarea[b-6njpqa3lg5]{
  width: 100%;
  min-height: 90px;
  padding: 8px;               /* p-2 */
  font-size: 0.875rem;        /* text-sm */

  background-color: #ffffff;
  color: #0f172a;             /* slate-900 */

  border: 1px solid #cbd5e1;  /* slate-300 */
  border-radius: 0.375rem;    /* rounded-md */
  resize: vertical;
  outline: none;
}

/* Focus */
.cp-note-popover__textarea:focus[b-6njpqa3lg5]{
  border-color: var(--cp-primary);
  box-shadow: 0 0 0 1px var(--cp-primary);
}

/* ================================
   Casilla Sistema
   ================================ */

.cp-system-item[b-6njpqa3lg5]{
  display: flex;
  align-items: flex-start;     /* items-start */
  gap: 8px;                    /* gap-2 */
  padding: 6px;                /* p-1.5 */

  background-color: #ffffff;
  border: 1px solid #e2e8f0;   /* slate-200 */
  border-radius: 6px;          /* rounded */

  font-size: 12px;             /* text-xs */
  color: var(--cp-primary);

  cursor: pointer;
  box-sizing: border-box;

  transition: background-color .15s ease, border-color .15s ease;
}

/* Hover */
.cp-system-item:hover[b-6njpqa3lg5]{
  background-color: rgba(var(--cp-primary-rgb), 0.05); /* hover:bg-primary/5 */
  border-color: rgba(var(--cp-primary-rgb), 0.30);     /* group-hover:border-primary/30 */
}

/* ================================
   Iconos Sistema
   ================================ */

.cp-system-icon[b-6njpqa3lg5]{
  font-size: 18px;                 /* text-base */
  color: var(--cp-primary);
  cursor: pointer;
}
/* Legacy class used by SortableJS selectors */
.mapa-row[b-6njpqa3lg5]{ }

/* ================================
   Textarea Apartado
   ================================ */
.cp-ta-apartado[b-6njpqa3lg5]{
  width: 100%;              /* w-full */
  min-height: 32px;         /* min-h-[32px] */
  max-height: 64px;         /* max-h-[64px] */

  background: transparent;  /* bg-transparent */
  border: 0;                /* border-0 */

  padding-left: 4px;        /* px-1 */
  padding-right: 4px;       /* px-1 */
  padding-top: 2px;         /* py-0.5 */
  padding-bottom: 2px;      /* py-0.5 */

  font-size: 12px;          /* text-sm (en tu grid usas 12px) */
  line-height: 1.2;         /* leading-tight */

  resize: none;             /* resize-none */
  outline: none;            /* para que no salga borde raro */
  box-sizing: border-box;
}

.cp-ta-apartado:focus[b-6njpqa3lg5]
{
      border-color: var(--cp-primary);
    box-shadow: 0 0 0 1px var(--cp-primary);
}