body.mgmt-mode .contentGrid,body.mgmt-mode .viewbar{display:none!important}
.managementPane{width:min(1080px,100%);margin:0 auto;padding:22px 25px 70px;min-height:60vh}
.mgmtHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.mgmtHead h1{font-size:25px;line-height:1.3;margin:0 0 6px}.mgmtHead p{margin:0}
.mgmtMuted{color:var(--muted,#657586);font-size:13px;line-height:1.55}
.mgmtTabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
.mgmtAction{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:9px;padding:10px 14px;min-height:40px;cursor:pointer;font:inherit}
.mgmtOutline{background:transparent!important;color:inherit!important;border-color:#cbd5df!important}
.mgmtActive{background:#173d64!important;color:white!important}
.mgmtContent{display:grid;gap:15px;max-width:900px}
.mgmtCard{background:#fff;border:1px solid #dae1ea;border-radius:14px;padding:20px;display:grid;gap:13px;color:#1b304a}
.mgmtCard h2{font-size:17px;margin:0}.mgmtCard p{margin:0}
.mgmtField{display:grid;gap:6px;color:#263e57;font-size:13px;font-weight:600}
.mgmtField input,.mgmtField select,.mgmtField textarea{display:block;width:100%;min-width:0;border:1px solid #c5d1df;border-radius:9px;padding:11px 12px;background:white;color:#172b41;font:inherit;line-height:1.4}
.mgmtField input:focus,.mgmtField textarea:focus{outline:2px solid #3c7bb7;outline-offset:1px}
.mgmtDanger{background:#fff0ef!important;color:#9d2c26!important;border-color:#f3ccc7!important}
.mgmtNoteGrid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr);gap:18px}
.mgmtNoteSide,.mgmtNoteEditor{display:flex;flex-direction:column;gap:12px;min-width:0}
.mgmtNoteList{display:grid;gap:5px;align-content:start;max-height:490px;overflow-y:auto}
.mgmtNoteList button{width:100%;text-align:left;border:1px solid transparent;padding:9px 11px;border-radius:8px;background:#f2f5f9;color:#19334d;cursor:pointer;overflow-wrap:anywhere}
.mgmtNoteList button.mgmtSelected{border-color:#5a88bb;background:#e8f2ff}
#mgmtNoteBody{resize:vertical;min-height:210px;line-height:1.6;font-size:14px}
.mgmtActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mgmtUptimeList{display:grid;gap:9px}
.mgmtStatusLine,.mgmtMetric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:9px;background:#f4f7fb;font-size:13px}
.mgmtStatus{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:#e1e7ef;color:#46566c}
.mgmtUp{background:#d8f3e4;color:#166642}.mgmtDown{background:#ffdfdc;color:#a22a27}
.mgmtMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mgmtMetric{display:flex;flex-direction:column;align-items:flex-start}
.mgmtMetric strong{overflow-wrap:anywhere}
.mgmtExtLink{color:#226db0;font-weight:600;font-size:13px;text-decoration:underline}
@media(max-width:760px){.managementPane{padding:15px 13px 90px}.mgmtHead{align-items:flex-start}.mgmtHead h1{font-size:19px}.mgmtHead .mgmtAction{font-size:12px;padding:8px}.mgmtTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.mgmtTabs button{white-space:nowrap;font-size:12px;padding:8px 11px}.mgmtContent{gap:11px}.mgmtCard{padding:14px}.mgmtNoteGrid{grid-template-columns:1fr}.mgmtNoteList{max-height:170px}.mgmtMetrics{grid-template-columns:1fr}}

#projects button{display:flex;align-items:center;justify-content:space-between;gap:8px}.mgmtProjectState{margin-left:auto;color:#94a3b8;font-size:14px;line-height:1}.mgmtProjectUp{color:#1d9b6b}.mgmtProjectDown{color:#d4483c}