.user-list { display: grid; gap: 14px; }
.user-card { border: 1px solid #dbe5ef; border-radius: 12px; padding: 18px; }
.user-card h3 { margin: 0 0 8px; }
.user-card p { margin: 7px 0; }
.user-card button { font-size: 13px; padding: 10px 12px; }
.notice { background: #fff4e7; border-left: 4px solid #f49a57; padding: 10px; }
.current-assignments { margin: 12px 0; }
.assignment { display: flex; gap: 8px; margin: 10px 0 16px; flex-wrap: wrap; }
.assignment-chip { display: inline-flex; align-items: center; gap: 5px; background: #e7eef7; border-radius: 18px; padding: 5px 9px; margin: 3px; }
.assignment-chip button { background: transparent; color: #9b2525; padding: 0 3px; font-size: 17px; }
details { margin: 14px 0; border-top: 1px solid #dbe5ef; padding-top: 12px; }
summary { cursor: pointer; font-weight: bold; }
.monitoring-summary { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:12px; margin:18px 0; }
.monitoring-summary article { border:1px solid #dbe5ef; border-radius:12px; padding:14px; display:grid; gap:4px; background:#f8fbff; }
.monitoring-summary span,.monitoring-summary small { color:#607286; }
.monitoring-summary strong { font-size:20px; color:#173a63; }
.state-pill { display:inline-block; border-radius:20px; padding:6px 10px; font-weight:700; }
.state-ok { background:#dff4e5; color:#187a35; }
.state-ready { background:#e1efff; color:#165d9c; }
.state-error { background:#fde4e4; color:#a12626; }
.state-progress { background:#fff0d9; color:#946000; }
.state-waiting { background:#edf0f4; color:#5f6d7b; }
@media (max-width: 900px) { .monitoring-summary { grid-template-columns:1fr 1fr; } }
.audit-filters { display:grid; grid-template-columns:1fr 1fr 2fr; gap:12px; margin:18px 0; }
.audit-filters label { display:grid; gap:6px; font-weight:700; }
.audit-filters input { border:1px solid #cbd8e6; border-radius:9px; padding:13px; font:inherit; }
@media (max-width: 800px) { .audit-filters { grid-template-columns:1fr; } }
.readiness-services { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0 24px; }
@media (max-width: 800px) { .readiness-services { grid-template-columns:1fr; } }
