.monitor-page{color:#243e58;min-width:0}.monitor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.monitor-heading h1{font-size:32px;font-weight:850;letter-spacing:-.03em;line-height:1.15;margin:8px 0 12px}.monitor-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#116a77}.monitor-heading p{max-width:700px;line-height:1.6}.monitor-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.monitor-card{padding:20px;border:1px solid #dbe5e8;border-radius:18px;background:#fff;min-width:0}.monitor-card>strong{display:block;font-size:18px;margin:10px 0}.monitor-card p{font-size:13px;line-height:1.65;color:#566b7b;overflow-wrap:anywhere}.monitor-small{font-size:12px;color:#566b7b}.monitor-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.monitor-card h3{font-size:15px;font-weight:750}.monitor-card .monitor-value{font-size:28px;letter-spacing:-.02em}.monitor-section{padding:24px;border:1px solid #dbe5e8;border-radius:20px;background:#fff;margin:20px 0;min-width:0}.monitor-section h2{font-size:21px;font-weight:800;margin-bottom:16px}.monitor-section>p{font-size:14px;line-height:1.8}.monitor-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monitor-metrics .monitor-card{background:#f7fafb}.monitor-badge{border-radius:30px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.monitor-badge.ok{background:#e5f5ed;color:#17633f}.monitor-badge.warning{background:#fff0d1;color:#805500}.monitor-badge.critical{background:#fde8e8;color:#a52626}.monitor-badge.unknown{background:#e9eef4;color:#50617a}.monitor-banner{padding:16px 18px;border:1px solid #dbe5e8;border-radius:14px;margin:16px 0;font-size:14px;line-height:1.7}.monitor-banner.warning,.monitor-warning{background:#fff8e8;border-color:#efd7a1}.monitor-banner.danger{background:#fff0f0;border-color:#edc4c4;color:#8e2424}.monitor-banner.success{background:#edf8f0;border-color:#b9d9c4;color:#215e36}.monitor-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid #cddce1;border-radius:12px;background:#fff;color:#214d75;font-size:14px;font-weight:750;cursor:pointer;line-height:1.4}.monitor-button.primary{background:#116a77;border-color:#116a77;color:#fff}.monitor-button:disabled{opacity:.5;cursor:default}.monitor-button:focus-visible{outline:3px solid #37aebc;outline-offset:3px}.monitor-form>label{display:block;margin:18px 0 8px;font-size:14px;font-weight:700}.monitor-form textarea,.monitor-form input[type=number]{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #becfd6;border-radius:10px;background:#fff;color:#243e58;font-size:16px}.monitor-form textarea{resize:vertical}.monitor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.monitor-fields label{font-size:13px;font-weight:700;line-height:1.5}.monitor-help{display:block;font-size:12px;font-weight:400;line-height:1.7;color:#617788;margin-top:8px}.monitor-form .monitor-toggle{display:flex;align-items:center;gap:12px;line-height:1.5;min-height:44px;font-weight:600}.monitor-toggle input{width:20px;height:20px;flex-shrink:0;accent-color:#116a77}.monitor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.monitor-cron{display:block;padding:16px;margin-top:16px;border-radius:12px;background:#edf4f5;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.monitor-history{padding:0;list-style:none}.monitor-history li{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;border-bottom:1px solid #e6ecef;padding:14px 0;font-size:12px}.monitor-history li>*{overflow-wrap:anywhere}.monitor-test-results{list-style:none;padding:0}.monitor-test-results li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0;font-size:14px;overflow-wrap:anywhere}.monitor-good{color:#17633f}.monitor-bad{color:#a52626}.monitor-legacy{margin-top:24px;min-width:0}
@media(min-width:1500px){.monitor-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.monitor-heading{display:block}.monitor-heading>.monitor-button{margin-top:18px;width:100%}.monitor-heading h1{font-size:27px!important}.monitor-overview,.monitor-metrics,.monitor-fields{grid-template-columns:minmax(0,1fr)}.monitor-section{padding:18px!important}.monitor-history li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.monitor-actions>.monitor-button{width:100%}.monitor-card-top{flex-wrap:wrap}}