/* v13n Data quality workflow (site/js/dq.js): tile owner + trend line, worklist owner and chart, Mark fixed / waiting / still wrong,
   staff reports, the item page's Report a problem, Settings → Data quality owners. Prefix dq-. Tokens from im.css. */
.dq-tx { display:flex; align-items:center; justify-content:space-between; gap:6px; min-width:0; min-height:16px; margin-top:-1px; }
.dq-own { display:inline-flex; align-items:center; gap:3px; min-width:0; overflow:hidden; font-size:11px; font-weight:600; color:var(--ink-500); white-space:nowrap; text-overflow:ellipsis; }
.dq-own svg { flex:none; color:var(--ink-400); }
.dq-spark { display:inline-flex; flex:none; color:var(--ink-400); }
.dq-spark.is-down { color:var(--leaf); }
.dq-spark.is-up { color:#A93F2A; }

.dq-head { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"o w" "c c"; align-items:center; gap:8px 12px; margin:-2px 0 12px; }
.dq-ownl { grid-area:o; display:flex; flex-wrap:wrap; align-items:center; gap:4px 7px; min-width:0; font-size:13px; color:var(--ink-500); }
.dq-ownl svg { color:var(--ink-400); }
.dq-ownl b { min-width:0; overflow-wrap:anywhere; font-weight:700; color:var(--ink-900); }
.dq-ownl i { font-style:normal; font-weight:600; color:var(--ink-400); }
.dq-link { font-size:13px; font-weight:700; color:var(--plum); text-decoration:underline; text-underline-offset:2px; }
.dq-link:hover { color:var(--ink-900); }
.dq-waitn { grid-area:w; display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 9px; border-radius:8px; background:var(--leaf-50); color:var(--leaf); font-size:12px; font-weight:700; white-space:nowrap; }
.dq-head .dq-of, .dq-head .dq-trend { grid-column:1 / -1; }
.dq-head .dq-of { grid-area:o; }
.dq-trend { grid-area:c; margin:0; padding:10px 12px 8px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px var(--line); }
.dq-trend figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; font-size:13px; color:var(--ink-500); }
.dq-trend figcaption b { font-size:16px; font-weight:800; color:var(--ink-900); }
.dq-trend.is-empty { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.dq-trend.is-empty p { display:flex; align-items:flex-start; gap:7px; font-size:12.5px; line-height:1.45; color:var(--ink-500); }
.dq-trend.is-empty p svg { flex:none; margin-top:1px; color:var(--ink-400); }
.dq-chart { display:block; width:100%; height:96px; margin-top:6px; overflow:visible; }
.dq-line { fill:none; stroke:var(--plum); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.dq-area { fill:var(--plum-100); opacity:.7; }
.dq-ax { stroke:var(--line); stroke-width:1; }
.dq-axl { display:flex; justify-content:space-between; gap:8px; margin-top:2px; font-size:11px; font-weight:600; color:var(--ink-400); }
.dq-good { color:var(--leaf); font-weight:700; }
.dq-bad { color:#A93F2A; font-weight:700; font-style:normal; }
.dq-seg { display:inline-flex; padding:2px; border-radius:10px; background:var(--mist); }
.dq-seg button { height:26px; padding:0 9px; border-radius:8px; font-size:12px; font-weight:700; color:var(--ink-600); }
.dq-seg button.is-on { background:#fff; color:var(--ink-900); box-shadow:0 1px 2px rgba(27,24,31,.12); }
@media (min-width:768px) { .dq-chart { height:110px; } }

.dq-mk { display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 10px; border-radius:9px; border:1px solid var(--line); background:#fff; color:var(--ink-700); font-size:12.5px; font-weight:700; white-space:nowrap; }
.dq-mk:hover { border-color:var(--leaf); color:var(--leaf); background:var(--leaf-50); }
.dq-mk.is-undo:hover { border-color:var(--plum-200); color:var(--plum); background:var(--plum-50); }
.dq-mk:focus-visible, .dq-link:focus-visible, .dq-seg button:focus-visible { outline:2px solid var(--plum); outline-offset:2px; }
.dq-stale { display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 7px; border-radius:6px; background:#FDF1EE; color:#A93F2A; font-size:11px; font-weight:700; white-space:nowrap; }
.dq-wait { display:inline-flex; flex-wrap:wrap; align-items:center; gap:2px 4px; min-width:0; font-size:12px; font-weight:600; color:var(--leaf); }
.dq-wait q { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:260px; color:var(--ink-500); font-weight:500; }
.dq-wait svg { flex:none; }
.dq-done { margin-top:12px; }
.dq-done .im-x-group-h { background:var(--leaf-50); }
.dq-done .im-x-row-n { text-decoration:line-through; text-decoration-color:rgba(27,24,31,.35); color:var(--ink-500); }
.dq-done .im-x-row > :first-child { opacity:.6; }
.dq-gone { padding:9px 14px; border-top:1px solid var(--line); font-size:12.5px; color:var(--ink-500); }

.dq-reps { display:flex; flex-direction:column; gap:6px; width:100%; }
.dq-rep { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; min-width:0; font-size:12.5px; }
.dq-rep.is-closed { opacity:.65; }
.dq-kind-t { display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:6px; background:var(--plum-100); color:var(--plum); font-size:11px; font-weight:700; white-space:nowrap; }
.dq-rep-n { min-width:0; overflow-wrap:anywhere; white-space:pre-line; color:var(--ink-900); font-weight:600; }
.dq-rep-m { color:var(--ink-500); }
.dq-rep-a { display:inline-flex; gap:6px; margin-left:auto; }
.dq-reps.is-c .dq-rep { padding:8px 10px; border-radius:12px; background:var(--canvas); box-shadow:inset 0 0 0 1px var(--line); }

.dq-card { display:flex; flex-direction:column; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.dq-ch { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-500); }
.dq-cnt { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:99px; background:#FDF1EE; color:#A93F2A; font-size:11px; letter-spacing:0; }
.dq-marks { display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--ink-600); }
.dq-marks li { display:flex; gap:6px; align-items:flex-start; }
.dq-marks svg { flex:none; margin-top:2px; color:var(--leaf); }
.dq-marks b { color:var(--ink-900); }
.dq-marks q { color:var(--ink-500); }
.dq-rbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:12.5px; color:var(--ink-500); }

.dq-sp { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; font-size:14px; color:var(--ink-500); }
.dq-sp b { color:var(--ink-900); font-weight:700; }
.dq-sn { margin-top:8px; font-size:13px; line-height:1.5; color:var(--ink-500); }
.dq-lab { display:block; margin:14px 0 6px; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-400); }
.dq-in { width:100%; min-width:0; height:38px; padding:0 11px; border-radius:11px; border:1px solid var(--line); background:#fff; font-size:14.5px; color:var(--ink-900); }
.dq-in:focus { outline:none; border-color:var(--plum); box-shadow:0 0 0 3px rgba(122,56,114,.12); }
.dq-ta { height:auto; padding:9px 11px; line-height:1.45; resize:vertical; }
.dq-err { margin-top:10px; font-size:13px; font-weight:600; color:#A93F2A; }
.dq-kinds { margin-top:4px !important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; border:0; margin:0; padding:0; }
.dq-kinds legend { padding:0; }
.dq-kind { display:flex; align-items:center; gap:8px; min-height:42px; padding:6px 10px; border-radius:12px; border:1px solid var(--line); font-size:13.5px; font-weight:600; color:var(--ink-700); cursor:pointer; }
.dq-kind input { accent-color:var(--plum); flex:none; }
.dq-kind.is-on { border-color:var(--plum); background:var(--plum-50); color:var(--plum); }
.dq-kind:focus-within { box-shadow:0 0 0 3px rgba(122,56,114,.12); }

.dq-of { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; }
.dq-of .dq-in { flex:1 1 220px; height:34px; font-size:13.5px; }
.dq-of.is-c .dq-in { flex-basis:200px; }
.dq-set { margin-top:4px; }
.dq-set-g { margin-top:16px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px var(--line); overflow:hidden; }
.dq-set-gl { padding:8px 14px; background:var(--canvas); border-bottom:1px solid var(--line); font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-400); }
.dq-set-r { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; padding:10px 14px; }
.dq-set-r + .dq-set-r { border-top:1px solid var(--line); }
.dq-set-r b { display:block; font-size:14px; color:var(--ink-900); }
.dq-set-r small { display:block; font-size:12px; color:var(--ink-500); }
@media (min-width:768px) { .dq-set-r { grid-template-columns:minmax(0,1fr) minmax(0,440px); align-items:center; gap:16px; } }