/* AI Shopper — matches CCFH's real site theme (navy background, brand blue). */

.dm-aishop-wrap{
  --bg:#0d1530; --panel:#121c3f; --panel-2:#0f1836;
  --line:rgba(255,255,255,0.08);
  --blue:#00aff0; --blue-dim:rgba(0,175,240,0.14); --blue-hover:#009fd8;
  --text:rgb(220,235,241); --muted:rgb(125,154,166);
  --red:#ff6b7a; --green:#3ee08a; --amber:#ffb648;
  background:var(--bg); color:var(--text);
  padding:24px; border-radius:10px;
  font-family:-apple-system,'Segoe UI',system-ui,sans-serif;
}
.dm-aishop-head h2{font-size:20px;margin:0 0 6px;font-weight:600;color:var(--text);}
.dm-aishop-head p{color:var(--muted);font-size:13px;margin:0 0 24px;max-width:560px;line-height:1.5;}

.dm-aishop-section{margin-bottom:28px;}
.dm-aishop-section-top{margin-bottom:12px;}
.dm-aishop-section-top h3{font-size:14px;margin:0;font-weight:600;color:var(--text);}

.dm-aishop-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.dm-aishop-market-card{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:14px;display:flex;flex-direction:column;gap:8px;
}
.dm-aishop-market-card.active{border-color:rgba(0,175,240,0.4);background:var(--blue-dim);}
.dm-aishop-market-card.locked{opacity:0.55;}
.dm-aishop-market-name{font-size:13.5px;font-weight:600;}
.dm-aishop-market-desc{font-size:11.5px;color:var(--muted);line-height:1.4;flex:1;}
.dm-aishop-tag{font-size:10px;font-weight:600;padding:3px 9px;border-radius:999px;align-self:flex-start;}
.dm-aishop-tag.active{background:rgba(0,175,240,0.2);color:var(--blue);}
.dm-aishop-tag.available{background:rgba(62,224,138,0.15);color:var(--green);}
.dm-aishop-tag.upgrade{background:rgba(255,182,72,0.15);color:var(--amber);}
.dm-aishop-tag.coming-soon{background:rgba(255,255,255,0.06);color:var(--muted);}

.dm-aishop-watch-card{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.dm-aishop-watch-body{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;}
.dm-aishop-watch-title{font-size:13px;font-weight:600;}
.dm-aishop-market-pill{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:2px 8px;border-radius:999px;}
.dm-aishop-status{font-size:10.5px;padding:2px 8px;border-radius:999px;}
.dm-aishop-status.active{background:rgba(62,224,138,0.15);color:var(--green);}
.dm-aishop-status.paused{background:rgba(255,182,72,0.15);color:var(--amber);}
.dm-aishop-watch-actions{display:flex;gap:8px;flex:none;}
.dm-aishop-watch-actions button{
  background:transparent;border:1px solid var(--line);color:var(--muted);
  font-size:11.5px;padding:5px 10px;border-radius:7px;cursor:pointer;
}
.dm-aishop-watch-actions button:hover{border-color:var(--blue);color:var(--text);}
.dm-aishop-watch-actions button.danger:hover{border-color:var(--red);color:var(--red);}

.dm-aishop-match-card{
  background:var(--panel-2);border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:12px;
}
.dm-aishop-match-card.unread{border-color:rgba(0,175,240,0.4);}
.dm-aishop-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex:none;box-shadow:0 0 6px var(--blue);}
.dm-aishop-match-body{flex:1;min-width:0;}
.dm-aishop-match-title{font-size:13px;font-weight:600;margin-bottom:2px;}
.dm-aishop-match-meta{font-size:11.5px;color:var(--muted);}
.dm-aishop-view{font-size:12px;color:var(--blue);text-decoration:none;font-weight:600;flex:none;}
.dm-aishop-view:hover{color:var(--blue-hover);}

.dm-aishop-empty{
  color:var(--muted);font-size:13px;text-align:center;padding:24px;
  border:1px dashed var(--line);border-radius:10px;
}

@media (max-width: 800px){
  .dm-aishop-market-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 560px){
  .dm-aishop-market-grid{grid-template-columns:1fr;}
}

/* 1.0.8 verified-first badge on dashboard matches */
.dm-aishop-verified{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;
  background:rgba(62,224,138,.12);color:#3ee08a;border:1px solid rgba(62,224,138,.45);vertical-align:middle}