.section-management { margin: 0 0 1rem; border: 1px solid #dce5ed; border-radius: 14px; background: #f8fafc; font-size: .84rem; }
.section-management > summary { display: flex; align-items: center; gap: .65rem; padding: .75rem 1rem; cursor: pointer; list-style: none; color: #40556d; font-weight: 450; }
.section-management > summary::-webkit-details-marker { display: none; }
.section-management > summary > .ui-icon:last-child { margin-left: auto; width: .8rem; transition: transform .15s; }
.section-management[open] > summary > .ui-icon:last-child { transform: rotate(180deg); }
.section-management__hint { color: #70839a; font-size: .77rem; }
.section-management__body { padding: 0 1rem 1rem; }
.section-management__body > p { margin: 0 0 .75rem; color: #607087; line-height: 1.6; max-width: 90ch; }
.management-tabs { display: flex; gap: .4rem; overflow-x: auto; padding-bottom: .35rem; flex-wrap: nowrap; }
.management-tabs a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; padding: .45rem .65rem; border: 1px solid #dce5ed; border-radius: 8px; text-decoration: none; color: #40556d; background: #fff; font-weight: 400; }
.management-tabs a[aria-current] { color: #315fa8; border-color: #b9d1f1; background: #eaf2fd; }
.management-panel { min-width: 0; }
.management-page-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; }
.management-page-header h1 { margin: .3rem 0 .55rem; font-size: clamp(1.3rem, 2vw, 1.65rem); font-weight: 600; letter-spacing: -.02em; }
.management-page-header p { margin: .25rem 0; font-size: .83rem; line-height: 1.5; }
.management-page-header .eyebrow { font-size: .68rem; }
.management-page-header > .button { flex: 0 0 auto; width: auto; }
.management-page-header .page-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .5rem; }
.settings-panel.student-registry { padding-top: .8rem; }
.student-registry .registry-toolbar { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(15rem, 1.2fr); gap: 1rem; align-items: end; margin-bottom: .7rem; }
.student-registry__group, .student-registry__search { min-width: 0; }
.student-registry .registry-toolbar label { display: block; margin: 0 0 .3rem; }
.student-registry .registry-toolbar select { width: 100%; max-width: 100%; }
.student-registry .registry-heading { margin: .5rem 0; }
.student-registry .registry-heading h3 { margin: .3rem 0; }
.student-registry .registry-heading p { margin: .2rem 0; font-size: .78rem; }
.management-tabs { scrollbar-width: thin; scrollbar-color: #c6d5e4 transparent; }
.staff-workspace .button-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.staff-workspace .panel__header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .7rem 0; }
.staff-workspace .panel__header h2 { margin: 0; font-size: 1rem; font-weight: 500; }
.staff-workspace .panel__header .muted { font-size: .78rem; }
.staff-workspace .record-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e2e9f1; padding: .8rem .7rem; background: #fff; }
.staff-workspace .record-row > div:first-child { min-width: 0; }
.staff-workspace .record-row h3 { font-size: .91rem; font-weight: 500; margin: 0 0 .3rem; }
.staff-workspace .record-row p { margin: 0; color: #63758a; font-size: .79rem; line-height: 1.55; }
.staff-workspace .record-row .page-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .5rem; }
.staff-workspace .metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .7rem; margin: 1rem 0; }
.staff-workspace .metric-card { display: grid; gap: .4rem; border: 1px solid #dae5f0; border-radius: 12px; padding: .85rem; background: #fff; }
.staff-workspace .metric-card span { color: #61748a; font-size: .77rem; }
.staff-workspace .metric-card strong { color: #294b70; font-size: 1.3rem; font-weight: 550; }
.staff-workspace .filter-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.management-panel th, .management-panel td { padding: .6rem .7rem; font-size: .82rem; }
.management-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .65rem; margin-bottom: 1rem; }
.management-filters label { display: grid; gap: .3rem; font-size: .78rem; flex: 0 1 13rem; font-weight: 400; }
.management-filters input, .management-filters select { min-width: 0; width: 100%; }
.management-filters > button, .management-filters > .button { flex: 0 0 auto; align-self: flex-end; width: auto; }
.management-panel td { max-width: 22rem; overflow-wrap: anywhere; vertical-align: middle; }
.management-form { max-width: 100%; min-width: 0; }
.management-form-details { border-top: 1px solid #e4eaf1; margin: .8rem 0; }
.management-form-details > summary { padding: .7rem 0; color: #5c6f85; font-size: .8rem; cursor: pointer; }
.management-fieldset { border: 0; padding: 0; margin: 0 0 1rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem 1.25rem; min-width: 0; }
.management-fieldset legend { max-width: 100%; padding: .5rem 0; margin-bottom: .5rem; font-size: .95rem; overflow-wrap: anywhere; }
.management-field { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.management-field label, .management-field__label { min-width: 0; max-width: 100%; color: #5c6f85; font-size: .8rem; font-weight: 450; white-space: normal; overflow-wrap: anywhere; }
.management-field .errorlist, .management-field .helptext, .management-field small { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.management-field input, .management-field select, .management-field textarea { max-width: 100%; min-width: 0; width: 100%; box-sizing: border-box; }
.management-field:has(textarea), .management-field:has(select[multiple]) { grid-column: 1 / -1; }
.management-field--checkbox { flex-flow: row wrap; align-items: center; }
.management-field--checkbox > .errorlist { flex-basis: 100%; }
.management-field--checkbox label { flex: 1 1 12rem; margin: 0; }
.management-field input[type=checkbox] { width: auto; flex: 0 0 auto; }
.management-field__value { overflow-wrap: anywhere; color: #334960; font-size: .85rem; }
.management-form__actions { position: static; display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .5rem; border-top: 1px solid #e4eaf1; padding-top: 1rem; margin-top: 1rem; }
.management-form__actions > :not(.icon-button) { flex: 0 1 auto; min-width: 0; max-width: 100%; width: auto; margin: 0; }
.management-related { margin: 1rem 0; padding: .8rem; background: #f8fafc; border-radius: 10px; }
.management-related__item { border-top: 1px solid #e4eaf1; padding-top: .5rem; margin-top: .5rem; font-size: .8rem; overflow-wrap: anywhere; }
.management-related__item p { margin: .25rem 0; }
.settings-management-links { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 1.25rem; }
.settings-management-links .button { flex: 0 0 auto; width: auto; font-weight: 400; }
@media (max-width: 600px) { .management-fieldset { grid-template-columns: minmax(0,1fr); } .section-management__hint { display: none; } .management-filters label { flex: 1 1 100%; } .management-page-header { align-items: flex-start; flex-wrap: wrap; } .student-registry .registry-toolbar { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 600px) { .staff-workspace .record-row { align-items: flex-start; flex-wrap: wrap; } .staff-workspace .filter-grid { grid-template-columns: minmax(0,1fr); } }