/* A02 extends the approved KLUBIX Light desktop language. */
.assignment-workspace { display: grid; gap: 12px; min-width: 0; padding-bottom: 12px; }
.assignment-workspace > :not(.workspace-title):not(.admission-feedback) { margin-inline: 16px; }
.assignment-workspace .workspace-title { margin-bottom: 0; }
.assignment-application { border: 1px solid var(--border-default); border-left: 3px solid var(--identity-accent); background: var(--surface-panel); padding: 10px 12px; border-radius: var(--radius-sm); }
.assignment-application h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 14px; color: var(--brand-navy); }
.assignment-step { display: grid; place-items: center; width: 22px; height: 22px; background: var(--brand-petroleum); color: var(--text-on-action); border-radius: var(--radius-sm); }
.assignment-application dl { display: flex; gap: 48px; margin: 0 0 0 32px; }
.assignment-application dt { font-size: 11px; color: var(--text-secondary); }
.assignment-application dd { margin: 3px 0 0; font-weight: 600; }
.assignment-columns { display: grid; grid-template-columns: 1.08fr 1fr; gap: 12px; min-width: 0; }
.assignment-columns > * { min-width: 0; }
.assignment-workspace .panel-heading { color: var(--brand-navy); }
.assignment-holder { display: flex; gap: 16px; align-items: start; }
.assignment-holder .admission-data-grid { flex: 1; }
.assignment-workspace .admission-data-grid > div { padding-block: 4px; }
.assignment-workspace .admission-data-grid dt { margin-bottom: 2px; }
.assignment-availability { display: flex; gap: 8px; align-items: center; font-size: 11px; color: var(--text-secondary); margin-block: 8px; }
.assignment-workspace .section-hint { margin-bottom: 0; font-size: 11px; }
.assignment-workspace .erp-grid-scroll { max-height: 260px; }
.assignment-workspace .erp-grid { white-space: normal; }
.assignment-workspace .erp-grid td { overflow-wrap: anywhere; }
.assignment-workspace .grid-footer { height: auto; min-height: 26px; }
.assignment-person-differences + .assignment-person-differences { margin-top: 12px; }
.assignment-person-differences h3 { font-size: 13px; color: var(--brand-petroleum); margin: 0 0 8px; }
.assignment-person-differences h3 span { font-weight: 400; color: var(--text-secondary); padding-left: 8px; }
.assignment-differences { white-space: normal; table-layout: fixed; }
.assignment-differences th:first-child { width: 16%; }
.assignment-differences th:last-child { width: 27%; }
.assignment-differences .erp-field > label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.assignment-differences td, .assignment-differences th { padding: 6px 8px; overflow-wrap: anywhere; }
.assignment-confirmation { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 10px; }
.assignment-confirmation span { font-size: 12px; color: var(--text-secondary); }
.assignment-search { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; margin-bottom: 12px; }
.assignment-impact { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--brand-petroleum); }
.assignment-summary-decisions { padding-left: 20px; margin-top: 4px; }
@media (max-width: 1400px) { .assignment-columns { gap: 10px; } .assignment-holder { gap: 10px; } .assignment-holder .admission-avatar { flex-basis: 48px; height: 60px; font-size: 20px; } }

.assignment-contact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.assignment-contact .admission-data-wide { grid-column: auto; }
.assignment-workspace .panel-heading { flex-wrap: wrap; padding-block: 6px; }