.record-daily-team-modal .kc-modal{
  width:min(920px,calc(100vw - (2 * var(--kc-space-4))));
  max-height:min(840px,calc(100dvh - (2 * var(--kc-space-4))));
}

.record-daily-team-modal .kc-modal__body{
  display:grid;
  gap:var(--kc-space-4);
  overflow:auto;
}

.record-daily-team-modal [hidden]{display:none!important}
.record-team-list{display:grid;gap:var(--kc-space-3)}

.record-team-assignment{
  display:grid;
  gap:var(--kc-space-4);
  padding:var(--kc-space-4);
  border:1px solid var(--kc-color-border);
  border-radius:var(--kc-radius-xl);
  background:var(--kc-color-surface-card);
  box-shadow:var(--kc-shadow-xs);
}

.record-team-assignment__head{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:end;
  gap:var(--kc-space-3);
}

.record-team-assignment__head .kc-field{margin:0}
.record-team-assignment__title{display:grid;gap:var(--kc-space-1);align-self:center}
.record-team-assignment__title strong{font-size:var(--kc-font-size-xl)}

.record-team-people{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--kc-space-2);
}

.record-team-people>.kc-field__label{grid-column:1/-1}
.record-team-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kc-space-1)}
.record-team-person .kc-input{min-width:0}
.record-team-add-person{width:max-content}

.record-team-reassignments{
  display:grid;
  gap:var(--kc-space-2);
  padding-top:var(--kc-space-3);
  border-top:1px solid var(--kc-color-border);
}

.record-team-reassignments>strong{font-size:var(--kc-font-size-sm)}
.record-team-reassignments label{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr);align-items:center;gap:var(--kc-space-3)}
.record-team-reassignments label>span{display:grid;gap:2px;min-width:0}
.record-team-reassignments small{color:var(--kc-color-text-muted);font-size:var(--kc-font-size-xs)}

@media(max-width:720px){
  .record-daily-team-modal{align-items:flex-end;padding:0}
  .record-daily-team-modal .kc-modal{
    width:100%;
    max-height:92dvh;
    border-radius:var(--kc-radius-2xl) var(--kc-radius-2xl) 0 0;
  }
  .record-daily-team-modal .kc-modal__header,
  .record-daily-team-modal .kc-modal__body,
  .record-daily-team-modal .kc-modal__footer{padding-inline:var(--kc-space-4)}
  .record-team-assignment{padding:var(--kc-space-3);border-radius:var(--kc-radius-lg)}
  .record-team-assignment__head{grid-template-columns:minmax(0,1fr) auto auto;gap:var(--kc-space-2)}
  .record-team-people{grid-template-columns:1fr}
  .record-team-reassignments label{grid-template-columns:1fr;gap:var(--kc-space-1)}
  .record-daily-team-modal .kc-modal__footer{display:grid;grid-template-columns:1fr 1fr}
  .record-daily-team-modal .kc-modal__footer .kc-button{width:100%;min-width:0}
  #recordDailyTeamSave{grid-column:1/-1;grid-row:1}
}

@media(max-width:420px){
  .record-team-assignment__head{grid-template-columns:minmax(0,1fr) auto}
  .record-team-assignment__head>.kc-badge{grid-row:2;justify-self:start}
}