.monitor-intro,.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.monitor-intro p,.monitor-hint{color:#666;font-size:13px;line-height:1.7}.monitor-actions,.monitor-row-actions{display:flex;gap:8px;flex-wrap:wrap}.monitor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.monitor-stats .panel{padding:20px}.monitor-stats strong{display:block;font-size:30px;margin-top:8px}.monitor-toolbar{margin-bottom:16px}.monitor-toolbar label,.monitor-dialog label{display:flex;flex-direction:column;gap:8px}.monitor-toolbar h3{margin-right:auto}.monitor-toolbar input{min-width:220px}.monitor-table-wrap{overflow:auto}.monitor-table{width:100%;border-collapse:collapse;min-width:950px}.monitor-table th,.monitor-table td{padding:16px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e5e5e5}.monitor-table th{white-space:nowrap;color:#666;font-size:12px}.monitor-table td:first-child{max-width:260px;overflow-wrap:anywhere}.monitor-table small{display:block;color:#666;margin-top:6px;font-size:12px}.monitor-name{border:0;padding:0;background:none;font:inherit;font-weight:700;cursor:pointer;text-align:left;color:inherit}.monitor-name:hover{text-decoration:underline}.monitor-badge{display:inline-block;padding:4px 10px;border-radius:999px;white-space:nowrap;font-size:12px;background:#eee;color:#444}.monitor-up{background:#e6f4ec;color:#246044}.monitor-down{background:#fce8e8;color:#9c2525}.monitor-slow,.monitor-error{background:#fff0d9;color:#805000}.monitor-warning,.monitor-table small.monitor-warning{color:#805000}.monitor-empty{text-align:center!important;padding:48px!important}.monitor-dialog{width:min(560px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #ddd;border-radius:10px;padding:24px;color:#222;box-shadow:0 16px 64px #0003}.monitor-dialog::backdrop{background:#0006}.monitor-dialog form{display:grid;gap:16px}.monitor-dialog input,.monitor-dialog select,.monitor-toolbar input,.monitor-toolbar select{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font:inherit;max-width:100%;min-width:0;background:#fff;color:#222}.monitor-dialog h3,.monitor-dialog p{margin:0}.monitor-form-grid,.monitor-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.monitor-text-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;max-height:250px;overflow:auto;background:#f5f5f5;padding:16px;border-radius:5px}.monitor-text-grid>*{min-width:0}#monitorDetail{margin-top:24px;scroll-margin-top:24px}#monitorFormError{color:#9c2525}#monitoringView .panel{padding:24px}#monitoringView button:focus-visible,.monitor-dialog button:focus-visible{outline:2px solid #222;outline-offset:3px}@media(max-width:700px){.monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-text-grid,.monitor-form-grid{grid-template-columns:1fr}.monitor-toolbar{align-items:stretch}.monitor-toolbar label{width:100%}#monitoringView .panel{padding:16px}.monitor-intro h3{font-size:21px}}
/* Monitoring subpages and history dashboard */
.monitor-subnav{display:grid;gap:4px;padding:0 12px 12px 40px}.monitor-subnav[hidden]{display:none}.monitor-subnav .account-subitem{text-align:left}#monitor-dashboardView .panel{padding:24px}.monitor-dash-filters{justify-content:flex-start;margin-top:24px}.monitor-dash-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-stat-button{text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid #dedee5;background:white}.monitor-stat-button:hover{border-color:#a40028}.monitor-stat-button:focus-visible,.monitor-event:focus-visible{outline:2px solid #a40028;outline-offset:3px}.monitor-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.monitor-chart-grid>*{min-width:0}.monitor-chart{display:block;width:100%;height:auto;min-height:150px}.monitor-chart text{font:11px Sarabun,sans-serif;fill:#555}.monitor-chart-empty{padding:24px 8px;color:#666;min-height:80px}.monitor-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.monitor-legend span{padding:4px 8px;border-radius:5px}.monitor-legend .monitor-error{background:#edeaf6;color:#51466f}.monitor-dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;background:#fff;border:1px solid #dedee5;border-radius:10px}.monitor-dash-metrics span{font-size:13px;color:#666}.monitor-dash-metrics strong{display:block;font-size:23px;margin-top:8px}.monitor-event{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;border:0;border-bottom:1px solid #e5e5e5;background:transparent;color:inherit;padding:16px 0;text-align:left;font:inherit;cursor:pointer}.monitor-event:hover strong{text-decoration:underline}.monitor-event small{display:block;color:#666;margin-top:6px}.monitor-event time{font-size:12px;color:#666;flex-shrink:0;max-width:115px}.monitor-event>span{min-width:0;overflow-wrap:anywhere}.monitor-chart-data summary{cursor:pointer;font-weight:600}.monitor-chart-data .monitor-table-wrap{margin-top:16px}.monitor-chart-data .monitor-table{min-width:650px}@media(max-width:900px){.monitor-chart-grid{grid-template-columns:1fr}.monitor-subnav{padding-left:12px}}@media(max-width:600px){.monitor-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-dash-metrics{grid-template-columns:1fr;padding:16px}#monitor-dashboardView .panel{padding:16px}}