:root{
  --cmc-wp-bg:#f7fafc; --cmc-wp-card:#ffffff; --cmc-wp-text:#0c1a2a; --cmc-wp-muted:#5b6c7b;
  --cmc-wp-border:#e2e8f0; --cmc-wp-accent:#0d6efd; --cmc-wp-accent-2:#5bc0ff; --cmc-wp-chip:#f1f5f9;
  --cmc-wp-shadow:0 8px 22px rgba(16,38,74,.08);
}
.cmc-wp, .cmc-wp *{ box-sizing:border-box }
.cmc-wp{ display:block; color: black; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial }
.cmc-wp__card{ background:#fff; border:1px solid var(--cmc-wp-border); border-radius:18px; box-shadow:var(--cmc-wp-shadow); overflow:hidden }
.cmc-wp__bar{ height:6px; background:linear-gradient(90deg,var(--cmc-wp-accent),var(--cmc-wp-accent-2)) }
.cmc-wp__wrap{ padding:16px; background:var(--cmc-wp-bg) }

/* Score details container centering */
.cmu-match-details-container{ margin:0 auto; max-width:1200px }

.cmc-wp__header{ display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center }
.cmc-wp__header-content{ display: contents; }
.cmc-wp__title-area{ display:flex; gap:8px; align-items:center; flex-wrap:wrap }
.cmc-wp__badge{ font-size:12px; letter-spacing:.3px; text-transform:uppercase; background:var(--matchbox-primary-50, #ffffff); color:var(--cmc-wp-muted); padding:6px 10px; border-radius:20px; border:1px solid var(--cmc-wp-border) }
.cmc-wp__title{ margin:0; font-size:22px; font-weight:800 }
.cmc-wp__sub{ margin:0; font-size:13px; color:var(--cmc-wp-muted) }
.cmc-wp__status{ justify-self:end; grid-column: 2; grid-row: 1; }

.cmc-wp__chip{ font-size:12px; padding:6px 10px; border-radius:20px; border:1px solid var(--cmc-wp-border); background:var(--cmc-wp-chip); color:var(--cmc-wp-muted) }
.cmc-wp__chip--live{ background:#ffecec; color:#b00000; border-color:#ffb3b3; position:relative }
.cmc-wp__chip--live::before{ content:""; width:8px; height:8px; border-radius:50%; background:#ff3b30; position:absolute; left:-12px; top:50%; transform:translateY(-50%); animation:cmcPulse 1.4s infinite }
@keyframes cmcPulse{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
.cmc-wp__chip--completed{ background:#f2fcf6; color:#136b39; border-color:#bdebcf }
.cmc-wp__chip--upcoming{ background:#eef6ff; color:#0b4fa2; border-color:#b6d4fe }
.cmc-wp__chip--announced{ background:#fff7e6; color:#8a5a00; border-color:#ffd699 }

.cmc-wp__mast{ margin-top:12px; display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; background:#fff; border:1px solid var(--cmc-wp-border); border-radius:14px; padding:12px }
.cmc-wp__team{ display:flex; align-items:center; gap:10px; min-width:0 }
.cmc-wp__logo{ width:40px; height:40px; border-radius:10px; background:#f1f5f9; border:1px solid var(--cmc-wp-border); overflow:hidden; display:grid; place-items:center }
.cmc-wp__logo img{ width:100%; height:100%; object-fit:contain }
.cmc-wp__teamtext{ min-width:0 }
.cmc-wp__abbr{ font-size:12px; font-weight:800; color:var(--cmc-wp-muted) }
.cmc-wp__name{ font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.cmc-wp__score{ margin-left:auto; font-weight:900 }
.cmc-wp__vs{ font-weight:900; font-size:13px; color:var(--cmc-wp-muted) }
.cmc-wp__note{ margin-top:6px; font-size:13px; color:var(--matchbox-primary-color, #0b4fa2); background:var(--matchbox-primary-200, #eef6ff); border:1px solid var(--matchbox-primary-400, #b6d4fe); padding:8px 10px; border-radius:10px }

.cmc-wp__tabs{ margin-top:14px; display:flex; gap:8px; flex-wrap:wrap }
.cmc-wp__tabbtn{ appearance:none; background:var(--matchbox-primary-50, #fff); border:1px solid var(--matchbox-primary-300, #ddd); border-radius:10px; padding:8px 12px; font-weight:800; cursor:pointer; color:var(--matchbox-primary-color, #0b4fa2); transition:all 0.2s ease }
.cmc-wp__tabbtn:hover{ background:var(--matchbox-primary-100, #f0f8ff); border-color:var(--matchbox-primary-500, #b6d4fe); color:var(--matchbox-primary-800, #0b4fa2) }
.cmc-wp__tabbtn[aria-selected="true"]{ background:var(--matchbox-primary-200, #eef6ff); color:var(--matchbox-primary-900, #0b4fa2); border-color:var(--matchbox-primary-400, #b6d4fe); font-weight:800 }

.cmc-wp__panel{ margin-top:10px; background:#fff; border:1px solid var(--cmc-wp-border); border-radius:14px; padding:12px }
.cmc-wp__kv{ display:grid; grid-template-columns: repeat(3, 1fr); gap:12px }
.cmc-wp__kv .kv{ background:var(--cmc-wp-chip); border:1px solid var(--cmc-wp-border); border-radius:10px; padding:8px }
.cmc-wp__kv .kv b{ display:block; font-size:12px; color:var(--cmc-wp-muted) }
.cmc-wp__kv .kv span{ font-weight:900; font-size:15px }

.cmc-wp__pair{ display:flex; gap:8px; flex-wrap:wrap }
.cmc-wp__pill{ background:var(--matchbox-primary-100, #f6f9ff); border:1px solid var(--matchbox-primary-300, #d7e7ff); color:var(--matchbox-primary-color, #0b4fa2); padding:6px 10px; border-radius:10px; font-size:12px; width:100%; display:block; text-align:left }
.cmc-wp__subtle{ color:var(--cmc-wp-muted); font-size:12px }

/* Scorecard table wrapper for horizontal scroll */
.cmc-wp__scorecards{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:10px }

.cmc-wp__table{ width:100%; border-collapse:collapse; font-size:13px; min-width:600px }
.cmc-wp__table th, .cmc-wp__table td{ border-bottom:1px solid var(--cmc-wp-border); padding:8px 6px; text-align:left; white-space:nowrap }
.cmc-wp__table th{ color:var(--cmc-wp-muted); font-weight:800 }
.cmc-wp__tfoot td{ font-weight:900 }
.cmc-wp__sec{ margin-top:12px }
.cmc-wp__sec h4{ margin:0 0 6px 0; font-size:14px; font-weight:900; color:var(--matchbox-primary-color) }

.cmc-wp__meta{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px }
.cmc-wp__meta .kv{ background:#fff; border:1px solid var(--cmc-wp-border); border-radius:10px; padding:10px }
.cmc-wp__meta .kv b{ display:block; color:var(--cmc-wp-muted); font-size:12px }
.cmc-wp__meta .kv span{ font-weight:800 }

/* Responsive Design - cricket_match_center */
@media (max-width: 992px) {
  .cmc-wp__wrap { padding: 14px; }
  .cmc-wp__title { font-size: 20px; }
  .cmc-wp__mast { padding: 10px; }
}

@media (max-width: 860px) {
  .cmc-wp__mast { grid-template-columns: 1fr; }
  .cmc-wp__kv { grid-template-columns: repeat(2, 1fr); }
  .cmc-wp__meta { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .cmc-wp__wrap { padding: 12px; }
  .cmc-wp__title { font-size: 18px; }
  .cmc-wp__badge { font-size: 11px; padding: 5px 8px; }
  .cmc-wp__logo { width: 36px; height: 36px; }
  .cmc-wp__mast { padding: 10px; gap: 10px; }
  .cmc-wp__panel { padding: 10px; }
  .cmc-wp__tabbtn { padding: 7px 10px; font-size: 13px; }
  .cmc-wp__chip { font-size: 11px; padding: 5px 8px; }
}

@media (max-width: 640px) {
  .cmc-wp .cmc-wp__wrap { padding: 10px; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; grid-template-columns: none !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 8px !important; align-items: center !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__title-area { width: 100% !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; text-align: center !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__title-area .cmc-wp__badge { align-self: center !important; margin: 0 auto !important; display: block !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__title-area .cmc-wp__title { width: 100% !important; font-size: 18px !important; text-align: center !important; margin: 0 auto !important; display: block !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__sub { width: 100% !important; display: block !important; text-align: center !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__status { width: 100% !important; justify-self: center !important; text-align: center !important; grid-column: auto !important; grid-row: auto !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__status span { display: block !important; width: 100% !important; text-align: center !important; padding: 8px 10px !important; margin: 0 auto !important; }
  .cmc-wp .cmc-wp__card .cmc-wp__wrap .cmc-wp__header .cmc-wp__header-content .cmc-wp__status .cmc-wp__chip { display: block !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; }
  .cmc-wp .cmc-wp__tabs { gap: 6px; }
  .cmc-wp .cmc-wp__tabbtn { padding: 6px 8px; font-size: 12px; }
  .cmc-wp .cmc-wp__kv { grid-template-columns: 1fr; gap: 10px; }
  .cmc-wp .cmc-wp__table { font-size: 11px; min-width: 500px; }
  .cmc-wp .cmc-wp__table th, .cmc-wp .cmc-wp__table td { padding: 5px 3px; font-size: 11px; }
  .cmc-wp .cmc-wp__panel { padding: 8px; }
}

@media (max-width: 480px) {
  .cmc-wp__wrap { padding: 8px; }
  .cmc-wp__card { border-radius: 14px; }
  .cmc-wp__title { font-size: 16px; }
  .cmc-wp__sub { font-size: 12px; }
  .cmc-wp__badge { font-size: 10px; padding: 4px 6px; }
  .cmc-wp__logo { width: 32px; height: 32px; }
  .cmc-wp__abbr { font-size: 11px; }
  .cmc-wp__name { font-size: 14px; }
  .cmc-wp__score { font-size: 15px; }
  .cmc-wp__vs { font-size: 12px; }
  .cmc-wp__note { font-size: 12px; padding: 6px 8px; }
  .cmc-wp__mast { padding: 8px; gap: 8px; }
  .cmc-wp__team { gap: 8px; }
  .cmc-wp__panel { padding: 8px; }
  .cmc-wp__tabbtn { padding: 6px 8px; font-size: 11px; }
  .cmc-wp__chip { font-size: 10px; padding: 4px 6px; }
  .cmc-wp__kv { grid-template-columns: 1fr; gap: 8px; }
  .cmc-wp__kv .kv { padding: 6px; }
  .cmc-wp__kv .kv b { font-size: 11px; }
  .cmc-wp__kv .kv span { font-size: 14px; }
  .cmc-wp__pill { font-size: 11px; padding: 5px 8px; }
  .cmc-wp__table { font-size: 10px; min-width: 450px; }
  .cmc-wp__table th, .cmc-wp__table td { padding: 4px 2px; font-size: 10px; }
  .cmc-wp__sec h4 { font-size: 12px; }
  .cmc-wp__meta .kv { padding: 8px; }
  .cmc-wp__meta .kv b { font-size: 11px; }
  .cmc-wp__meta .kv span { font-size: 14px; }
}

@media (max-width: 360px) {
  .cmc-wp__wrap { padding: 6px; }
  .cmc-wp__title { font-size: 15px; }
  .cmc-wp__logo { width: 28px; height: 28px; }
  .cmc-wp__name { font-size: 13px; }
  .cmc-wp__score { font-size: 14px; }
  .cmc-wp__mast { padding: 6px; }
  .cmc-wp__panel { padding: 6px; }
  .cmc-wp__table { font-size: 9px; min-width: 400px; }
  .cmc-wp__table th, .cmc-wp__table td { padding: 3px 2px; font-size: 9px; }
  .cmc-wp__sec h4 { font-size: 11px; }
  .cmc-wp__tabbtn { padding: 5px 7px; font-size: 10px; }
}

.cmc-wp-error{ color:#c00; background:#fee; border:1px solid #fbb; padding:10px; border-radius:8px }



cmc-wp .cmc-wp__table {
   
    border-radius: 10px;
}


/* ===== Cricket Match Center — SCORECARD TABLE ONLY (no-conflict) ===== */
.cmc-wp .cmc-wp__scorecards{overflow-x:auto;-webkit-overflow-scrolling:touch}

.cmc-wp .cmc-wp__table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  line-height:1.35;
  min-width:640px;                 /* allow horizontal scroll on small screens */
  background:#fff;
}

.cmc-wp .cmc-wp__table th,
.cmc-wp .cmc-wp__table td{
  padding:8px 10px;
  text-align:left;
  border-bottom:1px solid var(--cmc-wp-border, #e2e8f0);
}

.cmc-wp .cmc-wp__table th{
  color:#000;
  font-weight:800;
  white-space:nowrap;
  background:var(--matchbox-primary-100, #e1ebf4);
}

.cmc-wp .cmc-wp__table tbody tr:nth-child(odd) td{
  background: var(--matchbox-primary-50, #ffffff);
}
.cmc-wp .cmc-wp__table tbody tr:nth-child(even) td{
  background: var(--matchbox-primary-100, #f6f9ff);
}
.cmc-wp .cmc-wp__table tbody tr:hover td{
  background: var(--matchbox-primary-200, #eef6ff);
}

.cmc-wp .cmc-wp__tfoot td{
  font-weight:900;
  color:#000;
  background:var(--matchbox-primary-100, #e1ebf4);
  border-top:1px solid var(--cmc-wp-border, #e2e8f0);
}

/* Mobile tweaks */
@media (max-width:480px){
  .cmc-wp .cmc-wp__table{ font-size:12px; min-width:520px }
  .cmc-wp .cmc-wp__table th,
  .cmc-wp .cmc-wp__table td{ padding:6px 8px }
}