/* Super Container Inquiry — Issue #9246 M24 — minimal styling, no framework. */
#cw-super-inquiry-wrap {
	font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	color: #222;
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px;
}
#cw-super-inquiry-wrap * { box-sizing: border-box; }

.cw-sci-header h1 { margin: 0 0 8px; font-size: 28px; }
.cw-sci-subtitle { color: #6c757d; margin: 0 0 24px; font-size: 13px; }
.cw-sci-subtitle code { background: #eee; padding: 1px 6px; border-radius: 3px; font-size: 12px; }
.cw-sci-subtitle a { color: #0066cc; }

#cw-sci-form { background: #fff; padding: 16px; border: 1px solid #dee2e6; border-radius: 6px; margin-bottom: 16px; }
#cw-sci-form label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 13px; }
.cw-sci-row { display: flex; gap: 8px; }
.cw-sci-row input { flex: 1; padding: 8px 12px; border: 1px solid #ced4da; border-radius: 4px; font: inherit; font-family: monospace; font-weight: 700; max-width: 220px; text-transform: uppercase; }
.cw-sci-fetch {
	padding: 8px 20px; border: 0; border-radius: 4px; font-weight: 600;
	background: #0a4f7a; color: #fff; cursor: pointer; font-size: 14px;
}
.cw-sci-fetch:hover { background: #1976d2; }
.cw-sci-help { color: #6c757d; font-size: 12px; margin: 8px 0 0; }
.cw-sci-help code { background: #f1f3f5; padding: 1px 5px; border-radius: 3px; font-size: 11px; }

.cw-sci-status { padding: 12px; border-radius: 4px; margin-bottom: 16px; font-family: monospace; font-size: 13px; }
.cw-sci-status.pending { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; }
.cw-sci-status.ok      { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.cw-sci-status.ko      { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
#cw-super-inquiry-wrap .hidden { display: none !important; }

.cw-sci-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: 24px; }
.cw-sci-kpi { background: #fff; padding: 12px; text-align: center; border: 1px solid #dee2e6; border-radius: 6px; }
.cw-sci-kpi .num { font-size: 26px; font-weight: 700; color: #0a4f7a; line-height: 1.1; }
.cw-sci-kpi .lbl { font-size: 11px; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px; }
#cw-sci-kpi-compliance .num { color: #43a047; }
#cw-sci-kpi-drift      .num { color: #f9a825; }
#cw-sci-kpi-latency    .num { color: #1976d2; }

#cw-super-inquiry-wrap h2 { margin-top: 24px; font-size: 18px; }
.cw-sci-muted { color: #6c757d; font-size: 12px; }
.cw-sci-ok { color: #155724; }
.cw-sci-ko { color: #721c24; }

.cw-sci-table { width: 100%; border-collapse: collapse; background: #fff; margin-bottom: 16px; }
.cw-sci-table th, .cw-sci-table td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #f1f3f5; vertical-align: top; }
.cw-sci-table th { background: #f8f9fa; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6c757d; }
.cw-sci-table td.cw-sci-num-cell { text-align: right; font-family: monospace; }
.cw-sci-table code { background: #f1f3f5; padding: 1px 5px; border-radius: 3px; font-size: 12px; }

.cw-sci-pill { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.cw-sci-pill-ok               { background: #d4edda; color: #155724; }
.cw-sci-pill-error            { background: #f8d7da; color: #721c24; }
.cw-sci-pill-not_implemented  { background: #e9ecef; color: #6c757d; }
.cw-sci-pill-missing          { background: #e9ecef; color: #6c757d; }
.cw-sci-pill-zo               { background: #d4edda; color: #155724; }
.cw-sci-pill-tos              { background: #cce5ff; color: #004085; }
.cw-sci-pill-navis_l3         { background: #fff3cd; color: #856404; }
.cw-sci-pill-navis_apex       { background: #ffe6cc; color: #8a4500; }
.cw-sci-pill-etl              { background: #e2d4f0; color: #4b2872; }
.cw-sci-pill-none             { background: #e9ecef; color: #6c757d; }

.cw-sci-raw summary { cursor: pointer; padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; }
.cw-sci-raw pre { background: #1e1e1e; color: #f1f3f5; padding: 12px; border-radius: 4px; max-height: 400px; overflow: auto; font-size: 12px; }

.cw-sci-footer { margin-top: 32px; padding-top: 16px; border-top: 1px solid #dee2e6; text-align: center; }