/**
 * Chance2Win — Shared base + page layouts.
 *
 * Merged from assets/css/base.css (deleted — was only 38 lines, not
 * worth a separate HTTP request) and the original page-layouts.css.
 *
 * Load order: style.css → page-layouts.css → skins/{skin}/style.css
 * Colors use CSS custom-property palette tokens;
 * each skin defines those tokens in its own style.css.
 */

/* ── BASE RESET (merged from base.css) ─────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
}

a { color: #0073aa; text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; }

.site-content { padding: 20px; max-width: 1200px; margin: 0 auto; }
.widget-title { font-size: 1.1em; margin-bottom: 10px; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}
/* ── END BASE RESET ─────────────────────────────────────────────── */

/* My Account dashboard refresh */
.woocommerce-account .woocommerce-MyAccount-content.c2w-account-dashboard {
  width: 100%;
  background: linear-gradient(180deg, var(--c2w-secondary, #1e2d52) 0%, var(--c2w-secondary, #1e2d52) 100%);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 20px;
  color: #d5ddf1;
}
.woocommerce-account .c2w-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.woocommerce-account .c2w-stat-card {
  background: var(--c2w-secondary, #1e2d52);
  border: 1px solid rgba(109,136,214,0.25);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.woocommerce-account .c2w-stat-label {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .8px;
  color: #96a8d6;
  font-weight: 700;
}
.woocommerce-account .c2w-stat-value {
  color: #ffffff;
  font-size: 30px;
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 1px;
}
.woocommerce-account .c2w-stat-card small {
  color: #2dd78a;
  font-size: 13px;
  font-weight: 600;
}
.woocommerce-account .c2w-trend { font-size: 12px; font-weight: 600; }
.woocommerce-account .c2w-trend--up { color: #2dd78a; }
.woocommerce-account .c2w-trend--down { color: #ff5a7b; }
.woocommerce-account .c2w-trend--flat { color: #9ca8cf; }
.woocommerce-account .c2w-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.woocommerce-account .c2w-action-card {
  background: var(--c2w-secondary, #1e2d52);
  border: 1px solid rgba(140,157,214,0.2);
  border-radius: 10px;
  padding: 14px;
  text-decoration: none;
  color: #dfe7ff;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  transition: all .2s ease;
}
.woocommerce-account .c2w-action-card:hover {
  border-color: rgba(55,196,255,0.55);
  transform: translateY(-1px);
}
.woocommerce-account .c2w-action-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7dd7ff;
  font-size: 16px;
  flex-shrink: 0;
}
.woocommerce-account .c2w-action-content strong {
  display: block;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 2px;
  font-size: 15px;
}
.woocommerce-account .c2w-action-content small {
  font-size: 13px;
}
.woocommerce-account .c2w-progress-card {
  border: 1px solid rgba(132,149,204,0.25);
  background: var(--c2w-secondary, #1e2d52);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.woocommerce-account .c2w-progress-head,
.woocommerce-account .c2w-progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.woocommerce-account .c2w-progress-head strong { color: #fff; font-size: 20px; font-family: 'Outfit', sans-serif; letter-spacing: .6px; }
.woocommerce-account .c2w-progress-head span { color: #fff; font-size: 13px; }
.woocommerce-account .c2w-raffle-status { font-weight: 600; }
.woocommerce-account .c2w-raffle-status.is-live { color: #2dd78a; }
.woocommerce-account .c2w-raffle-status.is-coming { color: #ffd34d; }
.woocommerce-account .c2w-raffle-status.is-ended { color: #ff5a7b; }
.woocommerce-account .c2w-progress-meta { margin: 12px 0 10px; color: #9eadcf; font-size: 13px; }
.woocommerce-account .c2w-progress-meta span:last-child { color: #fff; font-weight: 700; }
.woocommerce-account .c2w-progress-track {
  height: 8px;
  background: var(--c2w-secondary, #1e2d52);
  border-radius: 999px;
  overflow: hidden;
}
.woocommerce-account .c2w-progress-track span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c2w-primary, #3b82c4), #2dd78a);
}
.woocommerce-account .c2w-account-footer-links {
  border-top: 1px solid rgba(141,158,212,0.22);
  padding-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
.woocommerce-account .c2w-account-footer-links a {
  color: #8ca0d7;
  text-decoration: none;
  font-size: 14px;
}
.woocommerce-account .c2w-account-footer-links a:hover { color: var(--c2w-primary, #3b82c4); }

@media (max-width: 980px) {
  .woocommerce-account .c2w-stats-grid,
  .woocommerce-account .c2w-actions-grid { grid-template-columns: 1fr 1fr; }
}

/* =========================================================
 * Reporting Page (templates/reporting-page.php)
 * Pixel-faithful port of inner-pages-design/reporting.html.
 * Targets the existing markup classes (.report-page12, .grid-row-report,
 * .data-listing-reports, .price-box, .both-graph, .c2w-donut-*,
 * .c2w-orders-panel, .export-table.report21) so no PHP rewrite needed.
 * ========================================================= */
.report-page12{
  --rp-navy:var(--c2w-secondary,#0a1f44);
  --rp-primary:var(--c2w-primary,#1d4ed8);
  --rp-accent:var(--c2w-accent,#c8102e);
  --rp-paper:#f5f7fb;
  --rp-line:#e3e7ef;
  --rp-muted:#6b7390;
  --rp-ink:#0a1f44;
  --rp-ink-2:#3b4566;
  background:var(--rp-paper);
  padding:18px 0 32px;
  color:var(--rp-ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.report-page12 .container1{
  width:100% !important;max-width:1280px !important;
  margin:0 auto !important;padding:0 24px !important;
}
.report-page12 .back-Reporting{display:block !important}

/* Hero title */
.report-page12 .rtg-title{
  margin:0 !important;text-align:left !important;
  color:var(--rp-navy) !important;
  font-size:26px !important;font-weight:800 !important;
  line-height:1.15 !important;letter-spacing:-0.01em !important;
  text-transform:none !important;font-family:'Inter',sans-serif !important;
}
.report-page12 .reporting-subtitle{
  margin:5px 0 18px !important;color:var(--rp-muted) !important;
  font-size:13px !important;text-align:left !important;line-height:1.5;max-width:640px;
}

.report-page12 .width-left-site{
  width:100% !important;margin:0 !important;background:transparent !important;
  padding:0 !important;float:none !important;
}
.report-page12 .row{display:block !important;margin:0 !important}

/* Filter bar (date range + report type + buttons) */
.report-page12 .grid-row-report{
  background:#fff;
  border:1px solid var(--rp-line);
  border-radius:10px;
  padding:12px 14px;margin-bottom:12px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.report-page12 .row-report-flex{
  display:flex;gap:10px;align-items:end;flex-wrap:wrap;
}
.report-page12 .row-report-flex:last-child{margin-left:auto}
.report-page12 .row-data-grid{display:flex;flex-direction:column;gap:4px}
.report-page12 .row-data-grid p{
  margin:0 !important;color:var(--rp-muted);font-size:10px;font-weight:800;
  text-transform:uppercase;letter-spacing:0.08em;
}
.report-page12 .date-flex{
  display:flex;align-items:center;gap:6px;background:var(--rp-paper);
  border:1px solid var(--rp-line);border-radius:6px;padding:0 10px;height:36px;
}
.report-page12 .date-flex img{width:14px !important;height:14px !important;opacity:.6}
.report-page12 input[type="date"],
.report-page12 .row-data-grid select{
  height:34px !important;border:0 !important;background:transparent !important;
  padding:0 !important;font-size:12px !important;color:var(--rp-ink) !important;
  font-family:inherit !important;outline:0 !important;min-width:130px;
}
.report-page12 .row-data-grid > select{
  background:var(--rp-paper) !important;border:1px solid var(--rp-line) !important;
  border-radius:6px !important;padding:0 10px !important;height:36px !important;
}
.report-page12 .button.pull-get-report-btn,
.report-page12 .view-chart-sec input[type="button"]{
  background:var(--rp-accent) !important;color:#fff !important;
  border:0 !important;border-radius:6px !important;
  font-weight:800 !important;font-size:11px !important;letter-spacing:0.07em !important;
  text-transform:uppercase !important;padding:10px 18px !important;height:36px !important;
  line-height:1 !important;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,0.14) !important;
}
.report-page12 .button.pull-get-report-btn:hover{filter:brightness(1.05)}
.report-page12 .view-chart-sec input[type="button"]:last-child{
  background:var(--rp-navy) !important;
}

/* KPI strip - 6 colored tiles in a row */
.report-page12 .data-listing-reports{
  display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;margin:0 0 12px !important;
}
.report-page12 .data-listing-reports .price-box{
  position:relative;background:#fff;
  border:1px solid var(--rp-line);border-radius:8px;
  padding:14px 14px 12px !important;box-shadow:none !important;
  margin:0 !important;display:flex;flex-direction:column;gap:5px;
  overflow:hidden;min-width:0;
}
.report-page12 .data-listing-reports .price-box::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rp-primary);
}
.report-page12 .data-listing-reports .price-box:nth-child(1)::before{background:var(--rp-primary)}
.report-page12 .data-listing-reports .price-box:nth-child(2)::before{background:#0f9d58}
.report-page12 .data-listing-reports .price-box:nth-child(3)::before{background:#d97706}
.report-page12 .data-listing-reports .price-box:nth-child(4)::before{background:#6d28d9}
.report-page12 .data-listing-reports .price-box:nth-child(5)::before{background:#0891b2}
.report-page12 .data-listing-reports .price-box:nth-child(6)::before{background:var(--rp-accent)}

.report-page12 .data-listing-reports .price-box h4,
.report-page12 .data-listing-reports .price-box .reporting-cal{
  margin:0 !important;font-size:9.5px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:0.08em !important;
  color:var(--rp-muted) !important;line-height:1.3 !important;text-align:left !important;
  font-family:'Inter',sans-serif !important;
}
.report-page12 .data-listing-reports .price-box h3{
  margin:0 !important;font-size:18px !important;font-weight:900 !important;
  line-height:1 !important;letter-spacing:-0.01em !important;
  color:var(--rp-navy) !important;font-family:'Inter',sans-serif !important;
}
.report-page12 .data-listing-reports .price-box bdi,
.report-page12 .data-listing-reports .price-box .woocommerce-Price-amount{
  font-weight:900 !important;color:inherit !important;
}

/* View chart section (legacy buttons) */
.report-page12 .view-chart-sec{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.report-page12 .report-chart-spacer{display:none}

/* Charts row (donut Ticket Performance + donut Orders by Type) */
.report-page12 .both-graph{
  display:grid !important;grid-template-columns:1fr 1fr !important;
  gap:10px !important;margin:0 0 12px !important;
}
.report-page12 .both-graph .col-md-5,
.report-page12 .both-graph .grid-margin,
.report-page12 .both-graph .stretch-card{
  width:100% !important;max-width:none !important;flex:none !important;
  margin:0 !important;padding:0 !important;
}
.report-page12 .both-graph .card{
  background:#fff !important;border:1px solid var(--rp-line) !important;
  border-radius:8px !important;box-shadow:none !important;margin:0 !important;
  display:flex !important;flex-direction:column !important;min-height:230px !important;
}
.report-page12 .both-graph .card-body{padding:14px !important;display:flex;flex-direction:column;gap:10px;flex:1}
.report-page12 .both-graph .card-title{
  margin:0 0 4px !important;font-size:13px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:0.04em !important;
  color:var(--rp-navy) !important;font-family:'Inter',sans-serif !important;
  padding-bottom:10px;border-bottom:1px solid var(--rp-line);
}

/* Donut chart (existing SVG markup) */
.report-page12 .c2w-donut-chart-wrap{
  display:grid !important;grid-template-columns:auto 1fr !important;
  gap:14px !important;align-items:center !important;
  background:linear-gradient(180deg,#fafbff,#fff) !important;
  border:1px solid var(--rp-line) !important;border-radius:6px !important;
  padding:12px !important;flex:1;min-height:0;position:relative;
}
.report-page12 .c2w-donut-chart{
  width:130px !important;height:130px !important;display:block;flex-shrink:0;
}
.report-page12 .c2w-donut-track{
  fill:none;stroke:#eef2fb;stroke-width:14;
}
.report-page12 .c2w-donut-segment{
  fill:none;stroke-width:14;transform:rotate(-90deg);transform-origin:60px 60px;
  transition:stroke-width .15s;
}
.report-page12 .c2w-donut-segment-1{stroke:#c8102e}
.report-page12 .c2w-donut-segment-2{stroke:#0a1f44}
.report-page12 .c2w-donut-segment-3{stroke:#1d4ed8}
.report-page12 .c2w-donut-segment-4{stroke:#d97706}
.report-page12 .c2w-donut-segment-5{stroke:#6d28d9}
.report-page12 .c2w-donut-segment-6{stroke:#0891b2}
.report-page12 .c2w-donut-segment-7{stroke:#0f9d58}
.report-page12 .c2w-donut-segment-8{stroke:#ec4899}
.report-page12 .c2w-donut-center{
  position:absolute;top:50%;left:65px;transform:translate(-50%,-50%);
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;
  color:var(--rp-muted);text-align:center;line-height:1.3;
  pointer-events:none;
}
.report-page12 .c2w-donut-legend{
  list-style:none !important;margin:0 !important;padding:0 !important;
  display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--rp-ink-2);
  min-width:0;
}
.report-page12 .c2w-donut-legend li{
  display:grid !important;grid-template-columns:auto 1fr auto !important;gap:8px !important;
  align-items:center !important;margin:0 !important;padding:0 !important;
}
.report-page12 .c2w-donut-dot{
  width:10px;height:10px;border-radius:2px;flex-shrink:0;display:inline-block;
}
.report-page12 .c2w-donut-dot.c2w-donut-segment-1{background:#c8102e}
.report-page12 .c2w-donut-dot.c2w-donut-segment-2{background:#0a1f44}
.report-page12 .c2w-donut-dot.c2w-donut-segment-3{background:#1d4ed8}
.report-page12 .c2w-donut-dot.c2w-donut-segment-4{background:#d97706}
.report-page12 .c2w-donut-dot.c2w-donut-segment-5{background:#6d28d9}
.report-page12 .c2w-donut-dot.c2w-donut-segment-6{background:#0891b2}
.report-page12 .c2w-donut-dot.c2w-donut-segment-7{background:#0f9d58}
.report-page12 .c2w-donut-dot.c2w-donut-segment-8{background:#ec4899}
.report-page12 .c2w-donut-label{
  font-weight:700;color:var(--rp-ink);font-size:11px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.report-page12 .c2w-donut-value{
  font-weight:800;color:var(--rp-navy);font-size:10.5px;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* Orders panel + table */
.report-page12 .table-print-parent,
.report-page12 .table-print-main{margin:0 !important;padding:0 !important;display:block !important;width:100% !important;float:none !important}
/* Override classic skin's 49% two-column split — orders use full width */
.report-page12 .table-print-main.div{width:100% !important;box-sizing:border-box !important}
.report-page12 .customer-report{margin-top:12px;display:block !important;width:100% !important}
.report-page12 .c2w-orders-panel{
  background:#fff;border:1px solid var(--rp-line);
  border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;
  width:100% !important;box-sizing:border-box !important;
}
.report-page12 .c2w-orders-head{
  display:flex !important;align-items:center !important;gap:10px !important;
  padding:0 0 10px !important;border-bottom:1px solid var(--rp-line) !important;
  margin:0 !important;flex-wrap:wrap;
}
.report-page12 .c2w-orders-head h3,
.report-page12 .c2w-orders-head .section-title{
  margin:0 !important;font-size:13px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:0.04em !important;
  color:var(--rp-navy) !important;flex:1 !important;
  text-align:left !important;font-family:'Inter',sans-serif !important;
}
.report-page12 .c2w-orders-search{
  display:flex !important;align-items:center !important;gap:6px !important;
  margin:0 !important;
}
.report-page12 #order_report_search{
  background:var(--rp-paper) !important;border:1px solid var(--rp-line) !important;
  border-radius:6px !important;padding:0 12px !important;height:34px !important;
  font-size:12px !important;color:var(--rp-ink) !important;min-width:220px !important;
  outline:0 !important;
}
.report-page12 .c2w-orders-search .button.pull-get-report-btn{
  height:34px !important;padding:0 14px !important;font-size:11px !important;
}

/* Table */
.report-page12 #reporting_all_orders{padding:0 !important;background:transparent !important;border:0 !important}
.report-page12 .export-table.report21{
  width:100% !important;margin:0 !important;
  border-collapse:separate !important;border-spacing:0 !important;
  border:1px solid var(--rp-line) !important;border-radius:8px !important;
  overflow:hidden;background:#fff;font-size:12px;
}
.report-page12 .export-table.report21 .export-header th,
.report-page12 .export-table.report21 th{
  background:var(--rp-navy) !important;color:#fff !important;
  text-align:left !important;padding:10px 12px !important;
  font-size:10px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:0.06em !important;
  border:0 !important;
}
.report-page12 .export-table.report21 td{
  padding:9px 12px !important;border-bottom:1px solid var(--rp-line) !important;
  border-left:0 !important;border-right:0 !important;
  color:var(--rp-ink-2) !important;font-weight:600 !important;font-size:12px !important;
  text-align:left !important;
}
.report-page12 .export-table.report21 tbody tr:nth-child(even){background:#fafbff}
.report-page12 .export-table.report21 tbody tr:hover{background:#eef2fb}
.report-page12 .export-table.report21 tr td:first-child{
  color:var(--rp-navy) !important;font-weight:800 !important;
  font-family:'JetBrains Mono','Menlo',monospace !important;font-size:11px !important;
}
.report-page12 .export-table.report21 .order-preview{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:6px;border:1px solid var(--rp-line);
  background:#fff;cursor:pointer;transition:all .15s;
  color:var(--rp-navy,#0a1f44) !important;
  text-decoration:none !important;
  padding:0 !important;
  position:static !important;
  top:auto !important;left:auto !important;
}
.report-page12 .export-table.report21 .order-preview:hover{
  border-color:var(--rp-navy);background:#eef2fb;
  color:var(--rp-primary,#1d4ed8) !important;
}
.report-page12 .export-table.report21 .order-preview:after{display:none !important}
.report-page12 .export-table.report21 .order-preview img{width:14px !important;height:14px !important;display:block}
.report-page12 .export-table.report21 .order-preview svg{width:15px !important;height:15px !important;display:block;stroke:currentColor !important}

/* Pagination (Pagination function output)
   pagination() outputs: <div class="pagination"><ul><ul class="page-numbers"><li>...</li></ul></ul></div>
   Both ul levels need display:flex. ul.page-numbers must NOT get display:block. */
.report-page12 .pagination,
.report-page12 .navigation{
  display:flex;justify-content:flex-end;padding:10px 0 0;font-size:11px;
}
.report-page12 .pagination ul,
.report-page12 .pagination ul.page-numbers{
  display:flex !important;flex-wrap:wrap;gap:4px !important;
  list-style:none !important;margin:0 !important;padding:0 !important;
}
.report-page12 .pagination li{
  list-style:none !important;margin:0 !important;padding:0 !important;display:block;
}
/* Style only anchor and span page-numbers — never the ul itself */
.report-page12 .pagination a.page-numbers,
.report-page12 .pagination span.page-numbers,
.report-page12 .pagination a,
.report-page12 .pagination span:not(ul):not(li){
  background:#fff;border:1px solid var(--rp-line);border-radius:5px;
  padding:6px 11px;font-size:11px;font-weight:700;color:var(--rp-ink-2);
  text-decoration:none !important;min-width:30px;text-align:center;display:block;
  box-sizing:border-box;
}
.report-page12 .pagination .current,
.report-page12 .pagination span.page-numbers.current{
  background:var(--rp-accent) !important;color:#fff !important;border-color:var(--rp-accent) !important;
}
.report-page12 .pagination a:hover,
.report-page12 .pagination a.page-numbers:hover{
  border-color:var(--rp-navy);color:var(--rp-navy);
}

/* Wrap-card / data-listing-reports housing */
.report-page12 .wrap-card{margin:0;padding:0;background:transparent;border:0}
.report-page12 .wc-order-preview-addresses{display:none}

/* Hide legacy ticket-packages title */
.report-page12 .reporting-ticket-packages-title{display:none !important}
.report-page12 .c2w-clear{clear:both}

/* Responsive */
@media (max-width:1180px){
  .report-page12 .data-listing-reports{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:900px){
  .report-page12 .both-graph{grid-template-columns:1fr !important}
  .report-page12 .grid-row-report{flex-direction:column;align-items:stretch}
  .report-page12 .row-report-flex{justify-content:flex-start}
  .report-page12 .row-report-flex:last-child{margin-left:0}
}
@media (max-width:560px){
  .report-page12 .data-listing-reports{grid-template-columns:1fr 1fr !important}
  .report-page12 .c2w-donut-chart-wrap{grid-template-columns:1fr !important;justify-items:center}
}
/* ===== Reporting Page — c2w-rp-* mock-aligned overlay ===== */
.report-page12{
  --rp-navy:var(--c2w-secondary,#0a1f44);
  --rp-primary:var(--c2w-primary,#c8102e);
  --rp-paper:#f5f7fb;
  --rp-line:#e5e9f2;
  --rp-muted:#6b7a99;
  --rp-ink:#0a1f44;
  --rp-ink-2:#22335c;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
/* Hide any legacy/duplicate <h2 class="rtg-title"> that isn't part of the new hero */
.report-page12 > .container1 > h2.rtg-title,
.report-page12 .container1 > .row > .width-left-site > h2.rtg-title,
.report-page12 .container1 > .row > .width-left-site > p.reporting-subtitle,
.report-page12 .container1 > h2.rtg-title + p.reporting-subtitle{
  display:none !important;
}
/* Back to Dashboard — match other templates' look (use global .back-arrow-img styling) */
.report-page12 .back-Reporting{
  margin:8px 0 14px !important;
}
.report-page12 .back-Reporting a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  text-decoration:none !important;
}
.report-page12 .back-Reporting i.fa{
  font-size:13px !important;
}

/* HERO */
.report-page12 .c2w-rp-hero{
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:14px !important;
  padding:22px 26px !important;
  margin:14px 0 18px !important;
  display:grid !important;
  grid-template-columns:1.3fr 1fr !important;
  gap:24px !important;
  align-items:center !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
}
.report-page12 .c2w-rp-eyebrow{
  display:inline-block !important;
  font:700 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  color:var(--rp-primary) !important;
  background:rgba(200,16,46,.08) !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  margin:0 0 10px !important;
}
.report-page12 .c2w-rp-title.rtg-title{
  font:800 26px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  text-align:left !important;
  text-transform:none !important;
  margin:0 0 6px !important;
}
.report-page12 .c2w-rp-subtitle.reporting-subtitle{
  font:400 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-muted) !important;
  margin:0 !important;
  text-align:left !important;
}
.report-page12 .c2w-rp-hero-stats{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
}
.report-page12 .c2w-rp-hstat{
  background:var(--rp-paper) !important;
  border:1px solid var(--rp-line) !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  text-align:left !important;
}
.report-page12 .c2w-rp-hstat-label{
  display:block !important;
  font:600 9.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:var(--rp-muted) !important;
  margin-bottom:6px !important;
}
.report-page12 .c2w-rp-hstat-value{
  display:block !important;
  font:700 16px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
}

/* FILTER BAR */
.report-page12 .c2w-rp-filterbar{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:12px !important;
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  margin:0 0 18px !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
}
.report-page12 .c2w-rp-filter-group{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  min-width:140px !important;
  margin:0 !important;
}
.report-page12 .c2w-rp-filter-label{
  font:600 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:var(--rp-muted) !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  height:14px !important;
}
.report-page12 .c2w-rp-filter-date,
.report-page12 .c2w-rp-filter-select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:var(--rp-paper) !important;
  border:1px solid var(--rp-line) !important;
  border-radius:8px !important;
  padding:0 12px !important;
  font:500 13px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-ink) !important;
  height:38px !important;
  min-height:38px !important;
  line-height:36px !important;
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  vertical-align:top !important;
}
.report-page12 .c2w-rp-filter-select{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7390' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:12px 12px !important;
  padding-right:32px !important;
}
.report-page12 .c2w-rp-filter-actions{
  display:flex !important;
  gap:10px !important;
  margin-left:auto !important;
  align-items:flex-start !important;
  padding-top:20px !important;
}
.report-page12 .c2w-rp-btn{
  appearance:none !important;
  border:1px solid var(--rp-line) !important;
  border-radius:8px !important;
  padding:0 16px !important;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  cursor:pointer !important;
  letter-spacing:.02em !important;
  height:38px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.report-page12 .c2w-rp-btn-ghost{background:#fff !important;color:var(--rp-ink-2) !important}
.report-page12 .c2w-rp-btn-ghost:hover{background:var(--rp-paper) !important;border-color:#cbd2e0 !important}
.report-page12 .c2w-rp-btn-primary{
  background:var(--rp-primary) !important;
  color:#fff !important;
  border-color:var(--rp-primary) !important;
  box-shadow:0 4px 14px rgba(200,16,46,.18) !important;
}
.report-page12 .c2w-rp-btn-primary:hover{filter:brightness(.95)}

/* KPI STRIP */
.report-page12 .data-listing-reports.c2w-rp-kpis{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:12px !important;
  margin:0 0 18px !important;
}
.report-page12 .c2w-rp-kpi.price-box{
  position:relative !important;
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:12px !important;
  padding:18px 16px 14px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
  text-align:left !important;
  width:auto !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.report-page12 .c2w-rp-kpi.price-box::before{
  content:"" !important;display:block !important;
  position:absolute !important;left:0;right:0;top:0;height:3px !important;
  background:#1d4ed8 !important;
}
.report-page12 .c2w-rp-kpi-blue.price-box::before{background:#1d4ed8 !important}
.report-page12 .c2w-rp-kpi-green.price-box::before{background:#0f9d58 !important}
.report-page12 .c2w-rp-kpi-amber.price-box::before{background:#d97706 !important}
.report-page12 .c2w-rp-kpi-purple.price-box::before{background:#6d28d9 !important}
.report-page12 .c2w-rp-kpi-cyan.price-box::before{background:#0891b2 !important}
.report-page12 .c2w-rp-kpi-red.price-box::before{background:var(--rp-primary) !important}
.report-page12 .c2w-rp-kpi.price-box h4.reporting-cal{
  font:600 9.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  color:var(--rp-muted) !important;
  margin:0 0 8px !important;
  text-align:left !important;
}
.report-page12 .c2w-rp-kpi.price-box h3{
  font:800 20px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  margin:0 0 4px !important;
  text-align:left !important;
  text-transform:none !important;
}
/* Per-tile accent color for the amount value — keeps each KPI visually distinct */
.report-page12 .c2w-rp-kpi-blue.price-box h3{color:#1d4ed8 !important}
.report-page12 .c2w-rp-kpi-green.price-box h3{color:#0f9d58 !important}
.report-page12 .c2w-rp-kpi-amber.price-box h3{color:#b45309 !important}
.report-page12 .c2w-rp-kpi-purple.price-box h3{color:#6d28d9 !important}
.report-page12 .c2w-rp-kpi-cyan.price-box h3{color:#0e7490 !important}
.report-page12 .c2w-rp-kpi-red.price-box h3{color:var(--rp-primary) !important}
/* Subtle tinted background wash for stronger visual grouping */
.report-page12 .c2w-rp-kpi-blue.price-box{background:linear-gradient(180deg,rgba(29,78,216,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-green.price-box{background:linear-gradient(180deg,rgba(15,157,88,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-amber.price-box{background:linear-gradient(180deg,rgba(217,119,6,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-purple.price-box{background:linear-gradient(180deg,rgba(109,40,217,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-cyan.price-box{background:linear-gradient(180deg,rgba(8,145,178,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-red.price-box{background:linear-gradient(180deg,rgba(200,16,46,.06),#fff 70%) !important}
.report-page12 .c2w-rp-kpi-sub{
  display:block !important;
  font:500 11px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-muted) !important;
}

/* CHARTS ROW */
.report-page12 .both-graph.c2w-rp-charts{
  display:grid !important;
  grid-template-columns:1.5fr 1fr !important;
  gap:14px !important;
  margin:0 0 18px !important;
}
.report-page12 .c2w-rp-card.card{
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
}
.report-page12 .c2w-rp-card .card-body{padding:18px 18px 16px !important}
.report-page12 .c2w-rp-card-head{margin:0 0 12px !important;display:flex;flex-direction:column;gap:2px}
.report-page12 .c2w-rp-card .card-title{
  font:700 14px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  margin:0 !important;
  text-align:left !important;
  text-transform:none !important;
}
.report-page12 .c2w-rp-card-sub{
  font:500 11px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-muted) !important;
}

/* Daily Sales SVG */
.report-page12 .c2w-rp-sales-svg{
  width:100% !important;
  height:240px !important;
  display:block !important;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}
.report-page12 .c2w-rp-grid{stroke:#eef2fb;stroke-width:1}
.report-page12 .c2w-rp-bar{fill:var(--rp-navy);opacity:.88;transition:opacity .15s}
.report-page12 .c2w-rp-bar:hover{opacity:1}
.report-page12 .c2w-rp-ordersline{stroke:var(--rp-primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.report-page12 .c2w-rp-linept{fill:#fff;stroke:var(--rp-primary);stroke-width:2}
.report-page12 .c2w-rp-xtick{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  fill:var(--rp-muted) !important;
}
.report-page12 .c2w-rp-sales-legend{
  display:flex;gap:18px;margin-top:10px;
  font:500 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--rp-muted);
}
.report-page12 .c2w-rp-leg-sw{
  display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle;
}
.report-page12 .c2w-rp-leg-bar{background:var(--rp-navy);opacity:.88}
.report-page12 .c2w-rp-leg-line{
  background:transparent;height:0;border-top:2px solid var(--rp-primary);border-radius:0;
  position:relative;top:-3px;
}

/* Donut card inside charts row */
.report-page12 .c2w-rp-chart-products .c2w-donut-chart-wrap{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:18px !important;
  align-items:center !important;
  margin:0 0 8px !important;
}
.report-page12 .c2w-rp-chart-products .c2w-donut-chart{width:130px !important;height:130px !important}
.report-page12 .c2w-rp-chart-products .c2w-donut-track{stroke:#eef2fb !important;stroke-width:14 !important;fill:none !important}
.report-page12 .c2w-rp-chart-products .c2w-donut-segment{stroke-width:14 !important;fill:none !important;transform:rotate(-90deg);transform-origin:60px 60px}
.report-page12 .c2w-donut-segment-1{stroke:#c8102e !important}
.report-page12 .c2w-donut-segment-2{stroke:#0a1f44 !important}
.report-page12 .c2w-donut-segment-3{stroke:#1d4ed8 !important}
.report-page12 .c2w-donut-segment-4{stroke:#d97706 !important}
.report-page12 .c2w-donut-segment-5{stroke:#6d28d9 !important}
.report-page12 .c2w-donut-segment-6{stroke:#0891b2 !important}
.report-page12 .c2w-donut-segment-7{stroke:#0f9d58 !important}
.report-page12 .c2w-donut-segment-8{stroke:#ec4899 !important}
.report-page12 .c2w-rp-chart-products .c2w-donut-center{
  font:700 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  text-align:center;
  position:relative;top:-78px;left:0;width:130px;
}
.report-page12 .c2w-rp-chart-products .c2w-donut-legend{
  list-style:none !important;margin:0 !important;padding:0 !important;
  display:flex;flex-direction:column;gap:6px;
  max-height:230px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#cbd2e0 transparent;
}
.report-page12 .c2w-rp-chart-products .c2w-donut-legend::-webkit-scrollbar{width:6px}
.report-page12 .c2w-rp-chart-products .c2w-donut-legend::-webkit-scrollbar-thumb{background:#cbd2e0;border-radius:3px}
.report-page12 .c2w-rp-chart-products .c2w-donut-legend li{
  display:grid !important;grid-template-columns:auto 1fr auto !important;gap:8px;align-items:center;
  font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-ink-2) !important;
  padding:6px 8px !important;background:var(--rp-paper) !important;border-radius:8px !important;
  text-align:left !important;
}
.report-page12 .c2w-rp-chart-products .c2w-donut-dot{
  width:10px !important;height:10px !important;border-radius:50% !important;display:inline-block !important;
}
.report-page12 .c2w-donut-dot.c2w-donut-segment-1{background:#c8102e !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-2{background:#0a1f44 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-3{background:#1d4ed8 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-4{background:#d97706 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-5{background:#6d28d9 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-6{background:#0891b2 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-7{background:#0f9d58 !important}
.report-page12 .c2w-donut-dot.c2w-donut-segment-8{background:#ec4899 !important}
.report-page12 .c2w-rp-chart-products .c2w-donut-label{font-weight:600 !important;color:var(--rp-navy) !important}
.report-page12 .c2w-rp-chart-products .c2w-donut-value{color:var(--rp-muted) !important;font-weight:500 !important}

/* Responsive */
@media (max-width:1180px){
  .report-page12 .c2w-rp-hero{grid-template-columns:1fr !important}
  .report-page12 .c2w-rp-hero-stats{grid-template-columns:repeat(4,1fr) !important}
  .report-page12 .data-listing-reports.c2w-rp-kpis{grid-template-columns:repeat(3,1fr) !important}
  .report-page12 .both-graph.c2w-rp-charts{grid-template-columns:1fr !important}
}
@media (max-width:760px){
  .report-page12 .c2w-rp-hero-stats{grid-template-columns:repeat(2,1fr) !important}
  .report-page12 .c2w-rp-filter-actions{margin-left:0 !important;width:100%}
  .report-page12 .c2w-rp-chart-products .c2w-donut-chart-wrap{grid-template-columns:1fr !important;justify-items:center !important}
  .report-page12 .c2w-rp-chart-products .c2w-donut-center{position:static;margin-top:-78px}
}
@media (max-width:560px){
  .report-page12 .data-listing-reports.c2w-rp-kpis{grid-template-columns:repeat(2,1fr) !important}
}
/* ===== END Reporting Page ===== */

/* ===== Printing & Downloads Page (ticket-printing.php) ===== */
.printing-downloads-page{
  --rp-navy:var(--c2w-secondary,#0a1f44);
  --rp-primary:var(--c2w-primary,#c8102e);
  --rp-paper:#f5f7fb;
  --rp-line:#e5e9f2;
  --rp-muted:#6b7a99;
  --rp-ink:#0a1f44;
  --rp-ink-2:#22335c;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.printing-downloads-page > .container1{
  width:100% !important;max-width:1280px !important;
  margin:0 auto !important;padding:0 24px !important;
}
.printing-downloads-page .ticket-printing-section{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border:none !important;
}

/* Back to Dashboard */
.printing-downloads-page .back-arrow-img.c2w-back-dashboard{
  display:block !important;
  margin:8px 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}
.printing-downloads-page .back-arrow-img.c2w-back-dashboard a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  text-decoration:none !important;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:8px !important;
  padding:9px 14px !important;
  transition:background .15s,border-color .15s;
}
.printing-downloads-page .back-arrow-img.c2w-back-dashboard a:hover{
  background:var(--rp-paper) !important;
  border-color:#cbd2e0 !important;
}
.printing-downloads-page .back-arrow-img.c2w-back-dashboard img{
  width:14px !important;
  height:14px !important;
  object-fit:contain !important;
  margin:0 !important;
}

/* Hero — title + subtitle inside white card */
.printing-downloads-page h1.heading{
  font:800 26px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  text-align:left !important;
  text-transform:none !important;
  margin:0 0 6px !important;
  padding:0 !important;
  background:transparent !important;
}
.printing-downloads-page p.printing-subtitle{
  font:400 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-muted) !important;
  margin:0 0 18px !important;
  text-align:left !important;
  padding:0 !important;
  background:transparent !important;
}

/* Tab cards (Print Tickets / Download Reports) */
.printing-downloads-page .my-account-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin:0 0 18px !important;
}
.printing-downloads-page .my-account-grid .c2w-tab-link{
  display:block !important;
  text-decoration:none !important;
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:12px !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.printing-downloads-page .my-account-grid .c2w-tab-link:hover{
  border-color:#cbd2e0 !important;
  box-shadow:0 4px 14px rgba(10,31,68,.08) !important;
  transform:translateY(-1px);
}
.printing-downloads-page .my-account-grid .c2w-tab-link.active{
  border-color:var(--rp-primary) !important;
  box-shadow:0 6px 20px rgba(200,16,46,.15) !important;
}
.printing-downloads-page .my-account-grid .c2w-tab-link::before{
  content:"" !important;display:block !important;
  position:absolute !important;left:0;right:0;top:0;height:3px !important;
  background:transparent !important;
  transition:background .15s;
}
.printing-downloads-page .my-account-grid .c2w-tab-link.active::before{
  background:var(--rp-primary) !important;
}
.printing-downloads-page .my-account-grid .my-grid-event{
  padding:22px 22px !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
}
.printing-downloads-page .my-account-grid .my-grid-event .row{
  display:flex !important;align-items:center !important;gap:14px !important;margin:0 !important;
}
.printing-downloads-page .my-account-grid .icon-Event{
  width:100% !important;flex:1 !important;text-align:left !important;padding:0 !important;
  position:relative;
}
.printing-downloads-page .my-account-grid .icon-Event h2{
  font:700 15px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-navy) !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.printing-downloads-page .my-account-grid .icon-Event img.myDIV{
  width:14px !important;height:14px !important;
  vertical-align:middle !important;
  margin-left:6px !important;
  opacity:.5 !important;
}
.printing-downloads-page .my-account-grid .icon-Event .hide{
  display:none !important;
  position:absolute !important;
  top:24px !important;left:0 !important;right:auto !important;
  width:max-content !important;max-width:240px !important;
  z-index:9 !important;
  background:var(--rp-navy) !important;
  color:#fff !important;
  padding:6px 10px !important;
  border-radius:6px !important;
  font:500 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
}
.printing-downloads-page .my-account-grid .icon-Event img.myDIV:hover + .hide{
  display:block !important;
}

/* Content panels */
.printing-downloads-page #printing-div,
.printing-downloads-page #reporting-page{
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:12px !important;
  padding:22px 22px !important;
  box-shadow:0 1px 2px rgba(10,31,68,.04) !important;
  margin:0 0 18px !important;
}
.printing-downloads-page p.printing-paragraph{
  font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-ink-2) !important;
  margin:0 0 16px !important;
  text-align:left !important;
  padding:10px 14px !important;
  background:var(--rp-paper) !important;
  border:1px solid var(--rp-line) !important;
  border-radius:8px !important;
  border-left:3px solid var(--rp-primary) !important;
}

/* Form layout */
.printing-downloads-page .printing-category{margin:0 !important;padding:0 !important;background:transparent !important}
.printing-downloads-page .print-ticktes{margin:0 !important;padding:0 !important;background:transparent !important;float:none !important}
.printing-downloads-page .date-input{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:12px !important;
  align-items:end !important;
  margin:0 !important;
}
.printing-downloads-page .date-input .dates{
  text-align:left !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
.printing-downloads-page .date-input .dates label{
  font:600 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:var(--rp-muted) !important;
  margin:0 !important;
  padding:0 !important;
}
.printing-downloads-page .date-input .date-flex{
  position:relative !important;
  display:block !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
.printing-downloads-page .date-input .date-flex img{
  display:none !important;
}
.printing-downloads-page .date-input input[type="date"],
.printing-downloads-page .date-input select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:var(--rp-paper) !important;
  border:1px solid var(--rp-line) !important;
  border-radius:8px !important;
  padding:9px 12px !important;
  font:500 13px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--rp-ink) !important;
  width:100% !important;
  min-height:38px !important;
  margin:0 !important;
  box-shadow:none !important;
}
.printing-downloads-page .date-input select{
  background-image:linear-gradient(45deg,transparent 50%,var(--rp-muted) 50%),linear-gradient(135deg,var(--rp-muted) 50%,transparent 50%) !important;
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50% !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
  padding-right:32px !important;
}

/* Print Tickets / Download Report buttons */
.printing-downloads-page .tablinks.button-shadow,
.printing-downloads-page .date-input button{
  appearance:none !important;
  background:var(--rp-primary) !important;
  color:#fff !important;
  border:1px solid var(--rp-primary) !important;
  border-radius:8px !important;
  padding:10px 16px !important;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  cursor:pointer !important;
  letter-spacing:.02em !important;
  min-height:38px !important;
  box-shadow:0 4px 14px rgba(200,16,46,.18) !important;
  width:100% !important;
  text-transform:none !important;
  margin:0 !important;
}
.printing-downloads-page .tablinks.button-shadow:hover,
.printing-downloads-page .date-input button:hover{
  filter:brightness(.95);
}

/* Tickets-per-page button group (24/44 image buttons) */
.printing-downloads-page .printing-images{margin-top:18px !important}
.printing-downloads-page .per-page{
  display:flex !important;gap:14px !important;flex-wrap:wrap !important;
  margin:14px 0 !important;
}
.printing-downloads-page .per-page button.btn-24,
.printing-downloads-page .per-page button.btn-44{
  background:#fff !important;
  border:1px solid var(--rp-line) !important;
  border-radius:10px !important;
  padding:8px !important;
  cursor:pointer !important;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.printing-downloads-page .per-page button.btn-24:hover,
.printing-downloads-page .per-page button.btn-44:hover{
  border-color:var(--rp-primary) !important;
  box-shadow:0 4px 14px rgba(200,16,46,.12) !important;
  transform:translateY(-1px);
}
.printing-downloads-page .per-page button img{
  display:block !important;max-width:100% !important;height:auto !important;
}

/* Hidden Print Blank panel (legacy) */
.printing-downloads-page .print-ticktes-blank{
  background:#fff !important;border:1px solid var(--rp-line) !important;
  border-radius:12px !important;padding:18px !important;float:none !important;
  margin:14px 0 !important;
}

/* Responsive */
@media (max-width:980px){
  .printing-downloads-page .my-account-grid{grid-template-columns:1fr !important}
  .printing-downloads-page .date-input{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:560px){
  .printing-downloads-page .date-input{grid-template-columns:1fr !important}
}
/* ===== END Printing Page ===== */
@media (max-width: 680px) {
  .woocommerce-account .c2w-stats-grid,
  .woocommerce-account .c2w-actions-grid { grid-template-columns: 1fr; }
  .woocommerce-account .c2w-progress-head,
  .woocommerce-account .c2w-progress-meta { flex-direction: column; align-items: flex-start; }
}


/* Non-home page content rhythm */
body:not(.page-template-home-template) .site-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 20px 72px;
}
body:not(.page-template-home-template) .site-main > .container1 {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Full width My Account dashboard */
body.woocommerce-account {
  background: #ffffff;
}
body.woocommerce-account .site-main {
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 0 60px !important;
  background: #ffffff;
}
body.woocommerce-account .site-main > .container1 {
  max-width: none !important;
  width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body.woocommerce-account #primary { width: 100% !important; }
body.woocommerce-account #secondary { display: none !important; }
/* Order-received / checkout / cart pages don't need the sidebar widget area */
body.woocommerce-order-received #secondary,
body.woocommerce-checkout #secondary,
body.woocommerce-cart #secondary { display: none !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }
body.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; }
/* Prevent skin .woocommerce wrappers from constraining full-width account pages */
body.woocommerce-account .woocommerce { max-width: none !important; margin: 0 !important; float: none !important; }

body.woocommerce-account .woocommerce-MyAccount-content.c2w-account-dashboard {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 22px 24px 24px;
  max-width: 1400px;
  margin: 0 auto;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}
body.woocommerce-account .c2w-stats-grid { gap: 16px; }
body.woocommerce-account .c2w-stat-card { min-height: 92px; }
body.woocommerce-account .c2w-actions-grid { gap: 14px; }
body.woocommerce-account .c2w-action-card { min-height: 72px; }
body.woocommerce-account .c2w-progress-card { margin-top: 6px; }

/* Reporting page: migrated inline styles + native donut charts */
body .report-page12 .c2w-clear { clear: both; }
body .report-page12 .section-title { font-weight: 700 !important; }
body .report-page12 .reporting-ticket-packages-title {
  margin-top: 20px;
  display: none;
}
body.page-template-reporting-page #masthead,
body.page-template-reporting-page #colophon {
  display: block !important;
  visibility: visible !important;
}
body.page-template-site-setting #masthead,
body.page-template-site-setting #colophon {
  display: block !important;
  visibility: visible !important;
}
body.page-template-site-setting .site-settings-new-one {
  display: none !important;
}
body.page-template-site-setting .site-sett {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  padding: 28px 0 40px !important;
}
body.page-template-site-setting .site-sett .container {
  max-width: 100%;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}
body.page-template-site-setting .site-sett .back-arrow-img {
  margin: 0 0 12px;
}
body.page-template-site-setting .site-sett .back-arrow-img a {
  color: var(--c2w-secondary, #1e2d52);
  font-weight: 600;
}
body.page-template-site-setting .c2w-settings-page-head {
  margin-bottom: 16px;
}
body.page-template-site-setting .c2w-settings-page-title {
  margin: 0 0 4px;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c2w-secondary, #1e2d52);
}
body.page-template-site-setting .c2w-settings-page-subtitle {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  color: #6f7f95;
}
body.page-template-site-setting .site-sett .layout-tab.tab.site-settings {
  float: none;
  width: 100%;
  padding-left: 0;
}
body.page-template-site-setting .site-sett .layout-tab.tab.site-settings > .tablinks {
  float: none;
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 10px 20px;
  border-radius: 8px;
  border: 0;
  background: var(--c2w-secondary, #1e2d52) !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  line-height: 1.2;
}
body.page-template-site-setting .site-sett .layout-tab.tab.site-settings > .tablinks.active,
body.page-template-site-setting .site-sett .layout-tab.tab.site-settings > .tablinks:hover {
  background: var(--c2w-primary, #3b82c4) !important;
  color: var(--c2w-secondary, #1e2d52) !important;
}
body.page-template-site-setting .site-sett form#test_form {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 0 22px 24px;
  margin-top: 14px;
}
body.page-template-site-setting .site-sett form#test_form > .tabcontent,
body.page-template-site-setting .site-sett form#test_form > .tabcontent2 {
  float: none;
  border: 0;
  background: transparent !important;
  padding: 20px 0 12px !important;
  margin: 0;
}
body.page-template-site-setting .site-sett form#test_form > .tabcontent > :first-child,
body.page-template-site-setting .site-sett form#test_form > .tabcontent2 > :first-child {
  margin-top: 0;
}
body.page-template-site-setting .site-sett .notice-section .warning {
  gap: 8px;
}
body.page-template-site-setting .site-sett .c2w-settings-section-title {
  margin: 0 0 16px;
  padding: 18px 0 14px;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
  color: var(--c2w-secondary, #1e2d52);
  font-size: 30px;
  font-weight: 700;
}
body.page-template-site-setting .site-sett #savesettings,
body.page-template-site-setting .site-sett .c2w-ss-save-btn {
  background: var(--c2w-primary, #3b82c4) !important;
  border: 1px solid var(--c2w-primary, #3b82c4) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  padding: 9px 24px !important;
}

/* ── Site Settings: universal form-field sizing ──
 * The Pro skin CSS carried the only rule making text inputs full-width on
 * site-settings.  This block ensures all skins get the same treatment. */
body.page-template-site-setting .site-sett input[type="text"],
body.page-template-site-setting .site-sett input[type="email"],
body.page-template-site-setting .site-sett input[type="url"],
body.page-template-site-setting .site-sett input[type="password"],
body.page-template-site-setting .site-sett input[type="number"],
body.page-template-site-setting .site-sett input[type="tel"],
body.page-template-site-setting .site-sett input[type="search"],
body.page-template-site-setting .site-sett input[type="date"],
body.page-template-site-setting .site-sett select,
body.page-template-site-setting .site-sett textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  width: auto;
  max-width: 420px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
body.page-template-site-setting .site-sett input[type="text"]:focus,
body.page-template-site-setting .site-sett input[type="email"]:focus,
body.page-template-site-setting .site-sett input[type="url"]:focus,
body.page-template-site-setting .site-sett input[type="number"]:focus,
body.page-template-site-setting .site-sett input[type="tel"]:focus,
body.page-template-site-setting .site-sett select:focus,
body.page-template-site-setting .site-sett textarea:focus {
  border-color: var(--c2w-primary, #3b82c4);
  box-shadow: 0 0 0 3px rgba(59,130,196,0.15);
}
body.page-template-site-setting .site-sett textarea {
  min-height: 120px;
  resize: vertical;
}
/* Narrow utility overrides used inside sponsor/slider blocks */
body.page-template-site-setting .site-sett input.img-url-sponsor {
  width: 100%;
  margin-top: 6px;
}
/* Labels — generic form labels */
body.page-template-site-setting .site-sett label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
}
/* Radio/checkbox labels must stay inline inside their flex row */
body.page-template-site-setting .site-sett .radio-option label,
body.page-template-site-setting .site-sett .radio-label {
  display: inline !important;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  margin-bottom: 0;
  cursor: pointer;
}
/* Inline action buttons inside form tab content (Add Sponsor, Add Image, etc.) */
body.page-template-site-setting .site-sett input[type="button"],
body.page-template-site-setting .site-sett .button-primary.bu1 {
  width: auto;
  display: inline-block;
}

/* ── Sponsor / Slider Image grid ── */
body.page-template-site-setting .site-sett #total_sponsors,
body.page-template-site-setting .site-sett #total_sliderimages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
body.page-template-site-setting .site-sett .inner-total_sponsors_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 180px;
  max-width: 180px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 12px 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  text-align: center;
  box-sizing: border-box;
}
/* Actual product/sponsor photo inside the card */
body.page-template-site-setting .site-sett #total_sponsors .inner-total_sponsors_25 > img:first-child,
body.page-template-site-setting .site-sett #total_sliderimages .inner-total_sponsors_25 > img:first-child {
  object-fit: cover;
  width: 100% !important;
  height: 110px !important;
  border-radius: 6px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  display: block;
  margin: 0 0 10px;
}
/* Hide the decorative upload.png icon — use same ID scope to beat photo rule specificity */
body.page-template-site-setting .site-sett #total_sponsors .inner-total_sponsors_25 .labelFile-parent img,
body.page-template-site-setting .site-sett #total_sliderimages .inner-total_sponsors_25 .labelFile-parent img {
  display: none !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
}
/* Upload area */
body.page-template-site-setting .site-sett .labelFile-parent {
  display: block;
  margin-top: 8px;
}
/* Change Image / Upload Image button */
body.page-template-site-setting .site-sett .labelFile,
body.page-template-site-setting .site-sett .sponsorlabel {
  display: block;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: var(--c2w-secondary, #1e2d52);
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 7px 10px;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.page-template-site-setting .site-sett .labelFile:hover,
body.page-template-site-setting .site-sett .sponsorlabel:hover {
  background: var(--c2w-primary, #3b82c4);
  color: #fff;
  border-color: var(--c2w-primary, #3b82c4);
}
/* Delete (X) circle button on each card */
body.page-template-site-setting .site-sett .gray-upload-image a.button-primary.bu1,
body.page-template-site-setting .site-sett .add-images-shout a.button-primary.bu1,
body.page-template-site-setting .site-sett .inner-total_sponsors_25 a.button-primary.bu1 {
  position: absolute !important;
  top: -10px !important;
  right: -10px !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #e53e3e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
body.page-template-site-setting .site-sett .inner-total_sponsors_25 a.button-primary.bu1:hover {
  background: #e53e3e !important;
  color: #fff !important;
  border-color: #e53e3e !important;
}
/* Sponsor URL input inside card — compact, card-width only */
body.page-template-site-setting .site-sett input.img-url-sponsor {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  font-size: 11px !important;
  padding: 5px 7px !important;
  box-sizing: border-box !important;
  display: block !important;
}
/* Rearrange / reorder link */
body.page-template-site-setting .site-sett .prize-button,
body.page-template-site-setting .site-sett .prize-button2 {
  margin-bottom: 14px;
}
body.page-template-site-setting .site-sett .add-basket-button12 {
  font-size: 12px;
  padding: 7px 16px;
  border-radius: 6px;
}

/* ── Winner Show Settings ── */
body.page-template-site-setting .site-sett .options-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 600px;
  margin-top: 20px;
}
body.page-template-site-setting .site-sett .option-card {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 18px 20px;
  border: 2px solid #e9ecef;
  cursor: pointer;
  transition: all 0.2s ease;
}
body.page-template-site-setting .site-sett .option-card:hover {
  border-color: var(--c2w-primary, #3b82c4);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transform: translateY(-1px);
}
body.page-template-site-setting .site-sett .option-card.selected {
  border-color: var(--c2w-primary, #3b82c4);
  background: #eff6ff;
}
body.page-template-site-setting .site-sett .option-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
body.page-template-site-setting .site-sett .option-title {
  font-size: 15px;
  font-weight: 700;
  color: #1e2d52;
  margin-bottom: 2px;
}
body.page-template-site-setting .site-sett .option-description {
  font-size: 13px;
  color: #6b7280;
}
body.page-template-site-setting .site-sett .radio-group {
  margin: 12px 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.page-template-site-setting .site-sett .radio-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.page-template-site-setting .site-sett .radio-label {
  font-size: 14px;
  color: #374151;
  cursor: pointer;
}
body.page-template-site-setting .site-sett input[type="checkbox"],
body.page-template-site-setting .site-sett input[type="radio"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}
body.page-template-site-setting .site-sett .preview {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-top: 24px;
  border: 1px solid #e5e7eb;
  text-align: center;
  max-width: 600px;
}
body.page-template-site-setting .site-sett .preview-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #6b7280;
  margin-bottom: 14px;
}
body.page-template-site-setting .site-sett .winner-card {
  background: linear-gradient(135deg, var(--c2w-secondary, #1e2d52) 0%, var(--c2w-primary, #3b82c4) 100%);
  border-radius: 10px;
  padding: 18px 20px;
  color: #fff;
  max-width: 320px;
  margin: 0 auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
body.page-template-site-setting .site-sett .winner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}
body.page-template-site-setting .site-sett .winner-info {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
body.page-template-site-setting .site-sett .hidden {
  display: none !important;
}
body.page-template-site-setting .site-sett .instructions {
  background: #fffbeb;
  border-left: 4px solid #f59e0b;
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  margin-top: 20px;
  font-size: 13px;
  color: #78350f;
  max-width: 600px;
}
body.page-template-add-manual-order #masthead,
body.page-template-add-manual-order #colophon,
body.page-template-add-manual-order-php #masthead,
body.page-template-add-manual-order-php #colophon {
  display: block !important;
  visibility: visible !important;
}
body.page-template-add-manual-order #page,
body.page-template-add-manual-order #content,
body.page-template-add-manual-order #primary,
body.page-template-add-manual-order #main,
body.page-template-add-manual-order-php #page,
body.page-template-add-manual-order-php #content,
body.page-template-add-manual-order-php #primary,
body.page-template-add-manual-order-php #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-template-add-manual-order .content-area,
body.page-template-add-manual-order .site-main,
body.page-template-add-manual-order .entry-content,
body.page-template-add-manual-order-php .content-area,
body.page-template-add-manual-order-php .site-main,
body.page-template-add-manual-order-php .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.page-template-add-manual-order #secondary,
body.page-template-add-manual-order-php #secondary {
  display: none !important;
}
body.page-template-add-manual-order .add-manual12.Order-Dashboard-manual12,
body.page-template-add-manual-order-php .add-manual12.Order-Dashboard-manual12 {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  padding: 18px 0 36px !important;
}
body.page-template-add-manual-order .add-manual12 .container1,
body.page-template-add-manual-order-php .add-manual12 .container1 {
  width: 100% !important;
  max-width: 1520px !important;
  margin: 0 auto !important;
  padding: 0 42px 44px !important;
  box-sizing: border-box;
}
body.page-template-add-manual-order .add-manual12 .manual-order-desc,
body.page-template-add-manual-order-php .add-manual12 .manual-order-desc {
  display: none;
}
body.page-template-add-manual-order .add-manual12 h2.title-add1,
body.page-template-add-manual-order-php .add-manual12 h2.title-add1 {
  color: var(--c2w-secondary, #1e2d52);
  font-size: 34px;
  margin: 10px 0 18px !important;
}
body.page-template-add-manual-order .manual-order-updated-design,
body.page-template-add-manual-order-php .manual-order-updated-design {
  padding: 8px 12px 0 !important;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-5,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-5 {
  flex: 0 0 46%;
  max-width: 46%;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .assign-team-sec,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .assign-team-sec {
  flex: 0 0 26%;
  max-width: 26%;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-4.col-lg-6.col-xss-12,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-4.col-lg-6.col-xss-12 {
  flex: 1;
  max-width: 28%;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1.manual-no-team > .col-md-5,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1.manual-no-team > .col-md-5 {
  flex: 0 0 64%;
  max-width: 64%;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1.manual-no-team > .col-md-4.col-lg-6.col-xss-12,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1.manual-no-team > .col-md-4.col-lg-6.col-xss-12 {
  flex: 1;
  max-width: 36%;
}
body.page-template-add-manual-order .manual-order-updated-design .heading-bar,
body.page-template-add-manual-order-php .manual-order-updated-design .heading-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c2w-secondary, #1e2d52) !important;
  padding: 18px 22px;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
  margin: 0 !important;
}
body.page-template-add-manual-order .manual-order-updated-design .export-table,
body.page-template-add-manual-order-php .manual-order-updated-design .export-table {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  box-shadow: none !important;
  background: #ffffff;
  padding: 24px 26px;
}
body.page-template-add-manual-order .manual-order-updated-design .export-table.t1.row1,
body.page-template-add-manual-order .manual-order-updated-design .row1.export-table,
body.page-template-add-manual-order-php .manual-order-updated-design .export-table.t1.row1,
body.page-template-add-manual-order-php .manual-order-updated-design .row1.export-table {
  box-shadow: none !important;
}
body.page-template-add-manual-order .manual-order-updated-design .cutomer-info-sec,
body.page-template-add-manual-order-php .manual-order-updated-design .cutomer-info-sec,
body.page-template-add-manual-order .manual-order-updated-design .team-sec,
body.page-template-add-manual-order-php .manual-order-updated-design .team-sec,
body.page-template-add-manual-order .manual-order-updated-design .gift-sec,
body.page-template-add-manual-order-php .manual-order-updated-design .gift-sec,
body.page-template-add-manual-order .manual-order-updated-design .tickets-sec,
body.page-template-add-manual-order-php .manual-order-updated-design .tickets-sec,
body.page-template-add-manual-order .manual-order-updated-design .cart-box12,
body.page-template-add-manual-order-php .manual-order-updated-design .cart-box12 {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 22px;
}
body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cart-box12,
body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cart-box12 {
  width: 100%;
}
body.page-template-add-manual-order .manual-order-updated-design .payment-12 form,
body.page-template-add-manual-order-php .manual-order-updated-design .payment-12 form {
  flex-direction: row;
  gap: 10px;
}
body.page-template-add-manual-order .manual-order-updated-design .payment-12 label span,
body.page-template-add-manual-order-php .manual-order-updated-design .payment-12 label span {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 9999px;
  color: #7a8ca5;
  padding: 8px 18px;
  font-size: 14px !important;
}
body.page-template-add-manual-order .manual-order-updated-design .payment-12 label span:before,
body.page-template-add-manual-order-php .manual-order-updated-design .payment-12 label span:before {
  display: none;
}
body.page-template-add-manual-order .manual-order-updated-design .payment-12 label input:checked + span,
body.page-template-add-manual-order-php .manual-order-updated-design .payment-12 label input:checked + span {
  border-color: var(--c2w-primary, #3b82c4);
  color: var(--c2w-primary, #3b82c4);
  box-shadow: inset 0 0 0 1px var(--c2w-primary, #3b82c4);
}
body.page-template-add-manual-order .manual-order-updated-design .manual-cart-count,
body.page-template-add-manual-order-php .manual-order-updated-design .manual-cart-count {
  font-size: 14px;
  line-height: 1;
  color: var(--c2w-primary, #3b82c4);
  background: #dff7fd;
  border-radius: 999px;
  padding: 6px 10px;
}
body.page-template-add-manual-order .manual-order-updated-design .team-toggle-text,
body.page-template-add-manual-order-php .manual-order-updated-design .team-toggle-text {
  color: #70849e;
  font-weight: 600;
  font-size: 14px;
}
body.page-template-add-manual-order .manual-order-updated-design .manual-cart-empty,
body.page-template-add-manual-order-php .manual-order-updated-design .manual-cart-empty {
  color: #9fb0c8;
  font-size: 16px;
  text-align: center;
  padding: 52px 10px 36px;
}
body.page-template-add-manual-order #products_selected,
body.page-template-add-manual-order-php #products_selected {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
body.page-template-add-manual-order #products_selected .ticket13,
body.page-template-add-manual-order-php #products_selected .ticket13 {
  flex: 0 0 calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
  border: 1px dashed var(--c2w-border, #d8e4ef);
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
}
body.page-template-add-manual-order #products_selected .ticket13 h3,
body.page-template-add-manual-order-php #products_selected .ticket13 h3 {
  margin: 0 0 8px;
}
body.page-template-add-manual-order #products_selected .manual-delete-ticket,
body.page-template-add-manual-order-php #products_selected .manual-delete-ticket {
  border: 1px solid var(--c2w-border, #d8e4ef);
  background: #ffffff;
  color: #60738e;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
body.page-template-add-manual-order #products_selected .manual-delete-ticket:hover,
body.page-template-add-manual-order-php #products_selected .manual-delete-ticket:hover {
  color: var(--c2w-secondary, #1e2d52);
  border-color: #9fb0c7;
}
body.page-template-add-manual-order .manual-order-updated-design .ticket12 h3 a,
body.page-template-add-manual-order-php .manual-order-updated-design .ticket12 h3 a {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  background: #ffffff;
  color: #7d8ea8;
  padding: 12px 20px;
  margin: 6px;
  width: auto;
  display: inline-block;
}
body.page-template-add-manual-order .manual-order-updated-design .manual-submit-wrap,
body.page-template-add-manual-order-php .manual-order-updated-design .manual-submit-wrap {
  margin-top: 14px;
  text-align: left;
}
body.page-template-add-manual-order .manual-order-updated-design #save-order,
body.page-template-add-manual-order-php .manual-order-updated-design #save-order {
  background: var(--c2w-primary, #3b82c4);
  color: #ffffff;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  display: inline-block !important;
  border: 0;
}
body.page-template-add-manual-order .manual-order-updated-design .t1 input,
body.page-template-add-manual-order .manual-order-updated-design input#check_number,
body.page-template-add-manual-order .manual-order-updated-design input#other_payment,
body.page-template-add-manual-order-php .manual-order-updated-design .t1 input,
body.page-template-add-manual-order-php .manual-order-updated-design input#check_number,
body.page-template-add-manual-order-php .manual-order-updated-design input#other_payment {
  width: 100%;
  min-height: 42px !important;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 10px 14px;
  box-sizing: border-box;
}
body.page-template-add-manual-order .manual-order-updated-design .t1 label,
body.page-template-add-manual-order-php .manual-order-updated-design .t1 label {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  color: var(--c2w-secondary, #1e2d52);
}

body.page-template-add-manual-order .manual-order-updated-design .export-table.t1.row1,
body.page-template-add-manual-order-php .manual-order-updated-design .export-table.t1.row1 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
body.page-template-add-manual-order .manual-order-updated-design .export-table.t1.row1 .col-md-6,
body.page-template-add-manual-order-php .manual-order-updated-design .export-table.t1.row1 .col-md-6 {
  flex: 0 0 calc(50% - 7px);
  max-width: calc(50% - 7px);
  padding: 0 !important;
  margin-bottom: 8px;
}
body.page-template-add-manual-order .manual-order-updated-design .export-table.t1.row1 .col-md-6:last-child,
body.page-template-add-manual-order-php .manual-order-updated-design .export-table.t1.row1 .col-md-6:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 1024px) {
  body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1,
  body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 { display: block; }
  body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-5,
  body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .assign-team-sec,
  body.page-template-add-manual-order .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-4.col-lg-6.col-xss-12,
  body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-5,
  body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .assign-team-sec,
  body.page-template-add-manual-order-php .manual-order-updated-design > form > .col-md-12 > .cutomer-info-sec > .row1 > .col-md-4.col-lg-6.col-xss-12 {
    max-width: 100%;
  }
  body.page-template-add-manual-order .manual-order-updated-design .heading-bar,
  body.page-template-add-manual-order-php .manual-order-updated-design .heading-bar { font-size: 16px; }
  body.page-template-add-manual-order .manual-order-updated-design .manual-cart-empty,
  body.page-template-add-manual-order-php .manual-order-updated-design .manual-cart-empty { font-size: 16px; }
  body.page-template-add-manual-order #products_selected .ticket13,
  body.page-template-add-manual-order-php #products_selected .ticket13 { flex: 0 0 100%; max-width: 100%; }
  body.page-template-add-manual-order .manual-order-updated-design .export-table.t1.row1 .col-md-6,
  body.page-template-add-manual-order-php .manual-order-updated-design .export-table.t1.row1 .col-md-6 { flex: 0 0 100%; max-width: 100%; }
}
body .report-page12 .report-chart-spacer {
  margin: 0;
  text-align: center;
  display: block;
}
body .report-page12 .form-parent.is-hidden { display: none; }
body .report-page12 .both-graph--hidden { display: none; }
body .report-page12 .status-sending { color: #dc2626; font-weight: 700; }
body .report-page12 .status-sent { color: #16a34a; font-weight: 700; }

body .report-page12 .c2w-donut-chart-wrap {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body .report-page12 .c2w-donut-chart {
  width: 130px;
  height: 130px;
}
body .report-page12 .c2w-donut-chart circle {
  fill: none;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
body .report-page12 .c2w-donut-track {
  stroke: var(--c2w-border, #d8e4ef);
  stroke-width: 16;
}
body .report-page12 .c2w-donut-segment {
  stroke-width: 16;
}
body .report-page12 .c2w-donut-segment-1 { stroke: #06b6d4; }
body .report-page12 .c2w-donut-segment-2 { stroke: #22c55e; }
body .report-page12 .c2w-donut-segment-3 { stroke: #f59e0b; }
body .report-page12 .c2w-donut-segment-4 { stroke: #ef4444; }
body .report-page12 .c2w-donut-segment-5 { stroke: #8b5cf6; }

body.page-template-ticket-printing #masthead,
body.page-template-ticket-printing #colophon,
body.page-template-ticket-printing-php #masthead,
body.page-template-ticket-printing-php #colophon {
  display: block !important;
  visibility: visible !important;
}

body.page-template-ticket-printing .printing-downloads-page,
body.page-template-ticket-printing-php .printing-downloads-page {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  padding: 24px 0 40px !important;
}
body.page-template-ticket-printing .printing-downloads-page .container1,
body.page-template-ticket-printing-php .printing-downloads-page .container1 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  box-sizing: border-box;
}
body.page-template-ticket-printing .printing-downloads-page .ticket-printing-section,
body.page-template-ticket-printing-php .printing-downloads-page .ticket-printing-section {
  padding: 0 !important;
}
body.page-template-ticket-printing .printing-downloads-page .back-arrow-img,
body.page-template-ticket-printing-php .printing-downloads-page .back-arrow-img {
  display: flex !important;
  visibility: visible !important;
  margin: 0 0 10px;
}
body.page-template-ticket-printing .printing-downloads-page .c2w-back-dashboard,
body.page-template-ticket-printing-php .printing-downloads-page .c2w-back-dashboard,
.printing-downloads-page .c2w-back-dashboard {
  display: flex !important;
  visibility: visible !important;
  margin: 0 0 10px !important;
}
body.page-template-ticket-printing .printing-downloads-page .heading,
body.page-template-ticket-printing-php .printing-downloads-page .heading {
  text-align: left !important;
  margin: 0 0 6px !important;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
}
body.page-template-ticket-printing .printing-downloads-page .printing-subtitle,
body.page-template-ticket-printing-php .printing-downloads-page .printing-subtitle {
  margin: 0 0 22px;
  color: #5d6f89;
  font-size: 18px;
  line-height: 1.45;
  text-align: left;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid {
  width: 100% !important;
  margin: 0 0 24px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .c2w-tab-link,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .c2w-tab-link {
  background: var(--c2w-secondary, #1e2d52) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  padding: 0 !important;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .c2w-tab-link.active,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .c2w-tab-link.active {
  background: var(--c2w-primary, #3b82c4) !important;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .my-grid-event,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .my-grid-event {
  padding: 18px 20px;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .icon-Event,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .icon-Event {
  justify-content: center;
  gap: 8px;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .icon-Event h2,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .icon-Event h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.25;
  font-weight: 700;
}
body.page-template-ticket-printing .printing-downloads-page .my-account-grid .c2w-tab-link.active .icon-Event h2,
body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid .c2w-tab-link.active .icon-Event h2 {
  color: var(--c2w-secondary, #1e2d52) !important;
}
body.page-template-ticket-printing .printing-downloads-page #printing-div,
body.page-template-ticket-printing-php .printing-downloads-page #printing-div {
  display: block;
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 28px 24px 24px;
}
body.page-template-ticket-printing .printing-downloads-page #reporting-page,
body.page-template-ticket-printing-php .printing-downloads-page #reporting-page {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 28px 24px 24px;
}
body.page-template-ticket-printing .printing-downloads-page .printing-paragraph,
body.page-template-ticket-printing-php .printing-downloads-page .printing-paragraph {
  margin: 0 0 18px !important;
  text-align: left !important;
  color: #5d6f89;
  font-size: 16px;
  line-height: 1.5;
}
body.page-template-ticket-printing .printing-downloads-page .printing-category,
body.page-template-ticket-printing-php .printing-downloads-page .printing-category {
  margin: 0 !important;
}
body.page-template-ticket-printing .printing-downloads-page .category,
body.page-template-ticket-printing-php .printing-downloads-page .category {
  display: block !important;
}
body.page-template-ticket-printing .printing-downloads-page .date-input,
body.page-template-ticket-printing-php .printing-downloads-page .date-input {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 14px;
  align-items: end;
}
body.page-template-ticket-printing .printing-downloads-page .date-input label,
body.page-template-ticket-printing-php .printing-downloads-page .date-input label {
  display: block;
  margin: 0 0 6px !important;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 16px;
  font-weight: 700;
}
body.page-template-ticket-printing .printing-downloads-page .date-flex img,
body.page-template-ticket-printing-php .printing-downloads-page .date-flex img {
  display: none !important;
}
body.page-template-ticket-printing .printing-downloads-page .date-input input,
body.page-template-ticket-printing .printing-downloads-page .date-input select,
body.page-template-ticket-printing-php .printing-downloads-page .date-input input,
body.page-template-ticket-printing-php .printing-downloads-page .date-input select {
  width: 100% !important;
  min-height: 54px;
  border: 1px solid var(--c2w-border, #d8e4ef) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  background: #ffffff;
  color: var(--c2w-secondary, #1e2d52);
  box-sizing: border-box;
}
body.page-template-ticket-printing .printing-downloads-page .dates .tablinks.button-shadow,
body.page-template-ticket-printing-php .printing-downloads-page .dates .tablinks.button-shadow {
  min-height: 54px;
  border: 0;
  border-radius: 10px;
  background: var(--c2w-secondary, #1e2d52);
  color: #ffffff;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
}
body.page-template-ticket-printing .printing-downloads-page .report-download-form .date-input,
body.page-template-ticket-printing-php .printing-downloads-page .report-download-form .date-input {
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
}
body.page-template-ticket-printing .printing-downloads-page #reporting-page,
body.page-template-ticket-printing-php .printing-downloads-page #reporting-page {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  body.page-template-ticket-printing .printing-downloads-page .my-account-grid,
  body.page-template-ticket-printing-php .printing-downloads-page .my-account-grid {
    grid-template-columns: 1fr;
  }
  body.page-template-ticket-printing .printing-downloads-page .date-input,
  body.page-template-ticket-printing-php .printing-downloads-page .date-input {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  body.page-template-ticket-printing .printing-downloads-page .container1,
  body.page-template-ticket-printing-php .printing-downloads-page .container1 {
    padding: 0 16px !important;
  }
  body.page-template-ticket-printing .printing-downloads-page .heading,
  body.page-template-ticket-printing-php .printing-downloads-page .heading {
    font-size: 30px;
  }
  body.page-template-ticket-printing .printing-downloads-page .printing-subtitle,
  body.page-template-ticket-printing-php .printing-downloads-page .printing-subtitle {
    font-size: 18px;
  }
  body.page-template-ticket-printing .printing-downloads-page .date-input,
  body.page-template-ticket-printing-php .printing-downloads-page .date-input {
    grid-template-columns: 1fr;
  }
}

.printing-downloads-page {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  padding: 24px 0 40px !important;
}
.printing-downloads-page .container1 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  box-sizing: border-box;
}
.printing-downloads-page .my-account-grid {
  width: 100% !important;
  margin: 0 0 24px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.printing-downloads-page .my-account-grid .c2w-tab-link {
  background: var(--c2w-secondary, #1e2d52) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  padding: 0 !important;
}
.printing-downloads-page .my-account-grid .c2w-tab-link.active {
  background: var(--c2w-primary, #3b82c4) !important;
}
.printing-downloads-page #printing-div {
  display: block;
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 28px 24px 24px;
}
.printing-downloads-page #reporting-page {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 28px 24px 24px;
}
@media (max-width: 1200px) {
  .printing-downloads-page .my-account-grid {
    grid-template-columns: 1fr;
  }
}
body .report-page12 .c2w-donut-segment-6 { stroke: #14b8a6; }
body .report-page12 .c2w-donut-segment-7 { stroke: #f43f5e; }
body .report-page12 .c2w-donut-segment-8 { stroke: #0ea5e9; }

body .report-page12 .c2w-donut-center {
  margin-top: -84px;
  margin-left: 0;
  width: 130px;
  text-align: center;
  font-weight: 700;
  color: var(--c2w-secondary, #1e2d52);
  pointer-events: none;
}

body.page-template-addticketpackages #masthead,
body.page-template-addticketpackages #colophon,
body.page-template-addticketpackages-php #masthead,
body.page-template-addticketpackages-php #colophon {
  display: block !important;
  visibility: visible !important;
}

.c2w-ticket-packages-page {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  padding: 24px 0 42px !important;
}
.c2w-ticket-packages-page .container1 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  box-sizing: border-box;
}
.c2w-ticket-packages-page .back-arrow-img.c2w-back-dashboard {
  display: flex !important;
  margin: 0 0 10px !important;
}
.c2w-ticket-packages-page .descrp-ticket h1 {
  margin: 0 0 6px !important;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 34px;
  line-height: 1.15;
  text-align: left;
}
.c2w-ticket-packages-page .descrp-ticket p {
  margin: 0 0 24px;
  color: #5d6f89;
  font-size: 18px;
  line-height: 1.4;
  text-align: left;
  padding: 0 !important;
}
.c2w-ticket-packages-page .ticket-packages-form-card,
.c2w-ticket-packages-page .ticket-packages-submitted-card {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
}
.c2w-ticket-packages-page .ticket-packages-form-card form {
  padding: 26px 24px 24px;
}
.c2w-ticket-packages-page .repeater [data-repeatable] fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
}
.c2w-ticket-packages-page .ticket-field-group {
  width: 180px;
}
.c2w-ticket-packages-page .ticket-field-group label {
  display: block;
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  color: var(--c2w-secondary, #1e2d52);
}
.c2w-ticket-packages-page .ticket-field-group input {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 8px 12px;
  box-sizing: border-box;
}
.c2w-ticket-packages-page .ticket-add-row {
  display: table;
  margin: 10px auto 18px;
  color: var(--c2w-primary, #3b82c4) !important;
  font-weight: 600;
  text-decoration: none;
  background: transparent !important;
}
.c2w-ticket-packages-page .ticket-button {
  display: block;
  margin: 0 auto;
  border: 0;
  border-radius: 8px;
  background: var(--c2w-primary, #3b82c4);
  color: var(--c2w-secondary, #1e2d52);
  font-size: 15px;
  font-weight: 700;
  padding: 10px 28px;
  cursor: pointer;
}
.c2w-ticket-packages-page .ticket-button.disabled,
.c2w-ticket-packages-page .ticket-button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.c2w-ticket-packages-page .ticket-packages-submitted-card .submited-packages {
  margin: 0;
  padding: 20px 24px 14px;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 28px;
  font-weight: 700;
}
.c2w-ticket-packages-page .ticket-packages-table {
  width: 100%;
  border-collapse: collapse;
}
.c2w-ticket-packages-page .ticket-packages-table th,
.c2w-ticket-packages-page .ticket-packages-table td {
  padding: 16px 18px;
  border-top: 1px solid var(--c2w-border, #d8e4ef);
  text-align: left;
}
.c2w-ticket-packages-page .ticket-packages-table thead th {
  background: #f8fafc;
  color: #637792;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.c2w-ticket-packages-page .ticket-action-delete {
  display: inline-block;
  background: #ff3f7d;
  color: #ffffff;
  padding: 6px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 900px) {
  .c2w-ticket-packages-page .container1 {
    padding: 0 16px !important;
  }
  .c2w-ticket-packages-page .descrp-ticket h1 {
    font-size: 28px;
  }
  .c2w-ticket-packages-page .descrp-ticket p {
    font-size: 16px;
  }
  .c2w-ticket-packages-page .ticket-packages-submitted-card .submited-packages {
    font-size: 24px;
  }
  .c2w-ticket-packages-page .ticket-packages-table {
    display: block;
    overflow-x: auto;
  }
}

body.page-template-add-team #masthead,
body.page-template-add-team #colophon,
body.page-template-add-team-php #masthead,
body.page-template-add-team-php #colophon {
  display: block !important;
  visibility: visible !important;
}

.c2w-team-dashboard {
  background: var(--c2w-light, #f0f6fc) !important;
  border-top: 0 !important;
  padding: 24px 0 42px !important;
}
.c2w-team-dashboard .container1 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  box-sizing: border-box;
}
.c2w-team-dashboard .left-right-space {
  padding: 0 !important;
}
.c2w-team-dashboard .back-arrow-teams {
  display: inline-flex !important;
  margin: 0 0 12px !important;
}
.c2w-team-dashboard .back-arrow-teams a {
  color: #6b7cff;
  font-weight: 600;
  text-decoration: none;
}
.c2w-team-dashboard .back-arrow-teams i {
  margin-right: 6px;
}
.c2w-team-dashboard .rtg-title {
  margin: 0 0 6px !important;
  color: var(--c2w-secondary, #1e2d52) !important;
  font-size: 54px !important;
  line-height: 1.15;
  text-align: left !important;
  font-weight: 700;
}
.c2w-team-dashboard .track-para p {
  width: 100% !important;
  margin: 0 0 22px !important;
  color: #5d6f89;
  font-size: 18px;
  line-height: 1.4;
  text-align: left !important;
}
.c2w-team-dashboard .team-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: flex-start;
}
.c2w-team-dashboard .team-wrapper .track-para {
  width: 100%;
}
.c2w-team-dashboard .left-section-team {
  width: calc(50% - 10px) !important;
  float: none !important;
  margin-bottom: 18px;
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  box-shadow: none !important;
}
.c2w-team-dashboard .team-wrapper > .left-section-team:first-of-type {
  max-width: none;
  margin: 0;
}
.c2w-team-dashboard .form-horizontal {
  width: 100% !important;
  padding: 0 !important;
}
.c2w-team-dashboard .form-horizontal .labltitle {
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
  color: var(--c2w-secondary, #1e2d52);
  font-size: 16px;
  font-weight: 700;
}
.c2w-team-dashboard .form-horizontal .full-row1 {
  padding: 18px;
  text-align: center;
}
.c2w-team-dashboard .form-horizontal #file {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 8px;
}
.c2w-team-dashboard .form-horizontal #submit {
  background: var(--c2w-primary, #3b82c4) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--c2w-secondary, #1e2d52) !important;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 26px !important;
}
.c2w-team-dashboard .form-horizontal a button {
  background: var(--c2w-secondary, #1e2d52) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 22px !important;
  margin-top: 10px;
}
.c2w-team-dashboard .team-wrapper > .left-section-team:nth-of-type(2) {
  width: calc(50% - 10px) !important;
  display: block !important;
  background: transparent;
  border: 0;
  margin-bottom: 0;
}
.c2w-team-dashboard .team-wrapper > .left-section21,
.c2w-team-dashboard .team-wrapper > .team-wrapper-right {
  width: calc(50% - 10px) !important;
  margin: 0 !important;
}
.c2w-team-dashboard .Members-add .pay-radio1 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0;
}
.c2w-team-dashboard .Members-add label {
  margin: 0 !important;
}
.c2w-team-dashboard .Members-add label input,
.c2w-team-dashboard .will_this_checkout label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.c2w-team-dashboard .Members-add label span {
  border: 2px solid var(--c2w-border, #d8e4ef);
  border-radius: 999px;
  color: #7b8da6;
  padding: 9px 18px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
.c2w-team-dashboard .Members-add label input:checked + span {
  border-color: var(--c2w-primary, #3b82c4);
  color: var(--c2w-primary, #3b82c4);
}
.c2w-team-dashboard .Members-add label span:before {
  display: none !important;
}
.c2w-team-dashboard .Members-add,
.c2w-team-dashboard .will_this_checkout {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 16px;
  box-sizing: border-box;
}
.c2w-team-dashboard .team-wrapper > .left-section-team:nth-of-type(2) .full-row1 {
  position: static;
  min-height: 0;
}
.c2w-team-dashboard .Members-add {
  border: 1px solid var(--c2w-border, #d8e4ef);
  padding-right: 16px;
}
.c2w-team-dashboard .will_this_checkout {
  position: static;
  width: 100%;
  float: none !important;
  margin-left: 0 !important;
  margin-top: 10px;
}
.c2w-team-dashboard .will_this_checkout #requiredform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.c2w-team-dashboard .will_this_checkout #requiredform > label:first-child {
  width: 100%;
  margin-bottom: 8px;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 19px;
  font-weight: 700;
}
.c2w-team-dashboard .will_this_checkout #requiredform label span {
  border: 2px solid var(--c2w-border, #d8e4ef);
  border-radius: 999px;
  color: #7b8da6;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
}
.c2w-team-dashboard .will_this_checkout #requiredform label input:checked + span {
  border-color: var(--c2w-primary, #3b82c4);
  color: var(--c2w-primary, #3b82c4);
}
.c2w-team-dashboard .will_this_checkout #requiredform label span b {
  color: inherit !important;
}
.c2w-team-dashboard .left-section21,
.c2w-team-dashboard .team-wrapper-right {
  width: calc(50% - 10px) !important;
  margin: 0 !important;
}
.c2w-team-dashboard .left-section21 {
  float: left;
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  border-top: 1px solid var(--c2w-border, #d8e4ef) !important;
}
.c2w-team-dashboard .left-section21 .row-section-add,
.c2w-team-dashboard .left-section21 #addteammember,
.c2w-team-dashboard .left-section21 #singlebasket {
  padding: 20px !important;
}
.c2w-team-dashboard .left-section21 #singlebasket {
  border-top: 0;
  padding-top: 0 !important;
}
.c2w-team-dashboard .left-section21 label {
  color: var(--c2w-secondary, #1e2d52);
  font-size: 15px;
  font-weight: 700;
}
.c2w-team-dashboard .left-section21 input.short,
.c2w-team-dashboard .left-section21 select {
  width: 100% !important;
  min-height: 46px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 10px 12px;
  box-sizing: border-box;
}
.c2w-team-dashboard .left-section21 .right-section01 {
  display: flex;
  align-items: end;
}
.c2w-team-dashboard .left-section21 .button.button-red.view-items,
.c2w-team-dashboard .left-section21 #save-order {
  background: var(--c2w-primary, #3b82c4) !important;
  border: 0 !important;
  color: var(--c2w-secondary, #1e2d52) !important;
  border-radius: 8px;
  padding: 12px 20px !important;
  font-size: 15px !important;
  font-weight: 700;
}
.c2w-team-dashboard #resizable-refrences,
.c2w-team-dashboard #resizable,
.c2w-team-dashboard #teams {
  border: 1px solid var(--c2w-border, #d8e4ef) !important;
  border-radius: 14px;
  overflow: hidden;
}
.c2w-team-dashboard .c2w-chart-toolbar {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
  background: #f8fafc;
}
.c2w-team-dashboard .c2w-chart-toolbar label {
  margin: 0;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 13px;
  font-weight: 700;
}
.c2w-team-dashboard .c2w-chart-toolbar select {
  min-height: 34px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 6px 10px;
  background: #ffffff;
  color: #334155;
  font-size: 13px;
}
.c2w-team-dashboard #chartContainer1,
.c2w-team-dashboard #chartContainer1-refrences {
  height: calc(100% - 56px) !important;
}
.c2w-team-dashboard .team-wrapper-right {
  float: none;
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  height: auto !important;
  overflow: visible !important;
}
.c2w-team-dashboard .team-section03 {
  border-top: 0 !important;
}
.c2w-team-dashboard .team-wrapper-right .team-section03 > .full-row1:first-of-type {
  display: none !important;
}
.c2w-team-dashboard .team-wrapper-right .background-white {
  background: #ffffff !important;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
  padding: 14px 18px !important;
}
.c2w-team-dashboard .member-title1 {
  margin: 0;
  padding: 16px 20px;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 42px;
  font-weight: 700;
}
.c2w-team-dashboard #teams {
  display: none !important;
}
.c2w-team-dashboard .new-main-hide_all {
  display: block !important;
}
.c2w-team-dashboard .team-wrapper-right .team-name-wrapper ~ .team-name-wrapper {
  display: none !important;
}
.c2w-team-dashboard .five-button {
  padding: 0 18px 12px;
}
.c2w-team-dashboard .five-button a {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 6px 12px;
  text-decoration: none;
}
.c2w-team-dashboard .five-button a.active {
  background: var(--c2w-secondary, #1e2d52);
  color: #ffffff !important;
  border-color: var(--c2w-secondary, #1e2d52);
}
.c2w-team-dashboard .five-button .view-items,
.c2w-team-dashboard .five-button .red-but12 {
  background: var(--c2w-secondary, #1e2d52) !important;
  border: 0 !important;
  border-radius: 8px;
  color: #ffffff !important;
  padding: 8px 14px !important;
}
.c2w-team-dashboard .left03 {
  width: 100% !important;
  margin: 0 !important;
}
.c2w-team-dashboard .left03 .box1 {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 12px;
  padding: 16px;
  margin: 0 0 12px !important;
}
.c2w-team-dashboard .left03 .box1 h2 {
  color: var(--c2w-secondary, #1e2d52) !important;
  font-size: 32px !important;
  margin: 0 0 8px !important;
}
.c2w-team-dashboard .left03 .box1 .edit1,
.c2w-team-dashboard .left03 .box1 .delete1 {
  position: static !important;
  display: inline-block;
  margin-right: 10px;
}
.c2w-team-dashboard .c2w-icon-action,
.c2w-team-dashboard .c2w-icon-link {
  border: 0;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.c2w-team-dashboard .c2w-icon-action.edit1,
.c2w-team-dashboard .c2w-icon-link.edit1 {
  background: var(--accent);
  color: var(--primary) !important;
}
.c2w-team-dashboard .c2w-icon-action.delete1,
.c2w-team-dashboard .c2w-icon-link.delete1 {
  background: #f43f5e;
  color: #ffffff !important;
}
.c2w-team-dashboard .red-back1 i,
.c2w-team-dashboard .box1 h2 span i {
  margin-right: 4px;
}

.c2w-team-dashboard #order_data {
  background: #ffffff;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  padding: 24px;
  max-width: 760px;
  margin-bottom: 24px;
}
.c2w-team-dashboard #order_data .order_data_column {
  max-width: 100%;
}
.c2w-team-dashboard #order_data label {
  color: var(--c2w-secondary, #1e2d52);
  font-size: 15px;
  font-weight: 700;
}
.c2w-team-dashboard #order_data input.short,
.c2w-team-dashboard #order_data select {
  width: 100% !important;
  min-height: 46px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 10px 12px;
}
.c2w-team-dashboard #order_data #save-order,
.c2w-team-dashboard #order_data .button.button-red {
  background: var(--c2w-primary, #3b82c4) !important;
  border: 0 !important;
  color: var(--c2w-secondary, #1e2d52) !important;
  border-radius: 8px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .c2w-team-dashboard .container1 {
    padding: 0 16px !important;
  }
  .c2w-team-dashboard .rtg-title {
    font-size: 38px !important;
  }
  .c2w-team-dashboard .left-section21,
  .c2w-team-dashboard .team-wrapper-right {
    float: none;
    width: 100% !important;
    margin-bottom: 18px !important;
  }
  .c2w-team-dashboard .team-wrapper > .left-section-team:first-of-type,
  .c2w-team-dashboard .team-wrapper > .left-section-team:nth-of-type(2),
  .c2w-team-dashboard .team-wrapper-right,
  .c2w-team-dashboard .c2w-team-placeholder {
    max-width: 100%;
    width: 100% !important;
  }
  .c2w-team-dashboard .Members-add {
    padding-right: 0;
  }
  .c2w-team-dashboard .Members-add .pay-radio1 {
    max-width: 100%;
  }
  .c2w-team-dashboard .will_this_checkout {
    position: static;
    width: 100%;
    margin-top: 12px;
  }
}
body .report-page12 .c2w-donut-legend {
  list-style: none;
  margin: 0;
  padding: 0;
}
body .report-page12 .c2w-donut-legend li {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 4px 0;
  font-size: 12px;
}
body .report-page12 .c2w-donut-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
body .report-page12 .c2w-donut-dot.c2w-donut-segment-1 { background: #06b6d4; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-2 { background: #22c55e; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-3 { background: #f59e0b; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-4 { background: #ef4444; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-5 { background: #8b5cf6; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-6 { background: #14b8a6; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-7 { background: #f43f5e; }
body .report-page12 .c2w-donut-dot.c2w-donut-segment-8 { background: #0ea5e9; }
body .report-page12 .c2w-donut-label {
  color: #334155;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .report-page12 .c2w-donut-value {
  color: var(--c2w-secondary, #1e2d52);
  font-weight: 600;
}

body .report-page12 .customer-report {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(340px, 1fr) !important;
  gap: 12px;
  align-items: start;
}

.c2w-team-dashboard {
  --primary: var(--c2w-secondary, #1e2d52);
  --accent: var(--c2w-primary, #3b82c4);
  --accent-green: #00e676;
  --accent-hot: #ff3d71;
  --surface: #ffffff;
  --surface-alt: #f1f5f9;
  --text: var(--c2w-secondary, #1e2d52);
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --border: var(--c2w-border, #d8e4ef);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
}

.c2w-team-dashboard .c2w-teams-modern {
  max-width: 1160px;
  margin: 0 auto;
}
.c2w-team-dashboard .c2w-teams-modern .page-header {
  margin-bottom: 28px;
}
.c2w-team-dashboard .c2w-teams-modern .page-header h1 {
  font-family: 'Outfit', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}
.c2w-team-dashboard .c2w-teams-modern .page-header p {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.4;
}

.c2w-team-dashboard .c2w-teams-modern .card {
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
}
.c2w-team-dashboard .c2w-teams-modern .card-header {
  padding: 18px 24px;
  border-bottom: 1px solid var(--surface-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c2w-team-dashboard .c2w-members-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.c2w-team-dashboard .c2w-teams-modern .card-header h3 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.c2w-team-dashboard .c2w-teams-modern .card-body {
  padding: 24px;
}

.c2w-team-dashboard .c2w-teams-modern .grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.c2w-team-dashboard .c2w-teams-modern .mb-24 {
  margin-bottom: 24px;
}

.c2w-team-dashboard .c2w-teams-modern .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: var(--radius-xs);
  font-size: 14px;
  font-weight: 600;
  border: none;
  text-decoration: none;
}
.c2w-team-dashboard .c2w-teams-modern .btn--primary { background: var(--accent); color: var(--primary); }
.c2w-team-dashboard .c2w-teams-modern .btn--secondary { background: var(--primary); color: #fff; }
.c2w-team-dashboard .c2w-teams-modern .btn--outline { background: transparent; border: 1px solid var(--border); color: var(--text-muted); }
.c2w-team-dashboard .c2w-teams-modern .btn--danger { background: var(--accent-hot); color: #fff; }
.c2w-team-dashboard .c2w-teams-modern .btn--ghost { background: transparent; color: var(--accent); padding: 8px 12px; }
.c2w-team-dashboard .c2w-teams-modern .btn--sm { padding: 7px 14px; font-size: 12px; }

.c2w-team-dashboard .c2w-teams-modern .radio-group { display: flex; gap: 8px; flex-wrap: wrap; }
.c2w-team-dashboard .c2w-teams-modern .radio-pill {
  padding: 8px 20px;
  border: 1.5px solid var(--border);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  background: #fff;
}
.c2w-team-dashboard .c2w-teams-modern .radio-pill.active {
  border-color: var(--accent);
  color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}
.c2w-team-dashboard .c2w-teams-modern .radio-pill input { display: none; }

.c2w-team-dashboard .c2w-teams-modern .form-input {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: 13.5px;
  color: var(--text);
  background: #fff;
}
.c2w-team-dashboard .c2w-teams-modern .form-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.c2w-team-dashboard .c2w-teams-modern .page-header p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.c2w-team-dashboard .c2w-import-card {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.c2w-team-dashboard .c2w-center { text-align: center; }
.c2w-team-dashboard .c2w-import-row {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.c2w-team-dashboard .c2w-file-input { max-width: 320px; }

.c2w-team-dashboard .c2w-form-row {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 8px;
}
.c2w-team-dashboard #c2w-member-row {
  grid-template-columns: 1fr;
}

.c2w-team-dashboard .c2w-chart-body {
  display: block;
}
.c2w-team-dashboard .c2w-simple-chart {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: #fff;
}
.c2w-team-dashboard .c2w-simple-chart-row {
  display: grid;
  grid-template-columns: minmax(100px, 1.1fr) minmax(160px, 3fr) minmax(90px, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.c2w-team-dashboard .c2w-simple-chart-row:last-child {
  margin-bottom: 0;
}
.c2w-team-dashboard .c2w-simple-chart-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--text);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c2w-team-dashboard .c2w-chart-team-link {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
.c2w-team-dashboard .c2w-chart-team-link:hover {
  color: var(--primary);
  text-decoration: underline;
}
.c2w-team-dashboard .c2w-simple-chart-track {
  height: 10px;
  background: var(--surface-alt);
  border-radius: 999px;
  overflow: hidden;
}
.c2w-team-dashboard .c2w-simple-chart-fill {
  height: 100%;
  border-radius: 999px;
}
.c2w-team-dashboard .c2w-simple-chart-value {
  font-size: 12px;
  font-weight: 700;
  color: var(--text);
  text-align: right;
}
.c2w-team-dashboard .c2w-simple-chart-empty {
  color: var(--text-muted);
  font-size: 13px;
  text-align: center;
  padding: 24px 12px;
}
.c2w-team-dashboard .c2w-member-sales-detail {
  width: 100%;
  margin-top: 14px;
}
.c2w-team-dashboard .c2w-member-sales-detail h4 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.c2w-team-dashboard .c2w-per-team-wrap {
  border-top: 1px solid var(--surface-alt);
  margin-top: 8px;
  padding: 12px 16px 16px;
}
.c2w-team-dashboard .c2w-per-team-wrap h4 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.c2w-team-dashboard .c2w-team-group-card {
  border: 1px solid var(--surface-alt);
  border-radius: var(--radius-xs);
  padding: 0;
  margin-bottom: 12px;
  overflow: hidden;
}
.c2w-team-dashboard .c2w-team-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--surface-alt);
  font-size: 12px;
  color: var(--text-muted);
}
.c2w-team-dashboard .c2w-team-user-list {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.c2w-team-dashboard .c2w-members-wrap {
  padding: 0 !important;
}
.c2w-team-dashboard .c2w-alpha-row {
  display: flex;
  gap: 4px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--surface-alt);
}
.c2w-team-dashboard .c2w-alpha-row .c2w-active-btn {
  background: var(--primary);
  color: #fff;
}
.c2w-team-dashboard .c2w-member-single-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 12px 16px 16px;
}
.c2w-team-dashboard .c2w-load-more-wrap {
  display: flex;
  justify-content: center;
  padding: 0 16px 16px;
}
.c2w-team-dashboard .c2w-team-group-card .c2w-member-single-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 12px 16px 16px;
}
.c2w-team-dashboard .member-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 20px;
}
.c2w-team-dashboard .member-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.c2w-team-dashboard .member-name { font-size: 16px; font-weight: 700; }
.c2w-team-dashboard .member-stats { display: flex; gap: 16px; margin-top: 8px; }
.c2w-team-dashboard .member-stat { font-size: 12px; color: var(--text-muted); }
.c2w-team-dashboard .member-stat strong { color: var(--text); font-weight: 700; }
.c2w-team-dashboard .member-actions { display: flex; gap: 6px; margin-top: 12px; }
.c2w-team-dashboard .member-actions .btn--ghost {
  background: var(--accent);
  color: var(--primary);
  border: 1px solid var(--accent);
}

/* Hide legacy teams markup and old blocks to keep only modern embedded layout */
.c2w-team-dashboard .full-row1.m-15,
.c2w-team-dashboard .left-section21,
.c2w-team-dashboard .team-wrapper-right,
.c2w-team-dashboard #order_data,
.c2w-team-dashboard #teams,
.c2w-team-dashboard #singlebasket,
.c2w-team-dashboard #addteammember,
.c2w-team-dashboard #teamname,
.c2w-team-dashboard .team-wrapper,
.c2w-team-dashboard .track-para {
  display: none !important;
}
.c2w-team-dashboard .rtg-title {
  display: none !important;
}

@media (max-width: 980px) {
  .c2w-team-dashboard .c2w-teams-modern .grid-2 {
    grid-template-columns: 1fr;
  }
  .c2w-team-dashboard .c2w-teams-modern .page-header h1 {
    font-size: 24px;
  }
  .c2w-team-dashboard .c2w-form-row {
    grid-template-columns: 1fr;
  }
  .c2w-team-dashboard .c2w-simple-chart-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .c2w-team-dashboard .c2w-simple-chart-value {
    text-align: left;
  }
  .c2w-team-dashboard .c2w-team-group-card .c2w-member-single-col {
    grid-template-columns: 1fr;
  }
}
body .report-page12 #reporting_all_orders {
  margin-top: 2px;
  float: none !important;
}
body .report-page12 .wc-order-preview-addresses {
  margin-top: 2px;
  width: 100% !important;
  min-height: 120px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 10px;
  background: #fff;
  padding: 10px;
}
body .report-page12 .export-table.table.table-condensed.table-vendor-sales-report.report21 {
  width: 100%;
  float: none;
  margin-top: 25px;
  margin-bottom: 60px;
}

@media (max-width: 1100px) {
  body .report-page12 .c2w-donut-chart-wrap {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
@media (max-width: 1024px) {
  body .report-page12 .customer-report {
    grid-template-columns: 1fr !important;
  }
}

/* Reporting page final visual polish */
body .report-page12 {
  padding-top: 14px !important;
}
body .report-page12 .rtg-title {
  font-size: 48px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
body .report-page12 .reporting-subtitle {
  margin-bottom: 14px !important;
}
body .report-page12 .grid-row-report {
  border-radius: 10px !important;
  padding: 12px !important;
}
body .report-page12 .row-report-flex {
  gap: 16px !important;
}
body .report-page12 .row-data-grid {
  min-width: 110px;
}
body .report-page12 .row-data-grid .date-flex img {
  display: none;
}
body .report-page12 .row-data-grid input[type="date"] {
  min-width: 118px;
}

body .report-page12 .data-listing-reports .price-box {
  min-height: 92px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .report-page12 .data-listing-reports .price-box h3 {
  font-size: 44px !important;
}

body .report-page12 .view-chart-sec {
  margin-bottom: 10px !important;
}
body .report-page12 .view-chart-sec input[type="button"] {
  min-width: 104px;
}

body .report-page12 .both-graph {
  gap: 10px !important;
}
body .report-page12 .both-graph .card {
  border-radius: 8px !important;
  overflow: hidden;
}
body .report-page12 .both-graph .card-body {
  min-height: 196px;
  padding: 10px !important;
}
body .report-page12 .both-graph .card-title {
  margin-bottom: 8px !important;
}

body .report-page12 .c2w-donut-chart-wrap {
  position: relative;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
body .report-page12 .c2w-donut-chart {
  width: 122px;
  height: 122px;
}
body .report-page12 .c2w-donut-center {
  position: absolute;
  left: 0;
  top: 0;
  width: 122px;
  height: 122px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  background: transparent;
}
body .report-page12 .c2w-donut-legend {
  width: 100%;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body .report-page12 .c2w-donut-legend li {
  grid-template-columns: 12px minmax(0, 1fr) auto;
  font-size: 13px;
  padding: 2px 0;
}
body .report-page12 .c2w-donut-label {
  white-space: normal;
  line-height: 1.2;
}
body .report-page12 .c2w-donut-value {
  white-space: nowrap;
  font-size: 13px;
}

body .report-page12 .table-print-parent {
  margin-top: 6px;
}
body .report-page12 .search-order {
  margin-bottom: 8px !important;
}
body .report-page12 .search-order tr {
  justify-content: center;
  align-items: center;
  gap: 8px;
}
body .report-page12 .search-order td {
  padding: 0 !important;
}
body .report-page12 .search-order td:first-child h3 {
  font-size: 34px;
  font-weight: 700;
  margin: 0;
  color: var(--c2w-secondary, #1e2d52);
}
body .report-page12 #order_report_search {
  min-width: 210px;
}

body .report-page12 #reporting_all_orders,
body .report-page12 .wc-order-preview-addresses {
  border-radius: 10px !important;
}
body .report-page12 .wc-order-preview-addresses {
  min-height: 250px;
}

@media (max-width: 1100px) {
  body .report-page12 .c2w-donut-chart-wrap {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: left;
  }
  body .report-page12 .c2w-donut-center {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* Reporting screenshot match */
body.page-template-reporting-page .report-page12 {
  background: var(--c2w-light, #f0f6fc) !important;
  padding: 10px 0 16px !important;
}
body.page-template-reporting-page .report-page12 .container1 {
  max-width: 1460px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}
body.page-template-reporting-page .report-page12 .rtg-title {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
body.page-template-reporting-page .report-page12 .reporting-subtitle {
  font-size: 14px !important;
  color: #5e6b7d !important;
  margin: 0 0 10px !important;
}

body.page-template-reporting-page .report-page12 .grid-row-report {
  background: #f8fafc !important;
  border: 1px solid var(--c2w-border, #d8e4ef) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 14px !important;
}
body.page-template-reporting-page .report-page12 .row-report-flex {
  gap: 8px !important;
}
body.page-template-reporting-page .report-page12 .grid-row-report > .row-report-flex:first-child {
  justify-content: center !important;
  align-items: flex-end !important;
}
body.page-template-reporting-page .report-page12 .grid-row-report > .row-report-flex:last-child {
  justify-content: center !important;
}
body.page-template-reporting-page .report-page12 .row-data-grid p {
  font-size: 13px !important;
  margin-bottom: 4px !important;
  text-align: center !important;
}
body.page-template-reporting-page .report-page12 .row-data-grid .date-flex {
  justify-content: center !important;
}
body.page-template-reporting-page .report-page12 input[type="date"] {
  height: 38px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  text-align: center !important;
}
body.page-template-reporting-page .report-page12 .button.pull-get-report-btn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  border-radius: 4px !important;
}

body.page-template-reporting-page .report-page12 .data-listing-reports {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
body.page-template-reporting-page .report-page12 .data-listing-reports .price-box {
  min-height: 74px !important;
  padding: 14px 14px !important;
  border-radius: 7px !important;
  text-align: center !important;
  align-items: center !important;
}
body.page-template-reporting-page .report-page12 .data-listing-reports .price-box h4 {
  font-size: 11px !important;
  margin-bottom: 3px !important;
}
body.page-template-reporting-page .report-page12 .data-listing-reports .price-box h3 {
  font-size: 30px !important;
  line-height: 1 !important;
}

body.page-template-reporting-page .report-page12 .view-chart-sec {
  gap: 6px !important;
  margin-bottom: 14px !important;
  justify-content: center !important;
  align-items: center !important;
}
body.page-template-reporting-page .report-page12 .view-chart-sec input[type="button"] {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
}

body.page-template-reporting-page .report-page12 .both-graph {
  gap: 10px !important;
  margin-bottom: 16px !important;
}
body.page-template-reporting-page .report-page12 .both-graph .card {
  border-radius: 8px !important;
  border: 1px solid var(--c2w-border, #d8e4ef) !important;
}
body.page-template-reporting-page .report-page12 .both-graph .card-body {
  min-height: 205px !important;
  padding: 14px 16px !important;
}
body.page-template-reporting-page .report-page12 .both-graph .card-title {
  font-size: 20px !important;
  margin-bottom: 10px !important;
}

body.page-template-reporting-page .report-page12 .c2w-donut-chart-wrap {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 4px !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-chart {
  width: 170px !important;
  height: 170px !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-track,
body.page-template-reporting-page .report-page12 .c2w-donut-segment {
  stroke-width: 18 !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-center {
  position: absolute !important;
  width: 170px !important;
  height: 170px !important;
  font-size: 16px !important;
  left: 50% !important;
  top: 54% !important;
  transform: translate(-50%, -50%) !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-legend {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap;
}
body.page-template-reporting-page .report-page12 .c2w-donut-legend li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-dot {
  width: 9px !important;
  height: 9px !important;
}
body.page-template-reporting-page .report-page12 .c2w-donut-value {
  font-size: 13px !important;
}

body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-segment-1 { stroke: var(--c2w-primary, #3b82c4) !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-segment-2 { stroke: #09d271 !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-segment-3 { stroke: #f7b500 !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-dot.c2w-donut-segment-1 { background: var(--c2w-primary, #3b82c4) !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-dot.c2w-donut-segment-2 { background: #09d271 !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-ticket .c2w-donut-dot.c2w-donut-segment-3 { background: #f7b500 !important; }

body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-segment-1 { stroke: #6a39e6 !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-segment-2 { stroke: #10c99a !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-segment-3 { stroke: var(--c2w-primary, #3b82c4) !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-dot.c2w-donut-segment-1 { background: #6a39e6 !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-dot.c2w-donut-segment-2 { background: #10c99a !important; }
body.page-template-reporting-page .report-page12 .c2w-donut-orders .c2w-donut-dot.c2w-donut-segment-3 { background: var(--c2w-primary, #3b82c4) !important; }

body.page-template-reporting-page .report-page12 .customer-report {
  display: block !important;
}
body.page-template-reporting-page .report-page12 .c2w-orders-panel {
  background: #f8fafc;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 16px 18px;
  margin-top: 6px;
}
body.page-template-reporting-page .report-page12 .c2w-orders-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}
body.page-template-reporting-page .report-page12 .c2w-orders-head .section-title {
  font-size: 24px !important;
  margin: 0 !important;
}
body.page-template-reporting-page .report-page12 .c2w-orders-search {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.page-template-reporting-page .report-page12 .c2w-orders-search #order_report_search {
  width: 240px !important;
  height: 38px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
}
body.page-template-reporting-page .report-page12 .c2w-orders-search .pull-get-report-btn {
  height: 38px !important;
  min-height: 38px !important;
  font-size: 12px !important;
  padding: 0 12px !important;
}
body.page-template-reporting-page .report-page12 #reporting_all_orders {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width:100%
}
body.page-template-reporting-page .report-page12 #reporting_all_orders.is-loading {
  opacity: .65;
}
body.page-template-reporting-page .report-page12 .export-table.report21 {
  border-radius: 6px !important;
  margin-bottom: 0 !important;
}
body.page-template-reporting-page .report-page12 .export-table.report21 th {
  font-size: 12px !important;
  padding: 12px 10px !important;
}
body.page-template-reporting-page .report-page12 .export-table.report21 td {
  font-size: 14px !important;
  padding: 12px 10px !important;
}

body.page-template-reporting-page .report-page12 .wc-order-preview-addresses {
  display: none !important;
}
body.page-template-reporting-page .report-page12 .c2w-order-modal {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 23, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  padding: 20px;
}
body.page-template-reporting-page .report-page12 .c2w-order-modal.is-open {
  display: flex;
}
body.page-template-reporting-page .report-page12 .c2w-order-modal-dialog {
  background: #fff;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  border-radius: 0;
  border: none;
  position: relative;
  padding: 24px 32px;
}
body.page-template-reporting-page .report-page12 .c2w-order-modal {
  padding: 0;
}
body.page-template-reporting-page .report-page12 .c2w-order-modal-close {
  display: none;
}

@media (max-width: 900px) {
  body.page-template-reporting-page .report-page12 .data-listing-reports {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 650px) {
  body.page-template-reporting-page .report-page12 .data-listing-reports {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.page-template-reporting-page .report-page12 .c2w-orders-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Payment Processor - screenshot layout */
body.page-template-payment-processor #masthead,
body.page-template-payment-processor #colophon,
body.page-template-payment-processor-php #masthead,
body.page-template-payment-processor-php #colophon {
  display: block !important;
  visibility: visible !important;
}
.connect-your-payment.c2w-pay-modern {
  background: var(--c2w-bg, #f0f6fc);
  padding: 44px 0 72px;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-wrap {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  float: none !important;
}

/* Back link */
/* Page intro (back-link/eyebrow/h1 removed — provided by the dashboard shell) */
.connect-your-payment.c2w-pay-modern .c2w-pay-header {
  max-width: 620px;
  margin: 0 auto 26px;
  text-align: center;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-header p {
  margin: 0 auto;
  max-width: 540px;
  color: #5b6b86;
  font-size: 15px;
  line-height: 1.55;
}

/* Alerts */
.connect-your-payment.c2w-pay-modern .c2w-pay-alert {
  margin: 14px auto 0;
  max-width: 540px;
  padding: 11px 14px;
  border-radius: 10px;
  font-size: 13px;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-alert--ok {
  background: #e7f7ed;
  border: 1px solid #c6ebd5;
  color: #1e7e34;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-alert--err {
  background: #fdecea;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

/* Panel card */
.connect-your-payment.c2w-pay-modern .c2w-pay-panel {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  background: var(--c2w-light, #ffffff);
  border: 1px solid var(--c2w-border, #e2e8f0);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  padding: 32px;
  text-align: left;
}
.connect-your-payment.c2w-pay-modern .date-event-form {
  width: 100% !important;
  max-width: none;
  margin: 0 !important;
}

/* Service fee — outlined secondary action */
.connect-your-payment.c2w-pay-modern .c2w-pay-fee-row {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 24px;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-fee-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: auto;
  border: 1.5px solid var(--c2w-border, #e2e8f0);
  border-radius: 9px;
  padding: 11px 18px;
  background: var(--c2w-light, #ffffff);
  color: var(--c2w-secondary, #1e2d52);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-fee-btn:hover {
  border-color: var(--c2w-primary, #0b1e2f);
  color: var(--c2w-primary, #0b1e2f);
}

/* Section heading inside panel — override master.css h2 center/capitalize */
.connect-your-payment.c2w-pay-modern .c2w-pay-section-title {
  margin: 0 0 16px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--c2w-secondary, #1e2d52);
}

/* Processor cards */
.connect-your-payment.c2w-pay-modern .tabcontent2 {
  float: none;
}
.connect-your-payment.c2w-pay-modern #connect-authorize {
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-card {
  width: auto;
  min-height: 0;
  border: 1.5px solid var(--c2w-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: none;
  background: var(--c2w-light, #ffffff);
  padding: 24px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-card:hover {
  border-color: var(--c2w-primary, #0b1e2f);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
  transform: translateY(-3px);
}
.connect-your-payment.c2w-pay-modern .c2w-pay-card img {
  width: 130px;
  height: 52px;
  object-fit: contain;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-connect {
  width: 100%;
  text-align: center;
  border: 0;
  border-radius: 9px;
  background: var(--c2w-primary, #0b1e2f);
  color: var(--c2w-light, #ffffff) !important;
  font-weight: 700;
  font-size: 14px;
  padding: 11px 0;
  cursor: pointer;
  transition: filter 0.15s ease;
  text-decoration: none;
  display: block;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-connect:hover {
  filter: brightness(1.08);
}
.connect-your-payment.c2w-pay-modern .c2w-pay-status {
  margin: 0;
  min-height: 14px;
  font-size: 11px;
  color: #7a8aa3;
  text-align: center;
}

/* Service-fee + Authorize.Net fields */
.connect-your-payment.c2w-pay-modern #service-fee {
  padding: 4px 0 0;
}
.connect-your-payment.c2w-pay-modern #service-fee p {
  text-align: left !important;
}
.connect-your-payment.c2w-pay-modern #authorize-payment-show {
  max-width: none;
  margin: 24px 0 0;
  text-align: left;
}
.connect-your-payment.c2w-pay-modern #authorize-payment-show label {
  color: var(--c2w-secondary, #1e2d52);
  font-size: 14px;
}
.connect-your-payment.c2w-pay-modern #authorize-payment-show small {
  display: block;
  margin: 6px 0 14px;
  color: #7a8aa3;
  font-size: 12px;
  line-height: 1.5;
}
.connect-your-payment.c2w-pay-modern .payment-input,
.connect-your-payment.c2w-pay-modern #service-fee input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid var(--c2w-border, #e2e8f0);
  border-radius: 9px;
  padding: 11px 14px;
  font-size: 14px;
  background: #ffffff;
  color: var(--c2w-secondary, #1e2d52);
  transition: border-color 0.15s ease;
}
.connect-your-payment.c2w-pay-modern .payment-input:focus,
.connect-your-payment.c2w-pay-modern #service-fee input[type="text"]:focus {
  border-color: var(--c2w-primary, #0b1e2f);
  outline: none;
}

/* Save bar */
.connect-your-payment.c2w-pay-modern .c2w-pay-save-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--c2w-border, #e2e8f0);
}
.connect-your-payment.c2w-pay-modern .c2w-pay-save {
  background: var(--c2w-primary, #0b1e2f) !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--c2w-light, #ffffff) !important;
  font-weight: 700;
  min-width: 130px;
  padding: 13px 28px !important;
  text-transform: none;
  cursor: pointer;
}
.connect-your-payment.c2w-pay-modern .c2w-pay-save:hover {
  filter: brightness(1.08);
}

/* Responsive */
@media (max-width: 768px) {
  .connect-your-payment.c2w-pay-modern {
    padding: 28px 0 48px;
  }
  .connect-your-payment.c2w-pay-modern .c2w-pay-cards {
    grid-template-columns: 1fr;
  }
  .connect-your-payment.c2w-pay-modern .c2w-pay-panel {
    padding: 24px 18px;
  }
  .connect-your-payment.c2w-pay-modern .c2w-pay-save-row {
    justify-content: stretch;
  }
  .connect-your-payment.c2w-pay-modern .c2w-pay-save {
    width: 100%;
  }
}

/* ── Pick Winner — content-only, uses standard site header/footer ── */
.c2w-pw {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #f5f7fb;
  display: flex;
  flex-direction: column;
}
.c2w-pw *, .c2w-pw *::before, .c2w-pw *::after { box-sizing: border-box; }

/* Force readable text regardless of skin */
.c2w-pw h1, .c2w-pw h2, .c2w-pw h3 { color: var(--c2w-secondary, #0a1f44) !important; }
.c2w-pw p { color: #6b7390 !important; }

/* Topbar */
.c2w-pw-topbar {
  background: #fff;
  border-bottom: 1px solid #e3e7ef;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 20;
  flex-shrink: 0;
}
.c2w-pw-topbar-l, .c2w-pw-topbar-r { display: flex; align-items: center; gap: 14px; }
.c2w-pw-logo-link { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.c2w-pw-logo-link img { height: 36px; width: auto; display: block; }
.c2w-pw-crumb { font-size: 12px; color: #94a3b8; }
.c2w-pw-crumb b { color: var(--c2w-secondary); font-weight: 700; }
.c2w-pw-sep { margin: 0 5px; }
.c2w-pw-live-pill {
  background: var(--c2w-primary, #c8102e); color: #fff !important;
  font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 4px;
  text-transform: uppercase; letter-spacing: .1em;
}
.c2w-pw-user-chip { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #3b4566; }
.c2w-pw-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--c2w-secondary); color: #fff !important;
  display: grid; place-items: center;
  font-size: 10px; font-weight: 800; flex-shrink: 0;
}
.c2w-pw-winners-link {
  text-decoration: none;
  background: var(--c2w-secondary); color: #fff !important;
  padding: 7px 14px; border-radius: 6px;
  font-size: 12px; font-weight: 700;
}

/* Hero */
.c2w-pw-hero, .c2w-pw-lhero {
  background: #fff;
  border-bottom: 1px solid #e3e7ef;
  padding: 16px 32px 14px;
  flex-shrink: 0;
  text-align: left;
}
.c2w-pw-hero, .c2w-pw-lhero,
.c2w-pw-hero *, .c2w-pw-lhero * { text-align: left; }
.c2w-pw-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.c2w-pw-eyebrow {
  display: block;
  font-size: 10px; font-weight: 800; letter-spacing: .16em;
  text-transform: uppercase; color: var(--c2w-primary, #c8102e) !important;
  margin-bottom: 5px;
}
.c2w-pw-h1 {
  font-size: 23px !important; font-weight: 800; line-height: 1.15;
  letter-spacing: -.01em; color: var(--c2w-secondary, #0a1f44) !important;
  margin: 0 0 4px;
}
.c2w-pw-h1 em { font-style: normal; color: var(--c2w-primary, #c8102e) !important; }
.c2w-pw-desc { font-size: 12.5px; color: #6b7390 !important; margin: 0; max-width: 560px; line-height: 1.5; }

/* Back-button bar above the hero */
.c2w-pw .c2w-pw-back--top {
  margin: 16px 32px 0;
}
@media (max-width: 768px) {
  .c2w-pw .c2w-pw-back--top { margin: 12px 16px 0; }
}

/* Stepper */
.c2w-pw-stepper { display: flex; align-items: center; flex-shrink: 0; }
.c2w-pw-step {
  background: #fff; border: 1px solid #e3e7ef;
  padding: 8px 13px; font-size: 11px; color: #94a3b8; font-weight: 700;
  display: flex; align-items: center; gap: 7px;
}
.c2w-pw-step:first-child { border-radius: 6px 0 0 6px; }
.c2w-pw-step:last-child  { border-radius: 0 6px 6px 0; }
.c2w-pw-step + .c2w-pw-step { border-left: none; }
.c2w-pw-step b { color: var(--c2w-secondary) !important; }
.c2w-pw-step-n {
  width: 18px; height: 18px; border-radius: 50%;
  background: #eef2fb; color: var(--c2w-secondary);
  display: grid; place-items: center;
  font-size: 10px; font-weight: 800;
}
.c2w-pw-step--done  { background: var(--c2w-secondary, #0a1f44) !important; color: #fff !important; border-color: var(--c2w-secondary, #0a1f44) !important; }
.c2w-pw-step--done b { color: #fff !important; }
.c2w-pw-step--active { background: var(--c2w-primary, #c8102e) !important; color: #fff !important; border-color: var(--c2w-primary, #c8102e) !important; }
.c2w-pw-step--active b { color: #fff !important; }
.c2w-pw-step--done .c2w-pw-step-n, .c2w-pw-step--active .c2w-pw-step-n { background: rgba(255,255,255,.22); color: #fff; }

/* 3-stage grid */
.c2w-pw-stages {
  padding: 18px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  align-items: stretch;
  flex: 1;
}
.c2w-pw-stage {
  background: #fff; border: 1px solid #e3e7ef; border-radius: 8px;
  padding: 18px; display: flex; flex-direction: column; gap: 12px;
  position: relative; overflow: hidden;
}
.c2w-pw-shead {
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 10px; border-bottom: 1px solid #e3e7ef;
}
.c2w-pw-sic {
  width: 28px; height: 28px; border-radius: 6px;
  display: grid; place-items: center; flex-shrink: 0;
}
.c2w-pw-sic--blue { background: #eef2fb; color: var(--c2w-secondary, #0a1f44); }
.c2w-pw-sic--red  { background: #fee2e2; color: var(--c2w-primary, #c8102e); }
.c2w-pw-sic--green { background: #dcfce7; color: #16a34a; }
.c2w-pw-stitle {
  font-size: 12px !important; font-weight: 800; color: var(--c2w-secondary, #0a1f44) !important;
  text-transform: uppercase; letter-spacing: .06em; flex: 1; margin: 0;
}
.c2w-pw-tag {
  font-size: 9px; font-weight: 700; color: #64748b;
  background: #f1f5f9; padding: 3px 7px; border-radius: 4px;
  text-transform: uppercase; letter-spacing: .06em; white-space: nowrap;
}
.c2w-pw-tag--live   { background: var(--c2w-primary); color: #fff; }
.c2w-pw-tag--done   { background: #16a34a; color: #fff; }
.c2w-pw-tag--drawn  { background: #16a34a; color: #fff; }

/* Stage 1: Ready */
.c2w-pw-ready {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center; gap: 12px; padding: 12px 8px;
}
.c2w-pw-rlabel { font-size: 10px; font-weight: 800; color: #94a3b8 !important; text-transform: uppercase; letter-spacing: .1em; }
.c2w-pw-rcount { font-size: 46px; font-weight: 900; color: var(--c2w-secondary, #0a1f44) !important; line-height: 1; letter-spacing: -.02em; }
.c2w-pw-rsub   { font-size: 12px; color: #475569 !important; font-weight: 600; }
.c2w-pw-start {
  background: var(--c2w-primary, #c8102e); color: #fff;
  border: none; padding: 13px 22px; border-radius: 6px;
  font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
  font-size: 12px; cursor: pointer;
  box-shadow: 0 4px 0 var(--c2w-secondary, #9b0c24);
  display: flex; align-items: center; gap: 8px;
  font-family: inherit; transition: opacity .15s;
}
.c2w-pw-start:hover { opacity: .88; }
.c2w-pw-play {
  width: 0; height: 0; border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
}
.c2w-pw-rmeta { display: flex; gap: 10px; justify-content: center; }
.c2w-pw-mpill {
  background: #eef2fb; border: 1px solid #dbe3f1;
  padding: 6px 10px; border-radius: 5px;
  font-size: 10px; color: var(--c2w-secondary, #0a1f44) !important; font-weight: 700;
}
.c2w-pw-notickets { font-size: 12px; color: #94a3b8 !important; text-align: center; }

/* Stage 2: Drawing */
.c2w-pw-draw {
  flex: 1;
  background: linear-gradient(180deg, var(--c2w-secondary, #0a1f44), var(--c2w-secondary, #13294b));
  color: #fff; border-radius: 6px; padding: 18px 14px;
  text-align: center; position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px;
}
.c2w-pw-conf { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.c2w-pw-conf span { position: absolute; width: 6px; height: 9px; border-radius: 1px; opacity: .85; }
.c2w-pw-dlabel {
  font-size: 9px; font-weight: 800; color: #fff;
  text-transform: uppercase; letter-spacing: .18em;
  background: rgba(255,255,255,.1); padding: 4px 10px;
  border-radius: 4px; border: 1px solid rgba(255,255,255,.15);
  position: relative; z-index: 2;
}
.c2w-pw-reel {
  width: 100%; background: rgba(0,0,0,.25); border-radius: 6px;
  height: 140px; overflow: hidden; position: relative;
  border: 1px solid rgba(255,255,255,.08); z-index: 2;
}
.c2w-pw-reel::before, .c2w-pw-reel::after {
  content: ''; position: absolute; left: 0; right: 0; height: 32px; z-index: 3; pointer-events: none;
}
.c2w-pw-reel::before { top: 0;    background: linear-gradient(180deg, rgba(10,31,68,.95), transparent); }
.c2w-pw-reel::after  { bottom: 0; background: linear-gradient(0deg,   rgba(10,31,68,.95), transparent); }
.c2w-pw-reel ul { list-style: none; display: flex; flex-direction: column; align-items: center; padding: 0; margin: 0; }
.c2w-pw-reel li {
  font-size: 14px; color: rgba(255,255,255,.5); font-weight: 700;
  padding: 5px 0; letter-spacing: .05em; font-variant-numeric: tabular-nums;
}
.c2w-pw-stop {
  background: #fff; color: var(--c2w-primary, #c8102e);
  border: 2px solid #fff; padding: 10px 22px; border-radius: 6px;
  font-weight: 900; text-transform: uppercase; letter-spacing: .1em;
  font-size: 12px; cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  font-family: inherit; position: relative; z-index: 2;
}
.c2w-pw-sq { width: 10px; height: 10px; background: var(--c2w-primary, #c8102e); border-radius: 1px; }

/* Stage 3: Winner */
.c2w-pw-stage--win .c2w-pw-conf { z-index: 1; }
.c2w-pw-wpending {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 40px 20px; margin-top: 20px;
  background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px;
  color: #64748b;
}
.c2w-pw-wpending-ic {
  width: 64px; height: 64px; border-radius: 50%;
  background: #fff; border: 1px solid #e2e8f0;
  display: flex; align-items: center; justify-content: center;
  color: var(--c2w-secondary, #0a1f44); margin-bottom: 14px;
}
.c2w-pw-wpending-title {
  font-size: 15px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  color: var(--c2w-secondary, #0a1f44); margin-bottom: 6px;
}
.c2w-pw-wpending-desc { font-size: 13px; line-height: 1.5; max-width: 280px; }
.c2w-pw-wpending-desc strong { color: var(--c2w-secondary, #0a1f44); font-weight: 700; }
.c2w-pw-tag--pending {
  background: #f1f5f9 !important; color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}
.c2w-pw-stop--decel { opacity: .55; cursor: not-allowed; }
.c2w-pw-dlabel--err { background: #fee2e2 !important; color: #b91c1c !important; }
.c2w-pw-tag--idle {
  background: #f1f5f9 !important; color: #64748b !important;
  border: 1px solid #cbd5e1 !important; letter-spacing: .04em;
}

/* Stage 2 reel idle state */
.c2w-pw-reel { position: relative; }
.c2w-pw-reel-idle {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: 100%; min-height: 180px;
  text-align: center; padding: 26px 18px;
  color: #fff;
}
.c2w-pw-reel-idle-orbit {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
}
.c2w-pw-reel-idle-orbit::before,
.c2w-pw-reel-idle-orbit::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
}
.c2w-pw-reel-idle-orbit::before { width: 180px; height: 180px; animation: c2wPwPulse 3.4s ease-in-out infinite; }
.c2w-pw-reel-idle-orbit::after  { width: 240px; height: 240px; animation: c2wPwPulse 3.4s ease-in-out infinite .8s; }
@keyframes c2wPwPulse {
  0%, 100% { transform: scale(.96); opacity: .35; }
  50%      { transform: scale(1.04); opacity: .9;  }
}
.c2w-pw-reel-idle-dot {
  position: absolute; width: 8px; height: 8px; border-radius: 50%;
  background: var(--c2w-primary, #c8102e);
  box-shadow: 0 0 12px 2px var(--c2w-primary, #c8102e);
  animation: c2wPwOrbit 6s linear infinite;
}
.c2w-pw-reel-idle-dot--2 { background: var(--c2w-secondary, #0a1f44); box-shadow: 0 0 12px 2px var(--c2w-secondary, #0a1f44); animation-delay: -1.5s; animation-duration: 5.2s; }
.c2w-pw-reel-idle-dot--3 { background: #facc15; box-shadow: 0 0 12px 2px #facc15; animation-delay: -3s; animation-duration: 6.6s; }
.c2w-pw-reel-idle-dot--4 { background: #fff; box-shadow: 0 0 12px 2px rgba(255,255,255,.6); animation-delay: -4.5s; animation-duration: 5.6s; }
@keyframes c2wPwOrbit {
  from { transform: rotate(0deg) translateX(110px) rotate(0deg); }
  to   { transform: rotate(360deg) translateX(110px) rotate(-360deg); }
}
.c2w-pw-reel-idle-core {
  position: relative; z-index: 3;
  width: 64px; height: 64px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--c2w-primary, #c8102e), var(--c2w-secondary, #0a1f44));
  color: #fff;
  box-shadow: 0 0 0 6px rgba(255,255,255,.06), 0 12px 28px -8px rgba(0,0,0,.5);
  margin-bottom: 14px;
  animation: c2wPwCorePulse 2.4s ease-in-out infinite;
}
@keyframes c2wPwCorePulse {
  0%, 100% { transform: scale(1);    box-shadow: 0 0 0 6px rgba(255,255,255,.05), 0 12px 28px -8px rgba(0,0,0,.5); }
  50%      { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(255,255,255,.1), 0 18px 36px -8px rgba(0,0,0,.55); }
}
.c2w-pw-reel-idle-title {
  position: relative; z-index: 3;
  font-size: 16px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #fff, var(--c2w-primary, #c8102e), #fff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: c2wPwShimmer 3.2s linear infinite;
  margin-bottom: 4px;
}
@keyframes c2wPwShimmer {
  to { background-position: 200% center; }
}
.c2w-pw-reel-idle-sub {
  position: relative; z-index: 3;
  font-size: 12px; color: rgba(255,255,255,.7);
  letter-spacing: .04em;
}
.c2w-pw-reel-winner { color: var(--c2w-primary, #c8102e) !important; font-weight: 900 !important; }
@keyframes c2wPwBang {
  0%   { transform: scale(.6) rotate(-2deg); opacity: 0; box-shadow: 0 0 0 0 rgba(200,16,46,.0); }
  40%  { transform: scale(1.12) rotate(1deg); opacity: 1; box-shadow: 0 18px 50px -10px rgba(200,16,46,.55); }
  70%  { transform: scale(.96) rotate(-.5deg); }
  100% { transform: scale(1) rotate(0deg); box-shadow: 0 8px 28px -8px rgba(15,23,42,.35); }
}
.c2w-pw-bang { animation: c2wPwBang 1.2s cubic-bezier(.18,1.2,.32,1) both; }
@keyframes c2wPwConfBurst {
  0%   { transform: translate(-50%,-50%) rotate(0deg); opacity: 1; }
  100% { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)); opacity: 0; }
}
.c2w-pw-conf-burst {
  position: absolute; width: 8px; height: 12px; border-radius: 1px;
  pointer-events: none; z-index: 3;
  animation-name: c2wPwConfBurst; animation-timing-function: cubic-bezier(.18,.7,.32,1); animation-fill-mode: forwards;
}
.c2w-pw-wbanner {
  background: var(--c2w-secondary, #0a1f44); color: #fff;
  border-radius: 6px; padding: 14px 12px;
  text-align: center; position: relative; z-index: 2; margin-top: 8px;
}
.c2w-pw-wstar {
  position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  background: var(--c2w-primary, #c8102e); color: #fff !important;
  font-size: 10px; font-weight: 900;
  padding: 3px 10px; border-radius: 4px;
  letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
}
.c2w-pw-wlabel { font-size: 10px; color: rgba(255,255,255,.7) !important; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; margin-top: 4px; }
.c2w-pw-wname  { font-size: 18px !important; font-weight: 900; color: #fff !important; margin-top: 5px; letter-spacing: -.01em; }
.c2w-pw-wticket {
  display: inline-block; margin-top: 6px; font-family: monospace;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
  padding: 3px 8px; border-radius: 4px; font-size: 11px; font-weight: 700;
  letter-spacing: .05em; color: #fff !important;
}
.c2w-pw-wfields {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  position: relative; z-index: 2;
}
.c2w-pw-wfield label {
  display: block; font-size: 9px; font-weight: 700; color: #94a3b8 !important;
  text-transform: uppercase; letter-spacing: .06em; margin-bottom: 3px;
}
.c2w-pw-wfield input {
  width: 100%; background: #fff; border: 1px solid #e2e8f0;
  border-radius: 5px; padding: 8px 10px;
  font-size: 12px; color: var(--c2w-secondary); font-weight: 600;
  font-family: inherit; box-sizing: border-box;
}
.c2w-pw-wactions { display: flex; gap: 8px; margin-top: auto; position: relative; z-index: 2; }
.c2w-pw-wpri {
  flex: 1; background: var(--c2w-primary, #c8102e); color: #fff;
  border: none; padding: 11px; border-radius: 5px;
  font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  font-size: 11px; cursor: pointer; box-shadow: 0 3px 0 var(--c2w-secondary, #9b0c24);
  font-family: inherit;
}
.c2w-pw-wpri:hover { opacity: .88; }
.c2w-pw-wsec {
  flex: 1; background: #fff; color: var(--c2w-secondary, #0a1f44) !important;
  border: 1px solid var(--c2w-secondary, #0a1f44); padding: 11px; border-radius: 5px;
  font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  font-size: 11px; cursor: pointer; text-decoration: none;
  text-align: center; display: flex; align-items: center; justify-content: center;
}
.c2w-pw-msg { font-size: 11px; padding: 6px 10px; border-radius: 4px; margin-top: 8px; position: relative; z-index: 2; text-align: center; }
.c2w-pw-msg--ok  { background: #dcfce7; color: #16a34a !important; }
.c2w-pw-msg--err { background: #fee2e2; color: #dc2626 !important; }

/* Footer bar */
.c2w-pw-fbar {
  background: var(--c2w-secondary, #0a1f44); color: #fff;
  padding: 11px 32px; margin-top: auto;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11px; font-weight: 600; flex-shrink: 0;
}
.c2w-pw-fbar strong { color: #fff !important; }
.c2w-pw-fbar span   { color: rgba(255,255,255,.65) !important; }
.c2w-pw-fbar b      { color: #fff !important; }

/* Category list view */
.c2w-pw-lhero { padding: 22px 32px; }
.c2w-pw-catgrid {
  padding: 20px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}
.c2w-pw-catcard {
  background: #fff; border: 1px solid #e3e7ef; border-radius: 12px;
  overflow: hidden; display: flex; flex-direction: column;
  transition: transform .15s, box-shadow .15s;
}
.c2w-pw-catcard:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(10,31,68,.1); }
.c2w-pw-catcard-body { padding: 20px 16px; flex: 1; text-align: center; }
.c2w-pw-catcard-ic   { margin-bottom: 8px; color: var(--c2w-primary, #c8102e); display: flex; justify-content: center; }
.c2w-pw-catcard-ic svg { display: block; }
.c2w-pw-catcard-name  { font-size: 13px !important; font-weight: 800; color: var(--c2w-secondary) !important; margin: 0 0 8px; }
.c2w-pw-catcard-count { font-size: 38px !important; font-weight: 900; color: var(--c2w-secondary) !important; line-height: 1; }
.c2w-pw-catcard-sub   { font-size: 11px; color: #94a3b8 !important; font-weight: 600; }
.c2w-pw-catcard-btn {
  display: block; text-align: center;
  background: var(--c2w-primary); color: #fff !important;
  padding: 12px; font-weight: 800; font-size: 11px;
  text-transform: uppercase; letter-spacing: .07em;
  text-decoration: none; transition: opacity .15s;
}
.c2w-pw-catcard-btn:hover { opacity: .88; }
.c2w-pw-catcard-btn--off { background: #cbd5e1; color: #94a3b8 !important; cursor: not-allowed; pointer-events: none; }
.c2w-pw-empty { padding: 32px; text-align: center; color: #94a3b8 !important; }
.c2w-pw-howto {
  padding: 20px 24px;
  background: #f8fafc;
  border-top: 1px solid #e3e7ef;
}
.c2w-pw-howto-title { font-size: 14px !important; font-weight: 800; color: var(--c2w-secondary) !important; margin: 0 0 14px; }
.c2w-pw-howto-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.c2w-pw-howto-step {
  background: #fff; border: 1px solid #e3e7ef; border-radius: 10px;
  padding: 14px; display: flex; align-items: flex-start; gap: 10px;
}
.c2w-pw-howto-n {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--c2w-primary); color: #fff !important;
  display: grid; place-items: center;
  font-size: 13px; font-weight: 900; flex-shrink: 0;
}
.c2w-pw-howto-step strong { display: block; font-size: 12px; font-weight: 800; color: var(--c2w-secondary) !important; margin-bottom: 3px; }
.c2w-pw-howto-step p { font-size: 11px; color: #64748b !important; margin: 0; line-height: 1.4; }

body.page-template-pick-winner #page,
body.page-template-pick-winner #content,
body.page-template-pick-winner #primary,
body.page-template-pick-winner #main,
body.page-template-pick-winner-php #page,
body.page-template-pick-winner-php #content,
body.page-template-pick-winner-php #primary,
body.page-template-pick-winner-php #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-template-pick-winner .content-area,
body.page-template-pick-winner .site-main,
body.page-template-pick-winner .entry-content,
body.page-template-pick-winner-php .content-area,
body.page-template-pick-winner-php .site-main,
body.page-template-pick-winner-php .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-template-pick-winner .c2w-pw,
body.page-template-pick-winner-php .c2w-pw {
  min-height: calc(100vh - 60px);
}

/* Responsive — pick winner */
@media (max-width: 900px) {
  .c2w-pw-stages { grid-template-columns: 1fr; }
  .c2w-pw-stepper { display: none; }
  .c2w-pw-howto-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .c2w-pw-hero { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }
  .c2w-pw-topbar { padding: 10px 16px; }
  .c2w-pw-stages { padding: 12px 14px; gap: 12px; }
  .c2w-pw-wfields { grid-template-columns: 1fr; }
  .c2w-pw-wactions { flex-direction: column; }
  .c2w-pw-howto-steps { grid-template-columns: 1fr; }
  .c2w-pw-catgrid { padding: 14px; gap: 10px; }
  .c2w-pw-fbar { padding: 10px 16px; font-size: 10px; }
  .c2w-pw-lhero { padding: 16px; }
}

/* Checkout - match dashboard theme */
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout #primary,
body.woocommerce-checkout #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.woocommerce-checkout .site-main > .container1,
body.woocommerce-checkout .site-main > .container,
body.woocommerce-checkout .woocommerce {
  max-width: 1160px;
  margin: 0 auto;
}
body.woocommerce-checkout .woocommerce {
  background: var(--c2w-light, #f0f6fc);
  border-radius: 0;
  padding: 24px 20px 30px;
}
body.woocommerce-checkout form.checkout {
  display: block;
}
body.woocommerce-checkout form.checkout::after {
  content: "";
  display: table;
  clear: both;
}
body.woocommerce-checkout #customer_details {
  width: 100%;
}
body.woocommerce-checkout #customer_details .col-1 {
  float: left;
  width:65%;
}
body.woocommerce-checkout #customer_details .col-2 {
  display: block;
  float: right;
  width: 360px !important;
  margin-bottom: 14px;
}
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
  float: right;
  width: 360px !important;
  clear: right;
}
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout #ship-to-different-address,
body.woocommerce-checkout #ship-to-different-address-checkbox {
  display: none !important;
}
body.woocommerce-checkout #order_review_heading {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}
body.woocommerce-checkout form.checkout > #order_review {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}
body.woocommerce-checkout .col-2 > .woocommerce-additional-fields:empty,
body.woocommerce-checkout .col-2 > #order_review:empty,
body.woocommerce-checkout .col-2 > div:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}
body.woocommerce-checkout #customer_details .col-2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.woocommerce-checkout #customer_details .col-2 > *:first-child {
  margin-top: 0 !important;
}
body.woocommerce-checkout #customer_details .col-2 > *:last-child {
  margin-bottom: 0 !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review {
  background: #f8fafc;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 14px;
  padding: 16px;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout #order_review table th {
  color: var(--c2w-secondary, #1e2d52);
}
/* Select2 dropdown arrow position */
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 20px;
}
body.woocommerce-checkout .woocommerce form .form-row .select2-container .select2-selection {
  border: 0;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .select2-selection {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  background: #fff;
}

/* Referrer / seller name inputs: distinct emphasis */
body.woocommerce-checkout #referrer_name,
body.woocommerce-checkout #billing_referrer_name {
  font-size: 14px;
  font-weight: 600;
}
body.woocommerce-checkout #billing_ref_teams_field,
body.woocommerce-checkout #billing_referrer_name_field,
body.woocommerce-checkout #ref_teams_field,
body.woocommerce-checkout #referrer_name_field,
body.woocommerce-checkout #promotions_field,
body.woocommerce-checkout #billing_ticket_seller_name_field {
  background: var(--c2w-light, #f0f6fc);
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}
body.woocommerce-checkout #billing_ref_teams_field label,
body.woocommerce-checkout #billing_referrer_name_field label,
body.woocommerce-checkout #ref_teams_field label,
body.woocommerce-checkout #referrer_name_field label,
body.woocommerce-checkout #promotions_field label,
body.woocommerce-checkout #billing_ticket_seller_name_field label {
  font-weight: 700;
  color: var(--c2w-secondary, #1e2d52);
  margin-bottom: 6px;
}
body.woocommerce-checkout #billing_ref_teams,
body.woocommerce-checkout #billing_referrer_name,
body.woocommerce-checkout #ref_teams,
body.woocommerce-checkout #referrer_name,
body.woocommerce-checkout #promotions,
body.woocommerce-checkout #billing_ticket_seller_name {
  height: 44px;
  border-radius: 10px;
}
body.woocommerce-checkout .shop_table {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 10px;
  overflow: hidden;
}
body.woocommerce-checkout #payment {
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid var(--c2w-border, #d8e4ef);
  margin-top: 12px;
}
body.woocommerce-checkout #payment .form-row.place-order {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
body.woocommerce-checkout #payment .form-row.place-order .button,
body.woocommerce-checkout #payment .form-row.place-order a.button,
body.woocommerce-checkout #payment .form-row.place-order button,
body.woocommerce-checkout #payment .form-row.place-order input {
  margin: 0;
}
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .button.alt,
body.woocommerce-checkout .woocommerce-button {
  background: var(--c2w-primary, #3b82c4);
  border: 0;
  border-radius: 8px;
  color: var(--c2w-secondary, #1e2d52);
  font-weight: 700;
  text-transform: none;
}
body.woocommerce-checkout #payment #place_order {
  width: auto;
  min-width: 140px;
  float: none;
}
@media (max-width: 980px) {
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    float: none;
    width: 100%;
  }
}

/* Thank You - match dashboard theme */
body.woocommerce-order-received #page,
body.woocommerce-order-received #content,
body.woocommerce-order-received #primary,
body.woocommerce-order-received #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-order-received .content-area,
body.woocommerce-order-received .site-main,
body.woocommerce-order-received .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.woocommerce-order-received .site-main > .container1,
body.woocommerce-order-received .site-main > .container,
body.woocommerce-order-received .woocommerce {
  max-width: 1160px;
  margin: 0 auto;
}
body.woocommerce-order-received .woocommerce {
  background: var(--c2w-light, #f0f6fc);
  padding: 24px 20px 30px;
}
body.woocommerce-order-received .woocommerce-order {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 14px;
  padding: 18px;
}
body.woocommerce-order-received .woocommerce-order-overview {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 14px 0 18px;
  padding: 0;
}
/* Strip the WooCommerce clearfix pseudo-elements — they add unwanted blank space */
body.woocommerce-order-received .woocommerce-order-overview::before,
body.woocommerce-order-received .woocommerce-order-overview::after {
  content: none !important;
  display: none !important;
}
ul.order_details li:last-of-type{
  border: 1px solid var(--c2w-border, #d8e4ef) !important;
}
body.woocommerce-order-received .woocommerce-order-overview li {
  float: none !important;
  clear: none !important;
  width: auto !important;
  list-style: none;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-right: 1px solid var(--c2w-border, #d8e4ef) !important;
  border-radius: 10px;
  padding: 10px 14px;
  margin: 0;
  min-width: 0;
  overflow: hidden;
}
body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(2, 1fr);
  }
}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 12px;
  padding: 14px;
  margin-top: 14px;
}
body.woocommerce-order-received .shop_table {
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 10px;
  overflow: hidden;
}

/* ── Ticket image grid (order-received + email + admin) ─────────────────── */
/* Images are now wrapped in <div class="c2w-ticket-grid"> by tickets-display.php */
.c2w-ticket-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2px;
  row-gap: 30px;
  margin: 8px 0;
}
.c2w-ticket-grid img {
  /* image.php renders at 2× (600px wide). Capping display at 300px means the
     browser scales DOWN — always crisp, never blurry. */
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  border-radius: 8px;
}
/* Range style: "TO" separator between two images */
.c2w-ticket-range-sep {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
  color: var(--c2w-secondary, #1e2d52);
  letter-spacing: 1px;
}
/* Text-only ticket numbers (no image template) */
.c2w-ticket-num {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c2w-light, #f0f6fc);
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 8px;
  padding: 8px 6px;
  font-weight: 700;
  font-size: 14px;
  color: var(--c2w-secondary, #1e2d52);
}
@media (max-width: 600px) {
  .c2w-ticket-grid {
    grid-template-columns: repeat(2, 1fr);
    display:inherit;
  }
}


/* All Winners - match modern dashboard theme */
body.page-template-all-winners #masthead,
body.page-template-all-winners #colophon,
body.page-template-all-winners-php #masthead,
body.page-template-all-winners-php #colophon {
  display: block !important;
  visibility: visible !important;
}
body.page-template-all-winners #page,
body.page-template-all-winners #content,
body.page-template-all-winners #primary,
body.page-template-all-winners #main,
body.page-template-all-winners-php #page,
body.page-template-all-winners-php #content,
body.page-template-all-winners-php #primary,
body.page-template-all-winners-php #main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-template-all-winners .content-area,
body.page-template-all-winners .site-main,
body.page-template-all-winners .entry-content,
body.page-template-all-winners-php .content-area,
body.page-template-all-winners-php .site-main,
body.page-template-all-winners-php .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-template-all-winners #colophon,
body.page-template-all-winners-php #colophon {
  margin-top: 0 !important;
}
.all-winner12.c2w-all-modern {
  background: var(--c2w-light, #f0f6fc);
  border: 0 !important;
  border-radius: 0 !important;
  padding: 26px 0 18px;
}
.all-winner12.c2w-all-modern .c2w-all-wrap {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  float: none;
  padding: 0 24px;
  box-sizing: border-box;
}
.all-winner12.c2w-all-modern .c2w-all-back {
  margin-bottom: 14px;
}
.all-winner12.c2w-all-modern .c2w-all-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.all-winner12.c2w-all-modern .c2w-all-head h1 {
  margin: 0;
  color: var(--c2w-secondary, #1e2d52);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 700;
}
.all-winner12.c2w-all-modern .c2w-all-head p {
  margin: 8px 0 0;
  color: #4f6486;
  font-size: 14px;
}
.all-winner12.c2w-all-modern .c2w-all-select-btn {
  background: var(--c2w-secondary, #1e2d52);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.all-winner12.c2w-all-modern .c2w-all-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 14px;
}
.all-winner12.c2w-all-modern .winner12-all-winner a,
.all-winner12.c2w-all-modern .export-winner-t1,
.all-winner12.c2w-all-modern .another-winner {
  float: none !important;
  margin: 0 !important;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
.all-winner12.c2w-all-modern .export-winner-t1 {
  background: var(--c2w-primary, #3b82c4);
  color: var(--c2w-secondary, #1e2d52);
}
.all-winner12.c2w-all-modern .another-winner {
  background: var(--c2w-secondary, #1e2d52);
  color: #fff;
}
.all-winner12.c2w-all-modern .c2w-all-table-parent {
  background: #f8fafc;
  border: 1px solid var(--c2w-border, #d8e4ef);
  border-radius: 16px;
  overflow: auto;
  width: 100%;
}
.all-winner12.c2w-all-modern #winner-table {
  width: 100%;
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
}
.all-winner12.c2w-all-modern .winner-header {
  background: var(--c2w-secondary, #1e2d52) !important;
  color: #fff;
}
.all-winner12.c2w-all-modern .winner-header th {
  padding: 12px 10px;
  font-size: 13px;
  font-weight: 700;
  border-bottom: 1px solid var(--c2w-secondary, #1e2d52);
}
.all-winner12.c2w-all-modern tr.winner-column td {
  text-align: center;
  color: #304663;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 8px !important;
  background: #fff;
  border-bottom: 1px solid var(--c2w-border, #d8e4ef);
}
.all-winner12.c2w-all-modern tr.winner-column:nth-child(even) td {
  background: #f8fafc;
}
@media (max-width: 980px) {
  .all-winner12.c2w-all-modern .c2w-all-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .all-winner12.c2w-all-modern .c2w-all-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* ===================================================================
   RESPONSIVE ENHANCEMENTS — page-layouts.css
   =================================================================== */

/* ── Tablet (≤ 768px) ── */
@media (max-width: 768px) {
  /* Site settings - wizard steps compact */
  .site-setting-main #checkout-progress .progress-bar .step .step-label {
    font-size: 11px;
  }
  /* Reporting grid */
  .c2w-rpt-charts {
    grid-template-columns: 1fr !important;
  }
  /* Add-team: stack sections */
  .c2w-team-dashboard .full-row1.m-15 {
    grid-template-columns: 1fr !important;
  }
  .c2w-team-dashboard .left02,
  .c2w-team-dashboard .left03 {
    width: 100% !important;
    margin: 0 0 14px !important;
  }
  /* Ticket packages: stack */
  .ticket-packages .tickets-plus {
    flex-wrap: wrap;
  }
  .ticket-packages .tickets-plus > div {
    width: 100%;
  }
  /* Printing grid */
  .printing-downloads-page .my-account-grid {
    grid-template-columns: 1fr !important;
  }
  /* All winners table: horizontal scroll */
  .all-winner12.c2w-all-modern .c2w-all-table-parent {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ── Small phone (≤ 480px) ── */
@media (max-width: 480px) {
  /* Title sizes */
  .rtg-title-main {
    font-size: 24px !important;
  }
  /* Settings tabs: full width */
  .site-setting-main .layout-tab.tab button.tablinks {
    width: 100% !important;
    margin: 0 0 6px !important;
    font-size: 12px;
  }
  /* Ticket packages compact */
  .ticket-packages .left02,
  .ticket-packages .left03 {
    width: 100% !important;
  }
  /* Manual order form */
  .manual-order-updated-design .export-table.t1.row1 .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  /* Pick winner compact */
  .c2w-pick-modern .c2w-pick-steps {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════
   C2W SITE SETTINGS — CARD GRID OVERVIEW
   page: Settings Page (site-setting.php)
════════════════════════════════════════════════════════ */
.c2w-ss *, .c2w-ss *::before, .c2w-ss *::after { box-sizing: border-box; }
.c2w-ss { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #15123a; background: transparent; }

/* ── Hard resets: fight theme colour inheritance ── */
.c2w-ov-tile h4, .c2w-ov-tile h4 * { color: #15123a !important; }
.c2w-ov-tile p,  .c2w-ov-tile p *  { color: #6b6c85 !important; }
.c2w-ov-tile-num { color: #cfcde0 !important; }
.c2w-ov-tile-star { color: #fbbf24 !important; }
.c2w-ov-tile--feature h4, .c2w-ov-tile--feature h4 * { color: #fff !important; }
.c2w-ov-tile--feature p,  .c2w-ov-tile--feature p *  { color: #c8c2f5 !important; }
.c2w-ov-tile--feature .c2w-ov-tile-num { color: #5d4fb3 !important; }
.c2w-ov-hero h2 { color: #15123a !important; }
.c2w-ov-hero p  { color: #5b5d78 !important; }
.c2w-ov-eyebrow { color: var(--c2w-primary, #b026ff) !important; }
.c2w-ov-stat b    { color: #15123a !important; }
.c2w-ov-stat span { color: #6b6c85 !important; }
.c2w-ov-bar       { color: #fff !important; }
.c2w-ov-bar-left  { color: #bdb9e0 !important; }
.c2w-ov-bar-left strong { color: #fff !important; }
.c2w-ov-bar-right { color: #8e8aae !important; }
.c2w-ov-bar-right b { color: #ec4899 !important; }
.c2w-ss-panel-back  { color: #64748b !important; background: #f1f5f9 !important; }
.c2w-ss-panel-back:hover { color: #0f172a !important; background: #e2e8f0 !important; }
.c2w-ss-panel-crumb { color: #94a3b8 !important; }
.c2w-ss-panel-crumb b { color: #0f172a !important; }
.c2w-ss-save-btn  { color: #fff !important; background: var(--c2w-primary, #1d4ed8) !important; }
.c2w-ss-save-msg  { color: #64748b !important; }
/* ── TOP BAR ── */
.c2w-ss-topbar {
	display: flex; align-items: center; justify-content: space-between;
	padding: 18px 0 20px; gap: 16px;
}
.c2w-ss-topbar-left { display: flex; align-items: center; gap: 14px; }
.c2w-ss-back-link svg { flex-shrink: 0; }
.c2w-ss-topbar h1 { font-size: 18px; font-weight: 800; color: #0f172a; margin: 0; }

/* ── OVERVIEW CARD ── */
.c2w-ov { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 40px rgba(15,15,55,.1); }

/* Hero */
.c2w-ov-hero {
	padding: 32px 36px 22px;
	display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center;
	border-bottom: 1px solid #ececf3;
}
.c2w-ov-eyebrow {
	display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .14em;
	text-transform: uppercase; color: var(--c2w-primary, #b026ff); margin-bottom: 10px;
}
.c2w-ov-hero h2 {
	font-size: 30px; font-weight: 900; line-height: 1.08; letter-spacing: -.02em; margin: 0 0 10px;
}
.c2w-ov-hero h2 em {
	font-style: normal;
	background: linear-gradient(90deg, var(--c2w-primary, #b026ff), var(--c2w-secondary, #ec4899));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.c2w-ov-hero p { font-size: 13.5px; color: #5b5d78; margin: 0; max-width: 600px; line-height: 1.55; }
.c2w-ov-stats { display: flex; gap: 12px; flex-shrink: 0; }
.c2w-ov-stat {
	background: #f6f4ff; border: 1px solid #ebe6ff; border-radius: 12px;
	padding: 12px 16px; text-align: center; min-width: 80px;
}
.c2w-ov-stat b { display: block; font-size: 22px; font-weight: 900; color: #15123a; line-height: 1; }
.c2w-ov-stat span { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b6c85; margin-top: 3px; display: block; }

/* Tile grid */
.c2w-ov-grid {
	padding: 20px 28px 22px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 10px;
}

/* Base tile */
.c2w-ov-tile {
	border-radius: 12px; padding: 14px 12px; background: #fff; border: 1px solid #ececf3;
	display: flex; flex-direction: column; gap: 7px; position: relative; overflow: hidden;
	cursor: pointer; transition: transform .18s, box-shadow .18s, border-color .18s;
	text-align: left;
}
.c2w-ov-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(15,15,55,.1); border-color: var(--c2w-primary, #b026ff); }
.c2w-ov-tile-num { position: absolute; top: 8px; right: 10px; font-size: 10px; font-weight: 900; color: #cfcde0; letter-spacing: .06em; }
.c2w-ov-ic {
	width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center;
	font-size: 16px; flex-shrink: 0;
}
.c2w-ov-tile h4 { font-size: 11.5px; font-weight: 800; line-height: 1.25; color: #15123a; margin: 0; }
.c2w-ov-tile p  { font-size: 10px; color: #6b6c85; line-height: 1.4; margin: 0; }

/* Done indicator dot */
.c2w-ov-tile::after {
	content: ''; position: absolute; bottom: 8px; right: 10px;
	width: 7px; height: 7px; border-radius: 50%; background: #e2e8f0;
}
.c2w-ov-tile.done::after { background: #22c55e; }

/* Featured tiles */
.c2w-ov-tile--feature {
	grid-column: span 2;
	background: linear-gradient(135deg, #1a1547, #2d1b69);
	border: none; color: #fff;
}
.c2w-ov-tile--feature:hover { border-color: transparent; box-shadow: 0 8px 28px rgba(26,21,71,.4); }
.c2w-ov-tile--feature h4 { color: #fff; font-size: 13px; }
.c2w-ov-tile--feature p  { color: #c8c2f5; }
.c2w-ov-tile--feature .c2w-ov-tile-num { color: #5d4fb3; }
.c2w-ov-tile--feature::after { background: rgba(255,255,255,.25); }
.c2w-ov-tile--feature.done::after { background: #4ade80; }
.c2w-ov-tile-star { font-size: 10px; font-weight: 900; color: #fbbf24; letter-spacing: .04em; }
.c2w-ov-ic-wrap { background: rgba(255,255,255,.15); }

/* Icon colour variants */
.ic-magenta { background: linear-gradient(135deg,#b026ff,#ec4899); }
.ic-cyan    { background: linear-gradient(135deg,#22d3ee,#3b82f6); }
.ic-red     { background: linear-gradient(135deg,#ef4444,#b91c1c); }
.ic-green   { background: linear-gradient(135deg,#10b981,#059669); }
.ic-amber   { background: linear-gradient(135deg,#f59e0b,#d97706); }
.ic-indigo  { background: linear-gradient(135deg,#6366f1,#4f46e5); }
.ic-teal    { background: linear-gradient(135deg,#14b8a6,#0d9488); }

/* Bottom bar */
.c2w-ov-bar {
	background: #15123a; color: #fff; padding: 14px 36px;
	display: flex; justify-content: space-between; align-items: center;
}
.c2w-ov-bar-left { display: flex; align-items: center; gap: 14px; font-size: 12px; color: #bdb9e0; }
.c2w-ov-bar-left strong { color: #fff; font-weight: 800; }
.c2w-ov-palette { display: flex; gap: 5px; }
.c2w-ov-palette span { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.15); }
.c2w-ov-bar-right { font-size: 11px; color: #8e8aae; font-weight: 600; letter-spacing: .04em; }
.c2w-ov-bar-right b { color: #ec4899; }

/* ── PANEL VIEW ── */
.c2w-ss-panels { display: none; }
.c2w-ss-panel-topbar {
	display: flex; align-items: center; gap: 14px;
	padding: 16px 0 18px; border-bottom: 1px solid #e8ecf1; margin-bottom: 24px;
	flex-wrap: wrap;
}
.c2w-ss-panel-back {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 700; color: #64748b;
	background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px;
	padding: 7px 14px; cursor: pointer; text-decoration: none;
	transition: background .15s, color .15s; flex-shrink: 0;
}
.c2w-ss-panel-back:hover { background: #e2e8f0; color: #0f172a; }
.c2w-ss-panel-crumb { font-size: 13px; color: #94a3b8; font-weight: 600; }
.c2w-ss-panel-crumb b { color: #0f172a; font-weight: 800; }
.c2w-ss-save-row { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.c2w-ss-save-btn {
	background: var(--c2w-primary, #1d4ed8); color: #fff; border: none; border-radius: 8px;
	padding: 9px 24px; font-size: 13px; font-weight: 700; cursor: pointer;
	transition: opacity .15s, transform .1s; font-family: inherit;
}
.c2w-ss-save-btn:hover { opacity: .88; transform: translateY(-1px); }
.c2w-ss-save-btn:active { transform: none; opacity: 1; }
.c2w-ss-save-msg { font-size: 12px; color: #64748b; display: none; }

/* ── Setup wizard step bar (Previous / progress / Save & Next) ── */
/* Lives at the top of the panel (inside .c2w-wiz-toprow). Skin-driven accent,
   neutral slate palette, 8px radii, inherit font. */
.c2w-wiz-nav {
	display: flex; align-items: center; gap: 16px;
	flex: 1 1 auto; min-width: 0;
	padding: 12px 18px;
	background: #fff; border: 1px solid #e8ecf1; border-radius: 12px;
}
.c2w-wiz-progress { flex: 1; min-width: 0; }
.c2w-wiz-steptext { font-size: 13px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.c2w-wiz-steptext b { color: var(--c2w-primary, #1d4ed8); }
.c2w-wiz-sep { color: #cbd5e1; }
.c2w-wiz-bar { height: 6px; background: #eef2f7; border-radius: 999px; overflow: hidden; }
.c2w-wiz-bar-fill {
	height: 100%; width: 8%; border-radius: 999px;
	background: var(--c2w-primary, #1d4ed8);
	transition: width .25s ease;
}
.c2w-wiz-btn {
	flex: none; display: inline-flex; align-items: center; gap: 7px;
	border: none; cursor: pointer; font-family: inherit;
	font-size: 13px; font-weight: 700; padding: 9px 24px; border-radius: 8px;
	transition: background .15s, opacity .15s, transform .1s;
}
.c2w-wiz-btn:active { transform: translateY(1px); }
.c2w-wiz-prev {
	background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0;
}
.c2w-wiz-prev:hover:not(:disabled) { background: #e2e8f0; color: #0f172a; }
.c2w-wiz-prev:disabled { opacity: .4; cursor: not-allowed; }
.c2w-wiz-next { background: var(--c2w-primary, #1d4ed8); color: #fff; }
.c2w-wiz-next:hover { opacity: .88; transform: translateY(-1px); }
.c2w-wiz-next:active { transform: none; opacity: 1; }

/* Pure-wizard mode: the old card-grid overview and its "All Settings" back
   link are no longer entry points. */
#c2w-overview { display: none !important; }
.c2w-ss-panel-back { display: none !important; }

/* Save Settings bar at the bottom of the page */
.c2w-ss-save-bottom {
	display: flex; align-items: center; justify-content: flex-end; gap: 12px;
	margin-top: 26px; padding-top: 18px; border-top: 1px solid #e8ecf1;
}

/* Wizard top bar: [Sections toggle] + step bar on one row */
.c2w-wiz-topbar { flex-direction: column; align-items: stretch; gap: 12px; }
.c2w-wiz-toprow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.c2w-wiz-topbar .c2w-ss-save-row { margin-left: 0; justify-content: flex-end; }
.c2w-wiz-toggle {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
	background: #f1f5f9; color: #334155; border: 1px solid #e2e8f0; border-radius: 8px;
	padding: 10px 14px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit;
	transition: background .15s, color .15s, border-color .15s;
}
.c2w-wiz-toggle:hover { background: #e2e8f0; color: #0f172a; }
.c2w-wiz-toggle.is-active {
	background: color-mix(in srgb, var(--c2w-primary, #1d4ed8) 12%, #f1f5f9);
	color: #0f172a; border-color: color-mix(in srgb, var(--c2w-primary, #1d4ed8) 30%, #e2e8f0);
}

/* Sidebar and step bar are two modes, one at a time:
   - default (closed): step bar visible, sidebar hidden
   - open: sidebar visible, step bar hidden
   The toggle state lives on #c2w-panels so it can control both. */
.c2w-wiz-steps { display: none; }
#c2w-panels.is-steps-open .c2w-wiz-steps { display: block; }
#c2w-panels.is-steps-open .c2w-wiz-nav { display: none; }

/* ── Wizard side navigation (jump to any section) ── */
.c2w-wiz-layout { display: flex; align-items: flex-start; gap: 24px; }
.c2w-wiz-main { flex: 1 1 auto; min-width: 0; }
.c2w-wiz-steps {
	flex: 0 0 232px; align-self: flex-start;
	position: sticky; top: 16px;
	background: #fff; border: 1px solid #e8ecf1; border-radius: 14px;
	padding: 12px; max-height: calc(100vh - 32px); overflow-y: auto;
}
.c2w-wiz-steps-title {
	font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
	color: #94a3b8; padding: 4px 8px 10px;
}
.c2w-wiz-step {
	display: flex; align-items: center; gap: 10px; width: 100%;
	padding: 9px 10px; margin-bottom: 2px; border: none; background: transparent;
	border-radius: 8px; cursor: pointer; text-align: left; font-family: inherit;
	font-size: 13px; font-weight: 600; color: #475569;
	transition: background .15s, color .15s;
}
.c2w-wiz-step:hover { background: #f1f5f9; color: #0f172a; }
.c2w-wiz-step.is-active {
	background: color-mix(in srgb, var(--c2w-primary, #1d4ed8) 12%, #f1f5f9);
	color: #0f172a; font-weight: 700;
}
.c2w-wiz-step-num {
	flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	font-size: 11px; font-weight: 800;
	background: #eef2f7; color: #64748b;
}
.c2w-wiz-step.is-active .c2w-wiz-step-num { background: var(--c2w-primary, #1d4ed8); color: #fff; }
.c2w-wiz-step-name { flex: 1 1 auto; min-width: 0; line-height: 1.25; }
.c2w-wiz-step-check { flex: 0 0 auto; width: 14px; text-align: center; }
.c2w-wiz-step.is-done .c2w-wiz-step-check::before { content: '\2713'; color: #16a34a; font-weight: 800; font-size: 12px; }
.c2w-wiz-step.is-done .c2w-wiz-step-num { background: #dcfce7; color: #16a34a; }
.c2w-wiz-step.is-active.is-done .c2w-wiz-step-num { background: var(--c2w-primary, #1d4ed8); color: #fff; }

@media (max-width: 980px) {
	.c2w-wiz-layout { flex-direction: column; gap: 14px; }
	#c2w-panels.is-steps-open .c2w-wiz-steps {
		position: static; flex-basis: auto; width: 100%; max-height: none;
		display: flex; flex-wrap: wrap; gap: 6px;
	}
	.c2w-wiz-steps-title { flex-basis: 100%; padding: 2px 4px 6px; }
	.c2w-wiz-step { width: auto; margin-bottom: 0; }
	.c2w-wiz-step-name { white-space: nowrap; }
}

/* Panel section header */
.c2w-ss-panel-header {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #e8ecf1;
}
.c2w-ss-panel-icon {
	width: 42px; height: 42px; border-radius: 10px;
	background: color-mix(in srgb, var(--c2w-primary, #1d4ed8) 12%, #f1f5f9);
	display: flex; align-items: center; justify-content: center;
	font-size: 20px; flex-shrink: 0;
}
.c2w-ss-panel-header > div {  min-width: 0; text-align: left; }
.c2w-ss-panel-header h2,
.page-template-site-setting .c2w-ss-panel-header h2 {
	font-size: 20px !important; font-weight: 800 !important; color: #0f172a !important;
	margin: 0 0 3px !important; padding: 0 !important;
	letter-spacing: -.02em !important; text-align: left !important;
	text-transform: none !important; line-height: 1.25 !important;
	font-family: inherit !important;
}
.c2w-ss-panel-header p  { font-size: 13px; color: #64748b; margin: 0; text-align: left; }
.c2w-ss-required-badge {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
	color: #92400e; background: #fef3c7; border: 1px solid #fde68a; border-radius: 4px;
	padding: 3px 7px; margin-top: 5px;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
	.c2w-ov-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
	.c2w-ov-tile--feature { grid-column: span 2; }
}
@media (max-width: 720px) {
	.c2w-ov-hero { grid-template-columns: 1fr; padding: 22px 18px 16px; gap: 16px; }
	.c2w-ov-hero h2 { font-size: 22px !important; }
	.c2w-ov-stats { display: none; }
	.c2w-ov-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 14px 14px 16px; }
	.c2w-ov-tile--feature { grid-column: span 2; }
	.c2w-ov-tile--feature h4 { font-size: 13px !important; }
	.c2w-ss-panel-topbar { flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 0 14px; }
	.c2w-ss-save-row { margin-left: 0; width: 100%; justify-content: flex-end; }
	.c2w-ss-panel-crumb { font-size: 12px; }
	.c2w-wiz-nav { flex-wrap: wrap; gap: 12px; padding: 14px; }
	.c2w-wiz-progress { order: -1; flex-basis: 100%; }
	.c2w-wiz-btn { flex: 1; justify-content: center; padding: 12px 14px; }
	.c2w-ov-bar { flex-direction: column; gap: 8px; text-align: center; padding: 14px 18px; }
	.c2w-ov-bar-left { flex-direction: column; gap: 8px; }
}
@media (max-width: 420px) {
	.c2w-ov-grid { grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px 10px 12px; }
	.c2w-ov-tile--feature { grid-column: span 2; }
	.c2w-ov-tile { padding: 12px 10px; }
	.c2w-ov-tile h4 { font-size: 11px !important; }
	.c2w-ov-tile p { display: none; }
	.c2w-ss-save-btn { width: 100%; }
}

/* ───────────────────────────────────────────────
   MANUAL ORDER PAGE (.c2w-mo)
   Reference: inner-pages-design/manual-order.html
─────────────────────────────────────────────── */
.c2w-mo {
	padding: 0 18px;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	color: var(--c2w-secondary, #0a1f44);
}
.c2w-mo *, .c2w-mo *::before, .c2w-mo *::after { box-sizing: border-box; }

/* ── Unified back-to-dashboard button ── */
.c2w-mo-topbar { margin-bottom: 14px; }
.c2w-mo-back,
.c2w-ss-back-link,
.c2w-pw-back,
.c2w-pd-back a,
.c2w-tp-back a,
.connect-your-payment.c2w-pay-modern .c2w-pay-back a,
.all-winner12.c2w-all-modern .c2w-all-back a,
.back-arrow-img a {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 600;
	color: var(--c2w-secondary, #0a1f44);
	text-decoration: none;
	padding: 6px 10px; border-radius: 6px;
	transition: background .15s, color .15s;
}
.c2w-mo-back:hover,
.c2w-ss-back-link:hover,
.c2w-pw-back:hover,
.c2w-pd-back a:hover,
.c2w-tp-back a:hover,
.connect-your-payment.c2w-pay-modern .c2w-pay-back a:hover,
.all-winner12.c2w-all-modern .c2w-all-back a:hover,
.back-arrow-img a:hover {
	background: rgba(10, 31, 68, .06);
	color: var(--c2w-primary, #c8102e);
}

/* Hero */
.c2w-mo-hero {
	display: flex; align-items: center; justify-content: space-between;
	gap: 24px; padding: 22px 28px;
	background: #fff;
	border: 1px solid #e3e7ef;
	border-radius: 12px;
	margin-bottom: 18px;
	box-shadow: 0 1px 2px rgba(10, 31, 68, .04);
}
.c2w-mo-hero-left { flex: 1; min-width: 0; text-align: left; }
.c2w-mo-eyebrow {
	display: block;
	font-size: 11px; font-weight: 800; letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--c2w-primary, #c8102e);
	margin-bottom: 6px;
}
.c2w-mo-h1,
.page-template-add-manual-order .c2w-mo-h1 {
	font-size: 26px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	letter-spacing: -.01em !important;
	color: var(--c2w-secondary, #0a1f44) !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	font-family: inherit !important;
}
.c2w-mo-h1 em {
	font-style: normal;
	color: var(--c2w-primary, #c8102e);
}
.c2w-mo-desc {
	font-size: 13px; line-height: 1.55;
	color: #6b7390;
	max-width: 680px;
	margin: 0;
	text-align: left;
}

/* Stepper */
.c2w-mo-stepper {
	display: flex; align-items: center; gap: 0;
	list-style: none; margin: 0; padding: 0;
	flex-shrink: 0;
}
.c2w-mo-step {
	display: flex; align-items: center; gap: 7px;
	background: #fff; border: 1px solid #e3e7ef;
	padding: 9px 14px;
	font-size: 11px; font-weight: 700;
	color: #6b7390;
	white-space: nowrap;
}
.c2w-mo-step:first-child { border-radius: 6px 0 0 6px; }
.c2w-mo-step:last-child  { border-radius: 0 6px 6px 0; }
.c2w-mo-step + .c2w-mo-step { border-left: none; }
.c2w-mo-step b { color: var(--c2w-secondary, #0a1f44); font-weight: 700; }
.c2w-mo-step-n {
	width: 18px; height: 18px; border-radius: 50%;
	background: #eef2fb; color: var(--c2w-secondary, #0a1f44);
	display: grid; place-items: center;
	font-size: 10px; font-weight: 800;
}
.c2w-mo-step.is-done {
	background: var(--c2w-secondary, #0a1f44);
	color: #fff; border-color: var(--c2w-secondary, #0a1f44);
}
.c2w-mo-step.is-done b { color: #fff; }
.c2w-mo-step.is-done .c2w-mo-step-n {
	background: rgba(255, 255, 255, .18); color: #fff;
}
.c2w-mo-step.is-active {
	background: var(--c2w-primary, #c8102e);
	color: #fff; border-color: var(--c2w-primary, #c8102e);
}
.c2w-mo-step.is-active b { color: #fff; }
.c2w-mo-step.is-active .c2w-mo-step-n {
	background: rgba(255, 255, 255, .22); color: #fff;
}

/* Form / grid */
.c2w-mo-form { margin: 0; padding: 0; }
.c2w-mo-grid {
	display: grid;
	grid-template-columns: 1.05fr 1.15fr 1fr;
	gap: 16px;
	align-items: stretch;
}
.c2w-mo-col-stack {
	display: flex; flex-direction: column; gap: 14px;
	min-width: 0;
}

/* Card */
.c2w-mo-card {
	background: #fff;
	border: 1px solid #e3e7ef;
	border-radius: 8px;
	padding: 18px;
	display: flex; flex-direction: column; gap: 12px;
	box-shadow: 0 1px 2px rgba(10, 31, 68, .03);
}
.c2w-mo-card--cart { flex: 1; }

.c2w-mo-card-head {
	display: flex; align-items: center; gap: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e7ef;
}
.c2w-mo-card-ic {
	width: 28px; height: 28px; border-radius: 6px;
	display: grid; place-items: center;
	background: color-mix(in srgb, var(--c2w-secondary, #0a1f44) 8%, #f1f5f9);
	color: var(--c2w-secondary, #0a1f44);
	flex-shrink: 0;
}
.c2w-mo-card-ic svg { width: 15px; height: 15px; }
.c2w-mo-card-head h3,
.page-template-add-manual-order .c2w-mo-card-head h3 {
	flex: 1;
	font-size: 13px !important;
	font-weight: 800 !important;
	color: var(--c2w-secondary, #0a1f44) !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: 1.3 !important;
	font-family: inherit !important;
}
.c2w-mo-step-tag {
	font-size: 10px; font-weight: 700;
	color: #6b7390;
	background: #eef2fb;
	padding: 3px 8px; border-radius: 4px;
	letter-spacing: .06em; text-transform: uppercase;
	white-space: nowrap;
}

/* Field rows */
.c2w-mo-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.c2w-mo-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.c2w-mo-field label {
	font-size: 10px; font-weight: 700;
	color: #6b7390;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 0;
}
/* Required-field marker (red star) on manual-order labels */
.c2w-mo-req { color: #dc2626; font-weight: 700; margin-left: 1px; }

/* ── Manual-order success popup (themed, replaces the old alert) ── */
.c2w-mo-done-overlay {
	position: fixed; inset: 0; z-index: 9999;
	display: flex; align-items: center; justify-content: center;
	background: rgba(15, 23, 42, .55); padding: 20px;
	animation: c2wMoDoneFade .2s ease;
}
@keyframes c2wMoDoneFade { from { opacity: 0; } to { opacity: 1; } }
.c2w-mo-done-card {
	position: relative; width: 100%; max-width: 420px;
	background: #fff; border-radius: 18px; padding: 32px 28px 26px;
	box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
	text-align: center; animation: c2wMoDonePop .22s cubic-bezier(.2, .8, .3, 1.2);
}
@keyframes c2wMoDonePop { from { transform: translateY(10px) scale(.97); opacity: 0; } to { transform: none; opacity: 1; } }
.c2w-mo-done-close {
	position: absolute; top: 12px; right: 12px;
	width: 32px; height: 32px; border: none; border-radius: 8px;
	background: transparent; color: #94a3b8; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: background .15s, color .15s;
}
.c2w-mo-done-close:hover { background: #f1f5f9; color: #0f172a; }
.c2w-mo-done-icon {
	width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%;
	background: #dcfce7; color: #16a34a;
	display: flex; align-items: center; justify-content: center;
}
.c2w-mo-done-title {
	font-size: 22px !important; font-weight: 800 !important; color: #0f172a !important;
	margin: 0 0 6px !important; padding: 0 !important; text-align: center !important;
	text-transform: none !important; font-family: inherit !important; line-height: 1.2 !important;
}
.c2w-mo-done-sub { font-size: 14px; color: #64748b; margin: 0 0 20px; }
.c2w-mo-done-details {
	text-align: left; background: #f8fafc; border: 1px solid #e8ecf1; border-radius: 12px;
	padding: 6px 14px; margin-bottom: 22px;
}
.c2w-mo-done-row {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 9px 0; border-bottom: 1px solid #eef2f7; font-size: 13px;
}
.c2w-mo-done-row:last-child { border-bottom: none; }
.c2w-mo-done-row span { color: #94a3b8; font-weight: 600; }
.c2w-mo-done-row b { color: #0f172a; font-weight: 700; text-align: right; word-break: break-word; }
.c2w-mo-done-actions { display: flex; gap: 10px; }
.c2w-mo-done-btn {
	flex: 1; display: inline-flex; align-items: center; justify-content: center;
	padding: 11px 16px; border-radius: 10px; font-size: 14px; font-weight: 700;
	text-decoration: none; cursor: pointer; transition: background .15s, opacity .15s; font-family: inherit;
}
.c2w-mo-done-btn--ghost { background: #f1f5f9; color: #334155; }
.c2w-mo-done-btn--ghost:hover { background: #e2e8f0; color: #0f172a; }
.c2w-mo-done-btn--primary { background: var(--c2w-primary, #1d4ed8); color: #fff; }
.c2w-mo-done-btn--primary:hover { opacity: .9; }
.c2w-mo-input {
	background: #fff;
	border: 1px solid #dbe3f1;
	border-radius: 5px;
	padding: 9px 11px;
	font-size: 13px; font-weight: 500;
	color: var(--c2w-secondary, #0a1f44);
	font-family: inherit;
	width: 100%;
	transition: border-color .15s, box-shadow .15s;
}
.c2w-mo-input::placeholder { color: #9ba3bb; font-weight: 400; }
.c2w-mo-input:focus {
	outline: none;
	border-color: var(--c2w-secondary, #1d4ed8);
	box-shadow: 0 0 0 3px rgba(29, 78, 216, .12);
}
select.c2w-mo-input { appearance: auto; cursor: pointer; }

/* Status / selection summary box */
.c2w-mo-status-box {
	margin-top: auto;
	display: flex; align-items: center; gap: 10px;
	padding: 12px;
	background: color-mix(in srgb, var(--c2w-secondary, #1d4ed8) 6%, #f5f7fb);
	border-left: 3px solid var(--c2w-secondary, #1d4ed8);
	border-radius: 6px;
}
.c2w-mo-status-box > div { flex: 1; min-width: 0; }
.c2w-mo-status-lbl {
	font-size: 10px; color: #6b7390;
	text-transform: uppercase; letter-spacing: .06em;
	font-weight: 700; margin-bottom: 2px;
}
.c2w-mo-status-box b {
	display: block; font-size: 13px;
	color: var(--c2w-secondary, #0a1f44); font-weight: 700;
}

/* Products grid */
.c2w-mo-products {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
}
.c2w-mo-prod {
	background: #fff;
	border: 1px solid #dbe3f1;
	border-radius: 6px;
	padding: 14px 6px;
	display: flex; flex-direction: column; align-items: center; gap: 3px;
	cursor: pointer;
	font-family: inherit;
	transition: background .15s, border-color .15s, transform .1s;
	text-align: center;
}
.c2w-mo-prod:hover { border-color: var(--c2w-secondary, #1d4ed8); transform: translateY(-1px); }
.c2w-mo-prod-qty {
	font-size: 22px; font-weight: 800;
	color: var(--c2w-secondary, #0a1f44);
	line-height: 1;
}
.c2w-mo-prod-lbl {
	font-size: 9px; font-weight: 700;
	color: #6b7390;
	text-transform: uppercase; letter-spacing: .06em;
	margin-top: 4px;
}
.c2w-mo-prod-price {
	font-size: 11px; font-weight: 700;
	color: var(--c2w-secondary, #0a1f44);
	margin-top: 4px;
}
.c2w-mo-prod-price .woocommerce-Price-amount { font-weight: 700; }
.c2w-mo-prod.is-sel {
	background: color-mix(in srgb, var(--c2w-secondary, #1d4ed8) 8%, #fff);
	border-color: var(--c2w-secondary, #1d4ed8);
	box-shadow: 0 0 0 1px var(--c2w-secondary, #1d4ed8) inset;
}
.c2w-mo-prod.is-sel .c2w-mo-prod-price { color: var(--c2w-secondary, #1d4ed8); }
.c2w-mo-empty {
	grid-column: 1 / -1;
	padding: 22px; text-align: center;
	color: #6b7390; font-size: 13px;
	border: 1px dashed #dbe3f1; border-radius: 6px;
}
.c2w-mo-empty a {
	color: var(--c2w-primary, #c8102e); font-weight: 700;
	text-decoration: none; margin-left: 6px;
}

/* Payment segmented */
.c2w-mo-pay-options {
	display: flex; gap: 0;
	border: 1px solid #dbe3f1; border-radius: 6px;
	overflow: hidden;
}
.c2w-mo-pay-opt {
	flex: 1; cursor: pointer;
	background: #fff;
	padding: 10px 6px;
	text-align: center;
	font-size: 12px; font-weight: 700;
	color: #3b4566;
	border-right: 1px solid #dbe3f1;
	transition: background .15s, color .15s;
}
.c2w-mo-pay-opt:last-child { border-right: none; }
.c2w-mo-pay-opt input { position: absolute; opacity: 0; pointer-events: none; }
.c2w-mo-pay-opt span { display: block; }
.c2w-mo-pay-opt.is-sel,
.c2w-mo-pay-opt.selected {
	background: var(--c2w-secondary, #0a1f44);
	color: #fff;
}

/* Cart list */
.c2w-mo-cart-list {
	display: flex; flex-direction: column; gap: 6px;
	min-height: 0;
}
.c2w-mo-cart-item {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	gap: 10px; align-items: center;
	background: #fff;
	border: 1px solid #e3e7ef;
	border-radius: 6px;
	padding: 9px 11px;
	font-size: 12px;
}
.c2w-mo-cart-pill {
	background: var(--c2w-secondary, #0a1f44);
	color: #fff;
	padding: 2px 7px; border-radius: 3px;
	font-weight: 700; font-size: 10px;
	white-space: nowrap;
}
.c2w-mo-cart-name {
	font-weight: 700;
	color: var(--c2w-secondary, #0a1f44);
	min-width: 0;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.c2w-mo-cart-amt {
	font-weight: 700;
	color: var(--c2w-secondary, #0a1f44);
	white-space: nowrap;
}
.c2w-mo-cart-amt .woocommerce-Price-amount { color: inherit; font-weight: 700; }
.c2w-mo-cart-x {
	width: 22px; height: 22px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #e3e7ef;
	color: #6b7390;
	display: grid; place-items: center;
	font-size: 14px; font-weight: 600;
	cursor: pointer; padding: 0;
	transition: border-color .15s, color .15s;
}
.c2w-mo-cart-x:hover {
	color: var(--c2w-primary, #c8102e);
	border-color: var(--c2w-primary, #c8102e);
}
.c2w-mo-cart-empty {
	padding: 18px 12px; text-align: center;
	color: #6b7390; font-size: 12px;
	border: 1px dashed #dbe3f1; border-radius: 6px;
}

/* Totals */
.c2w-mo-totals {
	border-top: 1px solid #e3e7ef;
	padding-top: 10px; margin-top: 4px;
	display: flex; flex-direction: column; gap: 6px;
	font-size: 12px; color: #3b4566;
}
.c2w-mo-totals-row { display: flex; justify-content: space-between; gap: 10px; }
.c2w-mo-totals-row span:last-child { font-weight: 600; color: var(--c2w-secondary, #0a1f44); }
.c2w-mo-totals-row--grand {
	font-size: 15px; font-weight: 800;
	color: var(--c2w-secondary, #0a1f44);
	margin-top: 6px; padding-top: 8px;
	border-top: 1px dashed #e3e7ef;
}
.c2w-mo-totals-row--grand span:last-child { color: var(--c2w-primary, #c8102e); }

/* Place order CTA */
.c2w-mo-place-order {
	background: var(--c2w-primary, #c8102e);
	color: #fff;
	border: none;
	padding: 13px;
	border-radius: 6px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0 4px 0 color-mix(in srgb, var(--c2w-primary, #c8102e) 70%, #000);
	transition: transform .1s, opacity .15s;
	font-family: inherit;
	margin-top: 4px;
}
.c2w-mo-place-order:hover { transform: translateY(-1px); opacity: .96; }
.c2w-mo-place-order:active { transform: translateY(2px); box-shadow: 0 2px 0 color-mix(in srgb, var(--c2w-primary, #c8102e) 70%, #000); }

/* Extras row */
.c2w-mo-extras {
	margin-top: 18px;
	background: #fff;
	border: 1px solid #e3e7ef;
	border-radius: 12px;
	padding: 18px 22px;
	box-shadow: 0 1px 2px rgba(10, 31, 68, .03);
}
.c2w-mo-extras-head { margin-bottom: 14px; }
.c2w-mo-extras-head h3,
.page-template-add-manual-order .c2w-mo-extras h3 {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: var(--c2w-secondary, #0a1f44) !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	text-align: left !important;
	font-family: inherit !important;
}
.c2w-mo-extras-head p { font-size: 12px; color: #6b7390; margin: 0; }
.c2w-mo-extras-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 12px;
}
.c2w-mo-extra-card {
	border: 1px solid #e3e7ef;
	border-radius: 8px;
	padding: 14px;
	background: #fafbfd;
}
.c2w-mo-extra-title {
	font-size: 11px; font-weight: 800;
	color: var(--c2w-secondary, #0a1f44);
	text-transform: uppercase; letter-spacing: .06em;
	margin-bottom: 8px;
}
.c2w-mo-toggle {
	display: inline-flex; align-items: center; gap: 8px;
	cursor: pointer; user-select: none;
}
.c2w-mo-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.c2w-mo-toggle-track {
	width: 34px; height: 18px;
	background: #cbd5e1; border-radius: 999px;
	position: relative; transition: background .15s;
}
.c2w-mo-toggle-dot {
	position: absolute; top: 2px; left: 2px;
	width: 14px; height: 14px;
	background: #fff; border-radius: 50%;
	transition: transform .15s;
}
.c2w-mo-toggle input:checked + .c2w-mo-toggle-track { background: var(--c2w-secondary, #0a1f44); }
.c2w-mo-toggle input:checked + .c2w-mo-toggle-track .c2w-mo-toggle-dot { transform: translateX(16px); }
.c2w-mo-toggle-text { font-size: 12px; font-weight: 600; color: #3b4566; }
.c2w-mo-checkbox {
	display: flex; align-items: center; gap: 8px;
	font-size: 12px; color: #3b4566; cursor: pointer;
}
.c2w-mo-search-results {
	margin-top: 8px; max-height: 160px; overflow-y: auto;
	font-size: 12px;
}
.c2w-mo-search-results p {
	padding: 6px 8px; margin: 0; border-bottom: 1px solid #f1f5f9;
	cursor: pointer;
}
.c2w-mo-search-results p:hover { background: #eef2fb; }
.c2w-mo-ref-buttons {
	display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap;
}
.c2w-mo-ref-btn {
	background: #fff; border: 1px solid #dbe3f1;
	color: var(--c2w-secondary, #0a1f44);
	padding: 5px 10px; border-radius: 4px;
	font-size: 11px; font-weight: 700; cursor: pointer;
}
.c2w-mo-ref-btn:hover { background: var(--c2w-secondary, #0a1f44); color: #fff; border-color: var(--c2w-secondary, #0a1f44); }

/* Defeat global theme paragraph centering inside our scope */
.c2w-mo p,
.c2w-mo h1,
.c2w-mo h3,
.c2w-mo label {
	text-align: left;
}

/* Responsive */
@media (max-width: 1080px) {
	.c2w-mo-grid { grid-template-columns: 1fr 1fr; }
	.c2w-mo-col-stack { grid-column: 1 / -1; flex-direction: row; }
	.c2w-mo-col-stack > .c2w-mo-card { flex: 1; }
}
@media (max-width: 820px) {
	.c2w-mo-hero { flex-direction: column; align-items: flex-start; }
	.c2w-mo-stepper { width: 100%; overflow-x: auto; }
	.c2w-mo-grid { grid-template-columns: 1fr; }
	.c2w-mo-col-stack { flex-direction: column; }
}
@media (max-width: 540px) {
	.c2w-mo-row2 { grid-template-columns: 1fr; }
	.c2w-mo-products { grid-template-columns: repeat(2, 1fr); }
	.c2w-mo-h1 { font-size: 22px !important; }
	.c2w-mo-step { padding: 7px 10px; font-size: 10px; }
	.c2w-mo-step b { display: none; }
}

/* ───────────────────────────────────────────────
   MANUAL ORDER — EDIT MODE
   Single-card layout for editing existing customer details.
─────────────────────────────────────────────── */
.c2w-mo--edit { max-width: 860px; margin: 0 auto; }
.c2w-mo-form--edit { margin: 0; }
.c2w-mo-body--edit {
	display: block;
	padding: 18px 0;
}
.c2w-mo-card--wide {
	max-width: 100%;
	padding: 24px;
	gap: 18px;
}
.c2w-mo-card--wide .c2w-mo-row2 { gap: 14px; }
.c2w-mo-card--wide .c2w-mo-input { padding: 11px 13px; font-size: 14px; }

.c2w-mo-edit-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 14px;
	border-top: 1px solid #e3e7ef;
	margin-top: 4px;
}
.c2w-mo-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
	text-transform: uppercase;
	letter-spacing: .06em;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	transition: transform .1s, box-shadow .15s, background .15s, color .15s;
	line-height: 1;
}
.c2w-mo-btn--primary {
	background: var(--c2w-primary, #c8102e);
	color: #fff;
	box-shadow: 0 3px 0 color-mix(in srgb, var(--c2w-primary, #c8102e) 70%, #000);
}
.c2w-mo-btn--primary:hover {
	transform: translateY(-1px);
	color: #fff;
}
.c2w-mo-btn--ghost {
	background: #fff;
	color: var(--c2w-secondary, #0a1f44);
	border-color: #dbe3f1;
}
.c2w-mo-btn--ghost:hover {
	background: #f5f7fb;
	color: var(--c2w-secondary, #0a1f44);
	border-color: var(--c2w-secondary, #0a1f44);
}
.c2w-mo-btn svg { flex-shrink: 0; }

@media (max-width: 540px) {
	.c2w-mo-edit-actions { flex-direction: column-reverse; }
	.c2w-mo-edit-actions .c2w-mo-btn { width: 100%; justify-content: center; }
	.c2w-mo-card--wide { padding: 18px; }
}


/* =========================================================
   ADD TEAM (c2w-at-*) - matches inner-pages-design/add-team.html
   Uses --c2w-primary / --c2w-secondary skin variables
   ========================================================= */
.c2w-at{
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
background:#f5f7fb;color:#0a1f44;padding:0;margin:0 auto;
max-width:1400px;
}
.c2w-at *{box-sizing:border-box}

/* HERO */
.c2w-at-hero{
background:#fff;border-bottom:1px solid #e3e7ef;
padding:22px 32px;display:flex;align-items:center;justify-content:space-between;
gap:24px;flex-wrap:wrap;
}
.c2w-at-hero-left{flex:1;min-width:280px}
.c2w-at-eyebrow{
display:block;font-size:10px;font-weight:800;letter-spacing:0.16em;
text-transform:uppercase;color:var(--c2w-primary,#c8102e);margin-bottom:6px;
}
.c2w-at-hero-left h1{
font-size:26px !important;font-weight:800 !important;line-height:1.15;
letter-spacing:-0.01em;color:var(--c2w-secondary,#0a1f44) !important;
margin:0 !important;text-align:left !important;text-transform:none !important;
font-family:'Inter',sans-serif !important;
}
.c2w-at-hero-left h1 em{font-style:normal;color:var(--c2w-primary,#c8102e)}
.c2w-at-hero-left p{
font-size:13px;color:#6b7390;margin:6px 0 0;max-width:620px;line-height:1.5;
}
.c2w-at-stats{display:flex;gap:8px;flex-wrap:wrap}
.c2w-at-stat{
background:#fff;border:1px solid #e3e7ef;border-radius:8px;
padding:10px 16px;display:flex;flex-direction:column;gap:2px;min-width:96px;
}
.c2w-at-stat b{font-size:20px;font-weight:900;color:var(--c2w-secondary,#0a1f44);line-height:1}
.c2w-at-stat span{
font-size:9px;font-weight:800;text-transform:uppercase;
letter-spacing:0.1em;color:#6b7390;
}
.c2w-at-stat--accent{background:var(--c2w-secondary,#0a1f44);border-color:var(--c2w-secondary,#0a1f44)}
.c2w-at-stat--accent b{color:#fff}
.c2w-at-stat--accent span{color:rgba(255,255,255,0.65)}

/* MODE BAR */
.c2w-at-modebar{
background:#fff;border-bottom:1px solid #e3e7ef;padding:14px 32px;
display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.c2w-at-modes{display:flex;gap:6px;flex-wrap:wrap}
.c2w-at-pill{
background:#fff;border:1px solid #e3e7ef;border-radius:6px;
padding:9px 16px;font-size:11.5px;color:#3b4566;font-weight:700;
display:inline-flex;align-items:center;gap:8px;cursor:pointer;
text-transform:uppercase;letter-spacing:0.05em;
font-family:inherit;line-height:1;
}
.c2w-at-pill-ic{
width:18px;height:18px;border-radius:4px;
background:rgba(10,31,68,0.06);color:var(--c2w-secondary,#0a1f44);
display:grid;place-items:center;
}
.c2w-at-pill-ic svg{width:11px;height:11px}
.c2w-at-pill.is-active{
background:var(--c2w-primary,#c8102e);color:#fff;border-color:var(--c2w-primary,#c8102e);
}
.c2w-at-pill.is-active .c2w-at-pill-ic{background:rgba(255,255,255,0.18);color:#fff}
.c2w-at-pill:hover{border-color:var(--c2w-primary,#c8102e)}

/* REQUIRED-AT-CHECKOUT BAR */
.c2w-at-reqbar{
padding:12px 32px;display:flex;align-items:center;justify-content:space-between;
gap:18px;flex-wrap:wrap;
background:linear-gradient(90deg,rgba(200,16,46,0.04),#fff);
border-bottom:1px solid #e3e7ef;
}
.c2w-at-reqbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.c2w-at-reqbar-ic{
width:36px;height:36px;border-radius:8px;
background:var(--c2w-primary,#c8102e);color:#fff;
display:grid;place-items:center;flex-shrink:0;
}
.c2w-at-reqbar-ic svg{width:18px;height:18px}
.c2w-at-reqbar-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.c2w-at-reqbar-text b{
font-size:13px;font-weight:800;color:var(--c2w-secondary,#0a1f44);
letter-spacing:-0.01em;
}
.c2w-at-reqbar-text span{font-size:11.5px;color:#6b7390;line-height:1.35}
.c2w-at-req-toggle{
display:flex;background:#fff;border:1px solid #e3e7ef;
border-radius:6px;overflow:hidden;margin:0;padding:0;
}
.c2w-at-req-opt{display:flex;cursor:pointer;margin:0}
.c2w-at-req-opt input{display:none}
.c2w-at-req-opt span{
font-size:11px;font-weight:800;color:#3b4566;
padding:8px 14px;letter-spacing:0.04em;text-transform:uppercase;
}
.c2w-at-req-opt.is-on span{background:var(--c2w-secondary,#0a1f44);color:#fff}

/* BODY */
.c2w-at-body{
padding:18px 32px;background:#f5f7fb;
display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.4fr);
gap:16px;align-items:start;
}
.c2w-at-card{
background:#fff;border:1px solid #e3e7ef;border-radius:8px;
padding:18px;display:flex;flex-direction:column;gap:12px;
}
.c2w-at-card-head{
display:flex;align-items:center;gap:10px;
padding-bottom:10px;border-bottom:1px solid #e3e7ef;
}
.c2w-at-card-ic{
width:30px;height:30px;border-radius:6px;
background:rgba(10,31,68,0.06);color:var(--c2w-secondary,#0a1f44);
display:grid;place-items:center;flex-shrink:0;
}
.c2w-at-card-ic svg{width:15px;height:15px}
.c2w-at-card-head h3{
font-size:12.5px !important;font-weight:800 !important;
color:var(--c2w-secondary,#0a1f44) !important;flex:1;
text-transform:uppercase !important;letter-spacing:0.06em;
margin:0 !important;text-align:left !important;font-family:inherit !important;
}
.c2w-at-card-tag{
font-size:9px;font-weight:700;color:#6b7390;
background:rgba(10,31,68,0.06);padding:3px 8px;border-radius:4px;
letter-spacing:0.06em;text-transform:uppercase;
}
.c2w-at-helper{
font-size:12px;color:#6b7390;line-height:1.5;margin:-4px 0 4px;
}

/* FORM FIELDS */
.c2w-at-field{display:flex;flex-direction:column;gap:5px}
.c2w-at-field label{
font-size:10px;font-weight:800;color:#6b7390;
text-transform:uppercase;letter-spacing:0.06em;
}
.c2w-at-input{
background:#fff;border:1px solid #dbe3f1;border-radius:5px;
padding:10px 12px;font-size:13px;color:#0a1f44;font-weight:500;
font-family:inherit;width:100%;
}
.c2w-at-input:focus{
outline:none;border-color:var(--c2w-primary,#c8102e);
box-shadow:0 0 0 3px rgba(200,16,46,0.12);
}
select.c2w-at-input{cursor:pointer}

/* DROP ZONE */
.c2w-at-drop{
border:2px dashed #dbe3f1;border-radius:8px;padding:24px 18px;
display:flex;flex-direction:column;align-items:center;gap:8px;
background:#f8fafc;cursor:pointer;text-align:center;
}
.c2w-at-drop svg{width:32px;height:32px;color:var(--c2w-secondary,#0a1f44);opacity:0.7}
.c2w-at-drop input[type=file]{
font-size:11.5px;color:#3b4566;
}
.c2w-at-drop-hint{font-size:11px;color:#6b7390;font-weight:600}

/* ACTIONS / BUTTONS */
.c2w-at-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}
.c2w-at-btn{
padding:11px 18px;border-radius:6px;font-weight:800;font-size:11.5px;
text-transform:uppercase;letter-spacing:0.07em;cursor:pointer;
border:1px solid transparent;font-family:inherit;line-height:1;
display:inline-flex;align-items:center;gap:6px;text-decoration:none;
}
/* High-specificity overrides to defeat theme_option_new.php global
   `body[class*="page-template"] button[type="submit"]{...!important}` rules
   that otherwise paint our buttons with the site CTA color. */
.c2w-at .c2w-at-btn--ghost,
body[class*="page-template"] .c2w-at .c2w-at-btn--ghost,
body[class*="page-template"] button.c2w-at-btn.c2w-at-btn--ghost,
body[class*="page-template"] a.c2w-at-btn.c2w-at-btn--ghost{
background:#fff !important;border:1px solid #e3e7ef !important;color:#3b4566 !important;
box-shadow:none !important;
}
.c2w-at .c2w-at-btn--ghost:hover,
body[class*="page-template"] .c2w-at .c2w-at-btn--ghost:hover,
body[class*="page-template"] button.c2w-at-btn.c2w-at-btn--ghost:hover,
body[class*="page-template"] a.c2w-at-btn.c2w-at-btn--ghost:hover{
background:#fff !important;
border-color:var(--c2w-secondary,#0a1f44) !important;
color:var(--c2w-secondary,#0a1f44) !important;
}
.c2w-at .c2w-at-btn--primary,
body[class*="page-template"] .c2w-at .c2w-at-btn--primary,
body[class*="page-template"] button.c2w-at-btn.c2w-at-btn--primary,
body[class*="page-template"] a.c2w-at-btn.c2w-at-btn--primary{
background:var(--c2w-primary,#c8102e) !important;
color:#fff !important;
border:1px solid var(--c2w-primary,#c8102e) !important;
box-shadow:0 4px 0 rgba(0,0,0,0.18) !important;
}
.c2w-at .c2w-at-btn--primary:hover,
body[class*="page-template"] .c2w-at .c2w-at-btn--primary:hover,
body[class*="page-template"] button.c2w-at-btn.c2w-at-btn--primary:hover,
body[class*="page-template"] a.c2w-at-btn.c2w-at-btn--primary:hover{
background:var(--c2w-primary,#c8102e) !important;
color:#fff !important;
transform:translateY(-1px);
filter:brightness(1.05);
}

/* LISTING — skin button overrides moved to skins/{skin}/style.css */
.c2w-at-listing{display:flex;flex-direction:column;gap:10px;min-width:0}
.c2w-at-listing-head{
display:flex;align-items:center;justify-content:space-between;
padding:0 4px;
}
.c2w-at-listing-head h3{
font-size:12.5px !important;font-weight:800 !important;
color:var(--c2w-secondary,#0a1f44) !important;
text-transform:uppercase !important;letter-spacing:0.08em;
display:flex;align-items:center;gap:8px;
margin:0 !important;text-align:left !important;font-family:inherit !important;
}
.c2w-at-count{
background:var(--c2w-secondary,#0a1f44);color:#fff;
border-radius:10px;padding:2px 9px;font-size:10px;font-weight:800;
}
.c2w-at-export{
font-size:11px;font-weight:800;color:var(--c2w-secondary,#0a1f44);
text-decoration:none;text-transform:uppercase;letter-spacing:0.07em;
border:1px solid #e3e7ef;background:#fff;border-radius:5px;padding:6px 12px;
}
.c2w-at-export:hover{border-color:var(--c2w-primary,#c8102e);color:var(--c2w-primary,#c8102e)}

/* TEAM CARD */
.c2w-at-tcard{
background:#fff;border:1px solid #e3e7ef;border-radius:8px;
padding:14px;display:flex;flex-direction:column;gap:10px;
}
.c2w-at-tcard-top{display:flex;align-items:center;gap:11px}
.c2w-at-mono{
width:40px;height:40px;border-radius:50%;
background:linear-gradient(135deg,var(--c2w-primary,#c8102e),rgba(0,0,0,0.25));
color:#fff;display:grid;place-items:center;
font-weight:900;font-size:13px;letter-spacing:0.04em;flex-shrink:0;
}
.c2w-at-mono--alt{
background:linear-gradient(135deg,var(--c2w-secondary,#0a1f44),#1d4ed8);
}
.c2w-at-tcard-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.c2w-at-tcard-name{
font-size:14px;font-weight:800;color:var(--c2w-secondary,#0a1f44);
display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.c2w-at-badge{
font-size:9px;font-weight:800;color:var(--c2w-secondary,#0a1f44);
background:rgba(10,31,68,0.08);padding:2px 8px;border-radius:10px;
letter-spacing:0.05em;text-transform:uppercase;
}
.c2w-at-rank{
font-size:9px;font-weight:900;color:#fff;
background:var(--c2w-primary,#c8102e);padding:2px 8px;border-radius:10px;
letter-spacing:0.05em;
}
.c2w-at-tcard-meta{font-size:11.5px;color:#6b7390;font-weight:600}
.c2w-at-tcard-meta b{color:#0a1f44;font-weight:800}
.c2w-at-tcard-actions{display:flex;gap:4px;flex-shrink:0}
.c2w-at-iconbtn{
width:28px;height:28px;border-radius:5px;background:#fff;
border:1px solid #e3e7ef;color:#6b7390;
display:grid;place-items:center;cursor:pointer;
}
.c2w-at-iconbtn svg{width:13px;height:13px}
.c2w-at-iconbtn:hover{color:var(--c2w-primary,#c8102e);border-color:var(--c2w-primary,#c8102e)}

/* ALPHA FILTER */
.c2w-at-alpha{display:flex;gap:4px;flex-wrap:wrap;
padding-top:9px;border-top:1px dashed #e3e7ef}
.c2w-at-a{
min-width:22px;height:22px;border-radius:4px;
background:rgba(10,31,68,0.06);color:var(--c2w-secondary,#0a1f44);
font-size:10px;font-weight:800;display:grid;place-items:center;
padding:0 6px;cursor:pointer;text-decoration:none;
}
.c2w-at-a:hover{background:rgba(10,31,68,0.12)}
.c2w-at-a.c2w-active-btn{background:var(--c2w-primary,#c8102e);color:#fff}

/* MEMBERS LIST */
.c2w-at-members{display:flex;flex-direction:column;gap:5px}
.c2w-at-members:empty{display:none}
.c2w-at-members .member-card,
.c2w-at-members > div{
display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;
padding:8px 11px;background:#f5f7fb;border:1px solid #e3e7ef;
border-radius:5px;font-size:12px;
}
.c2w-at-members .member-name,
.c2w-at-members .member-card .name{
color:#0a1f44;font-weight:700;
}
.c2w-at-members .member-tickets{color:#6b7390;font-weight:600;white-space:nowrap}
.c2w-at-members .member-sales{color:var(--c2w-primary,#0a1f44);font-weight:800;white-space:nowrap}
.c2w-at-loadmore{display:flex;justify-content:center;padding-top:6px}

/* CHART CARD */
.c2w-at-chartcard{margin:0 0 18px}
.c2w-at-chartcard .c2w-at-card-head{margin-bottom:14px}

/* SHOW-MEMBERS BUTTON LOADED STATE */
.c2w-at-iconbtn.is-loaded{
background:#e8f7ee;border-color:#16a34a;color:#16a34a;cursor:default;
}
.c2w-at-iconbtn.is-loaded:hover{background:#d8f1e2;color:#16a34a}
.c2w-at-iconbtn.is-loaded svg{width:18px;height:18px}

/* EDIT FORM (when ?id=&type=edit) */
.c2w-at #order_data{
background:#fff;border:1px solid #e3e7ef;border-radius:8px;padding:22px;
max-width:560px;margin:24px auto;
}
.c2w-at #order_data .form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.c2w-at #order_data label{
font-size:10px;font-weight:800;color:#6b7390;
text-transform:uppercase;letter-spacing:0.06em;
}
.c2w-at #order_data input[type=text],
.c2w-at #order_data select{
background:#fff;border:1px solid #dbe3f1;border-radius:5px;
padding:10px 12px;font-size:13px;color:#0a1f44;font-family:inherit;width:100%;
}
.c2w-at #order_data #save-order{
background:var(--c2w-primary,#c8102e) !important;color:#fff !important;
border:none;padding:11px 22px;border-radius:6px;
font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:0.07em;
cursor:pointer;
}

/* Responsive */
@media (max-width: 980px){
.c2w-at-body{grid-template-columns:1fr}
.c2w-at-hero{flex-direction:column;align-items:flex-start}
.c2w-at-stats{width:100%}
.c2w-at-reqbar{flex-direction:column;align-items:stretch}
.c2w-at-req-toggle{align-self:stretch}
.c2w-at-req-opt{flex:1;justify-content:center}
}

/* =========================================================
   ADD TICKET PACKAGES (c2w-tp-*) - matches inner-pages-design pattern
   Uses --c2w-primary / --c2w-secondary skin variables
   ========================================================= */
.c2w-tp{
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
background:transparent;color:#0a1f44;
max-width:1200px;margin:24px auto;padding:0;
border:1px solid #e3e7ef;border-radius:14px;overflow:hidden;
box-shadow:0 1px 3px rgba(10,31,68,0.04);
}
.c2w-tp *{box-sizing:border-box}

/* BACK LINK */
.c2w-tp-back{padding:14px 32px 0}
.c2w-tp-back svg{width:14px;height:14px}

/* HERO */
.c2w-tp-hero{
background:#fff;border-bottom:1px solid #e3e7ef;
padding:18px 32px 22px;display:flex;align-items:center;justify-content:space-between;
gap:24px;flex-wrap:wrap;
}
.c2w-tp-hero-left{flex:1;min-width:280px}
.c2w-tp-eyebrow{
display:block;font-size:10px;font-weight:800;letter-spacing:0.16em;
text-transform:uppercase;color:var(--c2w-primary,#c8102e);margin-bottom:6px;
}
.c2w-tp-hero h1{
font-size:26px !important;font-weight:800 !important;line-height:1.15;
letter-spacing:-0.01em;color:var(--c2w-secondary,#0a1f44) !important;
margin:0 !important;text-align:left !important;text-transform:none !important;
font-family:'Inter',sans-serif !important;
}
.c2w-tp-hero p{
font-size:13px;color:#6b7390;margin:6px 0 0;max-width:620px;line-height:1.5;
}
.c2w-tp-stats{display:flex;gap:8px;flex-wrap:wrap}
.c2w-tp-stat{
background:#fff;border:1px solid #e3e7ef;border-radius:8px;
padding:10px 16px;display:flex;flex-direction:column;gap:2px;min-width:96px;
}
.c2w-tp-stat b{font-size:20px;font-weight:900;color:var(--c2w-secondary,#0a1f44);line-height:1}
.c2w-tp-stat span{
font-size:9px;font-weight:800;text-transform:uppercase;
letter-spacing:0.1em;color:#6b7390;
}
.c2w-tp-stat--accent{background:var(--c2w-secondary,#0a1f44);border-color:var(--c2w-secondary,#0a1f44)}
.c2w-tp-stat--accent b{color:#fff}
.c2w-tp-stat--accent span{color:rgba(255,255,255,0.65)}

/* BODY */
.c2w-tp-body{padding:24px 32px 40px;display:grid;gap:20px}

/* CARD */
.c2w-tp-card{
background:#fff;border:1px solid #e3e7ef;border-radius:12px;
padding:24px;box-shadow:0 1px 2px rgba(10,31,68,0.04);
}
.c2w-tp-card-head{
display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eef0f5;
}
.c2w-tp-card-head h2{
font-size:18px !important;font-weight:800 !important;
color:var(--c2w-secondary,#0a1f44) !important;
margin:0 !important;text-align:left !important;text-transform:none !important;
letter-spacing:-0.01em;line-height:1.2;font-family:'Inter',sans-serif !important;
}
.c2w-tp-card-head p{font-size:12.5px;color:#6b7390;margin:4px 0 0;line-height:1.5}

/* FORM */
.c2w-tp .repeater{display:flex;flex-direction:column;gap:14px}
.c2w-tp .repeater [data-repeatable]>fieldset{
border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.c2w-tp .ticket-field-group{display:flex;flex-direction:column;gap:6px}
.c2w-tp .ticket-field-group label{
font-size:12px;font-weight:700;color:var(--c2w-secondary,#0a1f44);letter-spacing:0.01em;
}
.c2w-tp .ticket-field-group input{
height:42px;padding:0 14px;border:1px solid #dbe3f1;border-radius:8px;
font-size:14px;font-family:inherit;color:#0a1f44;background:#fff;
transition:border-color 0.15s,box-shadow 0.15s;
}
.c2w-tp .ticket-field-group input:focus{
outline:0;border-color:var(--c2w-primary,#c8102e);
box-shadow:0 0 0 3px rgba(200,16,46,0.12);
}
.c2w-tp .error-message{margin:6px 0 0}
.c2w-tp .error-message p{font-size:12px;color:var(--c2w-primary,#c8102e);margin:0}

/* ACTIONS BAR */
.c2w-tp-actions{
display:flex;align-items:center;justify-content:space-between;gap:12px;
margin-top:18px;padding-top:18px;border-top:1px dashed #e3e7ef;flex-wrap:wrap;
}
.c2w-tp-actions-note{font-size:11.5px;color:#6b7390;letter-spacing:0.02em}

/* ADD-ROW PILL */
.c2w-tp .button.ticket-add-row{
display:inline-flex;align-items:center;gap:8px;
background:transparent;border:1.5px dashed var(--c2w-primary,#c8102e);
color:var(--c2w-primary,#c8102e);font-size:13px;font-weight:700;
padding:9px 16px;border-radius:8px;text-decoration:none;cursor:pointer;
transition:all 0.15s;
}
.c2w-tp .button.ticket-add-row:hover{
background:var(--c2w-primary,#c8102e);color:#fff;
}
.c2w-tp .button.ticket-add-row span{font-size:16px;font-weight:900;line-height:1}

/* SUBMIT BUTTON */
.c2w-tp .ticket-button{
display:inline-flex;align-items:center;justify-content:center;
background:var(--c2w-secondary,#0a1f44);color:#fff;border:0;
font-size:13.5px;font-weight:800;padding:11px 28px;border-radius:8px;
cursor:pointer;letter-spacing:0.02em;text-transform:uppercase;
transition:opacity 0.15s,transform 0.1s;font-family:inherit;
}
.c2w-tp .ticket-button:hover:not(:disabled){opacity:0.92}
.c2w-tp .ticket-button:active{transform:translateY(1px)}
.c2w-tp .ticket-button:disabled,
.c2w-tp .ticket-button.disabled{
background:#cbd2e0 !important;color:#fff !important;
cursor:not-allowed;opacity:1;
}

/* TABLE */
.c2w-tp-table-wrap{overflow-x:auto;border:1px solid #eef0f5;border-radius:8px}
.c2w-tp-table{width:100%;border-collapse:collapse;font-size:13px}
.c2w-tp-table thead th{
background:#f5f7fb;color:#3b4566;font-size:10.5px;font-weight:800;
text-transform:uppercase;letter-spacing:0.08em;text-align:left;
padding:12px 16px;border-bottom:1px solid #e3e7ef;
}
.c2w-tp-table tbody td{
padding:14px 16px;border-bottom:1px solid #eef0f5;color:#0a1f44;
font-size:13.5px;vertical-align:middle;
}
.c2w-tp-table tbody tr:last-child td{border-bottom:0}
.c2w-tp-table tbody tr:hover{background:#fafbfd}
.c2w-tp-table .c2w-tp-pname{font-weight:700;color:var(--c2w-secondary,#0a1f44)}
.c2w-tp-table .c2w-tp-qty{font-weight:600;color:#3b4566}
.c2w-tp-table .c2w-tp-price{font-weight:800;color:var(--c2w-secondary,#0a1f44)}
.c2w-tp-table .c2w-tp-per{
font-size:11px;color:#6b7390;font-weight:600;
display:block;margin-top:2px;letter-spacing:0.02em;
}
.c2w-tp-table thead th.c2w-tp-actions-col,
.c2w-tp-table tbody td.c2w-tp-actions-col{text-align:right}

/* ACTION BUTTON */
.c2w-tp-action-btn{
display:inline-flex;align-items:center;gap:6px;
background:#fff;border:1px solid #e3e7ef;color:var(--c2w-secondary,#0a1f44);
font-size:11.5px;font-weight:700;padding:7px 14px;border-radius:6px;
text-decoration:none;cursor:pointer;letter-spacing:0.04em;
text-transform:uppercase;transition:all 0.15s;font-family:inherit;
}
.c2w-tp-action-btn:hover{
background:var(--c2w-primary,#c8102e);color:#fff;border-color:var(--c2w-primary,#c8102e);
}
.c2w-tp-action-btn svg{width:12px;height:12px}

/* EMPTY STATE */
.c2w-tp-empty{padding:36px 16px;text-align:center;color:#6b7390;font-size:13.5px}
.c2w-tp-empty b{
display:block;color:var(--c2w-secondary,#0a1f44);
font-size:14px;font-weight:700;margin-bottom:4px;
}

@media (max-width:720px){
.c2w-tp-back,.c2w-tp-hero,.c2w-tp-body{padding-left:16px;padding-right:16px}
.c2w-tp .repeater [data-repeatable]>fieldset{grid-template-columns:1fr}
.c2w-tp-card{padding:18px}
.c2w-tp-card-head{flex-direction:column}
.c2w-tp-actions{flex-direction:column;align-items:stretch}
.c2w-tp .ticket-button{width:100%}
}


/* =====================================================================
   Color Palette Picker (front-end Site-Settings)
   Behaviour: assets/js/color-palette-picker.js
   ===================================================================== */
.c2w-pp { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.c2w-pp-header { margin-bottom: 16px; }
.c2w-pp-title { font-size: 18px; font-weight: 800; color: #111827; margin: 0 0 4px; }
.c2w-pp-current { font-size: 13px; color: #666; }

.c2w-pp-preview {
	display: flex; gap: 3px; border-radius: 14px; overflow: hidden;
	margin-bottom: 18px; box-shadow: 0 4px 16px rgba(0,0,0,.08); min-height: 70px;
}
.c2w-pp-swatch {
	flex: 1; min-height: 70px; display: flex; flex-direction: column;
	align-items: center; justify-content: flex-end; gap: 3px; padding: 6px 4px;
	position: relative; cursor: pointer; transition: filter .15s, transform .1s;
}
.c2w-pp-swatch:hover { filter: brightness(.93); }
.c2w-pp-swatch:active { transform: scale(.98); }
.c2w-pp-swatch::after {
	content: '\270E'; position: absolute; top: 5px; right: 6px;
	font-size: 11px; opacity: .55;
}
/* native colour input fills the swatch but stays invisible so the whole
   tile is the click target / picker trigger */
.c2w-pp-color {
	position: absolute; inset: 0; width: 100%; height: 100%;
	opacity: 0; border: 0; padding: 0; margin: 0; cursor: pointer;
}
.c2w-pp-swatch-label {
	font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
	background: rgba(255,255,255,.75); color: #333; padding: 2px 6px;
	border-radius: 4px; white-space: nowrap; pointer-events: none;
}
.c2w-pp-swatch-hex {
	font-size: 9px; font-weight: 700; letter-spacing: .3px;
	pointer-events: none; text-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.c2w-pp-hint { font-size: 12px; color: #555; margin: 0 0 8px; }
.c2w-pp-none {
	font-size: 13px; color: #999; padding: 20px; display: flex;
	align-items: center; justify-content: center; width: 100%;
	background: #f7f8fc; border-radius: 14px;
}

.c2w-pp-grid {
	display: flex; flex-wrap: wrap; gap: 8px;
	max-height: 400px; overflow-y: auto; padding: 4px; margin-bottom: 16px;
}
.c2w-pp-group {
	width: 100%; font-size: 10px; font-weight: 800; text-transform: uppercase;
	letter-spacing: .4px; color: #999; margin-top: 8px; padding-bottom: 4px;
	border-bottom: 1px solid #eee;
}
.c2w-pp-group:first-child { margin-top: 0; }

.c2w-pp-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 7px 12px; border-radius: 10px;
	border: 2px solid rgba(0,0,0,.08); background: #fff;
	cursor: pointer; transition: border-color .15s, box-shadow .15s;
	font-size: 12px; font-weight: 600; color: #333;
}
.c2w-pp-btn:hover { border-color: rgba(46,231,251,.3); }
.c2w-pp-btn.is-active {
	border-color: #2ee7fb; background: rgba(46,231,251,.06);
	box-shadow: 0 2px 10px rgba(46,231,251,.2);
}
.c2w-pp-dots { display: flex; gap: 3px; }
.c2w-pp-dot {
	width: 14px; height: 14px; border-radius: 50%;
	border: 1px solid rgba(0,0,0,.1);
}
.c2w-pp-label { white-space: nowrap; }
.c2w-pp-footer { display: flex; align-items: center; gap: 12px; justify-content: flex-end; margin-top: 8px; }
.c2w-pp-save {
	background: #2ee7fb; color: #0f054e; border: none;
	padding: 10px 28px; border-radius: 10px; font-size: 14px;
	font-weight: 700; cursor: pointer; transition: background .15s;
}
.c2w-pp-save:hover { background: #1ad6ea; }
.c2w-pp-save:disabled { opacity: .5; cursor: wait; }
.c2w-pp-custom {
	background: #0f054e; color: #fff; border: none;
	padding: 10px 24px; border-radius: 10px; font-size: 14px;
	font-weight: 700; cursor: pointer; transition: background .15s, opacity .15s;
}
.c2w-pp-custom:hover:not(:disabled) { background: #1b0e6e; }
.c2w-pp-custom:disabled { opacity: .4; cursor: not-allowed; }
.c2w-pp-reset {
	background: transparent; color: #b91c1c; border: 2px solid #b91c1c;
	padding: 9px 22px; border-radius: 10px; font-size: 13px;
	font-weight: 700; cursor: pointer; transition: all .15s;
}
.c2w-pp-reset:hover { background: #b91c1c; color: #fff; }
.c2w-pp-reset:disabled { opacity: .5; cursor: wait; }
.c2w-pp-msg {
	padding: 10px 16px; border-radius: 8px; margin-bottom: 14px;
	font-size: 13px; font-weight: 600; display: none;
}
.c2w-pp-msg.ok  { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; display: block; }
.c2w-pp-msg.err { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; display: block; }
.c2w-pp-status { font-size: 12px; color: #666; }

/* =====================================================================
 * My Account — logged-out LOGIN form (centered card, design-system styled)
 * ===================================================================== */
/* Centre ONLY the outer wrapper (~half width, capped); inner elements fill it.
   !important beats skin rules that stretch the content area full-width. */
.woocommerce-account:not(.logged-in) .woocommerce {
	width: 50% !important;
	max-width: 520px !important;
	min-width: 300px;
	margin: 50px auto !important;
	padding: 0 16px;
	float: none !important;
}
.woocommerce-account:not(.logged-in) #customer_login,
.woocommerce-account:not(.logged-in) form.woocommerce-form-login {
	width: 100% !important; max-width: 100% !important; margin: 0 auto !important; float: none !important;
}
.woocommerce-account:not(.logged-in) .entry-title,
.woocommerce-account:not(.logged-in) .page-title { text-align: center; margin-bottom: 6px; }
/* collapse WC's two-column login/register layout into one centered column */
.woocommerce-account #customer_login.col2-set,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 { width: 100% !important; float: none !important; margin: 0 0 22px !important; max-width: 100% !important; }
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register {
	background: #fff;
	border: 1px solid #e0e4ef;
	border-radius: 14px;
	box-shadow: 0 6px 30px rgba(26, 35, 126, .10);
	padding: 30px 28px;
	margin: 0;
}
.woocommerce-account form.woocommerce-form-login .form-row,
.woocommerce-account form.woocommerce-form-login p { margin: 0 0 18px; }
.woocommerce-account form.woocommerce-form-login label,
.woocommerce-account form.woocommerce-form-login > label { display: block; font-weight: 600; font-size: 13px; color: #1a1a2e; margin-bottom: 6px; }
.woocommerce-account form.woocommerce-form-login input.input-text,
.woocommerce-account form.woocommerce-form-login input[type="text"],
.woocommerce-account form.woocommerce-form-login input[type="email"],
.woocommerce-account form.woocommerce-form-login input[type="password"] {
	width: 100%; padding: 11px 13px; border: 1.5px solid #e0e4ef; border-radius: 8px;
	font-size: 14px; color: #1a1a2e; background: #fff; box-sizing: border-box;
}
.woocommerce-account form.woocommerce-form-login input.input-text:focus,
.woocommerce-account form.woocommerce-form-login input[type="password"]:focus {
	outline: none; border-color: var(--c2w-primary, #3949ab); box-shadow: 0 0 0 3px rgba(57, 73, 171, .12);
}
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account form.woocommerce-form-login button[type="submit"] {
	width: 100%; padding: 12px; border: none; border-radius: 8px;
	background: var(--c2w-primary, #1a237e); color: #fff;
	font-size: 15px; font-weight: 700; cursor: pointer; margin-top: 4px; transition: opacity .15s;
}
.woocommerce-account form.woocommerce-form-login button[type="submit"]:hover { opacity: .9; }
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex; align-items: center; gap: 7px; font-size: 13px; color: #6b7a99; font-weight: 500; margin: 6px 0 0;
}
.woocommerce-account .woocommerce-LostPassword { text-align: center; margin: 16px 0 0; }
.woocommerce-account .woocommerce-LostPassword a { color: var(--c2w-primary, #1a237e); font-size: 13px; font-weight: 600; text-decoration: none; }
.woocommerce-account .woocommerce-LostPassword a:hover { text-decoration: underline; }

/* C2W brand icon in the "Fundraising powered by Chance2Win" footer — white
   rounded tile (like the dashboard sidebar) so the icon reads on the dark bg. */
#colophon .footer-brand-mark {
	flex: 0 0 auto; width: 34px; height: 34px; border-radius: 8px;
	background: #fff; display: inline-flex; align-items: center; justify-content: center; overflow: hidden;
}
#colophon .footer-brand-mark img {
	width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;
	object-fit: contain; padding: 4px; box-sizing: border-box; display: block;
}