/* Products (PR1): badges, chips, Admin › Products, Can work */

    .product-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      height: 22px;
      padding: 0 9px 0 8px;
      border-radius: 11px;
      background: color-mix(in srgb, var(--product, #4B2EDB) 12%, white);
      color: var(--product, #4B2EDB);
      font: 800 11px var(--font-body);
      letter-spacing: 0.02em;
      white-space: nowrap;
      vertical-align: middle;
    }

    .product-badge::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--product, #4B2EDB);
    }

    .product-badge.on-band {
      background: color-mix(in srgb, var(--product, #4B2EDB) 30%, #241C3D);
      color: #fff;
    }

    .product-badge.on-band::before { background: #fff; }

    .product-dot {
      display: inline-block;
      flex: none;
      width: 8px;
      height: 8px;
      margin-right: 5px;
      border-radius: 50%;
      background: var(--product, #4B2EDB);
      vertical-align: middle;
    }

    .today-name-line .product-badge,
    .lead-name-cell .product-badge { margin-left: 6px; }

    .col-product { white-space: nowrap; }

    .lead-preview-product { margin-top: 8px; }

    /* Leads: All · Rainbow · Hydration */
    .leads-product-chips {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-right: 6px;
    }

    .leads-product-chip {
      min-height: 32px;
      padding: 0 12px;
      border-radius: 16px;
      border: 1.5px solid var(--border-strong);
      background: #fff;
      color: var(--text);
      font: 700 13px var(--font-body);
      cursor: pointer;
    }

    .leads-product-chip.is-on {
      background: var(--product, var(--accent));
      border-color: var(--product, var(--accent));
      color: #fff;
    }

    /* Lead page */
    .detail-product-select {
      height: 36px;
      border: 1.5px solid var(--border-strong);
      border-radius: var(--radius-sm);
      padding: 0 10px;
      font: inherit;
      background: #fff;
    }

    .product-also-card { padding: 14px 20px; }

    .product-also-line {
      margin: 0 0 6px;
      font-size: 14px;
    }

    .product-also-add {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }

    .product-also-add select {
      height: 42px;
      border: 1.5px solid var(--border-strong);
      border-radius: var(--radius);
      padding: 0 12px;
      font: inherit;
      background: #fff;
    }

    /* Admin › Products */
    .pr-row { align-items: center; }

    .pr-swatch {
      flex: none;
      width: 22px;
      height: 22px;
      border-radius: 50%;
    }

    .pr-name {
      width: 100%;
      max-width: 320px;
      height: 40px;
      border: 1.5px solid var(--border-strong);
      border-radius: var(--radius-sm);
      padding: 0 10px;
      font: 700 15px var(--font-body);
      background: #fff;
    }

    .pr-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-top: 8px;
    }

    .pr-colour {
      height: 36px;
      border: 1.5px solid var(--border-strong);
      border-radius: var(--radius-sm);
      padding: 0 8px;
      font: inherit;
      background: #fff;
    }

    .pr-btn {
      min-width: 44px;
      min-height: 44px;
      padding: 0 10px;
      font-weight: 700;
    }

    .pr-btn:disabled { opacity: 0.35; }

    /* Staff */
    .staff-can-work {
      margin-top: 4px;
      font-size: 13px;
      color: var(--muted);
    }

    .can-work-list {
      display: flex;
      flex-direction: column;
      margin: 4px 0 8px 26px;
    }

    /* Intake settings */
    .product-setting { margin-top: 8px; }

    .product-setting select,
    #add-form-product,
    #entity-product,
    #kiosk-product,
    #add-lead-product {
      width: 100%;
      max-width: 320px;
      height: 40px;
      border: 1.5px solid var(--border-strong);
      border-radius: var(--radius-sm);
      padding: 0 10px;
      font: inherit;
      background: #fff;
    }

    .kiosk-product-wrap { margin: 12px 0; }

    #call-list-product-warn {
      margin: 8px 0 0;
      color: var(--wait);
      background: var(--wait-bg);
      padding: 8px 10px;
      border-radius: var(--radius-sm);
      font-size: 13px;
    }

    .stats-products { margin-top: 10px; }