/* Read conditional rules as a sentence; retain the original accessible form controls. */
.linked-staffing-table { min-width: 0 !important; width: 100%; }
.linked-staffing-table thead { display: none; }
.linked-staffing-table tbody { display: grid; gap: 16px; }
#linkedStaffingBody > tr { display: grid; grid-template-columns: minmax(72px,1fr) repeat(11,minmax(0,1fr)); border: 1px solid #b6d7d1; border-radius: 10px; overflow: hidden; }
#linkedStaffingBody > tr > td { position: static !important; left: auto !important; min-width: 0 !important; width: auto !important; box-shadow: none; padding: 12px !important; border: 0; display: flex; flex-direction: column; align-items: stretch; gap: 7px; }
#linkedStaffingBody > tr > td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 700; color: #355b58; }
#linkedStaffingBody > tr > td:nth-child(1) { grid-column: span 1; background: #eaf5f2; justify-content: center; align-items: center; }
#linkedStaffingBody > tr > td:nth-child(1)::before { content: '削除対象'; white-space: normal; overflow-wrap: anywhere; text-align: center; }
#linkedStaffingBody > tr > td:nth-child(2) { grid-column: span 11; background: #eaf5f2; }
#linkedStaffingBody > tr > td:nth-child(2)::before { display:none; }
#linkedStaffingBody > tr > td:nth-child(3) { grid-column: 1/-1; }
#linkedStaffingBody > tr > td:nth-child(4), #linkedStaffingBody > tr > td:nth-child(6) { grid-column: span 3; }
#linkedStaffingBody > tr > td:nth-child(5) { grid-column: span 4; }
#linkedStaffingBody > tr > td:nth-child(7) { grid-column: span 2; }
#linkedStaffingBody > tr > td:nth-child(8) { grid-column: 1/-1; }
#linkedStaffingBody .linked-condition { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
#linkedStaffingBody .linked-condition select { flex: 1 1 100px; min-width: 0; width: auto; }
#linkedStaffingBody .linked-base-count { flex: 0 1 70px; width: 70px; min-width: 0; }
#linkedStaffingBody .linked-condition > span { white-space: nowrap; }
#linkedStaffingBody .day-scope-control { max-width: 520px; }
#linkedStaffingBody .linked-rule-reading { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.85; color: #174d48; overflow-wrap: anywhere; }
#linkedStaffingBody .is-inactive .linked-rule-reading { color: #526c67; }
.linked-target-unit, .ui-rule-unit { font-size: 12px; line-height: 1.6; color: #426661; }
.ui-rule-unit { display: block; margin-top: 6px; }
/* Legacy "扱い" is kept in saved data; the engine uses 必須度, not this duplicate control. */
#commonRulesBody > tr > td:nth-child(3), #personalRulesBody > tr > td:nth-child(4),
table:has(#commonRulesBody) thead th:nth-child(3), table:has(#personalRulesBody) thead th:nth-child(4) { display: none !important; }
.ui-allocation-reading { margin: 0 0 8px; color: #174d48; font-weight: 700; line-height: 1.7; overflow-wrap: anywhere; }
.export-card .btn { white-space: normal; line-height: 1.6; }
@media(max-width:900px) {
  #linkedStaffingBody > tr { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #linkedStaffingBody > tr > td:nth-child(1) { grid-column: 1/-1; flex-direction: row; justify-content: flex-start; }
  #linkedStaffingBody > tr > td:nth-child(2), #linkedStaffingBody > tr > td:nth-child(3), #linkedStaffingBody > tr > td:nth-child(8) { grid-column: 1/-1; }
  #linkedStaffingBody > tr > td:nth-child(4), #linkedStaffingBody > tr > td:nth-child(5), #linkedStaffingBody > tr > td:nth-child(6), #linkedStaffingBody > tr > td:nth-child(7) { grid-column: span 1; }
  #linkedStaffingBody .linked-rule-reading { font-size: 15px; }
}