From 08f945a02995f413e214e11f49e78015f15afc05 Mon Sep 17 00:00:00 2001
From: Torres <torres@mackwnox.ca>
Date: Fri, 13 Nov 2026 13:54:01 -0400
Subject: [PATCH] =?UTF-8?q?feat(v1.1):=20item=2010=20=E2=80=94=20Second=20?=
 =?UTF-8?q?Look=20band=20in=20violet=20(bold=20fill=20+=20border)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.band.sl re-tinted to the confirmed violet palette (#c4b5fd text,
rgba(124,58,237,.22) fill, rgba(167,139,250,.65) border, weight 800);
wildcard stays amber for contrast. The card band mirrors into the
dossier body (new #dband, static variant of the pill) on return and
wildcard listings; new-slot dossiers show no band. bandHTML/bandLabel
split reuses the same labels on both surfaces.
---
 app/static/index.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/app/static/index.html b/app/static/index.html
index 59b8392..82a6963 100644
--- a/app/static/index.html
+++ b/app/static/index.html
@@ -144,7 +144,8 @@ nav{height:calc(68px + env(safe-area-inset-bottom,0px));display:flex;align-items
 .sect.hot{color:var(--accent1)}
 .band{position:absolute;top:12px;left:12px;z-index:4;max-width:78%;font-size:11px;font-weight:650;letter-spacing:.4px;border-radius:999px;padding:4px 9px;pointer-events:none;line-height:1.35;user-select:none}
 .band.wild{color:#ffb43a;background:rgba(255,180,58,.14);border:1px solid rgba(255,180,58,.35)}
-.band.sl{color:rgba(255,255,255,.85);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22)}
+.band.sl{color:#c4b5fd;background:rgba(124,58,237,.22);border:1px solid rgba(167,139,250,.65);font-weight:800}
+.dband{position:static;display:inline-block;margin-top:6px}
 .report{position:absolute;inset:6px 14px 2px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #2a2a33;border-radius:18px;color:var(--mut);text-align:center;padding:24px;font-size:13.5px;z-index:3}
 .report.on{display:flex}
 .report b{color:#fff;font-size:16px}
@@ -255,6 +256,7 @@ nav{height:calc(68px + env(safe-area-inset-bottom,0px));display:flex;align-items
       <div class="dtitle" id="dtitle"></div>
       <div class="drow"><div class="dprice" id="dprice"></div><div class="dsub" id="dsub"></div></div>
       <div class="dchips" id="dchips"></div>
+      <div class="band dband" id="dband" style="display:none"></div>
       <div class="drank" id="drank" style="display:none">
         <div class="tankwrap" id="drankTank"></div>
         <div style="flex:1;min-width:0">
@@ -488,14 +490,19 @@ function setStamps(el,a,b,c){
   el.querySelector('.stamp.nope').style.opacity=b;
   el.querySelector('.stamp.maybe').style.opacity=c;
 }
-function bandHTML(item){                 // P3 system bands — the ONLY card-face additions
-  if(item.slot==='wildcard') return `<div class="band wild">WILDCARD · maybe you&rsquo;ll like this one instead</div>`;
+function bandLabel(item){               // P3 system bands — text for card + dossier
+  if(item.slot==='wildcard') return 'WILDCARD · maybe you’ll like this one instead';
   if(item.slot==='return'){
     const verb= item.decision==='like'?'liked':item.decision==='maybe'?'maybed':item.decision==='nope'?'noped':'seen';
-    return `<div class="band sl">SECOND LOOK — you ${verb} this</div>`;
+    return 'SECOND LOOK — you '+verb+' this';
   }
   return '';
 }
+function bandHTML(item){                 // card face only
+  const lbl=bandLabel(item);
+  if(!lbl) return '';
+  return `<div class="band${item.slot==='wildcard'?' wild':' sl'}">${lbl}</div>`;
+}
 /* ---------- B1 §11: photo galleries ---------- */
 function nPhotos(it){                   // payload n_photos; tolerant of old APIs
   const n= it&&typeof it.n_photos==='number'?it.n_photos:(it&&it.img?1:0);
@@ -809,6 +816,14 @@ function openDetail(data,ctx){
   $('dprice').textContent=priceFor(data);
   $('dsub').textContent=subFor(data);
   $('dchips').innerHTML=cardChips(data).map(x=>`<span class="chip">${x}</span>`).join('');
+  // item 10: the card band mirrors into the info view (violet SL / amber wild)
+  const db=$('dband');
+  const bl=bandLabel(data);
+  if(bl){
+    db.className='band'+(data.slot==='wildcard'?' wild':' sl')+' dband';
+    db.textContent=bl;
+    db.style.display='inline-block';
+  }else{ db.style.display='none'; }
   const rows=[
     ["Year",data.year!=null?String(data.year):null],
     ["Odometer",data.km!=null?(fmtNum(data.km)+' km'):null],