.meter-profiles-page > .panel { min-width:0; overflow:hidden; }
.meter-profiles-page .table-wrap { position:relative; min-width:0; max-width:100%; }
.meter-profiles-toolbar { display:flex; align-items:center; gap:12px; padding:12px 16px; flex-wrap:wrap; border-bottom:1px solid var(--line); }
.meter-profiles-toolbar label { margin:0; font-size:13px; }
.meter-profiles-toolbar input { width:360px; max-width:100%; height:36px; border:1px solid var(--line); border-radius:8px; padding:0 12px; background:var(--surface); color:var(--ink); }
.meter-profiles-toolbar .muted { margin-left:auto; font-size:12px; }
.meter-profiles-page th { white-space:nowrap; }
.meter-profiles-page td { vertical-align:middle; overflow-wrap:anywhere; }
.meter-profiles-page td:first-child { font-weight:600; }
.meter-profiles-page td:nth-child(5) { white-space:nowrap; }
.meter-profiles-page td:last-child { width:60px; text-align:right; }
.meter-profile-grid-footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; padding:16px 24px; border-top:1px solid var(--line); background:var(--surface); }
.meter-profile-grid-footer > .muted { margin-right:auto; font-size:.8125rem; }
.meter-profile-grid-footer label { display:flex; align-items:center; gap:8px; margin:0; font-size:.8125rem; }
.meter-profile-grid-footer select { width:78px; min-height:36px; padding:6px 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); }
.meter-profile-grid-footer .button { min-height:36px; }
.meter-profile-grid-footer :is(button,select):focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.meter-profile-discovery-results .meter-profile-grid-footer { position:sticky; left:0; padding:12px; }
.meter-profile-discovery-results .table-sort { min-height:36px; text-align:left; }
.meter-profile-description { display:block; max-width:380px; margin-top:5px; font-size:12px; line-height:1.5; font-weight:400; color:var(--muted); }
.meter-profile-type { display:inline-flex; padding:4px 8px; border:1px solid var(--line); border-radius:6px; background:var(--canvas); color:var(--ink); font-size:11px; font-weight:650; white-space:nowrap; }
.meter-profile-type.custom { border-color:var(--brand-border,var(--line)); background:var(--brand-soft); color:var(--brand-text,var(--brand-dark)); }
.meter-profiles-empty { padding:32px 24px 48px; text-align:center; }
.meter-profiles-empty h3 { margin:0 0 10px; }
.meter-profiles-empty p { max-width:560px; margin:auto; line-height:1.6; color:var(--muted); }
.meter-profile-sample { margin-top:24px; padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--canvas); }
.meter-profile-sample-search { display:flex; align-items:flex-end; gap:12px; margin:16px 0; }
.meter-profile-sample-search label { flex:1; margin:0 !important; }
.meter-profile-sample-results { display:grid; gap:8px; margin-bottom:12px; }
.meter-profile-sample-results button { height:auto; justify-content:flex-start; padding:10px 12px; text-align:left; white-space:normal; }
.meter-profile-discovery { margin-top:24px; padding:20px; border:1px solid var(--line); border-radius:10px; }
.meter-profile-discovery-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.meter-profile-discovery-heading h3 { margin:0; }
.meter-profile-discovery > p { margin:12px 0; }
.meter-profile-discovery details { margin:16px 0; }
.meter-profile-discovery summary { cursor:pointer; color:var(--brand-text,var(--brand-dark)); font-size:13px; font-weight:600; margin-bottom:12px; }
.meter-profile-discovery-results { max-height:340px; overflow:auto; }
.meter-profile-discovery-results table { width:100%; border-collapse:collapse; font-size:12px; }
.meter-profile-discovery-results th,.meter-profile-discovery-results td { padding:10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.meter-profile-discovery-results th { position:sticky; top:0; background:var(--canvas); color:var(--muted); }
.meter-profile-discovery-results :is(code,p,strong) { overflow-wrap:anywhere; }
.meter-profile-discovery-results td:first-child { max-width:240px; }
.meter-profile-discovery-results td:nth-child(2) { max-width:300px; }
.meter-profile-discovery-results p { margin:4px 0; }
.meter-profile-discovery-results button { white-space:nowrap; }
.meter-profile-dialog { width:min(1080px,calc(100vw - 32px)); max-height:90dvh; padding:0; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); box-shadow:0 24px 70px #0004; }
.meter-profile-dialog::backdrop { background:#10182099; }
.meter-profile-dialog header { padding:24px; border-bottom:1px solid var(--line); }
.meter-profile-dialog h2 { font-size:22px; margin-bottom:6px; }
.meter-profile-dialog h3 { margin:0 0 14px; font-size:16px; }
.meter-profile-dialog fieldset { border:0; margin:0; padding:24px; min-width:0; }
.meter-profile-dialog label { display:grid; gap:6px; font-size:12px; font-weight:600; margin:0 0 14px; min-width:0; }
.meter-profile-dialog input,.meter-profile-dialog select { min-width:0; width:100%; height:38px; border:1px solid var(--line-strong,var(--line)); border-radius:7px; padding:0 10px; color:var(--ink); background:var(--surface); }
.meter-profile-dialog :is(input,select,button):focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.meter-profile-dialog .muted { font-size:12px; line-height:1.5; }
.meter-profile-fields { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:14px; }
.meter-profile-dialog .meter-profile-check { display:flex; align-items:center; gap:8px; font-size:13px; }
.meter-profile-check input { width:18px; height:18px; margin:0; }
.meter-profile-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:24px 0; }
.meter-profile-columns section { min-width:0; }
.meter-profile-counters { margin-top:10px; max-height:320px; overflow:auto; border:1px solid var(--line); border-radius:9px; padding:0 12px; }
.meter-profile-counter { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:12px; }
.meter-profile-counter:last-child { border:0; }
.meter-profile-counter strong { overflow-wrap:anywhere; }
.meter-profile-counter small { grid-column:1/-1; color:var(--muted); overflow-wrap:anywhere; }
.meter-profile-preview { border-radius:8px; background:var(--canvas); font-size:13px; line-height:1.8; }
.meter-profile-preview:not(:empty) { padding:12px; }
.meter-profile-advanced { padding-top:18px; border-top:1px solid var(--line); }
.meter-profile-advanced summary { cursor:pointer; font-weight:650; margin-bottom:12px; }
.meter-profile-query { display:grid; grid-template-columns:120px 1fr 1.6fr; gap:4px 12px; padding:16px; margin:12px 0; border:1px solid var(--line); border-radius:10px; background:var(--canvas); }
.meter-profile-query button { align-self:center; justify-self:end; }
.meter-profile-status { padding:0 24px 18px; font-size:13px; line-height:1.5; color:var(--muted); }
.meter-profile-status.error { color:var(--red); }
.meter-profile-dialog footer { position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:10px; padding:16px 24px; border-top:1px solid var(--line); background:var(--surface); }
.meter-profile-dialog footer button:first-child { margin-right:auto; }
.meter-profile-details { width:min(880px,calc(100vw - 32px)); }
.meter-profile-details header .eyebrow { margin-bottom:8px; }
.meter-profile-details-content { padding:24px; font-size:13px; line-height:1.6; }
.meter-profile-details-content section + section { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.meter-profile-details-content h3 { margin-bottom:12px; }
.meter-profile-details-content p { margin:0; }
.meter-profile-detail-rules,.meter-profile-detail-oids { display:grid; grid-template-columns:155px minmax(0,1fr); gap:12px 20px; margin:0; }
.meter-profile-details-content dt { font-weight:650; }
.meter-profile-details-content dd { margin:0; }
.meter-profile-guide-fields { display:grid; grid-template-columns:175px minmax(0,1fr); gap:18px 24px; margin:0; }
.meter-profile-guide-fields dt { color:var(--ink); }
.meter-profile-guide-fields dd .meter-profile-example { margin-top:5px; font-size:12px; color:var(--muted); }
.meter-profile-details-content .meter-profile-reading-help { margin-top:24px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; background:var(--canvas); color:var(--muted); font-size:12px; }
.meter-profile-technical { margin-top:24px; border-top:1px solid var(--line); }
.meter-profile-technical summary { padding:16px 0; cursor:pointer; font-weight:650; color:var(--brand-text,var(--brand-dark)); }
.meter-profile-technical summary:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.meter-profile-technical > .muted { margin-bottom:24px; }
.meter-profile-detail-oids { margin-top:20px; row-gap:24px; }
.meter-profile-source-intro { padding-top:8px; }
.meter-profile-detail-oids .meter-profile-source-usage { margin-top:6px; }
.meter-profile-source-address { margin-top:10px; padding-left:10px; border-left:2px solid var(--line); }
.meter-profile-source-example { margin-top:24px; padding:16px; border:1px solid var(--line); border-radius:9px; background:var(--canvas); }
.meter-profile-source-example h4 { margin:0 0 8px; font-size:13px; }
.meter-profile-source-example .meter-profile-source-result { margin:6px 0; font-weight:650; }
.meter-profile-detail-oids code { overflow-wrap:anywhere; font-size:12px; }
.meter-profile-detail-oids small { display:block; }
.meter-profile-details footer button:first-child { margin-left:auto; margin-right:0; }
.meter-profile-validation,.meter-profile-history { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.meter-profile-validation > summary,.meter-profile-history > summary { cursor:pointer; font-size:.9375rem; font-weight:650; margin-bottom:12px; }
.meter-profile-validation > p,.meter-profile-history > p { margin:12px 0; }
.meter-profile-validation .muted,.meter-profile-history .muted { font-size:.8125rem; line-height:1.6; }
.meter-profile-validation textarea { width:100%; min-width:0; min-height:15rem; resize:vertical; padding:12px; border:1px solid var(--line-strong,var(--line)); border-radius:8px; background:var(--canvas); color:var(--ink); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.8125rem; line-height:1.6; tab-size:2; }
.meter-profile-validation textarea[aria-invalid="true"] { border-color:var(--red); }
.meter-profile-dialog :is(textarea,summary):focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.meter-profile-validation-example { margin-top:16px; }
.meter-profile-validation-example summary { cursor:pointer; font-size:.8125rem; font-weight:600; }
.meter-profile-validation-example pre { margin:12px 0 0; max-width:100%; padding:12px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--canvas); color:var(--ink); font-size:.8125rem; line-height:1.6; }
.meter-profile-inline-error,.meter-profile-history .error { color:var(--red); font-size:.8125rem; line-height:1.6; overflow-wrap:anywhere; }
.meter-profile-history-rows { display:grid; gap:0; margin-top:12px; }
.meter-profile-history-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--line); }
.meter-profile-history-row > div { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
.meter-profile-history-row strong { font-size:.8125rem; }
.meter-profile-history-row .button { flex-shrink:0; white-space:normal; }
.meter-profile-restore-confirmation { margin-top:16px; padding:12px 16px; border:1px solid var(--brand-border,var(--line)); border-radius:8px; background:var(--brand-soft); font-size:.8125rem; line-height:1.6; scroll-margin-bottom:10rem; }
.meter-profile-restore-confirmation p { margin:0 0 12px; }
.meter-profile-restore-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.meter-profile-history > .button,.meter-profile-restore-actions > .button { max-width:100%; }
.meter-profile-dialog .meter-profile-preview ul { padding-left:20px; margin:8px 0 0; }
@media(max-width:700px) { .meter-profile-history-row { flex-wrap:wrap; } .meter-profile-history-row > div { flex-basis:100%; } .meter-profile-history-row .button { min-height:44px; } }
@media(pointer:coarse) { .meter-profile-validation .button,.meter-profile-history .button { min-height:44px; } }
@media(max-width:700px) { .meter-profile-detail-rules,.meter-profile-detail-oids,.meter-profile-guide-fields { grid-template-columns:1fr; gap:4px; } .meter-profile-details-content dd + dt { margin-top:12px; } }
@media(max-width:700px) { .meter-profile-fields,.meter-profile-columns,.meter-profile-query { grid-template-columns:1fr; } .meter-profile-dialog footer { flex-wrap:wrap; } .meter-profile-sample-search { flex-direction:column; align-items:stretch; } .meter-profiles-toolbar input { width:100%; } }
@media(max-width:700px) { .meter-profile-grid-footer { padding:14px; gap:8px; } .meter-profile-grid-footer > .muted { flex-basis:100%; } }