/* CWMP 1.0.7d */
:root{ --cwmp-bg:#0b0b0d; --cwmp-card:#121317; --cwmp-card2:#161821; --cwmp-accent:#60a5fa; --cwmp-accent2:#22d3ee;
  --cwmp-text:#e5e7eb; --cwmp-muted:#9ca3af; --cwmp-border:#22242e; --cwmp-green:#34d399; }
.cwmp-hero{margin-top:8px; padding:32px 28px; border-radius:24px;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(96,165,250,.35), transparent 60%),
              radial-gradient(1200px 380px at 80% 0%, rgba(34,211,238,.35), transparent 60%),
              linear-gradient(180deg, #0f172a, #0b0b0d 60%);
  color:var(--cwmp-text); border:1px solid var(--cwmp-border); box-shadow: 0 10px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);}
.cwmp-pill{display:inline-block; padding:6px 10px; font-size:12px; letter-spacing:.08em; border-radius:999px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.04); color:#cbd5e1; margin-bottom:10px;}
.cwmp-title{font-size:clamp(22px, 2.6vw, 42px); margin:6px 0 6px; line-height:1.15; font-weight:700}
.cwmp-sub{color:var(--cwmp-muted); margin:0}

.cwmp-panel{margin-top:18px; padding:14px; background:var(--cwmp-card); border:1px solid var(--cwmp-border); border-radius:18px}
.cwmp-filters{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px}
.cwmp-input{background:#0c0d11; color:var(--cwmp-text); border:1px solid var(--cwmp-border); border-radius:10px; padding:10px 12px; min-width:150px}
.cwmp-btn{background:linear-gradient(135deg, var(--cwmp-accent), var(--cwmp-accent2)); color:#081018; font-weight:700; border:0; border-radius:12px; padding:10px 14px; cursor:pointer}
.cwmp-btn[disabled]{opacity:.5; cursor:not-allowed}

.cwmp-results{display:grid; gap:10px}
@media (min-width:700px){ .cwmp-results{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width:1100px){ .cwmp-results{ grid-template-columns: repeat(3,minmax(0,1fr)); } }

.cwmp-card{background:linear-gradient(180deg, var(--cwmp-card2), var(--cwmp-card)); border:1px solid var(--cwmp-border); border-radius:16px; padding:14px; box-shadow:0 8px 24px rgba(0,0,0,.3)}
.cwmp-row1{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px}
.cwmp-ko{font-size:12px; color:var(--cwmp-muted)}
.cwmp-match{font-weight:700; color:var(--cwmp-text)}
.cwmp-meta{font-size:12px; color:var(--cwmp-muted)}
.cwmp-tag{display:inline-block; padding:4px 8px; border-radius:999px; background:#0b1220; border:1px solid #1f2937; color:#c7d2fe; font-size:12px}
.cwmp-stars{letter-spacing:1px}
.cwmp-num{font-variant-numeric: tabular-nums;}
.cwmp-empty{color:var(--cwmp-muted); padding:12px}
.cwmp-badges{display:flex; gap:8px; align-items:center; margin-top:8px}
.cwmp-pill2{display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border-radius:10px; border:1px solid var(--cwmp-border); background:rgba(255,255,255,.02); color:#cbd5e1; font-size:12px}

.cwmp-pager{display:flex; align-items:center; gap:10px; justify-content:center; margin-top:12px; color:var(--cwmp-muted)}
.cwmp-pageinfo{padding:6px 10px; border:1px solid var(--cwmp-border); border-radius:10px}

/* --- Parlay drawer --- */
.cwmp-drawer{position:fixed; right:16px; top:96px; height:70vh; width:380px; background:#0f1117; color:var(--cwmp-text);
  border:1px solid #1f2430; border-radius:14px; box-shadow:0 18px 48px rgba(0,0,0,.5); transform:translateX(120%);
  transition:transform .25s ease; z-index:9999; display:flex; flex-direction:column}
.cwmp-drawer[aria-hidden="true"]{pointer-events:none}
body.cwmp-open .cwmp-drawer{transform:translateX(0)}
.cwmp-drawer-head{display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-bottom:1px solid #242a37; background:#121523; border-top-left-radius:14px; border-top-right-radius:14px}
.cwmp-drawer-actions{display:flex; gap:8px}
.cwmp-drawer-body{padding:12px; overflow:auto; display:flex; flex-direction:column; gap:10px}
.cwmp-leg{display:flex; justify-content:space-between; align-items:center; gap:10px; background:#121522; border:1px solid #232a3a; padding:10px; border-radius:12px}
.cwmp-leg-sub{color:var(--cwmp-muted); font-size:12px}
.cwmp-ticket-summary{margin-top:auto; padding-top:10px; border-top:1px dashed #2a2f3b; display:flex; justify-content:space-between; color:#c9cbd6}

/* Motives modal */
.cwmp-mp-wrap{position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:10000}
.cwmp-mp-wrap.open{display:flex}
.cwmp-mp-modal{width:min(920px,96vw); max-height:80vh; overflow:auto; background:#0b0c10; border:1px solid #1c2232; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cwmp-mp-head{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid #202634; background:#0f1117; border-top-left-radius:14px; border-top-right-radius:14px}
.cwmp-mp-body{padding:14px}
.cwmp-mp-close{padding:6px 10px}
.cwmp-mp-section h4{margin:0 0 10px; font-size:14px}
.cwmp-mp-table{width:100%; border-collapse:collapse}
.cwmp-mp-table th,.cwmp-mp-table td{border-bottom:1px solid #202634; padding:10px 8px; font-size:13px; text-align:left}

/* Motives modal text colors */
.cwmp-mp-modal, .cwmp-mp-modal * { color: #f9fafb; }
.cwmp-mp-head strong { color: #facc15; } /* yellow accent for header */
.cwmp-mp-section h4 { color: #facc15; font-weight:600; }
.cwmp-mp-table th { color:#facc15; }