.noor-staff-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
    align-items: center;
    gap: clamp(18px, 5vw, 64px);
    margin-top: 34px;
    scroll-margin-top: 20px;
}
.noor-staff-section > div > p { margin: 0; color: var(--noor-muted); }
.noor-staff-tracker { margin-top: 1.2rem; }
.noor-staff-tracker summary { cursor: pointer; font-weight: 700; }
.noor-staff-tracker form { margin-top: .8rem; }
.noor-staff-receipt { margin-top: .65rem; }
.noor-staff-form select {
    width: 100%;
    min-height: 49px;
    padding: .5rem .75rem;
    border: 1px solid #b8c8ba;
    border-radius: 8px;
    color: var(--noor-ink);
    background: #fff;
    font: inherit;
}
.nh-management {
    max-width: 1160px;
    margin: 24px 0 36px 20px;
    font-family: Almarai, Tahoma, Arial, sans-serif;
    color: #173c31;
}
.nh-management-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    background: #e8f1e9;
}
.nh-management-header h1 { color: #173c31; font-size: 28px; font-weight: 800; }
.nh-management-header p { margin-bottom: 0; }
.nh-management-card {
    margin-top: 16px;
    padding: 20px;
    border: 1px solid #d6dfd7;
    border-radius: 14px;
    background: #fff;
}
.nh-management-card h2 { margin-top: 0; color: #173c31; font-size: 19px; }
.nh-management-toolbar, .nh-management-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
}
.nh-management-toolbar :is(input, select, button) { max-width: 100%; }
.nh-management .button-primary { background: #18523f; border-color: #18523f; }
.nh-management-details { margin-top: 16px; }
.nh-management-details summary { cursor: pointer; font-weight: 700; }
.nh-table-scroll { overflow: auto; }
.nh-management table { text-align: right; }
.nh-management table :is(td, th) { padding: 9px 12px; }
@media (max-width: 700px) {
    .noor-staff-section { grid-template-columns: 1fr; }
    .nh-management-header { align-items: flex-start; flex-direction: column; }
}