.flolab-monitor{--lm-line:var(--mantine-color-dark-4,#343a40);--lm-muted:var(--mantine-color-dimmed,#90979f);--lm-surface:var(--mantine-color-body,#171b22);padding:28px 32px 40px;max-width:1600px;margin:0 auto;color:var(--mantine-color-text,#d5d7dc);letter-spacing:0;font-size:14px;line-height:1.5}
.flolab-monitor *{box-sizing:border-box;letter-spacing:0}
.flolab-monitor h1,.flolab-monitor h2,.flolab-monitor p{margin:0}
.flolab-monitor h1{font-size:22px;font-weight:650;line-height:1.4}
.flolab-monitor h2{font-size:16px;font-weight:600}
.lm-header,.lm-controls,.lm-section-title{display:flex;align-items:center;gap:16px}
.lm-header{justify-content:space-between;flex-wrap:wrap}
.lm-pair{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.lm-pair strong{font-weight:550;overflow-wrap:anywhere}
.lm-pair small,.lm-muted,.lm-summary small,.lm-source>span{color:var(--lm-muted);font-size:12px}
.lm-source{display:flex;flex-direction:column;gap:6px;min-width:0}
.flolab-monitor select,.flolab-monitor button{font:inherit;color:inherit;border:1px solid var(--lm-line);border-radius:4px;background:var(--lm-surface);height:38px;padding:0 12px;max-width:100%}
.flolab-monitor select{width:320px;min-width:220px;white-space:nowrap;text-overflow:ellipsis}
.flolab-monitor option{background:var(--lm-surface)}
.flolab-monitor button{cursor:pointer;flex:none;min-width:96px;color:var(--mantine-color-cyan-4,#44c7d6);background:rgba(34,184,207,.08);border-color:rgba(34,184,207,.3)}
.flolab-monitor button:hover{background:rgba(34,184,207,.16)}
.flolab-monitor button:focus-visible,.flolab-monitor select:focus-visible,.flolab-monitor summary:focus-visible{outline:2px solid #22b8cf;outline-offset:3px}
.lm-controls{align-items:flex-end}
.flolab-monitor select:disabled{opacity:.65}
.lm-status{font-size:12px;color:var(--lm-muted);padding:18px 0 14px}
.lm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--lm-line);border-bottom:1px solid var(--lm-line);padding:20px 0;gap:24px}
.lm-summary>div:not(:first-child){border-left:1px solid var(--lm-line);padding-left:24px}
.lm-summary dt{font-size:13px;color:var(--lm-muted)}
.lm-summary dd{font-size:26px;font-weight:600;line-height:1.4;margin:4px 0;font-variant-numeric:tabular-nums}
.lm-good{color:var(--mantine-color-teal-4,#38d9a9)}
.lm-bad{color:var(--mantine-color-red-4,#ff8787)}
.lm-warn{color:var(--mantine-color-yellow-4,#ffd43b)}
.lm-section-title{justify-content:space-between;margin:26px 0 12px}
.lm-scroll{width:100%;overflow-x:auto}
.flolab-monitor table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
.flolab-monitor th{font-size:12px;font-weight:500;color:var(--lm-muted);background:rgba(128,128,128,.05)}
.flolab-monitor th,.flolab-monitor td{padding:13px 14px;border-bottom:1px solid var(--lm-line);vertical-align:middle}
.flolab-monitor td{font-variant-numeric:tabular-nums}
.flolab-monitor tbody>tr:hover{background:rgba(128,128,128,.035)}
.lm-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:550;font-size:12px}
.lm-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.lm-bar{height:3px;width:90px;max-width:100%;background:rgba(128,128,128,.12);position:relative;margin-top:2px}
.lm-bar:after{content:'';display:block;width:var(--lm-fill);height:100%;background:var(--mantine-color-cyan-5,#22b8cf)}
.lm-notes{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;color:var(--lm-muted);font-size:12px;margin-top:12px}
.lm-notice{padding:12px 16px;margin-top:20px;border-left:3px solid #ff8787;background:rgba(255,135,135,.08);font-size:13px}
.lm-placeholder{padding:56px 24px;border-top:1px solid var(--lm-line);border-bottom:1px solid var(--lm-line);min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center}
.lm-placeholder .lm-pair{align-items:center;gap:12px}
.flolab-monitor summary{cursor:pointer;overflow-wrap:anywhere}
.flolab-monitor details[open]>summary{margin-bottom:12px}
.lm-history td:first-child{width:65%}
.lm-history table{font-size:12px}
@media(min-width:1000px){.flolab-monitor td:first-child{min-width:180px}.flolab-monitor td:not(:first-child){min-width:110px}}
@media(max-width:850px){.flolab-monitor{padding:20px 16px 32px}.lm-header{align-items:flex-start}.lm-controls{width:100%}.lm-source{flex:1}.flolab-monitor select{width:100%;min-width:0}.lm-summary{gap:16px}.lm-summary>div:not(:first-child){padding-left:16px}.lm-summary dd{font-size:22px}}
@media(max-width:600px){.lm-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lm-summary>div:nth-child(3){border-left:0;padding-left:0}.lm-controls{gap:10px}.lm-status{line-height:1.7}.lm-scroll{overflow:visible}.flolab-monitor table,.flolab-monitor tbody{display:block}.flolab-monitor thead{display:none}.flolab-monitor tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 0;border-bottom:1px solid var(--lm-line)}.flolab-monitor td{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere}.flolab-monitor td:before{content:attr(data-label);display:block;color:var(--lm-muted);font-size:11px;margin-bottom:6px}.lm-history td:first-child{grid-column:1/-1;width:auto}.lm-history details table{margin-top:12px}.lm-history details td:first-child{grid-column:auto}.lm-notes{font-size:11px}.lm-placeholder{padding:32px 12px}}
