/* Panel del partner. Hereda todo de /styles.css (mismos tokens de color, tarjetas,
   chips, KPIs, tablas y bottom-sheet); aquí solo va lo que no existe allí. */

/* Barra de selección de cupón (solo admin) */
.couponbar{display:flex;align-items:center;gap:10px;margin:2px 0 12px;flex-wrap:wrap}
.couponbar label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}
.couponbar select{flex:1;min-width:180px;background:var(--card2);color:var(--ink);border:1px solid var(--line);
  border-radius:11px;padding:11px 12px;font-size:15px;-webkit-appearance:none}
.couponbar select:focus{outline:none;border-color:var(--accent)}

/* Cupón del usuario, junto al título */
.cpill{display:inline-block;background:rgba(79,156,255,.16);color:var(--accent);font-weight:700;
  font-size:11px;letter-spacing:.5px;padding:2px 8px;border-radius:999px;margin-left:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* Gráfico de columnas por día. Una columna por día del rango (incluidos los vacíos),
   para que se vea la continuidad y no solo los días con ventas. */
.dchart{display:flex;align-items:flex-end;gap:2px;height:150px}
.dcol{flex:1 1 0;min-width:1px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.dcol .fillcol{background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;transition:height .25s}
.dcol.zero .fillcol{background:var(--line)}
.dchart.empty{align-items:center;justify-content:center;color:var(--muted);font-size:13px}

/* styles.css quita la apariencia nativa a TODOS los .form input (lo necesitan los de
   texto), y eso deja las casillas sin marca visible aunque estén marcadas. Se restaura
   solo para los checkbox, y solo aquí: el panel interno se queda como está. */
.form .chkline input[type=checkbox]{
  -webkit-appearance:auto;appearance:auto;accent-color:var(--accent);
  width:17px;height:17px;padding:0;border:0;border-radius:0;background:none}

/* Filas de usuario: no son clicables enteras, el botón de editar es explícito */
.urow{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);
  border-radius:13px;padding:12px 14px}
.urow .umain{flex:1;min-width:0}
.urow .utop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.urow .uname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urow .umeta{color:var(--muted);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urow .uedit{flex-shrink:0;background:var(--card2);color:var(--ink);border:1px solid var(--line);
  border-radius:10px;padding:9px 13px;font-size:13px;cursor:pointer}
.urow .uedit:hover{border-color:var(--accent)}
.b-admin{background:rgba(109,42,166,.28);color:#c58be0}
.b-off{background:rgba(139,152,176,.18);color:var(--muted)}