/* MPMS GUI refresh — intentionally stronger visual surfaces */
:root{
  --refresh-bg:#e8eef7;
  --refresh-bg-2:#dfe8f4;
  --refresh-surface:#f8fbff;
  --refresh-surface-2:#eef4fb;
  --refresh-ink:#142238;
  --refresh-muted:#65748b;
  --refresh-line:#cbd7e6;
  --refresh-accent:#245fe7;
  --refresh-accent-2:#13a8c6;
  --refresh-shadow:0 18px 44px rgba(25,52,88,.10);
}

body:not(.print-view-body){
  background:
    radial-gradient(circle at 8% 3%, rgba(36,95,231,.10), transparent 23%),
    radial-gradient(circle at 92% 12%, rgba(19,168,198,.09), transparent 22%),
    linear-gradient(180deg,var(--refresh-bg-2) 0%,var(--refresh-bg) 56%,#dce6f1 100%) !important;
  color:var(--refresh-ink);
}

body:not(.print-view-body) .app-main{background:transparent;}

body:not(.print-view-body) .page-header{
  position:sticky;top:0;z-index:20;
  min-height:118px;
  padding:24px 32px;
  background:rgba(12,30,56,.92) !important;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 32px rgba(12,30,56,.16);
  backdrop-filter:blur(16px);
}
body:not(.print-view-body) .page-header .eyebrow{color:#7fdfff !important;}
body:not(.print-view-body) .page-header h1{color:#fff;}
body:not(.print-view-body) .profile-pill{
  color:#fff;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none;
}
body:not(.print-view-body) .profile-pill small{color:#bfd0e5;}

body:not(.print-view-body) .page-content{
  max-width:1580px;
  padding:30px 32px 56px;
}

body:not(.print-view-body) .content-card,
body:not(.print-view-body) .filter-card,
body:not(.print-view-body) .checker-help-card,
body:not(.print-view-body) .edit-remarks-card,
body:not(.print-view-body) .monitoring-top-card,
body:not(.print-view-body) .hero-note,
body:not(.print-view-body) .card-soft{
  background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(236,243,251,.98)) !important;
  border-color:var(--refresh-line) !important;
  box-shadow:var(--refresh-shadow) !important;
}

body:not(.print-view-body) .content-card{border-radius:22px;}
body:not(.print-view-body) .card-heading{
  background:linear-gradient(135deg,#f9fcff,#e8f0f9);
  border-bottom:1px solid #d3deeb;
}
body:not(.print-view-body) .card-heading h2{color:#14263e;}

body:not(.print-view-body) .filter-card{
  padding:18px;
  background:linear-gradient(135deg,#eaf1f9,#f8fbff) !important;
  border-left:4px solid var(--refresh-accent) !important;
}
body:not(.print-view-body) .filter-card input,
body:not(.print-view-body) .filter-card select,
body:not(.print-view-body) .edit-remarks-card input{
  background:#fff !important;
  border-color:#c6d3e2 !important;
  box-shadow:inset 0 1px 2px rgba(18,38,65,.04);
}

body:not(.print-view-body) .modern-table thead th,
body:not(.print-view-body) .monitoring-table thead th{
  background:linear-gradient(180deg,#dce8f5,#d1deec) !important;
  color:#314766 !important;
  border-color:#c3d1e1 !important;
}
body:not(.print-view-body) .modern-table tbody tr:nth-child(even),
body:not(.print-view-body) .monitoring-table tbody tr:nth-child(even){
  background:rgba(226,235,245,.45);
}
body:not(.print-view-body) .modern-table tbody tr:hover,
body:not(.print-view-body) .monitoring-table tbody tr:hover{
  background:#e7f0fb !important;
}

body:not(.print-view-body) .stats-grid .stat-card{
  background:linear-gradient(145deg,#f8fbff 5%,#dfeaf7 100%) !important;
  border-color:#c7d5e5 !important;
  box-shadow:0 16px 34px rgba(30,55,90,.10) !important;
}
body:not(.print-view-body) .stat-card:nth-child(2){background:linear-gradient(145deg,#f7fcfb 5%,#dcefea 100%) !important;}
body:not(.print-view-body) .stat-card:nth-child(3){background:linear-gradient(145deg,#fbfaff 5%,#e8e1f8 100%) !important;}
body:not(.print-view-body) .stat-card:nth-child(4){background:linear-gradient(145deg,#fffaf4 5%,#f5e5cf 100%) !important;}
body:not(.print-view-body) .stat-card span{color:#51647d;}

body:not(.print-view-body) .monitoring-welcome{
  position:relative;
  overflow:hidden;
  padding:34px 38px !important;
  margin-bottom:22px;
  border:1px solid rgba(36,95,231,.20) !important;
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.22),transparent 25%),
    linear-gradient(125deg,#10284a 0%,#214e9d 54%,#0f8faf 100%) !important;
  box-shadow:0 24px 54px rgba(21,63,125,.24) !important;
}
body:not(.print-view-body) .monitoring-welcome::after{
  content:"";position:absolute;right:-70px;bottom:-95px;width:260px;height:260px;border:44px solid rgba(255,255,255,.07);border-radius:50%;
}
body:not(.print-view-body) .monitoring-welcome .eyebrow{color:#84e7ff !important;}
body:not(.print-view-body) .monitoring-welcome h2{color:#fff;margin:8px 0 5px;font-size:clamp(30px,4vw,46px);}
body:not(.print-view-body) .monitoring-welcome p{color:rgba(255,255,255,.80) !important;}

body:not(.print-view-body) .mpms-dashboard-actions{gap:22px !important;}
body:not(.print-view-body) .mpms-dashboard-actions .content-card{
  position:relative;
  padding:30px !important;
  min-height:280px;
  background:linear-gradient(145deg,#f8fbff,#dce8f5) !important;
}
body:not(.print-view-body) .mpms-dashboard-actions .content-card:nth-child(2){
  background:linear-gradient(145deg,#f8fcfb,#d9eee8) !important;
}
body:not(.print-view-body) .monitoring-empty-icon{
  width:62px;height:62px;border-radius:19px;
  background:linear-gradient(135deg,#245fe7,#10a8c8) !important;
  color:#fff !important;box-shadow:0 12px 26px rgba(36,95,231,.22);
}
body:not(.print-view-body) .mpms-dashboard-actions .content-card:nth-child(2) .monitoring-empty-icon{background:linear-gradient(135deg,#148f73,#20b891) !important;}

body:not(.print-view-body) .btn.secondary,
body:not(.print-view-body) .secondary{
  background:#e3ebf5 !important;color:#203b5f !important;border-color:#c5d2e0 !important;
}
body:not(.print-view-body) .btn.primary,
body:not(.print-view-body) .primary{
  background:linear-gradient(135deg,#245fe7,#12a8c6) !important;
  box-shadow:0 10px 24px rgba(31,101,215,.24) !important;
}

body:not(.print-view-body) .monitoring-status-chip{box-shadow:0 8px 20px rgba(30,55,90,.06) !important;}
body:not(.print-view-body) .mpms-footer{
  margin-top:26px;
  padding:16px 20px;
  border:1px solid #c6d3e2;
  border-radius:16px;
  background:rgba(236,243,251,.88);
  color:#5e7087;
}

@media (max-width:900px){
  body:not(.print-view-body) .page-header{position:relative;min-height:auto;padding:18px 20px;}
  body:not(.print-view-body) .page-content{padding:18px 18px 92px;}
}
@media (max-width:600px){
  body:not(.print-view-body) .monitoring-welcome{padding:24px !important;border-radius:20px;}
  body:not(.print-view-body) .mpms-dashboard-actions .content-card{min-height:0;padding:24px !important;}
}