/* Technology monitoring: compact, readable surfaces over the supplied artwork. */
body.monitor-body {background:#e9eff5 url('/techbackup-background.png') center top / cover fixed no-repeat;color:#153448;font-family:Segoe UI,Arial,sans-serif;}
body.monitor-body .monitor-header {padding:16px 24px;min-height:80px;background:#10384ef5;border-bottom:3px solid #f6a126;box-shadow:0 6px 24px #08223525;}
body.monitor-body .monitor-brand {display:flex;align-items:center;gap:12px;}
body.monitor-body .monitor-brand img {width:42px;height:42px;object-fit:contain;}
body.monitor-body .monitor-brand strong {font-size:20px;color:#ffab23;letter-spacing:.4px;}
body.monitor-body .monitor-main {max-width:1800px;margin:auto;padding:20px 24px;gap:16px;}
body.monitor-body #monitorMetrics {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
body.monitor-body #monitorMetrics>* {min-width:0;margin:0;padding:14px 16px;border-radius:12px;background:#fffffff5;box-shadow:0 5px 18px #09273612;}
body.monitor-body .monitor-compliance-dashboard,body.monitor-body .monitor-companies,body.monitor-body .backup-activity-panel {background:#ffffffed;border:1px solid #d7e2eb;border-radius:16px;box-shadow:0 8px 28px #09273618;overflow:hidden;}
body.monitor-body .monitor-compliance-dashboard>header {padding:16px 18px;background:#ffffffed;}
body.monitor-body .monitor-compliance-dashboard h2 {font-size:17px;}
body.monitor-body .monitor-compliance-cards {padding:12px 16px;gap:10px;}
body.monitor-body .monitor-compliance-table-wrap {max-height:300px;overflow:auto;}
body.monitor-body .monitor-compliance-table thead {position:sticky;top:0;z-index:1;background:#eaf1f7;}
body.monitor-body .monitor-toolbar {padding:18px;gap:12px;background:#fffffff2;}
body.monitor-body .monitor-toolbar h1 {font-size:23px;margin:0;}
body.monitor-body .monitor-toolbar input,body.monitor-body .monitor-toolbar select {min-height:42px;border-radius:9px;background:white;}
body.monitor-body .monitor-company-card {border-radius:12px;background:#fffffff5;border:1px solid #d5e1eb;box-shadow:0 3px 10px #1534480c;}
body.monitor-body .monitor-company-card:hover {border-color:#efa443;box-shadow:0 5px 16px #1534481c;}
body.monitor-body .monitor-compliance-filters button.active {background:#10384e;color:white;border-color:#10384e;box-shadow:inset 0 -3px #ffa424;}
body.monitor-body .monitor-grid {gap:16px;}
body.monitor-body .backup-activity-panel header {padding:12px 16px;}
body.monitor-body .monitor-header-actions {gap:10px;flex-wrap:wrap;}
body.monitor-body .monitor-control-menu-panel {z-index:30;}
@media(max-width:1000px){body.monitor-body #monitorMetrics{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:600px){body.monitor-body{background-attachment:scroll;}body.monitor-body .monitor-main{padding:12px;}body.monitor-body .monitor-header{padding:12px;flex-wrap:wrap;gap:12px;}body.monitor-body #monitorMetrics{grid-template-columns:repeat(2,minmax(0,1fr));}body.monitor-body .monitor-compliance-table{min-width:680px;}body.monitor-body .monitor-toolbar{padding:12px;}}

body.monitor-body .monitor-brand {flex-direction:row;text-align:left;}
body.monitor-body .monitor-brand>div {display:flex;flex-direction:column;gap:4px;}
body.monitor-body .monitor-compliance-table {background:#fff;}
body.monitor-body .backup-activity-panel {background:#fffffff7;}
body.monitor-body .monitor-company-card {background:#fff;}
@media(max-width:600px){body.monitor-body .monitor-header-actions>a{white-space:nowrap;}body.monitor-body .monitor-brand strong{font-size:18px;}}