.meter-profiles-page .panel-heading { align-items:flex-start; gap:24px; }
.meter-profiles-page .panel-heading .muted { max-width:740px; margin-top:8px; line-height:1.6; }
.meter-profiles-page .heading-actions { flex-shrink:0; }
.meter-profiles-toolbar { display:flex; align-items:center; gap:12px; padding:20px 24px; flex-wrap:wrap; }
.meter-profiles-toolbar label { margin:0; font-size:13px; }
.meter-profiles-toolbar input { width:360px; max-width:100%; height:38px; 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-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; }
@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-profiles-page .panel-heading,.meter-profile-sample-search { flex-direction:column; align-items:stretch; } .meter-profiles-toolbar input { width:100%; } }