
/* v302: parent-visible APP template audit labels */
.p302-template-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.p302-template-summary div{border:1px solid rgba(37,99,235,.14);background:#f8fbff;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.p302-template-summary span{font-size:12px;color:#64748b;font-weight:800}.p302-template-summary strong{font-size:22px;color:#0f172a}.p302-template-summary em{font-style:normal;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p302-template-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;line-height:1;border:1px solid transparent;white-space:nowrap}
.p302-template-v41-one-screen,.p302-template-v41-expression,.p302-template-v41-brain-sample{background:#dcfce7;color:#166534;border-color:#86efac}
.p302-template-arcade-interactive{background:#e0f2fe;color:#075985;border-color:#7dd3fc}
.p302-template-legacy-series-quiz,.p302-template-legacy-match,.p302-template-legacy-clean-game{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.p302-template-unknown{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.p302-template-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.p302-template-line small{font-size:12px;color:#475569;font-weight:700}.p302-template-action{color:#7c2d12!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:6px 8px;margin-top:6px;display:block}.p302-template-filter-title{font-size:12px;color:#64748b;font-weight:900;margin:4px 0 -2px}
.p302-template-inspect-link{display:inline-flex;align-items:center;gap:4px;margin-left:0;border-radius:10px;padding:4px 7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900;text-decoration:none}.p302-template-inspect-link:hover{background:#dbeafe}
@media(max-width:760px){.p302-template-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* optional front-end inspector: only appears when URL contains ?template=1 */
.v302-template-badge{position:fixed;z-index:9999;left:14px;top:14px;display:none;align-items:center;gap:6px;border-radius:999px;padding:9px 12px;background:#0f172a;color:#fff;font-size:13px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.22)}
.v302-template-badge b{display:inline-flex;width:8px;height:8px;border-radius:999px;background:#22c55e}.v302-template-badge.is-warn b{background:#ef4444}.v302-template-inspect-on .v302-template-badge{display:inline-flex}
