/* XML viewer (cut from app.css, order preserved) */
/* ---------- XML viewer ---------- */
.vtabs { display: flex; gap: 4px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; padding: 4px; width: fit-content; margin: 12px 0; flex-wrap: wrap; }
.vtabs button { border: 0; background: none; color: var(--muted); padding: 6px 14px; border-radius: 7px; font: inherit; font-weight: 500; cursor: pointer; } .vtabs button:hover { color: var(--text); }
.vtabs button.on { background: var(--primary); color: var(--primary-ink); font-weight: 600; }
.xbar { position: sticky; top: 0; z-index: 3; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; padding: 8px 12px; margin: 0 0 12px; box-shadow: var(--shadow); }
.xbar b { color: var(--muted); font-weight: 500; font-size: 12px; } .xbar input { padding: 5px 9px; }
#xbody { font: 12px/1.6 var(--mono); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px; overflow: auto; }
.xn { margin-left: 16px; } .xn > summary { cursor: pointer; list-style: none; color: inherit; margin: 0; padding: 0; }
.xt { color: var(--amber); cursor: pointer; border-radius: 3px; } .xt:hover { background: var(--amber-soft); } .xa { color: var(--green); } .xv { color: var(--sky); } .xx { color: var(--text); margin-left: 0; }
.xhit { background: rgba(245,165,36,.2); border-radius: 3px; } .xcur { outline: 2px solid var(--amber); } .xflash { background: rgba(61,220,151,.22); }
.xraw { white-space: pre; overflow: auto; max-height: calc(72vh / var(--z, 1)); } .xln { display: inline-block; width: 48px; color: var(--faint); text-align: right; margin-right: 12px; user-select: none; }
.xread { font: 14px/1.55 var(--sans); max-width: 1100px; }
.xread h4 { background: var(--surface-2); border-left: 3px solid var(--amber); color: var(--text); text-transform: none; letter-spacing: 0; font-size: 14px; padding: 8px 12px; margin: 22px 0 8px; border-radius: 0 6px 6px 0; }
.xread table { border: 1px solid var(--border); } .xread td, .xread th { border: 1px solid var(--border); position: static; font-size: 13px; text-transform: none; letter-spacing: 0; color: var(--text); background: none; }
.xread th { background: var(--surface-2); }

/* the narrow-screen shell (the sidebar as a slide-over) lives in 90-product.css */