/* The application shell names the active task. Keep section headings for assistive technology. */
body.czn-task-title .module-panel:not([hidden]) > .module-heading .eyebrow,
body.czn-task-title .module-panel:not([hidden]) > .module-heading h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#organizations .companies-forms-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#organizations .companies-forms-head h3 { margin: 0; }
#organizations .companies-forms-head button { width: auto; }
#company-ficha .company-rename { margin-top: 16px; border-top: 1px solid #d9d5ce; }
#company-ficha .company-rename summary { cursor: pointer; padding: 12px 0; font-weight: 700; }
#organization-cards > article.companies-org > p:first-of-type { display: none; }

#people-diners .people-diner-toolbar { margin: 8px 0 12px; }
body:has(#users:not([hidden])) .workspace-sidebar>.workspace-context{display:none}
#people-team>.people-team-company{display:grid;gap:4px;max-width:24rem;margin:0 0 12px;font-weight:700}
#people-team>.people-team-company select{min-height:44px}
#people-diners>.people-diner-company{display:grid;gap:4px;max-width:26rem;margin:0 0 12px;font-weight:700}
#people-diners>.people-diner-company select{min-height:44px}
.people-list-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:12px;padding:9px 10px;font-size:.8rem;font-weight:750;color:#35443f;background:#eee9e2;border:1px solid #d9d5ce;border-radius:10px 10px 0 0}
.people-list-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-list-head+#people-diner-list,.people-list-head+#user-directory{border-top:0;border-radius:0 0 10px 10px}
.people-empty{margin:0;padding:16px;color:#59625e}
#people-diner-next{margin-top:10px}
@media(max-width:767px){.people-list-head{grid-template-columns:minmax(0,1fr) auto}.people-list-head span:nth-child(2){display:none}}
.czn-ui[data-czn-app="administracion"] .module-panel>.workspace-context{max-width:24rem;margin:0 0 12px;padding:8px 10px;border:1px solid #d9d5ce;border-radius:10px;background:#f7f5f0}
.czn-ui[data-czn-app="administracion"] .module-panel>.workspace-context[hidden]{display:none}
body:has(#valuation:not([hidden])) .workspace-sidebar>.workspace-context{display:none}
#valuation .valuation-company-filter{display:grid;gap:4px;max-width:24rem;margin:0 0 8px;font-weight:700}
#valuation .valuation-company-filter select{min-height:44px}
#people-diner-manage>.people-manage-company{display:grid;gap:4px;max-width:24rem;margin:12px 16px;font-weight:700}
#people-diner-manage>.people-manage-company select{min-height:44px}
#people-diner-list,#user-directory{display:grid;gap:0;overflow:hidden;border:1px solid #d9d5ce;border-radius:10px;background:#fff}
#people-diner-list>.user-row,#user-directory>.user-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:12px;align-items:center;min-height:46px;margin:0;padding:5px 10px;border:0;border-bottom:1px solid #e9e5df;border-radius:0;background:#fff;text-align:left}
#people-diner-list>.user-row:last-child,#user-directory>.user-row:last-child{border-bottom:0}
#people-diner-list>.user-row:hover,#user-directory>.user-row:hover{background:#f5eae6}
#people-diner-list>.user-row strong,#user-directory>.user-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#people-diner-list>.user-row span,#user-directory>.user-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#59625e}
@media(max-width:767px){#people-diner-list>.user-row,#user-directory>.user-row{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:7px 10px}#people-diner-list>.user-row span,#user-directory>.user-row span{grid-column:1;grid-row:2;font-size:.82rem}#people-diner-list>.user-row small,#user-directory>.user-row small{grid-column:2;grid-row:1 / span 2}}
#users .user-filter { display: grid; gap: 12px; align-items: end; }
#users .user-filter > button { background: var(--czn-brand); border-color: var(--czn-brand); color: #fff; }
#users .user-filter > button:hover { background: var(--czn-brand-hover); }
#people-diners .people-diner-toolbar button { width: auto; }
#people-diners .workforce-message { min-height: 20px; margin: 8px 0; font-weight: 650; }
#people-diner-manage,
#people-diner-manage > details {
  border: 1px solid #ded8cf;
  border-radius: 10px;
  background: #fff;
  margin: 8px 0;
}
#people-diner-manage > summary,
#people-diner-manage > details > summary {
  cursor: pointer;
  padding: 12px 16px;
  min-height: 44px;
  font-weight: 700;
}
#people-diner-manage > details { margin: 8px 12px; }
#people-diner-manage .workforce-detail { padding: 12px 16px; border-top: 1px solid #e6e0d8; }
#people-diner-manage form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; border: 0; background: transparent; }
#people-diner-manage .controlled-options-controls { display: flex; gap: 8px; align-items: end; }
#people-diner-manage .controlled-options-controls select { flex: 1; min-width: 0; }
#people-diner-manage .controlled-options ul { display: grid; gap: 6px; padding: 0; list-style: none; }
#people-diner-manage .controlled-options li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px; border-radius: 8px; background: #f7f5f0; }
#people-diner-manage .mapping-grid { display: grid; gap: 8px; }
#people-diner-manage .preview-table { overflow-x: auto; }
#people-diner-manage .preview-table table { min-width: 800px; }

#users .people-segments button {
  background: #fff;
  color: #79342b;
  border-color: #79342b;
}

#users .people-segments button[aria-selected="true"] {
  background: #79342b;
  color: #fff;
  border-color: #79342b;
}

body.czn-task-title #state[data-passive-status="true"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 700px) {
  #organizations #company-context,
  #users #people-context { display: none; }
}

@media (max-width: 900px) {
  #users .user-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    padding: 10px 12px;
  }

  #users .user-row strong {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  #users .user-row span {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: .86rem;
  }

  #users .user-row small {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    white-space: nowrap;
  }
}

@media (min-width: 360px) and (max-width: 700px) {
  #users .user-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end;
  }

  #users .user-filter label:first-child { grid-column: 1 / -1; }
  #users .user-filter > button { min-width: 92px; }
}

@media (min-width: 701px) {
  #users .user-filter { grid-template-columns: minmax(0, 2fr) minmax(150px, 1fr) auto !important; }
  #users .user-filter > button { min-width: 92px; }
}

#access .card-list > article { min-width: 0; flex-wrap: wrap; }
#access .card-list > article > div { min-width: 0; flex: 1 1 12rem; overflow-wrap: anywhere; }

#users .user-tabs { flex-wrap: wrap; max-width: 100%; }
#users .user-tabs button { min-width: 0; }