.cm-sm{
  background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:14px;
  max-width:100%; overflow:hidden;
}
.cm-sm-title{ margin:0 0 10px; }

.cm-sm-filters{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; align-items:center; }
#cm-sm-name, #cm-sm-phone, #cm-sm-movie{ padding:8px 10px; border:1px solid #d1d5db; border-radius:8px; width:100%; }

.cm-sm-shows{ grid-column:1 / -1; display:flex; gap:8px; flex-wrap:wrap; }
.cm-sm-showcard{ padding:6px 10px; border:1px solid #d1d5db; border-radius:8px; background:#fff; cursor:pointer; }
.cm-sm-showcard.is-active{ background:#111827; color:#fff; border-color:#111827; }

.cm-sm-views{ display:flex; gap:8px; justify-content:flex-start; }
.cm-sm-viewbtn{ padding:6px 10px; border:1px solid #d1d5db; border-radius:8px; background:#fff; cursor:pointer; }
.cm-sm-viewbtn.is-active{ background:#111827; color:#fff; border-color:#111827; }

.cm-sm-results{ margin-top:10px; }
.cm-sm-listview{ overflow-x:auto; }
.cm-sm-tablewrap{ min-width:100%; }
.cm-sm-table{ width:100%; border-collapse:collapse; table-layout:auto; max-width:100%; }
.cm-sm-table th, .cm-sm-table td{ border:1px solid #e5e7eb; padding:8px; text-align:left; white-space:nowrap; }
.cm-sm-table th{ background:#f9fafb; }
.cm-sm-empty{ padding:10px; color:#6b7280; }

/* Buttons: orange Deliver, green Delivered */
.cm-sm-btn{ border:0; border-radius:8px; padding:6px 10px; cursor:pointer; color:#fff; }
.cm-sm-btn.deliver{ background:#f59e0b; }    /* orange */
.cm-sm-btn.delivered{ background:#16a34a; }  /* green */
.cm-sm-btn:disabled{ opacity:.85; cursor:not-allowed; }

/* Layout legend & seat highlight */
.cm-sm-layoutview .cm-sm-legend{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
.cm-sm-layoutview .lg{ padding:4px 8px; border-radius:6px; border:1px solid #cbd5e1; font-size:.9em; }
.lg-match{ background:#a78bfa; color:#111; }
.lg-sold{ background:#ef4444; color:#fff; }
.lg-resv{ background:#f59e0b; color:#111; }
.lg-avai{ background:#fff; color:#111; }
.lg-self{ background:#3b82f6; color:#fff; }

/* Base seat colors (make sure unselected are visible) */
.cm-seatmap .seat {
  background:#ffffff; color:#111;             /* clearly visible */
  box-shadow:0 0 0 1px #e5e7eb;
}
.cm-seatmap .seat.available:hover{ filter:brightness(0.97); }
.cm-seatmap .seat.disabled{
  background:#1f2937; color:#9ca3af; text-decoration:line-through; box-shadow:none;
}
.cm-seatmap .seat.reserved{ background:#f59e0b; color:#111; box-shadow:none; } /* orange */
.cm-seatmap .seat.sold{ background:#ef4444; color:#fff; box-shadow:none; }     /* red */

/* Matches: SOLID blue (not just outline) */
.cm-seatmap .seat.match{
  background:#2563eb; color:#fff; box-shadow:none;
}

/* Clear button styling */
.cm-sm-clear{
  margin-left:6px; padding:6px 10px; border-radius:8px; border:1px solid #d1d5db; background:#fff; cursor:pointer;
}
.cm-sm-clear:hover{ background:#f3f4f6; }


@media (max-width: 860px){
  .cm-sm-filters{ grid-template-columns: 1fr; }
}


/* Clear show selection button — make it obvious */
.cm-sm-clear{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid #111827;
  background:#ffffff;
  color:#111827;
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.cm-sm-clear:hover{ background:#f3f4f6; }

/* Seats always visible + solid blue for matches (keep strong) */
.cm-seatmap .seat{ background:#fff; color:#111; box-shadow:0 0 0 1px #e5e7eb; }
.cm-seatmap .seat.reserved{ background:#f59e0b; color:#111; box-shadow:none; }
.cm-seatmap .seat.sold{ background:#ef4444; color:#fff; box-shadow:none; }
.cm-seatmap .seat.match{ background:#2563eb; color:#fff; box-shadow:none; }

/* Show cards: bold/contrasty */
.cm-sm-showcard{
  padding:8px 12px;
  border:2px solid #111827;
  border-radius:10px;
  background:#fff;
  color:#111827;
  font-weight:700;
}
.cm-sm-showcard.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

/* Layout/List view buttons */
.cm-sm-viewbtn{
  padding:8px 14px;
  border-radius:10px;
  border:2px solid #111827;
  background:#fff;
  color:#111827;
  font-weight:700;
}
.cm-sm-viewbtn.is-active{
  background:#111827;
  color:#fff;
}

/* --- keep seats visible and strong highlight for search matches --- */
.cm-seatmap .seat { background:#fff; color:#111; box-shadow:0 0 0 1px #e5e7eb; }
.cm-seatmap .seat.reserved { background:#f59e0b; color:#111; box-shadow:none; }
.cm-seatmap .seat.sold { background:#ef4444; color:#fff; box-shadow:none; }

/* FINAL OVERRIDE: searched "match" seats must pop */
.cm-sm .cm-seatmap .seat.match{
  background:#2563eb !important;   /* solid blue */
  color:#fff !important;
  font-weight:700;
  /* IMPORTANT: !important only once, at the end of the whole value */
  box-shadow: 0 0 0 2px #1d4ed8, 0 0 0 6px rgba(37,99,235,.35) !important;
  transform: scale(1.06);
  z-index:2;
}