.me-topbar { height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 36px; background:white; border-bottom:1px solid var(--line); }
.me-brand { font-size:26px; font-weight:800; letter-spacing:-1px; color:var(--ink); }
.me-brand span { color:var(--mint); }
.me-topbar > a:last-child { display:flex; gap:7px; align-items:center; font-size:12px; }
.me-topbar .icon { width:16px; }
.me-page { max-width:1480px; padding:30px 36px 40px; margin:auto; }
.me-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
.me-page-heading h1 { font-size:30px; margin-top:5px; }
.me-client-label { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
.me-client-label select { min-width:190px; font-size:13px; padding:9px 12px; }
.me-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:start; }
.me-layout.with-form { grid-template-columns:minmax(0,1fr) 330px; }
.me-main { min-width:0; }
.me-visit-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:17px; }
.me-visit-heading h2 { margin-top:5px; font-size:22px; }
.me-visit-heading p { color:var(--muted); font-size:11px; margin-top:4px; }
.me-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:white; border:1px solid var(--line); border-radius:13px; padding:16px 6px; margin-bottom:18px; }
.me-summary > div { display:grid; gap:5px; padding:0 16px; border-right:1px solid var(--line); }
.me-summary > div:last-child { border:0; }
.me-summary span { color:var(--muted); font-size:11px; }
.me-summary strong { font-size:23px; font-weight:600; white-space:nowrap; }
.me-summary small,.me-body-values small { color:var(--muted); font-size:11px; font-weight:400; margin-left:2px; }
.me-progress { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(245px,1fr); gap:18px; align-items:stretch; }
.me-chart-panel,.me-body-panel,.me-history,.me-entry { border:1px solid var(--line); border-radius:13px; background:white; }
.me-chart-panel { padding:18px 16px 12px; min-width:0; }
.me-chart-panel > header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 3px; }
.me-chart-panel h2,.me-body-panel h2,.me-history h2,.me-entry h2 { font-size:15px; }
.me-chart-panel header span { color:var(--muted); font-size:11px; }
.me-chart-panel select { width:auto; max-width:130px; font-size:11px; padding:7px 8px; }
.me-chart { display:block; width:100%; min-height:210px; margin-top:13px; }
.me-chart line { stroke:#eaf0ec; stroke-width:1; }
.me-chart text { font-size:11px; fill:#7e9187; }
.me-chart polyline { fill:none; stroke:var(--petrol); stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.me-chart circle { fill:var(--petrol); stroke:white; stroke-width:2; cursor:pointer; }
.me-chart circle.selected { stroke:var(--mint); stroke-width:3; }
.me-chart circle:focus-visible { outline:2px solid var(--petrol); outline-offset:3px; }
.me-chart-empty { display:grid; place-items:center; min-height:225px; color:var(--muted); font-size:12px; }
.me-comparison { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--line); padding:12px 3px 0; }
.me-comparison span { color:var(--muted); font-size:10px; }
.me-comparison strong { font-size:13px; font-weight:550; white-space:nowrap; }
.me-body-panel { padding:18px 16px 10px; }
.me-body-content { display:flex; align-items:center; gap:7px; margin-top:10px; }
.me-body-map { flex:0 0 46%; min-width:0; height:245px; }
.me-body-shape { fill:#edf5ef; stroke:#b5cfc1; stroke-width:1.2; }
.me-body-target { fill:#d3e8df; stroke:white; stroke-width:2; cursor:pointer; }
.me-body-target.selected { fill:var(--petrol); }
.me-body-dot { fill:var(--petrol); pointer-events:none; }
.me-body-target.selected + .me-body-dot { fill:white; }
.me-body-values { flex:1; min-width:0; display:grid; gap:2px; }
.me-body-values button { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:8px 7px; border-radius:6px; text-align:left; }
.me-body-values button.selected { background:var(--mint-light); }
.me-body-values span { color:var(--muted); font-size:10px; }
.me-body-values strong { font-size:12px; font-weight:550; white-space:nowrap; }
.me-shared-note { padding:15px 17px; border-left:2px solid #accdbb; margin-top:18px; background:#f0f5f1; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.me-history { margin-top:20px; padding:18px 20px 5px; }
.me-history-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:10px; }
.me-filter { display:flex; gap:3px; padding:3px; background:#edf2ee; border-radius:8px; }
.me-filter button { padding:5px 11px; color:var(--muted); font-size:11px; border-radius:6px; }
.me-filter button.selected { color:var(--petrol); background:white; }
.me-visit { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); gap:12px; padding:13px 0; }
.me-visit-select { flex:1; min-width:0; text-align:left; display:grid; gap:4px; }
.me-visit-select strong { font-size:13px; font-weight:550; }
.me-visit-select span { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.me-visit.selected .me-visit-select strong { color:var(--petrol); }
.me-visit small { color:var(--muted); font-size:10px; }
.me-entry { padding:20px 18px; }
.me-entry > h2 { margin-bottom:18px; }
.me-form-content { margin:0; padding:0; min-width:0; border:0; }
.me-form-date { margin-bottom:20px; }
.me-field-group { border:0; margin:0 0 20px; padding:0; min-width:0; }
.me-field-group legend { color:var(--muted); font-size:11px; margin-bottom:10px; padding:0; }
.me-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.me-metric-field { display:grid; gap:5px; min-width:0; }
.me-metric-field > span { display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:11px; }
.me-metric-field small { color:var(--muted); font-size:10px; }
.me-metric-field input { width:100%; min-width:0; padding:8px 10px; border:1px solid var(--line); border-radius:7px; background:white; font-size:13px; }
.me-entry .field > label,.me-modal .field > label { font-size:11px; }
.me-entry .field input,.me-entry .field textarea,.me-modal .field textarea { padding:8px 10px; font-size:12px; }
.me-entry #me-save { width:100%; margin-top:2px; }
.me-error { color:var(--danger); font-size:12px; margin:0 0 13px; }
.me-error[hidden],.me-readonly[hidden],.me-date-collision[hidden] { display:none; }
.me-readonly { color:var(--muted); font-size:12px; margin-bottom:17px; }
.me-date-collision { color:var(--petrol); font-size:11px; margin-bottom:12px; }
.me-date-collision button { text-decoration:underline; text-underline-offset:3px; }
.me-empty { color:var(--muted); font-size:12px; padding:22px 0; }
.me-modal { width:min(480px,calc(100vw - 28px)); }
.me-modal.wide { width:min(700px,calc(100vw - 28px)); }
.me-modal.wide .me-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
.me-modal.wide .me-metric-field > span { flex-wrap:wrap; }
.me-event { border-bottom:1px solid var(--line); padding:12px 0; }
.me-event summary { cursor:pointer; font-size:12px; color:var(--petrol); }
.me-event p { margin:10px 0; color:var(--muted); font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
.me-event > strong { font-size:13px; }
.me-event dl { display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; margin:14px 0; }
.me-event dl > div { display:flex; justify-content:space-between; gap:10px; }
.me-event dt { color:var(--muted); font-size:11px; }
.me-event dd { margin:0; font-size:12px; }
.me-event dd small { font-size:10px; color:var(--muted); }
.me-void-date { margin-bottom:20px; font-size:13px; }
@media(max-width:1200px) { .me-layout.with-form { grid-template-columns:minmax(0,1fr) 300px; } .me-progress { grid-template-columns:1fr; } .me-body-map { height:220px; flex-basis:40%; } .me-body-values { grid-template-columns:1fr 1fr; gap:8px 16px; } }
@media(max-width:900px) { .me-layout.with-form { grid-template-columns:1fr; } .me-entry .me-fields { grid-template-columns:repeat(4,minmax(0,1fr)); } .me-progress { grid-template-columns:minmax(0,1fr) minmax(260px,1fr); } .me-body-values { grid-template-columns:1fr; } }
@media(max-width:650px) { .me-topbar { padding:0 18px; } .me-page { padding:24px 18px; } .me-page-heading { align-items:start; flex-direction:column; gap:16px; } .me-page-heading h1 { font-size:27px; } .me-client-label select { min-width:180px; } .me-summary { grid-template-columns:1fr 1fr; gap:16px 0; } .me-summary > div:nth-child(2) { border:0; } .me-progress { grid-template-columns:1fr; } .me-entry .me-fields,.me-modal.wide .me-fields { grid-template-columns:1fr 1fr; } .me-visit-heading { align-items:start; flex-direction:column; } .me-history { padding:16px 14px 4px; } .me-visit .button { font-size:10px; padding:5px; } }
#me-reconcile-new[hidden] { display: none; }

.me-field-group>summary{cursor:pointer;font-weight:600;color:var(--ink,#20343f);padding:8px 0 12px;font-size:13px}.me-device-panel{margin:20px 0}.me-device-panel>h2{font-size:15px;margin-bottom:12px}.me-device-panel .me-body-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:650px){.me-device-panel .me-body-values{grid-template-columns:repeat(2,minmax(0,1fr))}}

.me-progress:not(.has-body){grid-template-columns:minmax(0,1fr)}