/* CoreIQ Office — Consumer panel: Members (cm-) and Community events (co-), with the shared pe-/pp-/pl- pieces they use.
   Extracted by script, verbatim, from the design (qx.css, 2026-10-06). */
.pc-def-show{align-self:flex-start;border:none;background:none;padding:2px 0;font:inherit;font-size:13px;font-weight:600;color:var(--brand);cursor:pointer}
.pc-def-show:hover{color:var(--brand-hover);text-decoration:underline}
.pl-top{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-end}
.pl-top>div:first-child{display:flex;flex-direction:column;gap:2px;max-width:560px}
.pl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pl-add{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:none;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--brand);cursor:pointer}
.pl-add:hover{color:var(--brand-hover);text-decoration:underline}
.pl-chk{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}
.pl-intro{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;background:var(--bg-subtle);border-radius:10px}
.pl-intro span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}
.pl-intro p{margin:0;font-size:13.5px;line-height:1.5;text-wrap:pretty}
.pp-gh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 16px 12px}
.pp-gh>div:first-child{display:flex;flex-direction:column;gap:2px}
.pp-gh>span{font-size:12.5px}
.pp-today .pc-def-show{align-self:center}
.pe{display:flex;flex-direction:column;gap:14px}
.pe-sum{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
@media (max-width:800px){
.pe-sum{grid-template-columns:minmax(0,1fr)}
}
.pe-sum>div{display:flex;flex-direction:column;gap:1px;padding:14px 18px;border-left:1px solid var(--border-subtle)}
.pe-sum>div:first-child{border-left:none}
.pe-sum b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.pe-big b{font-size:30px}
.pe-sum>div>span{font-size:13px;color:var(--text)}
.pe-sum>div>em{font-style:normal;font-size:12px;color:var(--text-muted)}
.pe-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:1000px){
.pe-2{grid-template-columns:minmax(0,1fr)}
}
.pe-side{display:flex;flex-direction:column;gap:14px}
.pe-card{padding:0;overflow:hidden}
.pe-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 16px 8px}
.pe-h>span{font-size:12.5px}
.pe-h--2{border-top:1px solid var(--border);margin-top:4px}
.pe-row{border-top:1px solid var(--border-subtle)}
.pe-rh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(80px,1fr) 44px 74px;gap:12px;align-items:center;width:100%;padding:8px 16px;border:none;background:none;font:inherit;text-align:left;cursor:pointer}
.pe-rh:hover,.pe-row.is-open .pe-rh{background:var(--bg-subtle)}
.pe-l{display:flex;gap:8px;align-items:baseline;font-size:13.5px;font-weight:500;min-width:0}
.pe-l i{font-style:normal;font-size:11px;color:var(--text-subtle)}
.pe-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:1px;background:var(--surface)}
.pe-bar i,.pe-split i,.pe-key i{display:block}
.pe-v{font-size:13.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.pe-d{font-size:12px;color:var(--text-muted);text-align:right;white-space:nowrap}
.pe-d.is-down{color:var(--void-text,#b42318);font-weight:600}
.pe-d.is-up{color:var(--paid-text)}
.pe-rb{display:flex;flex-direction:column;gap:10px;padding:4px 16px 14px;background:var(--bg-subtle)}
.pe-q{margin:0;font-size:13.5px;line-height:1.5;font-style:italic;text-wrap:pretty}
.pe-split,.pe-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px}
.pe-split span,.pe-key span{display:inline-flex;align-items:center;gap:6px}
.pe-split i,.pe-key i{width:9px;height:9px;border-radius:2px}
.pe-key{padding:10px 16px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px}
.pe-trend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;padding:6px 16px 16px}
.pe-trend>div{display:flex;flex-direction:column;align-items:center;gap:4px}
.pe-trend b{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.pe-trend span{width:100%;max-width:44px;border-radius:6px 6px 2px 2px;background:var(--bg-muted)}
.pe-trend .is-now span{background:var(--brand)}
.pe-trend em{font-style:normal;font-size:11px;color:var(--text-muted);text-align:center}
.pe-svc{display:flex;flex-direction:column;padding:2px 16px 14px}
.pe-svc>div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 40px;gap:10px;align-items:center;padding:5px 0;font-size:13px}
.pe-svc>div>span:first-child{display:flex;flex-direction:column;min-width:0}
.pe-svc em{font-style:normal;font-size:11.5px;color:var(--hold-text)}
.pe-svc b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.pe-svc-t{height:7px;border-radius:999px;background:var(--bg-muted);overflow:hidden}
.pe-svc-t i{display:block;height:100%;border-radius:999px;background:var(--brand)}
.pe-svc-t i.is-low{background:var(--hold)}
.pe-svc-t i.is-navy{background:var(--navy-900,#0f1f3d)}
.pe-foot{margin:0;padding:10px 16px 14px;border-top:1px solid var(--border-subtle);font-size:12.5px;color:var(--text-muted);text-wrap:pretty}
.cm-gap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border-subtle)}
.cm-gap>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.cm-gap b{font-size:14px;font-weight:600}
.cm-gap span{font-size:12.5px;color:var(--hold-text)}
.cm-gap em{font-style:normal;font-size:12.5px;color:var(--text-muted);text-wrap:pretty}
.cm-cmp{padding:12px 16px 14px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle)}
.cm-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(80px,1.4fr) 80px;gap:10px;align-items:center;padding:4px 0;font-size:12.5px}
.cm-r em{font-style:normal;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}
.cm-bars{display:flex;flex-direction:column;gap:2px}
.cm-bars i{display:block;height:5px;border-radius:999px;background:var(--border-strong)}
.cm-bars i+i{background:var(--brand)}
.cm-bars i.is-short{background:var(--hold)}
.cm-th,.cm-row{display:grid;grid-template-columns:minmax(0,1.6fr) 70px minmax(0,1fr) 70px 90px 84px;gap:12px;align-items:center;padding:7px 16px}
.cm-th{background:var(--bg-subtle);border-top:1px solid var(--border-subtle);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}
.cm-row{border-top:1px solid var(--border-subtle);font-size:13px}
@media (max-width:800px){
.cm-th{display:none}
.cm-row{grid-template-columns:minmax(0,1fr) auto auto}
.cm-row>span:nth-child(2),.cm-row>span:nth-child(3),.cm-row>span:nth-child(5){display:none}
}
.cm-n{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.cm-n b{font-size:13.5px;font-weight:600}
.cm-n em{font-style:normal;font-size:12px;color:var(--text-muted)}
.cm-att{font-variant-numeric:tabular-nums}
.cm-att.is-full{color:var(--paid-text);font-weight:600}
.cm-att.is-low{color:var(--hold-text);font-weight:600}
.ck-ed-btn{align-self:flex-start;margin-left:auto}
.ck-li-b{display:flex;gap:6px;align-items:center}
.ck-ed-run{display:flex;flex-direction:column;gap:6px}
.ck-ed-r{display:grid;grid-template-columns:22px minmax(0,1fr) 64px auto 36px;gap:6px;align-items:center}
.ck-ed-r--p{grid-template-columns:minmax(0,1fr) 36px}
.ck-ed-n{font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}
.ck-ed-m{text-align:right}
.co-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--border-subtle);background:none;font:inherit;text-align:left;cursor:pointer}
.co-row:hover{background:var(--bg-subtle)}
.co-row>span:first-child{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.co-row b{font-size:14px;font-weight:600}
.co-row em{font-style:normal;font-size:12.5px;color:var(--text-muted)}
.co-tag{font-size:11.5px;font-weight:600;color:var(--brand);border:1px solid var(--brand);border-radius:999px;padding:1px 8px;white-space:nowrap}
.co-st{font-size:12.5px;color:var(--text-muted);white-space:nowrap}
.co-ideas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px 14px;font-size:12.5px}
.co-ideas button{padding:4px 10px;border:1px dashed var(--border-strong);border-radius:999px;background:var(--surface);font:inherit;font-size:12.5px;cursor:pointer}
.co-ideas button:hover{border-color:var(--brand);color:var(--brand)}
.co-q{align-items:flex-start}
.co-q>span{display:flex;flex-direction:column;gap:2px}
.co-q b{font-size:13.5px;font-weight:600}
.co-q em{font-style:normal;font-size:12.5px;color:var(--text-muted);text-wrap:pretty}
.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.co-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.co-card:hover{border-color:var(--brand);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.co-g{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}
.co-card b{font-size:15px;font-weight:600;line-height:1.3;text-wrap:pretty}
.co-m{font-size:12.5px;color:var(--text-muted)}
.co-card p{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--text);text-wrap:pretty}
.co-svc{margin-top:auto;padding-top:8px;font-size:12px;font-weight:600;color:var(--brand)}
.co-run{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.co-run li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--border-subtle);font-size:13px}
.co-run li:first-child{border-top:none}
.co-run em{font-style:normal;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.co-chips{display:flex;flex-wrap:wrap;gap:6px}
.co-chips span{font-size:12.5px;background:var(--bg-muted);border-radius:6px;padding:3px 9px}