/* Retain the original MPRM layout; adapt the two MPMS screens. */
.monitoring-open { margin-top:24px; }
.monitoring-empty-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:24px; }
.monitoring-empty p { max-width:620px; }
.monitoring-password { max-width:720px; }
.monitoring-password h2 { margin-top:12px; }
.monitoring-password-form { display:grid; gap:10px; max-width:500px; margin-top:24px; }
.monitoring-password-form label { margin-top:10px; color:#23415d; font-size:13px; font-weight:600; }
.monitoring-password-form input { width:100%; padding:13px 15px; border:1px solid #cad7e4; border-radius:10px; background:#fff; font:inherit; }
.monitoring-password-form .btn { justify-self:start; }
.monitoring-success { padding:14px 16px; margin:0 0 18px; border-radius:10px; border:1px solid #b9decf; background:#effaf4; color:#226146; font-size:13px; line-height:1.55; }
html body.monitoring-dashboard .page-header h1 { white-space:normal; overflow-wrap:anywhere; font-size:clamp(25px,2.5vw,34px); }
html body.monitoring-dashboard #appSidebar .side-link > span:last-child { white-space:normal; line-height:1.35; }
.mpms-login .login-visual { display:flex; flex-direction:column; justify-content:space-between; }
.mpms-login .login-copy { margin:48px 0; }
.mpms-login .login-copy h1 { font-size:clamp(40px,4.2vw,64px); line-height:1.12; letter-spacing:-.045em; }
.monitoring-login-description { color:#c2d5e5; font-size:16px; line-height:1.7; }
.monitoring-login-feature { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; margin-top:22px; border:1px solid #ffffff30; border-radius:12px; color:#e3f3fa; background:#ffffff08; font-size:13px; font-weight:600; }
.monitoring-login-feature svg { width:19px; height:19px; }
.monitoring-visual-footer { display:flex; justify-content:space-between; gap:20px; color:#94b2ca; font-size:10px; letter-spacing:.08em; }
.mpms-login .v57-login-card { padding-top:38px !important; }
.mpms-login .v57-login-heading { margin-top:0 !important; }
.mpms-login .v57-login-fields .input-with-icon input { border:0 !important; box-shadow:none !important; background:transparent !important; }
.mpms-login .login-button { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:12px !important; }
.mpms-login .login-button svg { width:18px; height:18px; }
.monitoring-notice { padding:14px 16px; margin:0 0 18px; border-radius:10px; border:1px solid #efcecc; background:#fff3f1; color:#8b3028; font-size:13px; line-height:1.55; }
.monitoring-sample-accounts { margin-top:22px; padding:14px 16px; border:1px solid #dce6ef; border-radius:12px; color:#526a82; background:#f7fafc; font-size:12px; }
.monitoring-sample-accounts summary { cursor:pointer; font-weight:700; color:#254b6c; }
.monitoring-sample-accounts p { line-height:1.6; }
.monitoring-sample-accounts dl { margin:12px 0 0; }
.monitoring-sample-accounts dl div { display:flex; justify-content:space-between; gap:12px; padding:6px 0; }
.monitoring-sample-accounts dt { font-weight:600; }
.monitoring-sample-accounts dd { margin:0; font-family:monospace; font-size:12px; }
.mpms-login .mprm-login-card-footer { margin-top:24px; }
.mpms-login a:focus-visible, .mpms-login button:focus-visible, .mpms-login input:focus-visible, .mpms-login summary:focus-visible { outline:3px solid #169bbc; outline-offset:3px; }
.monitoring-header-actions { display:flex; align-items:center; gap:24px; }
.monitoring-header-actions form { margin:0; }
.monitoring-user-name { color:#fff; font-size:13px; font-weight:600; text-align:right; }
.monitoring-user-name small { display:block; margin-top:4px; color:#b6d2e2; font-size:11px; font-weight:400; }
.monitoring-logout { display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid #ffffff40; border-radius:10px; background:#ffffff10; color:#fff; cursor:pointer; font-family:inherit; font-size:12px; font-weight:600; }
.monitoring-logout:hover { background:#ffffff25; }
.monitoring-logout svg { width:17px; height:17px; }
.monitoring-welcome { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:10px 0 6px; }
.monitoring-welcome h2 { margin:9px 0; font-size:24px; color:#183853; }
.monitoring-welcome p { margin:0; color:#718397; font-size:13px; }
.monitoring-connection { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid #dde5ee; border-radius:999px; color:#677c90; background:#fff; font-size:11px; white-space:nowrap; }
.monitoring-connection > span { width:7px; height:7px; border-radius:50%; background:#a2b3c4; }
.monitoring-empty { display:flex; min-height:420px; margin:10px 0 0; padding:56px 24px; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid #e0e8f0; box-shadow:0 6px 24px #17375004; }
.monitoring-empty-icon { display:grid; place-items:center; width:86px; height:86px; margin-bottom:28px; color:#1b6389; background:#edf5fa; border:1px solid #dcecf5; border-radius:24px; }
.monitoring-empty-icon svg { width:39px; height:39px; stroke-width:1.4; }
.monitoring-empty > .eyebrow { font-size:10px; letter-spacing:.16em; }
.monitoring-empty h2 { margin:12px 0 6px; color:#183853; font-size:25px; }
.monitoring-empty p { margin:6px 0 0; color:#708397; font-size:14px; line-height:1.8; }
@media(max-width:1000px) {
  .monitoring-user-name { display:none; }
  .monitoring-dashboard .page-header { gap:22px; }
}
@media(max-width:700px) {
  html body.monitoring-dashboard { padding-bottom:0 !important; }
  .monitoring-welcome { align-items:flex-start; flex-direction:column; gap:16px; }
  .monitoring-empty { min-height:350px; padding:40px 22px; }
  .monitoring-welcome h2 { font-size:22px; }
  .monitoring-empty h2 { font-size:23px; }
  .monitoring-dashboard .page-header { align-items:flex-start; flex-direction:column; }
  .monitoring-dashboard .page-header h1 { margin-top:8px; }
  .monitoring-header-actions { width:100%; justify-content:space-between; }
  .monitoring-user-name { display:block; text-align:left; }
  .mpms-login .v57-login-card { padding-top:26px !important; }
  .monitoring-desktop-break { display:none; }
}